*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#fff;font-family:Arial,Helvetica,sans-serif}.nav{position:absolute;z-index:50;top:0;left:0;right:0;height:120px;padding:0 4vw;display:flex;align-items:center;gap:34px;background:linear-gradient(#080808e8,transparent)}.logo{display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;flex:0 0 auto}.logo img{margin-top:18px;display:block;height:208px;width:auto;max-width:960px;object-fit:contain}.nav nav{display:flex;gap:22px}.nav nav a,.nav-btn{color:#fff;text-decoration:none;font-size:14px}.nav-btn{margin-left:auto;background:#fff;color:#000;padding:11px 17px;border-radius:4px;font-weight:700}.hero{height:min(88vh,820px);min-height:590px;position:relative;background:radial-gradient(circle at 74% 40%,#752016 0,#231312 23%,#080808 65%);overflow:hidden}.hero:after{content:"";position:absolute;right:4%;top:13%;width:min(48vw,650px);height:70%;background:linear-gradient(135deg,#9a3021,#241414 50%,#050505);border-radius:8px;transform:perspective(900px) rotateY(-8deg);box-shadow:0 30px 80px #000}.shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#080808 0,#080808d9 36%,transparent 72%),linear-gradient(0deg,#080808 0,transparent 35%)}.hero-copy{position:absolute;z-index:3;left:4vw;top:50%;transform:translateY(-42%);max-width:700px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.26em;color:#aaa}.hero h1{font-size:clamp(42px,5.4vw,78px);line-height:.98;margin:15px 0 20px;letter-spacing:-3px}.hero p{font-size:18px;line-height:1.6;color:#d1d1d1;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:28px}.primary,.secondary{padding:14px 24px;border-radius:4px;text-decoration:none;font-weight:800}.primary{background:#fff;color:#000}.secondary{background:#ffffff24;color:#fff}.browse{position:relative;z-index:5;margin-top:-105px;padding:0 0 50px}.row-block{margin:0 0 32px;padding-left:4vw}.row-block h2{font-size:21px;margin:0 0 12px}.poster-row{display:flex;gap:9px;overflow-x:auto;padding:8px 4vw 18px 0;scrollbar-width:none}.poster-row::-webkit-scrollbar{display:none}.poster{position:relative;flex:0 0 clamp(145px,14vw,205px);aspect-ratio:2/3;background:linear-gradient(145deg,#342020,#111);border-radius:5px;overflow:hidden;transition:.22s;box-shadow:0 7px 25px #0009}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster:hover{transform:scale(1.055);z-index:5}.poster-label{position:absolute;inset:auto 0 0;padding:60px 10px 12px;background:linear-gradient(transparent,#000e);opacity:0;transition:.2s}.poster:hover .poster-label{opacity:1}.poster-label strong,.poster-label span{display:block}.poster-label span{font-size:11px;color:#aaa;margin-top:4px}.poster-error .poster-label{opacity:1}.included,.plans,.faq{padding:90px 4vw;max-width:1500px;margin:auto}.included{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.included h2,.plans h2,.faq h2,.start h2{font-size:clamp(34px,4vw,56px);letter-spacing:-2px;margin:12px 0}.included p,.sub,.start p,.faq p{color:#aaa;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-grid article{background:#151515;border:1px solid #252525;border-radius:6px;padding:27px}.feature-grid b,.feature-grid span{display:block}.feature-grid span{color:#999;font-size:13px;margin-top:9px}.plans{text-align:center}.plan-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:42px}.plan{position:relative;text-align:left;padding:26px 20px;background:#151515;border:1px solid #303030;border-radius:7px}.plan.popular{border-color:#ddd}.plan i{position:absolute;right:12px;top:-11px;background:#fff;color:#000;font-size:9px;font-style:normal;font-weight:900;padding:6px 8px;border-radius:3px}.plan h3{margin:0}.price{font-size:36px;font-weight:900;margin:18px 0}.price small{font-size:12px;color:#999;font-weight:400}.plan a{display:block;text-align:center;background:#fff;color:#000;text-decoration:none;font-weight:800;padding:13px;border-radius:4px}.start{padding:90px 4vw;background:#101010}.start-card{max-width:850px;margin:auto;padding:55px;background:#171717;border:1px solid #303030;border-radius:8px;text-align:center}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin-top:32px}.fields label{font-size:12px;color:#aaa}.fields .full{grid-column:1/-1}.fields input,.fields select{display:block;width:100%;margin-top:18px;padding:16px;background:#090909;border:1px solid #444;border-radius:4px;color:#fff;font-size:15px}.start button{width:100%;margin-top:18px;padding:16px;border:0;border-radius:4px;font-weight:900;font-size:15px;cursor:pointer}.faq{max-width:900px}.faq details{border-top:1px solid #333;padding:22px 0}.faq summary{cursor:pointer;font-weight:700;font-size:18px}footer{padding:55px 4vw;border-top:1px solid #222;display:flex;justify-content:space-between;align-items:center;color:#777;gap:20px}footer b{color:#e50914}@media(max-width:900px){.nav nav{display:none}.hero:after{opacity:.55;width:75vw;right:-20%}.included{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,1fr)}.plan:last-child{grid-column:1/-1}.browse{margin-top:-70px}}@media(max-width:600px){.nav{height:108px}.hero{min-height:610px}.hero h1{letter-spacing:-2px}.hero-copy{left:6vw;right:6vw}.row-block{padding-left:6vw}.poster{flex-basis:135px}.included,.plans,.faq{padding:65px 6vw}.feature-grid,.plan-grid,.fields{grid-template-columns:1fr}.plan:last-child,.fields .full{grid-column:auto}.start{padding:65px 6vw}.start-card{padding:35px 20px}footer{flex-direction:column;gap:12px}}
/* JINX TV v2 refinements */
.logo{font-size:36px!important;letter-spacing:-1.8px!important;line-height:1;font-weight:900!important}
.hero:after{display:none!important}
.tv-guide{position:absolute;z-index:3;right:4.5vw;top:18%;width:min(46vw,650px);background:#111;border:1px solid #3a3a3a;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px #000;transform:perspective(1000px) rotateY(-4deg)}
.guide-top{height:58px;padding:0 18px;display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,#191919,#0b0b0b);border-bottom:1px solid #333}
.guide-top b{font-size:18px;color:#e50914}.guide-top span{font-size:10px;letter-spacing:.2em;color:#aaa}.guide-top time{margin-left:auto;font-size:12px;color:#ddd}
.guide-times{display:grid;grid-template-columns:120px repeat(2,1fr);height:35px;align-items:center;background:#0a0a0a;color:#777;font-size:10px}.guide-times:before{content:"CHANNEL"}.guide-times>* ,.guide-times:before{padding-left:12px}
.guide-line{display:grid;grid-template-columns:120px 1fr 1fr;min-height:62px;border-top:1px solid #272727;align-items:stretch}
.guide-line b{display:flex;align-items:center;padding:0 12px;font-size:11px;background:#0c0c0c;color:#ccc}
.guide-line span{display:flex;align-items:center;padding:0 12px;border-left:1px solid #292929;font-size:11px;color:#bbb;background:#181818}
.guide-line span.on{background:linear-gradient(135deg,#4a1115,#251113);color:#fff;border-left:3px solid #e50914}
.plans h2,.start h2{font-size:clamp(32px,3.2vw,48px)!important;letter-spacing:-1.25px!important;line-height:1.08!important;max-width:850px;margin-left:auto!important;margin-right:auto!important}
.plans .sub{max-width:650px;margin-left:auto;margin-right:auto}
.start-card{max-width:920px!important}
.start-card>p{max-width:680px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.logo{font-size:30px!important}.tv-guide{right:-10%;top:22%;width:66vw;opacity:.62;transform:none}.hero-copy{max-width:610px}.plans h2,.start h2{font-size:clamp(30px,7vw,42px)!important}}
@media(max-width:600px){.logo{font-size:27px!important}.tv-guide{right:-42%;top:18%;width:105vw;opacity:.38}.guide-line{grid-template-columns:90px 1fr 1fr}.guide-times{grid-template-columns:90px repeat(2,1fr)}}
/* v3: compact pricing cards + user's TV guide image */
.tv-guide{display:none!important}
.tv-guide-image{position:absolute;z-index:3;right:4.5vw;top:18%;width:min(46vw,650px);border-radius:8px;overflow:hidden;box-shadow:0 30px 80px #000;background:#111;transform:perspective(1000px) rotateY(-3deg)}
.tv-guide-image img{display:block;width:100%;height:auto;object-fit:cover}
.plan-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;max-width:1050px!important;margin:42px auto 0!important;align-items:stretch}
.plan{min-height:205px!important;padding:24px 20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border-radius:8px!important}
.plan h3{font-size:20px!important}.price{font-size:31px!important;margin:14px 0 20px!important}.plan a{padding:12px 10px!important}
@media(max-width:1000px){.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:720px!important}.plan:last-child{grid-column:auto!important}.tv-guide-image{right:-8%;width:61vw;opacity:.7;transform:none}}
@media(max-width:650px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:470px!important}.plan{min-height:185px!important}.plan:last-child{grid-column:1/-1!important;max-width:228px;width:100%;justify-self:center}.tv-guide-image{right:-38%;top:21%;width:100vw;opacity:.38}}
/* v4 exact pricing-card direction */
.plans-v4{max-width:1600px!important;padding:78px 3vw 86px!important;text-align:left!important}
.plans-head{max-width:1500px;margin:0 auto 30px}.plans-v4 h2{margin:7px 0 7px!important;max-width:none!important;font-size:clamp(34px,3.2vw,52px)!important;text-transform:uppercase;letter-spacing:.02em!important}.plans-v4 .sub{margin:0!important;max-width:none!important;font-size:18px}
.plan-grid-v4{max-width:1500px!important;margin:32px auto 0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
.plan-v4{min-height:305px!important;padding:27px 18px 18px!important;text-align:center!important;background:linear-gradient(145deg,#121a20,#0b1014)!important;border:1px solid #39434a!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}
.plan-v4 h3{font-size:29px!important;margin:0 0 20px!important}
.plan-v4 .price{font-size:42px!important;margin:24px 0 24px!important;white-space:nowrap}.plan-v4 .price small{font-size:16px!important;margin-left:5px;color:#ddd!important}
.plan-v4 a{margin-top:auto!important;background:#f7f7f7!important;color:#111!important;padding:15px 8px!important;border-radius:7px!important;font-size:16px!important}
.plan-v4.popular{border:2px solid #aeb7c4!important;box-shadow:0 0 18px #ffffff38!important}
.plan-v4 i{left:50%!important;right:auto!important;top:-18px!important;transform:translateX(-50%);background:#f7f7f7!important;color:#111!important;font-size:11px!important;padding:8px 24px!important;border-radius:18px!important;white-space:nowrap}
.tv-icons{height:56px;display:flex;justify-content:center;align-items:center;gap:10px}
.tv-icon{display:inline-block;width:39px;height:27px;border:3px solid #aeb7c4;border-radius:3px;position:relative}
.tv-icon:before{content:"";position:absolute;left:50%;bottom:-8px;width:3px;height:6px;background:#aeb7c4;transform:translateX(-50%)}
.tv-icon:after{content:"";position:absolute;left:50%;bottom:-10px;width:20px;height:3px;background:#eee;transform:translateX(-50%);border-radius:2px}
@media(max-width:1100px){.plan-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr))!important}.plan-v4:last-child{grid-column:auto!important}}
@media(max-width:720px){.plans-v4{padding-left:5vw!important;padding-right:5vw!important}.plan-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.plan-v4:last-child{grid-column:1/-1!important;max-width:320px!important;width:100%;justify-self:center}.plan-v4{min-height:285px!important}.tv-icon{width:32px;height:23px}.tv-icons{gap:7px}}
@media(max-width:430px){.plan-grid-v4{grid-template-columns:1fr!important}.plan-v4:last-child{grid-column:auto!important;max-width:none!important}.plans-v4 .sub{font-size:15px}}
/* v5: active plan selection flow */
.plan-v4 a{cursor:pointer!important;transition:transform .15s ease,background .15s ease!important}
.plan-v4 a:hover{background:#dedede!important;transform:translateY(-1px)}
.plan-v4 a:active{transform:translateY(1px)}
.plan-v4.selected-plan{border:2px solid #fff!important;box-shadow:0 0 0 2px #ffffff22,0 0 24px #ffffff28!important}
.plan-v4.selected-plan a{background:#e50914!important;color:#fff!important}
.selected-plan-copy{font-size:17px!important;color:#bbb!important;margin:8px auto 4px!important}
.selected-plan-copy strong{color:#fff}
#get-started{scroll-margin-top:70px}
/* v6: larger form labels + device compatibility strip */
.fields label{font-size:18px!important;font-weight:700!important;color:#f0f0f0!important;line-height:1.35!important}
.fields input,.fields select{font-size:18px!important;min-height:58px!important}
.devices-v6{padding:10px 3vw 78px;background:#080808}
.devices-inner{max-width:1500px;margin:0 auto}
.devices-v6 h2{font-size:clamp(22px,2vw,31px);letter-spacing:.04em;margin:0 0 24px;font-weight:900}
.device-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.device-grid article{min-height:195px;padding:16px 10px 14px;background:linear-gradient(145deg,#121a20,#0b1014);border:1px solid #1d2930;border-radius:8px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}
.device-grid article b{font-size:14px;white-space:nowrap}
.device-art{height:125px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;color:#ddd;font-weight:900}
.device-art.fire:before{content:"";width:30px;height:88px;border-radius:17px;background:linear-gradient(#333,#111);transform:rotate(-18deg);box-shadow:0 6px 15px #000}
.device-art.fire:after{content:"";position:absolute;width:54px;height:16px;background:#222;border-radius:4px;transform:translate(-30px,33px) rotate(20deg)}
.device-art.box:before{content:"";width:86px;height:65px;background:linear-gradient(145deg,#333,#090909);border-radius:15px;box-shadow:0 10px 18px #000}
.device-art.box span{position:absolute;color:#666;font-size:12px}
.device-art.shield{font-size:86px;color:#78d12b;text-shadow:15px 5px 0 #222}
.device-art.google:before{content:"";width:58px;height:78px;background:#eee;border-radius:29px 29px 20px 20px;box-shadow:30px 20px 0 -15px #ddd}
.device-art.google span{position:absolute;color:#888;font-size:20px}
.device-art.smart:before{content:"";position:absolute;width:130px;height:78px;border:5px solid #222;background:linear-gradient(135deg,#0574c5,#182459);box-shadow:0 9px 0 -6px #888}
.device-art.smart span,.device-art.smart em{position:relative;z-index:2;font-size:12px;font-style:normal}.device-art.smart em{margin-left:8px;color:#ff4d7d}
.device-art.phone:before{content:"";width:48px;height:92px;border:5px solid #222;border-radius:8px;background:linear-gradient(160deg,#2953ff,#ff83aa);box-shadow:-30px 12px 0 -15px #333}
.device-art.laptop:before{content:"";position:absolute;width:115px;height:72px;border:5px solid #252525;border-radius:5px;background:linear-gradient(135deg,#1781dc,#80b7ff)}
.device-art.laptop:after{content:"";position:absolute;width:140px;height:8px;background:#aaa;bottom:18px;border-radius:1px 1px 8px 8px}
.device-art.laptop span{z-index:2;font-size:30px}.device-art.mac:before{background:linear-gradient(135deg,#f095ff,#7042b9)}
@media(max-width:1100px){.device-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.fields label{font-size:16px!important}.device-grid{grid-template-columns:repeat(2,1fr)}.device-grid article b{font-size:13px}.devices-v6{padding-left:5vw;padding-right:5vw}}
/* v7 content rows */
.catalog-v7{padding:48px 4vw 70px;background:#080808}
.catalog-v7 .row-wrap{max-width:1500px;margin:0 auto 45px}
.catalog-v7 h2{font-size:25px;margin:0 0 17px}
.catalog-v7 .poster-row{display:grid;grid-auto-flow:column;grid-auto-columns:170px;gap:13px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin}
.poster-card{height:250px;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#242b31,#101418);position:relative;border:1px solid #252d32}
.poster-card img{width:100%;height:100%;object-fit:cover;display:block}
.poster-card span{position:absolute;left:10px;right:10px;bottom:10px;font-size:13px;font-weight:800;text-shadow:0 2px 5px #000}
.poster-fallback:before{content:"JINX TV";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;letter-spacing:.2em;color:#666}
.channel-row{display:grid;grid-template-columns:repeat(8,minmax(140px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}
.channel-logo{height:105px;min-width:140px;background:linear-gradient(145deg,#151d23,#090c0e);border:1px solid #30383e;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:19px;font-weight:900;letter-spacing:.04em}
@media(max-width:800px){.catalog-v7 .poster-row{grid-auto-columns:145px}.poster-card{height:215px}.channel-row{grid-template-columns:repeat(8,140px)}}
/* v8 real sourced poster rows */
.catalog-v7 .poster-row{grid-auto-columns:190px!important}
.real-poster{height:285px!important;background:#111!important}
.real-poster img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.real-poster .poster-title{position:absolute;left:0;right:0;bottom:0;padding:30px 11px 10px;background:linear-gradient(transparent,rgba(0,0,0,.94));font-size:14px;font-weight:800}
.real-poster>span{display:none!important}
@media(max-width:800px){.catalog-v7 .poster-row{grid-auto-columns:155px!important}.real-poster{height:232px!important}}
/* v9: exactly eight posters per movie/TV row */
.catalog-v7 .poster-row.fixed-eight{
display:grid!important;
grid-template-columns:repeat(8,minmax(0,1fr))!important;
grid-auto-flow:row!important;
grid-auto-columns:auto!important;
gap:13px!important;
overflow:visible!important;
}
.fixed-eight .real-poster{width:100%!important;aspect-ratio:2/3!important;height:auto!important;min-height:0!important}
.poster-fallback-title{display:none;position:absolute;inset:0;padding:18px;text-align:center;align-items:center;justify-content:center;background:linear-gradient(145deg,#242b31,#0b0d0f);font-size:17px;font-weight:900}
.poster-load-failed .poster-fallback-title{display:flex}
.poster-load-failed .poster-title{display:none}
@media(max-width:1150px){.catalog-v7 .poster-row.fixed-eight{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:620px){.catalog-v7 .poster-row.fixed-eight{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.real-poster .poster-title,.real-poster .poster-fallback-title{display:none!important}
.real-poster img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.devices-v11 .device-grid article{justify-content:space-between!important;min-height:205px!important}
.modern-device{height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px;border-radius:7px;background:#f5f5f5;overflow:hidden;margin-bottom:10px;color:#111}
.modern-device img{width:100%;height:100%;object-fit:contain;display:block}
.google-card{background:linear-gradient(145deg,#e8e4dc,#f8f7f4)}.google-card strong{font-size:22px}.google-card span{font-size:13px;margin-top:5px}
.phone-card{background:linear-gradient(145deg,#101820,#263849)}.phone-shape{height:126px;width:64px;border-radius:13px;background:linear-gradient(145deg,#3b82f6,#a855f7 55%,#fb7185);border:5px solid #151515;display:flex;align-items:center;justify-content:center}.phone-shape span{font-size:10px;color:#fff;font-weight:800}
.windows-card{background:linear-gradient(135deg,#1377d4,#75b7ef);font-size:20px}
/* v12: larger hero TV guide */
.tv-guide-image{width:min(57vw,820px)!important;right:2.5vw!important;top:12%!important}
.tv-guide-image img{width:100%!important;height:auto!important}
@media(max-width:1000px){.tv-guide-image{width:67vw!important;right:-8%!important;top:17%!important}}
@media(max-width:650px){.tv-guide-image{width:112vw!important;right:-43%!important;top:20%!important}}
/* v13 exact device order + no blank poster cards */
.poster-art-fallback{background:
radial-gradient(circle at 70% 25%,rgba(210,210,210,.18),transparent 24%),
linear-gradient(145deg,#272727 0%,#111 48%,#050505 100%)!important}
.poster-art-fallback:after{content:"JINX TV";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;letter-spacing:.18em;color:#ffffff66}
.iphone-card{background:linear-gradient(145deg,#111,#303030)}
.iphone-shape{height:126px;width:62px;border-radius:16px;background:linear-gradient(155deg,#d7d7d7,#fafafa);border:5px solid #111;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #0008;position:relative}
.iphone-shape:before{content:"";position:absolute;top:5px;width:24px;height:7px;border-radius:10px;background:#111}
.iphone-shape span{font-size:10px;color:#111;font-weight:800}
/* v14 current, clean device silhouettes */
.modern-devices .device-grid article{min-height:190px!important}
.device-visual{height:135px;border-radius:10px;background:linear-gradient(145deg,#f5f5f5,#d8d8d8);display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:12px;overflow:hidden;color:#111}
.stick{width:68px;height:25px;border-radius:7px;background:#181818;box-shadow:inset -13px 0 #333}.remote,.gremote{width:27px;height:92px;border-radius:15px;background:#222;color:#777;display:flex;justify-content:center;padding-top:15px}
.box,.puck{width:90px;height:52px;border-radius:16px;background:#e7e3da;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 8px 15px #0002}.puck{height:35px;border-radius:20px}
.phone,.iphone-body{height:112px;width:56px;border:5px solid #171717;border-radius:14px;background:linear-gradient(145deg,#2586df,#824ad8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:800}
.iphone-body{background:linear-gradient(145deg,#eee,#bbb);color:#222;border-radius:17px}
.screen{width:125px;height:76px;border:6px solid #222;border-radius:3px;background:linear-gradient(145deg,#111,#445);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px}.smart-tv{flex-direction:column;gap:0}.smart-tv i{width:45px;height:5px;background:#333}
.laptop{flex-direction:column;gap:0}.display{width:125px;height:73px;border:6px solid #222;border-radius:5px;background:linear-gradient(145deg,#1274cf,#58a7ed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.laptop i{width:150px;height:7px;background:#aaa;border-radius:0 0 10px 10px}.mac .display{background:linear-gradient(145deg,#222,#555)}
/* v15 four corrected sourced posters */
.real-poster img{font-size:0!important;color:transparent!important}
/* v16 last poster fixes */
.real-poster img{display:block;width:100%;height:100%;object-fit:cover}
/* v17 modern real device photography */
.modern-devices .modern-device{height:145px!important;background:#f3f3f3!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.modern-devices .modern-device img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.modern-devices .device-grid article{min-height:195px!important}
/* v18 navigation + expanded FAQ */
nav a{white-space:nowrap}
@media(min-width:900px){header nav{gap:42px!important}}
.faq-list{max-width:920px;margin:28px auto 0;display:grid;gap:12px}
.faq-list details{background:#121212;border:1px solid #2c2c2c;border-radius:12px;padding:0 20px}
.faq-list summary{cursor:pointer;font-size:18px;font-weight:800;padding:20px 30px 20px 0;position:relative;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:0;top:16px;font-size:28px;font-weight:400}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:0;padding:0 28px 20px 0;color:#c9c9c9;line-height:1.65;font-size:16px}
@media(max-width:850px){header nav{gap:18px!important}nav a{font-size:14px!important}.faq-list summary{font-size:16px}}
/* v137 on-site support chat contact */
.support-nav{display:inline-flex;align-items:center;justify-content:center}
.support-nav:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--jinx-blue);margin-right:8px}
/* JINX TV support contact section */
.contact-jinx{padding:78px 24px;background:linear-gradient(180deg,#101010,#080808);border-top:1px solid #242424;text-align:center}
.contact-jinx-inner{max-width:820px;margin:0 auto}
.contact-jinx h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:10px 0 16px;color:#fff}
.contact-jinx p:not(.eyebrow){font-size:18px;color:#bdbdbd;margin:0 auto 28px}
.support-contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--jinx-blue);color:#fff!important;text-decoration:none!important;font-family:inherit;border:0;cursor:pointer;font-weight:900;font-size:17px;padding:16px 25px;border-radius:9px;transition:transform .18s ease,filter .18s ease}
.support-contact-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.support-contact-btn:active{transform:translateY(0)}
.support-icon{width:22px;height:22px;border:2px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px}
.support-label{margin-top:14px;color:#8d8d8d;font-size:14px;font-weight:700;letter-spacing:.02em}
/* v22 local device assets - no external hotlinks */
.modern-devices .modern-device{background:#f3f3f3!important;overflow:hidden!important}
.modern-devices .modern-device img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
/* v26 hero CTA cleanup */
.hero-actions{gap:0!important}.hero-start{padding:18px 34px!important;font-size:18px!important;border-radius:6px!important;min-width:180px;text-align:center}.nav-btn{display:none!important}
@media(max-width:600px){.hero-start{padding:17px 30px!important;font-size:17px!important;min-width:170px}}
/* v27 slightly larger header branding and navigation */
.logo{font-size:40px!important}
.nav nav a{font-size:16px!important;font-weight:600}
@media(max-width:900px){.logo{font-size:33px!important}}
@media(max-width:600px){.logo{font-size:29px!important}}
/* v28 mobile optimization + hero label removal */
@media(max-width:760px){
html,body{overflow-x:hidden}
.nav{
position:fixed!important;
height:auto!important;
min-height:106px!important;
padding:12px 18px 10px!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:8px!important;
background:#080808f5!important;
border-bottom:1px solid #1c1c1c;
}
.logo{font-size:30px!important;line-height:1!important}
.nav nav{
display:flex!important;
width:100%!important;
gap:22px!important;
overflow-x:auto!important;
padding:2px 0 3px!important;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.nav nav::-webkit-scrollbar{display:none}
.nav nav a{font-size:14px!important;font-weight:700!important;flex:0 0 auto!important;white-space:nowrap!important}
.hero{
height:auto!important;
min-height:0!important;
padding:150px 6vw 72px!important;
overflow:visible!important;
background:radial-gradient(circle at 85% 15%,#42150f 0,#17100f 24%,#080808 62%)!important;
}
.shade{display:none!important}
.tv-guide-image{display:none!important}
.hero-copy{
position:relative!important;
left:auto!important;
right:auto!important;
top:auto!important;
transform:none!important;
max-width:none!important;
}
.hero h1{
font-size:clamp(46px,13.2vw,64px)!important;
line-height:.94!important;
letter-spacing:-2.2px!important;
margin:0 0 22px!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
.hero p{
font-size:18px!important;
line-height:1.45!important;
margin:0!important;
max-width:94%!important;
}
.hero-actions{margin-top:28px!important}
.hero-start{padding:18px 34px!important;font-size:18px!important;min-width:190px!important}
.browse{margin-top:0!important;padding-top:34px!important}
.catalog-v7{padding-left:0!important;padding-right:0!important}
.row-wrap{padding-left:5vw!important;padding-right:5vw!important}
.catalog-v7 .poster-row.fixed-eight{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.poster-card,.real-poster{height:auto!important;aspect-ratio:2/3!important}
.included{padding:58px 5vw!important;gap:28px!important}
.included h2{font-size:36px!important;line-height:1.02!important;letter-spacing:-1.5px!important}
.feature-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
.feature-grid article{padding:20px 16px!important}
.plans-v4{padding:60px 5vw 70px!important}
.plans-v4 h2{font-size:36px!important;line-height:1!important}
.plans-v4 .sub{font-size:16px!important;line-height:1.5!important}
.plan-grid-v4{grid-template-columns:1fr!important;gap:14px!important}
.plan-v4,.plan-v4:last-child{grid-column:auto!important;max-width:none!important;width:100%!important;min-height:250px!important}
.devices-v6{padding:56px 5vw 62px!important}
.devices-v6 h2{font-size:27px!important;line-height:1.05!important}
.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.modern-devices .device-grid article{min-height:170px!important;padding:10px!important}
.modern-devices .modern-device{height:122px!important}
.start{padding:58px 5vw!important}
.start-card{padding:30px 18px!important;border-radius:12px!important}
.start h2{font-size:34px!important;line-height:1.04!important}
.fields{grid-template-columns:1fr!important;gap:14px!important}
.fields .full{grid-column:auto!important}
.fields input,.fields select{font-size:16px!important;padding:15px!important}
.faq{padding:58px 5vw!important}
.faq h2{font-size:34px!important;line-height:1.05!important}
.faq-list{gap:9px!important}
.faq-list details{padding:0 16px!important}
.faq-list summary{font-size:16px!important;padding:18px 28px 18px 0!important}
.faq-list details p{font-size:15px!important;padding-right:12px!important}
.contact-jinx{padding:58px 5vw!important}
.contact-jinx h2{font-size:34px!important}
.contact-jinx p:not(.eyebrow){font-size:16px!important}
footer{padding:32px 5vw!important;font-size:14px!important}
}
@media(max-width:390px){
.nav nav{gap:18px!important}
.nav nav a{font-size:13px!important}
.hero{padding-top:145px!important}
.hero h1{font-size:clamp(42px,12.5vw,52px)!important;letter-spacing:-1.8px!important}
.hero p{font-size:17px!important}
.feature-grid{grid-template-columns:1fr!important}
.device-grid{grid-template-columns:1fr 1fr!important}
.modern-devices .modern-device{height:112px!important}
}
/* v29 - true mobile layout rebuild */
.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:28px;line-height:1;padding:6px 8px;cursor:pointer}
.hero .eyebrow{display:none!important}
@media(max-width:760px){
html{scroll-padding-top:0}
body{width:100%;max-width:100%;overflow-x:hidden!important}
.nav{
position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:100!important;
height:190px!important;min-height:190px!important;padding:0 20px!important;
display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
gap:12px!important;background:rgba(8,8,8,.97)!important;border-bottom:1px solid #1c1c1c!important;
}
.logo{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important}.logo img{margin-top:18px;height:176px!important;max-width:720px!important;width:auto!important}
.menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;font-size:40px!important;width:60px!important;height:60px!important;padding:6px!important}
.nav nav{
display:none!important;position:absolute!important;top:190px!important;left:0!important;right:0!important;
width:100%!important;padding:8px 20px 18px!important;background:#080808!important;border-bottom:1px solid #202020!important;
flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow:visible!important;
}
.menu-open .nav nav{display:flex!important}
.nav nav a{display:block!important;font-size:16px!important;font-weight:700!important;padding:14px 0!important;border-bottom:1px solid #191919!important;white-space:normal!important}
.nav nav a:last-child{border-bottom:0!important}
.hero{
min-height:0!important;height:auto!important;margin:0!important;padding:222px 20px 62px!important;
overflow:hidden!important;background:radial-gradient(circle at 90% 5%,#35120e 0,#16100f 24%,#080808 61%)!important;
}
.hero .shade,.hero .tv-guide-image{display:none!important}
.hero-copy{position:relative!important;inset:auto!important;transform:none!important;max-width:100%!important;width:100%!important}
.hero h1{font-size:46px!important;line-height:.98!important;letter-spacing:-2px!important;margin:0 0 20px!important;max-width:100%!important}
.hero p{font-size:18px!important;line-height:1.45!important;max-width:100%!important;margin:0!important;color:#d1d1d1!important}
.hero-actions{margin-top:28px!important}
.hero-start{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:205px!important;padding:18px 30px!important;font-size:18px!important;border-radius:7px!important}
.browse{margin:0!important;padding:38px 0 32px!important;overflow:hidden!important}
.catalog-v7{padding-left:0!important;padding-right:0!important}
.catalog-v7 .row-wrap{margin:0 0 38px!important;padding:0 16px!important;max-width:100%!important}
.catalog-v7 h2{font-size:27px!important;line-height:1.08!important;margin:0 0 16px!important}
.catalog-v7 .poster-row.fixed-eight{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;overflow:visible!important;padding:0!important}
.fixed-eight .real-poster{width:100%!important;height:auto!important;aspect-ratio:2/3!important;border-radius:8px!important;overflow:hidden!important}
.channel-row{display:flex!important;gap:10px!important;overflow-x:auto!important;width:100%!important;padding:0 0 8px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.channel-logo{flex:0 0 150px!important;min-width:150px!important;width:150px!important;height:100px!important;font-size:17px!important;line-height:1.05!important;padding:10px!important;scroll-snap-align:start!important;overflow:hidden!important}
.included{display:block!important;margin:0!important;padding:52px 20px!important;max-width:100%!important}
.included>div:first-child{max-width:100%!important}
.included h2{font-size:38px!important;line-height:1.02!important;letter-spacing:-1.6px!important;margin:12px 0 16px!important}
.included p{font-size:16px!important;line-height:1.55!important;margin:0 0 28px!important}
.feature-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important}
.feature-grid article{min-width:0!important;padding:18px 14px!important}
.plans-v4,.devices-v6,.start,.faq,.contact-jinx{max-width:100%!important;width:100%!important;overflow:hidden!important}
.plans-v4{padding:54px 20px 62px!important}
.plans-head{margin-bottom:24px!important}
.plans-v4 h2{font-size:37px!important;line-height:1.02!important}
.plan-grid-v4{grid-template-columns:1fr!important;gap:14px!important;width:100%!important}
.plan-v4,.plan-v4:last-child{width:100%!important;max-width:none!important;grid-column:auto!important;min-width:0!important}
.devices-v6{padding:48px 16px 56px!important}
.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
.device-grid article{min-width:0!important}
.device-grid article b{font-size:12px!important;white-space:normal!important;line-height:1.2!important}
.modern-devices .modern-device{height:112px!important;padding:6px!important}
.start{padding:52px 16px!important}
.start-card{width:100%!important;max-width:100%!important;padding:26px 16px!important}
.fields{grid-template-columns:1fr!important;width:100%!important}
.fields .full{grid-column:auto!important}
.fields input,.fields select{max-width:100%!important;font-size:16px!important}
.faq{padding:52px 16px!important}
.faq-list{width:100%!important;max-width:100%!important}
.contact-jinx{padding:52px 18px!important}
footer{padding:30px 20px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
}
@media(max-width:390px){
.nav{padding:0 16px!important}
.logo{font-size:28px!important}
.hero{padding:212px 16px 54px!important}
.hero h1{font-size:41px!important;line-height:.98!important;letter-spacing:-1.7px!important}
.hero p{font-size:17px!important}
.hero-start{min-width:190px!important;padding:17px 26px!important}
.catalog-v7 .row-wrap{padding:0 14px!important}
.catalog-v7 h2{font-size:25px!important}
.included{padding-left:16px!important;padding-right:16px!important}
.included h2{font-size:35px!important}
.feature-grid{grid-template-columns:1fr!important}
.devices-v6{padding-left:14px!important;padding-right:14px!important}
.modern-devices .modern-device{height:104px!important}
}
/* v30: Mobile premium-channel grid */
@media (max-width: 800px){
.catalog-v7 .channel-row{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
overflow:visible!important;
padding:0!important;
scroll-snap-type:none!important;
}
.catalog-v7 .channel-logo{
flex:none!important;
min-width:0!important;
width:100%!important;
height:92px!important;
font-size:16px!important;
line-height:1.1!important;
padding:10px 8px!important;
overflow:hidden!important;
white-space:normal!important;
word-break:normal!important;
}
}
@media (max-width: 390px){
.catalog-v7 .channel-logo{height:86px!important;font-size:15px!important}
}
/* v36 - restore TV Guide on mobile as its own section */
.mobile-tv-guide{display:none}
@media(max-width:760px){
.mobile-tv-guide{display:block!important;padding:0 16px 34px!important;background:#080808!important;overflow:hidden!important}
.mobile-tv-guide-inner{width:100%!important;max-width:100%!important;margin:0 auto!important}
.mobile-tv-guide h2{font-size:27px!important;line-height:1.08!important;margin:0 0 16px!important;color:#fff!important}
.mobile-tv-guide img{display:block!important;width:100%!important;height:auto!important;border-radius:10px!important;border:1px solid #2a2a2a!important;box-shadow:0 16px 36px rgba(0,0,0,.45)!important}
.browse{padding-top:28px!important}
}
.footer-logo{display:inline-flex;align-items:center;text-decoration:none}
.footer-logo img{display:block;height:144px;width:auto;max-width:460px;object-fit:contain}
@media(max-width:760px){
footer{align-items:flex-start!important}
.footer-logo img{height:116px!important;max-width:380px!important}
}
/* v43: lower header logo slightly to prevent top clipping */
.nav .logo img{margin-top:18px;transform:translateY(12px)}
@media(max-width:760px){.nav .logo img{margin-top:8px;transform:translateY(6px)!important}}
/* v62 - align Contact Me with mobile menu items */
@media(max-width:760px){
.nav nav .support-nav{display:block!important;justify-content:initial!important;align-items:initial!important;padding-left:0!important;margin-left:0!important;}
.nav nav .support-nav:before{display:none!important;content:none!important;}
}
/* v68 - responsive back to top button */
.back-to-top{
position:fixed;
right:16px;
bottom:96px;
width:58px;
height:58px;
border:1px solid rgba(255,255,255,.18);
border-radius:14px;
background:rgba(12,12,12,.48);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
color:#fff;
font-size:30px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 24px rgba(0,0,0,.28);
cursor:pointer;
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:opacity .2s ease, transform .2s ease, visibility .2s ease, background .2s ease;
z-index:140;
pointer-events:none;
}
.back-to-top:hover{background:rgba(24,24,24,.7)}
.back-to-top.is-visible{
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto;
}
@media(min-width:761px){
.back-to-top{right:24px;bottom:28px;width:58px;height:58px;font-size:30px;border-radius:14px}
}
@media(max-width:760px){
.back-to-top{right:14px;bottom:112px;width:58px;height:58px;font-size:30px;border-radius:14px}
}
@media(max-width:390px){
.back-to-top{right:12px;bottom:108px;width:54px;height:54px;font-size:28px;border-radius:13px}
}
/* v66 - About JINX TV */
.about-jinx{
position:relative;
padding:88px 4vw;
background:
radial-gradient(circle at 85% 18%,rgba(145,18,18,.16),transparent 32%),
linear-gradient(180deg,#0b0b0b 0%,#101010 100%);
border-top:1px solid #1d1d1d;
border-bottom:1px solid #1d1d1d;
}
.about-jinx-inner{
max-width:1400px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
gap:70px;
align-items:center;
}
.about-copy{max-width:760px}
.about-copy h2{
margin:12px 0 22px;
font-size:clamp(38px,4.5vw,64px);
line-height:1;
letter-spacing:-2.4px;
}
.about-copy p{
margin:0 0 16px;
color:#bcbcbc;
font-size:17px;
line-height:1.72;
}
.about-copy strong{color:#fff}
.about-copy .about-tagline{
margin-top:24px;
color:#fff;
font-weight:800;
font-size:18px;
}
.about-highlights{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.about-highlights article{
min-height:145px;
padding:24px 20px;
border:1px solid #2b2b2b;
border-radius:12px;
background:rgba(20,20,20,.82);
box-shadow:0 18px 42px rgba(0,0,0,.22);
display:flex;
flex-direction:column;
justify-content:center;
}
.about-highlights b{
display:block;
font-size:30px;
line-height:1;
letter-spacing:-1px;
color:#fff;
}
.about-highlights span{
display:block;
margin-top:10px;
color:#999;
font-size:14px;
line-height:1.3;
}
@media(max-width:900px){
.about-jinx{padding:64px 5vw}
.about-jinx-inner{grid-template-columns:1fr;gap:34px}
.about-copy{max-width:none}
}
@media(max-width:760px){
.about-jinx{padding:56px 16px!important}
.about-jinx-inner{display:block!important}
.about-copy h2{font-size:38px!important;line-height:1.02!important;letter-spacing:-1.7px!important;margin:10px 0 20px!important}
.about-copy p{font-size:16px!important;line-height:1.6!important;margin-bottom:15px!important}
.about-copy .about-tagline{font-size:17px!important;margin-top:22px!important}
.about-highlights{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:30px!important}
.about-highlights article{min-height:118px!important;padding:18px 14px!important;border-radius:10px!important}
.about-highlights b{font-size:25px!important}
.about-highlights span{font-size:13px!important;margin-top:8px!important}
}
@media(max-width:390px){
.about-jinx{padding-left:14px!important;padding-right:14px!important}
.about-copy h2{font-size:35px!important}
.about-highlights{grid-template-columns:1fr 1fr!important}
.about-highlights b{font-size:23px!important}
}
/* v69 - text-only About section */
.about-jinx-inner{display:block!important;max-width:1180px!important;}
.about-copy{max-width:1000px!important;}
.about-highlights{display:none!important;}
/* v70 - center text-only About section */
.about-jinx-inner{max-width:1180px!important;margin:0 auto!important;text-align:center!important;}
.about-copy{max-width:960px!important;margin:0 auto!important;text-align:center!important;}
.about-copy p{margin-left:auto!important;margin-right:auto!important;}
@media(max-width:760px){
.about-jinx-inner,.about-copy{text-align:center!important;}
.about-copy{max-width:100%!important;}
}
/* v71 - About section left aligned on mobile only */
@media(max-width:760px){
.about-jinx,
.about-jinx .about-inner{
text-align:left!important;
margin-left:0!important;
margin-right:0!important;
}
.about-jinx .about-inner{
align-items:flex-start!important;
}
}
/* v72 - force About section left aligned on mobile */
@media(max-width:760px){
.about-jinx,
.about-jinx-inner,
.about-copy{
text-align:left!important;
}
.about-jinx-inner,
.about-copy{
margin-left:0!important;
margin-right:0!important;
max-width:100%!important;
}
.about-copy p{
margin-left:0!important;
margin-right:0!important;
text-align:left!important;
}
.about-copy .eyebrow,
.about-copy h2,
.about-copy .about-tagline{
text-align:left!important;
}
}
/* v73 - center footer logo and text on mobile */
@media(max-width:760px){
footer{
align-items:center!important;
text-align:center!important;
}
.footer-logo{
width:100%!important;
justify-content:center!important;
}
footer>span{
width:100%!important;
text-align:center!important;
}
}
/* v76 - yellow TV count only in selected plan and custom dropdown */
.plan-tv-count{color:#ffd21f!important;font-weight:800}
.plan-price{color:#fff!important;font-weight:800}
.selected-plan-copy .plan-price{color:inherit!important}
.plan-label{position:relative}
.native-plan-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.plan-dropdown{position:relative;margin-top:18px;width:100%}
.plan-dropdown-toggle{
width:100%;min-height:52px;padding:14px 16px;border:1px solid #444;border-radius:4px;
background:#090909;color:#fff;font:inherit;font-size:15px;text-align:left;display:flex;
align-items:center;justify-content:space-between;gap:12px;cursor:pointer
}
.plan-chevron{color:#fff;font-size:24px;line-height:1;transform:translateY(-2px);transition:transform .16s ease}
.plan-dropdown.is-open .plan-chevron{transform:rotate(180deg) translateY(2px)}
.plan-dropdown-menu{
position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;display:none;
background:#0b0b0b;border:1px solid #444;border-radius:7px;overflow:hidden;
box-shadow:0 18px 45px rgba(0,0,0,.55)
}
.plan-dropdown.is-open .plan-dropdown-menu{display:block}
.plan-option{
width:100%;padding:14px 16px;border:0;border-bottom:1px solid #252525;background:#0b0b0b;
color:#fff;font:inherit;font-size:15px;text-align:left;cursor:pointer
}
.plan-option:last-child{border-bottom:0}
.plan-option:hover,.plan-option:focus{background:#171717;outline:none}
.plan-option.is-selected{background:#141414}
@media(max-width:760px){
.plan-dropdown-toggle,.plan-option{font-size:16px!important;padding:15px!important}
}
/* v77 - yellow TV labels in Choose Your Plan cards only */
.plan-v4 h3{color:#ffd21f!important}
.plan-v4 .price,.plan-v4 .price small{color:#fff!important}
/* v79 - Free Trial section */
.trial-jinx{padding:82px 5vw;background:linear-gradient(180deg,#0a0a0a,#111);border-top:1px solid #202020;border-bottom:1px solid #202020}
.trial-jinx-inner{max-width:980px;margin:0 auto;text-align:center}
.trial-jinx h2{font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-2px;margin:14px auto 20px;max-width:860px}
.trial-jinx p{max-width:820px;margin:0 auto 14px;color:#c9c9c9;font-size:18px;line-height:1.65}
.trial-jinx .trial-note{font-weight:700;color:#fff;margin-top:12px}
.trial-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;padding:15px 28px;border-radius:8px;background:#fff;color:#111;text-decoration:none;font-weight:900;font-size:17px;transition:transform .15s ease,background .15s ease}
.trial-btn:hover{background:#e9e9e9;transform:translateY(-1px)}
.trial-btn:active{transform:translateY(1px)}
@media(max-width:760px){
.trial-jinx{padding:54px 18px!important}
.trial-jinx-inner{text-align:left!important}
.trial-jinx h2{font-size:36px!important;line-height:1.02!important;letter-spacing:-1.5px!important;margin:12px 0 18px!important}
.trial-jinx p{font-size:16px!important;line-height:1.55!important;margin-left:0!important;margin-right:0!important}
.trial-jinx .trial-note{margin-top:12px!important}
.trial-btn{width:100%!important;margin-top:22px!important;padding:16px 22px!important}
}
/* v80 - premium logos and about order update */
.premium-logo-grid .channel-logo{padding:10px;background:linear-gradient(145deg,#151d23,#090c0e);}
.premium-logo-grid .channel-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
@media (max-width: 800px){
.premium-logo-grid .channel-logo{height:96px!important;padding:8px!important}
}
@media (max-width: 390px){
.premium-logo-grid .channel-logo{height:88px!important}
}
/* v81 - refresh premium logos, remove sports tile, and vertically center About section */
.premium-logo-grid{grid-template-columns:repeat(6,minmax(140px,1fr));align-items:stretch}
.premium-logo-grid .channel-logo{height:98px!important;padding:12px!important;border-radius:14px!important;border:1px solid #273139!important;background:linear-gradient(145deg,#12171c,#080b0e)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.22)}
.premium-logo-grid .channel-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.about-jinx{display:flex;align-items:center;justify-content:center;min-height:54vh;padding-top:84px!important;padding-bottom:84px!important}
.about-jinx-inner{width:100%;max-width:1180px!important;display:flex;justify-content:center;align-items:center;min-height:100%}
.about-copy{max-width:1080px!important;margin:0 auto!important;text-align:center!important}
.about-copy .eyebrow,.about-copy h2,.about-copy p,.about-copy .about-tagline{text-align:center!important}
.about-copy h2{margin-top:10px!important;margin-bottom:26px!important}
.about-copy p{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
.about-copy .about-tagline{margin-top:28px!important}
@media (max-width:1280px){
.premium-logo-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}
}
@media (max-width:800px){
.premium-logo-grid{display:flex!important;grid-template-columns:none!important}
.premium-logo-grid .channel-logo{height:96px!important;padding:10px!important;border-radius:12px!important}
.about-jinx{min-height:auto!important;padding-top:56px!important;padding-bottom:56px!important}
}
/* v82 - move About text block upward on desktop to create more space above Latest Movies */
@media (min-width: 801px){
.about-jinx{
align-items:flex-start !important;
padding-top:52px !important;
padding-bottom:120px !important;
min-height:54vh !important;
}
.about-jinx-inner{
align-items:flex-start !important;
}
}
/* v83 - supplied premium-channel artwork, aspect-ratio-safe */
.premium-logo-grid .channel-logo{
background:#f4f5f7!important;
border:1px solid rgba(255,255,255,.14)!important;
overflow:hidden!important;
}
.premium-logo-grid .channel-logo img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
transform:none!important;
}
/* STARZ remains the existing SVG; give it a light stage as well for contrast. */
/* v89 - prevent hero text from overlapping the TV guide on resized desktop screens */
@media (min-width: 901px) and (max-width: 1500px){
.hero{
min-height:640px!important;
}
.hero-copy{
left:4vw!important;
top:53%!important;
transform:translateY(-46%)!important;
width:min(40vw,560px)!important;
max-width:560px!important;
}
.hero h1{
font-size:clamp(44px,4.9vw,68px)!important;
line-height:.98!important;
letter-spacing:-2px!important;
max-width:100%!important;
}
.hero p{
max-width:100%!important;
font-size:17px!important;
}
.tv-guide-image{
width:min(50vw,720px)!important;
right:2vw!important;
top:15%!important;
}
}
@media (min-width: 901px) and (max-width: 1220px){
.hero-copy{
width:min(37vw,460px)!important;
max-width:460px!important;
}
.hero h1{
font-size:clamp(40px,4.3vw,56px)!important;
letter-spacing:-1.6px!important;
}
.hero p{
font-size:16px!important;
line-height:1.5!important;
}
.tv-guide-image{
width:min(49vw,590px)!important;
right:1vw!important;
top:18%!important;
}
}
/* v90 - hard separation of hero copy and TV guide on resized desktop widths */
@media (min-width: 901px) and (max-width: 1500px){
.hero{
display:grid!important;
grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
align-items:center!important;
column-gap:28px!important;
padding:125px 3vw 40px 3vw!important;
height:auto!important;
min-height:680px!important;
}
.hero-copy{
position:relative!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
width:100%!important;
max-width:none!important;
align-self:center!important;
}
.hero h1{
font-size:clamp(42px,4.25vw,64px)!important;
line-height:.98!important;
letter-spacing:-2px!important;
max-width:100%!important;
overflow-wrap:normal!important;
}
.hero p{
max-width:100%!important;
font-size:17px!important;
}
.tv-guide-image{
position:relative!important;
right:auto!important;
left:auto!important;
top:auto!important;
bottom:auto!important;
width:100%!important;
max-width:760px!important;
justify-self:end!important;
align-self:center!important;
transform:none!important;
}
}
@media (min-width: 901px) and (max-width: 1200px){
.hero{
grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
column-gap:22px!important;
padding-left:3vw!important;
padding-right:3vw!important;
}
.hero h1{
font-size:clamp(38px,4vw,50px)!important;
letter-spacing:-1.5px!important;
}
.hero p{
font-size:16px!important;
line-height:1.5!important;
}
}
/* v92 - center main titles on mobile */
@media (max-width: 760px){
.hero h1,
.mobile-tv-guide h2,
.catalog-v7 h2,
.included h2,
.plans-v4 h2,
.devices-v6 h2,
.trial-jinx h2,
.start h2,
.faq h2,
.contact-jinx h2,
.about-copy h2{
text-align:center!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* v93 - fully center mobile section title groups */
@media (max-width:760px){
.hero h1,
.mobile-tv-guide h2,
.catalog-v7 h2,
.included h2,
.plans-v4 h2,
.devices-v6 h2,
.trial-jinx h2,
.start h2,
.faq h2,
.contact-jinx h2,
.about-copy h2,
.plans-head .eyebrow,
.trial-jinx .eyebrow,
.start .eyebrow,
.faq .eyebrow,
.contact-jinx .eyebrow,
.about-copy .eyebrow{
text-align:center!important;
margin-left:auto!important;
margin-right:auto!important;
}
.hero h1{width:100%!important;max-width:100%!important;}
.plans-head{text-align:center!important;}
.trial-jinx-inner{text-align:center!important;}
.faq{text-align:center!important;}
.faq-list{text-align:left!important;}
.start-card .eyebrow{text-align:center!important;display:block!important;}
}
/* v94 - center requested mobile copy and CTA elements */
@media (max-width: 760px){
/* Hero description and top Get Started button */
.hero-copy p{
text-align:center!important;
margin-left:auto!important;
margin-right:auto!important;
}
.hero-actions{
display:flex!important;
justify-content:center!important;
width:100%!important;
}
.hero-start{
margin-left:auto!important;
margin-right:auto!important;
}
/* Free Trial */
.trial-jinx-inner,
.trial-jinx .eyebrow,
.trial-jinx p,
.trial-jinx .trial-note{
text-align:center!important;
}
.trial-jinx .eyebrow{
display:block!important;
}
.trial-jinx p{
margin-left:auto!important;
margin-right:auto!important;
}
/* Pricing heading, eyebrow, and supporting text */
.plans-head,
.plans-head .eyebrow,
.plans-v4 .sub{
text-align:center!important;
}
.plans-head .eyebrow{
display:block!important;
}
.plans-v4 .sub{
margin-left:auto!important;
margin-right:auto!important;
}
/* FAQ eyebrow */
.faq .eyebrow{
display:block!important;
width:100%!important;
text-align:center!important;
}
}
/* v98 multi-connection savings */
.connection-savings{max-width:720px;margin:20px 0 4px;padding:14px 18px;border:1px solid #ffd21f;border-radius:10px;background:rgba(255,210,31,.08);display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.connection-savings strong{color:#ffd21f;font-size:15px;letter-spacing:.04em}
.connection-savings span{color:#fff;font-size:15px}.connection-savings b{color:#ffd21f}
.plan-v4 .regular-price{margin:15px 0 -18px;color:#e32626;font-size:14px;text-decoration-line:line-through;text-decoration-color:#000;text-decoration-thickness:2px}
.plan-v4 .save-badge{display:inline-block;align-self:center;margin:-13px 0 16px;padding:7px 13px;border-radius:999px;background:#ffd21f;color:#111;font-weight:900;font-size:13px;letter-spacing:.04em;box-shadow:0 0 14px rgba(255,210,31,.24)}
.plan-v4.popular .save-badge{transform:scale(1.06)}
@media(max-width:720px){.connection-savings{justify-content:center;text-align:center;margin-left:auto;margin-right:auto}.plan-v4 .regular-price{font-size:15px}}
/* v100 - keep Selected Plan dropdown above following sections on mobile */
.start{
position:relative!important;
z-index:20!important;
overflow:visible!important;
}
.start-card,
.fields,
.plan-label,
.plan-dropdown{
overflow:visible!important;
}
.plan-dropdown.is-open{
z-index:10000!important;
}
.plan-dropdown-menu{
z-index:10001!important;
}
.faq{
position:relative!important;
z-index:1!important;
}
@media(max-width:760px){
.plans-v4,.devices-v6,.faq,.contact-jinx{
overflow:hidden!important;
}
.start{
overflow:visible!important;
}
.plan-dropdown-menu{
max-height:min(360px,55vh)!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch;
}
}
/* v107 - Device selector matches the other Get Started fields */
.fields .device-label select#device{
display:block!important;
width:100%!important;
height:58px!important;
min-height:58px!important;
margin-top:18px!important;
padding:0 48px 0 16px!important;
background-color:#090909!important;
border:1px solid #444!important;
border-radius:4px!important;
color:#aaa!important;
font:inherit!important;
font-size:18px!important;
font-weight:400!important;
line-height:58px!important;
}
.fields .device-label select#device:valid{
color:#fff!important;
}
.fields .device-label select#device option{
background:#090909;
color:#fff;
}
.fields .device-label select#device option[value=""]{
color:#aaa;
}
@media(max-width:600px){
.fields .device-label select#device{
height:58px!important;
min-height:58px!important;
font-size:16px!important;
}
}
/* v108 - Device dropdown uses the same custom visual system as Selected Plan */
.native-device-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.device-label{position:relative;overflow:visible!important}
.device-dropdown{position:relative;margin-top:18px;width:100%;overflow:visible!important}
.device-dropdown-toggle{
width:100%;min-height:58px;padding:14px 16px;border:1px solid #444;border-radius:4px;
background:#090909;color:#fff;font:inherit;font-size:18px;text-align:left;display:flex;
align-items:center;justify-content:space-between;gap:12px;cursor:pointer
}
.device-dropdown-toggle.is-placeholder .device-selected-text{color:#aaa;font-weight:400}
.device-chevron{color:#fff;font-size:24px;line-height:1;transform:translateY(-2px);transition:transform .16s ease}
.device-dropdown.is-open{z-index:10002!important}
.device-dropdown.is-open .device-chevron{transform:rotate(180deg) translateY(2px)}
.device-dropdown-menu{
position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:10003;display:none;
background:#0b0b0b;border:1px solid #444;border-radius:7px;overflow:hidden;
box-shadow:0 18px 45px rgba(0,0,0,.55)
}
.device-dropdown.is-open .device-dropdown-menu{display:block}
.device-option{
width:100%;padding:14px 16px;border:0;border-bottom:1px solid #252525;background:#0b0b0b;
color:#fff;font:inherit;font-size:15px;text-align:left;cursor:pointer
}
.device-option:last-child{border-bottom:0}
.device-option:hover,.device-option:focus{background:#171717;outline:none}
.device-option.is-selected{background:#141414}
@media(max-width:760px){
.device-dropdown-toggle,.device-option{font-size:16px!important;padding:15px!important}
.device-dropdown-menu{max-height:min(360px,55vh)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
}
/* v109 - tighter spacing inside both custom dropdown menus */
.plan-option,
.device-option{
padding:10px 16px!important;
line-height:1.25!important;
min-height:0!important;
}
@media(max-width:760px){
.plan-option,
.device-option{
padding:11px 15px!important;
line-height:1.25!important;
}
}
/* v110 - Device placeholder text matches the other form fields */
.device-dropdown-toggle .device-selected-text{
font-size:18px!important;
line-height:1.35!important;
}
@media(max-width:600px){
.device-dropdown-toggle .device-selected-text{font-size:16px!important;}
}
/* v111 - compact dropdown option spacing */
.plan-option,
.device-option{
padding:7px 16px!important;
line-height:1.2!important;
}
@media(max-width:760px){
.plan-option,
.device-option{
padding:8px 15px!important;
line-height:1.2!important;
}
}
/* v113 - Device options use the exact same spacing rules as Selected Plan options */
.start .device-dropdown-menu .device-option{
margin-top:18px!important;
padding:7px 16px!important;
min-height:0!important;
line-height:1.2!important;
}
.start .device-dropdown-menu .device-option:first-child{margin-top:18px!important;}
@media(max-width:760px){
.start .device-dropdown-menu .device-option{
margin-top:18px!important;
padding:8px 15px!important;
min-height:0!important;
line-height:1.2!important;
}
}
/* v118 - clickable TV Guide lightbox preview */
.tv-guide-preview{cursor:zoom-in}
.tv-guide-preview:focus-visible{outline:2px solid #ffd21a;outline-offset:4px}
.tv-guide-image.tv-guide-preview{overflow:visible!important}
.tv-guide-image.tv-guide-preview img{border-radius:8px}
.guide-enlarge-cue{position:absolute;right:12px;bottom:12px;z-index:4;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:700;line-height:1;letter-spacing:.01em;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.tv-guide-preview:hover .guide-enlarge-cue,.tv-guide-preview:focus-visible .guide-enlarge-cue{opacity:1;transform:none}
.mobile-guide-preview{position:relative}
.guide-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.92);backdrop-filter:blur(5px)}
.guide-lightbox.is-open{display:flex}
.guide-lightbox-stage{width:min(96vw,1500px);max-height:92vh;overflow:auto;display:flex;align-items:center;justify-content:center}
.guide-lightbox-stage img{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;border-radius:8px;box-shadow:0 28px 90px rgba(0,0,0,.8)}
.guide-lightbox-close{position:fixed;top:18px;right:22px;z-index:100001;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(12,12,12,.88);color:#fff;font-size:34px;line-height:40px;cursor:pointer}
body.guide-lightbox-open{overflow:hidden}
@media(max-width:760px){.guide-enlarge-cue{opacity:1;transform:none;font-size:11px;right:9px;bottom:9px}.guide-lightbox{padding:12px}.guide-lightbox-stage{width:100vw;max-height:94vh;overflow:auto;justify-content:flex-start}.guide-lightbox-stage img{max-width:none;width:1200px;height:auto;max-height:none}.guide-lightbox-close{top:10px;right:10px;width:42px;height:42px;font-size:30px}}
/* v119 - mobile lightbox: fit the complete TV Guide on screen */
@media(max-width:760px){
.guide-lightbox{padding:58px 10px 18px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.guide-lightbox-stage{width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100vh - 86px)!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.guide-lightbox-stage img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:calc(100vh - 86px)!important;object-fit:contain!important;border-radius:6px!important}
.guide-lightbox-close{top:10px!important;right:10px!important}
}
/* v120 - prevent hero text/TV guide overlap in landscape tablet and short desktop viewports */
@media (min-width:761px) and (max-width:1700px) and (orientation:landscape) and (max-height:900px){
.hero{
display:grid!important;
grid-template-columns:minmax(0,39%) minmax(0,61%)!important;
align-items:center!important;
column-gap:28px!important;
padding:120px 3vw 42px!important;
height:auto!important;
min-height:620px!important;
overflow:hidden!important;
}
.hero-copy{
position:relative!important;
inset:auto!important;
transform:none!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
z-index:5!important;
}
.hero h1{
width:100%!important;
max-width:100%!important;
margin:0 0 20px!important;
font-size:clamp(38px,3.55vw,54px)!important;
line-height:.98!important;
letter-spacing:-1.7px!important;
white-space:normal!important;
overflow-wrap:normal!important;
}
.hero p{
width:100%!important;
max-width:100%!important;
margin:0!important;
font-size:16px!important;
line-height:1.5!important;
}
.hero-actions{margin-top:26px!important}
.tv-guide-image{
position:relative!important;
inset:auto!important;
transform:none!important;
width:100%!important;
max-width:900px!important;
min-width:0!important;
justify-self:end!important;
align-self:center!important;
z-index:4!important;
}
.tv-guide-image img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important}
}
/* v124: keep monthly suffix visually close to plan price */
.plan-v4 .price{display:flex;align-items:baseline;justify-content:center;gap:7px}
.plan-v4 .price small{margin-left:0!important}
/* v130: slightly tighter desktop navigation spacing */
@media(min-width:901px){.nav nav{gap:28px!important}}
/* v132 — targeted JINX TV blue/white reskin.
Original layout/content/behavior preserved; no global text replacement. */
:root{
--jinx-navy:#061a43;
--jinx-navy-2:#08245b;
--jinx-blue:#0b5ed7;
--jinx-electric:#087cf0;
--jinx-light:#eef6ff;
--jinx-white:#ffffff;
--jinx-gold:#ffd43b;
--jinx-text:#071a3d;
--jinx-muted:#526784;
}
/* Navigation + hero */
body{background:var(--jinx-navy)!important}
.nav{background:linear-gradient(180deg,rgba(4,18,51,.98),rgba(4,18,51,.82) 58%,transparent)!important}
.hero{
background:
radial-gradient(circle at 82% 38%,rgba(21,157,255,.48) 0,rgba(11,94,215,.22) 28%,transparent 52%),
linear-gradient(115deg,#04163c 0%,#073a96 54%,#087be8 100%)!important;
}
.shade{
background:linear-gradient(90deg,rgba(3,18,50,.98) 0,rgba(3,18,50,.86) 37%,rgba(3,18,50,.12) 72%),
linear-gradient(0deg,#061a43 0,transparent 34%)!important;
}
.hero p{color:#f2f7ff!important}
.hero-actions{
display:flex!important;
align-items:center!important;
gap:24px!important;
margin-top:28px!important;
}
.hero-start.hero-trial{
background:var(--jinx-gold)!important;
color:#071a3d!important;
border:2px solid var(--jinx-gold)!important;
border-radius:999px!important;
padding:17px 30px!important;
min-width:205px!important;
text-align:center!important;
box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
.hero-view-plans{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:transparent!important;
color:#fff!important;
border:2px solid #fff!important;
border-radius:999px!important;
padding:17px 30px!important;
min-width:165px!important;
font-size:18px!important;
font-weight:800!important;
text-align:center!important;
}
.hero-start.hero-trial:hover{background:#ffe36f!important;border-color:#ffe36f!important}
.hero-view-plans:hover{background:rgba(255,255,255,.12)!important}
/* About: preserve every word and normal paragraph flow */
.about-jinx{background:#fff!important;color:var(--jinx-text)!important}
.about-copy{color:var(--jinx-text)!important}
.about-copy h2,.about-copy p,.about-copy strong,.about-copy .about-tagline{color:var(--jinx-text)!important}
.about-copy .eyebrow{color:var(--jinx-blue)!important}
.about-copy p{display:block!important;visibility:visible!important;opacity:1!important}
/* Content/catalog remains cinematic, now navy rather than black/red */
.catalog-v7,.browse,.mobile-tv-guide{background:var(--jinx-navy)!important}
.catalog-v7 h2,.browse h2,.mobile-tv-guide h2{color:#fff!important}
/* Free Trial feature */
.trial-jinx{
background:linear-gradient(115deg,#061a43 0%,#0756cf 58%,#0788ed 100%)!important;
border-color:rgba(255,255,255,.16)!important;
}
.trial-jinx h2,.trial-jinx p,.trial-jinx .trial-note{color:#fff!important}
.trial-jinx .eyebrow{color:#cce8ff!important}
.trial-btn{background:var(--jinx-gold)!important;color:var(--jinx-text)!important;border-radius:999px!important}
.trial-btn:hover{background:#ffe36f!important}
/* Plans */
.plans-v4{background:#f7fbff!important;color:var(--jinx-text)!important;max-width:none!important}
.plans-v4 .plans-head,.plans-v4 .plan-grid{max-width:1500px!important;margin-left:auto!important;margin-right:auto!important}
.plans-v4 h2,.plans-v4 .sub{color:var(--jinx-text)!important}
.plans-v4 .eyebrow{color:var(--jinx-blue)!important}
.connection-savings{background:#e8f2ff!important;border-color:#bdd7f5!important}
.connection-savings strong,.connection-savings b{color:#0756cf!important}
.connection-savings span{color:var(--jinx-text)!important}
.plan-v4{
background:#fff!important;
border-color:#c9d9ec!important;
color:var(--jinx-text)!important;
box-shadow:0 10px 28px rgba(12,48,94,.08)!important;
}
.plan-v4.popular{border-color:var(--jinx-blue)!important;box-shadow:0 12px 34px rgba(11,94,215,.16)!important}
.plan-v4.popular i{background:var(--jinx-blue)!important;color:#fff!important}
.plan-v4 h3{color:var(--jinx-text)!important}
.plan-v4 .price,.plan-v4 .price small{color:var(--jinx-text)!important}
.plan-v4 a{background:var(--jinx-blue)!important;color:#fff!important;border-radius:999px!important}
.plan-v4.selected-plan a{background:#074eaF!important;color:#fff!important}
.plan-v4 .save-badge{background:var(--jinx-gold)!important;color:var(--jinx-text)!important}
.plan-v4 .regular-price{color:#c33b3b!important}
/* Devices */
.devices-v6{background:var(--jinx-navy)!important}
.devices-v6 h2,.devices-v6 b{color:#fff!important}
/* Get Started — light, readable, original controls preserved */
.start{background:#eaf4ff!important}
.start-card{
background:#fff!important;
border-color:#bfd4ec!important;
color:var(--jinx-text)!important;
box-shadow:0 16px 45px rgba(7,36,84,.10)!important;
}
.start h2,.start p,.start label{color:var(--jinx-text)!important}
.start .eyebrow{color:var(--jinx-blue)!important}
.fields input{
background:#f7faff!important;
border-color:#b9cce3!important;
color:var(--jinx-text)!important;
}
.fields input::placeholder{color:#8190a5!important}
.device-dropdown-toggle,.plan-dropdown-toggle{
background:#fff!important;
border-color:#9ebce0!important;
color:var(--jinx-text)!important;
}
.device-chevron,.plan-chevron{color:var(--jinx-blue)!important}
.device-dropdown-menu,.plan-dropdown-menu{
background:#fff!important;
border-color:#9ebce0!important;
box-shadow:0 18px 45px rgba(7,36,84,.18)!important;
}
.device-option,.plan-option{
background:#fff!important;
color:var(--jinx-text)!important;
border-bottom-color:#dbe6f2!important;
}
.device-option:hover,.device-option:focus,.plan-option:hover,.plan-option:focus,
.device-option.is-selected,.plan-option.is-selected{background:#eaf4ff!important}
.plan-tv-count{color:#0756cf!important}
.plan-price{color:var(--jinx-text)!important}
.start button[type="submit"]{background:var(--jinx-blue)!important;color:#fff!important}
/* FAQ — remove black-on-navy readability problem */
.faq{background:#fff!important;color:var(--jinx-text)!important;max-width:none!important}
.faq .section-inner{max-width:920px!important;margin:0 auto!important}
.faq h2{color:var(--jinx-text)!important}
.faq .eyebrow{color:var(--jinx-blue)!important}
.faq-list details{
background:#f7fbff!important;
border:1px solid #c8d9ec!important;
color:var(--jinx-text)!important;
box-shadow:0 5px 16px rgba(12,48,94,.05)!important;
}
.faq-list summary{color:var(--jinx-text)!important}
.faq-list summary:after{color:var(--jinx-blue)!important}
.faq-list details p{color:#435a78!important}
/* Contact/footer: navy rather than black */
.contact-jinx{background:linear-gradient(180deg,#08245b,#061a43)!important;border-color:#173d72!important}
footer{background:#041633!important;border-color:#173d72!important}
/* Responsive hero CTA spacing */
@media(max-width:760px){
.hero-actions{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:14px!important;
width:100%!important;
}
.hero-start.hero-trial,.hero-view-plans{
width:100%!important;
min-width:0!important;
margin:0!important;
}
}
@media(min-width:761px){
.hero-actions{gap:24px!important}
}
/* v134 — subtle depth / edge-fade polish only */
/* ABOUT:
Preserve the white center, but soften the transition into the navy page
with diffused inner side shadows instead of hard white edges. */
.about-jinx{
position:relative !important;
z-index:1 !important;
box-shadow:
inset 34px 0 42px -40px rgba(5,26,67,.55),
inset -34px 0 42px -40px rgba(5,26,67,.55),
0 14px 30px -28px rgba(5,26,67,.30) !important;
}
/* PLANS:
Same restrained edge fade so the light section feels integrated
rather than like a flat white/light rectangle. */
.plans-v4{
position:relative !important;
z-index:1 !important;
box-shadow:
inset 38px 0 46px -42px rgba(5,26,67,.52),
inset -38px 0 46px -42px rgba(5,26,67,.52),
0 14px 32px -30px rgba(5,26,67,.28) !important;
}
/* GET STARTED:
Remove the hard-card feeling and use a wide, soft elevation fade. */
.start-card{
border-color:rgba(126,163,207,.22) !important;
box-shadow:
0 8px 20px rgba(8,38,86,.035),
0 24px 55px rgba(8,38,86,.075),
0 42px 90px rgba(8,38,86,.055) !important;
}
/* Add a soft halo behind the card without changing its layout. */
.start{
position:relative !important;
}
.start-card{
position:relative !important;
z-index:1 !important;
}
.start-card:before{
content:"" !important;
position:absolute !important;
z-index:-1 !important;
pointer-events:none !important;
inset:-22px !important;
border-radius:28px !important;
background:radial-gradient(
ellipse at center,
rgba(255,255,255,.20) 0%,
rgba(137,181,230,.09) 54%,
rgba(137,181,230,0) 76%
) !important;
filter:blur(10px) !important;
}
/* v135 — four-sided soft shadow/fade on all light sections */
/* White/light full-width sections: left + right + top + bottom */
.about-jinx,
.plans-v4,
.start,
.faq {
position:relative !important;
z-index:1 !important;
box-shadow:
inset 38px 0 46px -42px rgba(5,26,67,.52),
inset -38px 0 46px -42px rgba(5,26,67,.52),
inset 0 38px 46px -42px rgba(5,26,67,.42),
inset 0 -38px 46px -42px rgba(5,26,67,.42) !important;
}
/* Keep the form card itself softly elevated inside the light section. */
.start-card{
border-color:rgba(126,163,207,.20) !important;
box-shadow:
0 -18px 48px rgba(8,38,86,.045),
0 18px 48px rgba(8,38,86,.065),
-18px 0 48px rgba(8,38,86,.040),
18px 0 48px rgba(8,38,86,.040),
0 34px 80px rgba(8,38,86,.045) !important;
}
/* v137: On-site support button keeps the existing JINX TV branding. */
.support-contact-btn{background:var(--jinx-blue);color:#fff!important}
/* v139 - keep the back-to-top control clear of the expanded tawk.to chat */
body.tawk-chat-open .back-to-top{
left:24px;
right:auto;
}
@media(max-width:760px){
body.tawk-chat-open .back-to-top{left:14px;right:auto;}
}
@media(max-width:390px){
body.tawk-chat-open .back-to-top{left:12px;right:auto;}
}
/* JINX TV live-chat submit guidance */
.chat-send-note{margin:16px auto 0!important;max-width:680px;color:#ffd21f!important;font-size:14px!important;line-height:1.45!important;text-align:center!important;font-weight:600!important}
@media(max-width:600px){.chat-send-note{font-size:13px!important;line-height:1.4!important;margin-top:14px!important}}
/* v161 hero messaging */
.hero-anytime{display:inline-block;font-weight:900;letter-spacing:.045em;color:#fff;text-transform:uppercase;margin-top:.14em;text-shadow:0 0 18px rgba(255,255,255,.12)}
@media(max-width:600px){.hero-anytime{letter-spacing:.025em}}
/* v162 hero headline treatment */
.hero-copy{text-align:center!important;max-width:1100px!important;}
.hero h1{margin:0 0 8px!important;line-height:1!important;letter-spacing:0!important;}
.hero-anywhere{display:block!important;font-size:clamp(64px,8vw,128px)!important;line-height:.92!important;font-weight:900!important;letter-spacing:.015em!important;white-space:nowrap!important;}
.hero-tagline{margin:0 auto!important;max-width:none!important;font-size:clamp(24px,2.5vw,40px)!important;line-height:1.15!important;color:#fff!important;white-space:nowrap!important;font-weight:400!important;}
@media(max-width:900px){.hero-anywhere{font-size:clamp(46px,11vw,82px)!important;white-space:normal!important}.hero-tagline{font-size:clamp(20px,4.5vw,30px)!important;white-space:normal!important;max-width:92%!important}}
@media(max-width:600px){.hero-anywhere{font-size:clamp(42px,12vw,62px)!important;line-height:.95!important}.hero-tagline{font-size:clamp(18px,5vw,24px)!important;line-height:1.2!important}}
/* v163 desktop hero overlap fix */
@media (min-width:901px){
.hero-copy{
left:3.5vw!important;
width:46vw!important;
max-width:820px!important;
text-align:left!important;
}
.hero h1{
margin:0 0 14px!important;
max-width:100%!important;
}
.hero-anywhere{
display:block!important;
font-size:clamp(58px,4.15vw,78px)!important;
line-height:.95!important;
letter-spacing:.01em!important;
white-space:nowrap!important;
}
.hero-tagline{
margin:0!important;
max-width:760px!important;
font-size:clamp(22px,1.85vw,32px)!important;
line-height:1.18!important;
white-space:normal!important;
}
.hero-actions{
margin-top:30px!important;
}
}
/* v164: add a clear desktop gap between hero copy and TV guide */
@media (min-width:1201px){
.hero-copy{
left:2.2vw!important;
width:39vw!important;
max-width:700px!important;
text-align:left!important;
}
.hero-anywhere{
font-size:clamp(54px,3.55vw,70px)!important;
line-height:.96!important;
white-space:nowrap!important;
}
.hero-tagline{
max-width:650px!important;
font-size:clamp(21px,1.55vw,29px)!important;
line-height:1.22!important;
}
.tv-guide-image{
right:1.5vw!important;
width:min(49vw,930px)!important;
}
}
@media (min-width:901px) and (max-width:1200px){
.hero-copy{
left:3vw!important;
width:40vw!important;
max-width:520px!important;
}
.hero-anywhere{
font-size:clamp(48px,4.4vw,62px)!important;
white-space:normal!important;
}
.hero-tagline{
max-width:500px!important;
font-size:clamp(20px,2vw,25px)!important;
}
}
/* v165 mobile hero separator fix */
.hero-word{display:inline;}
.hero-separator{display:inline;}
@media(max-width:600px){
.hero-anywhere{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.02em!important;white-space:normal!important;}
.hero-word{display:block!important;}
.hero-separator{display:none!important;}
}
/* v167 remove separator between WATCH and ANYWHERE */
.hero-word-gap{margin-left:.22em;}
@media(max-width:600px){.hero-word-gap{margin-left:0!important;}}
/* v174: move desktop TV Guide slightly left */
@media (min-width:1201px){
.tv-guide-image{
width:min(55vw,1050px)!important;
right:2.25vw!important;
top:17%!important;
}
}
/* v175 — installation support pricing under supported devices */
.installation-support-note{
max-width:920px;
margin:28px auto 0;
padding:22px 24px;
border:1px solid rgba(255,255,255,.18);
border-radius:14px;
background:rgba(255,255,255,.07);
text-align:center;
box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.installation-support-note h3{
margin:0 0 10px;
color:#fff;
font-size:clamp(20px,2vw,26px);
line-height:1.15;
}
.installation-support-note p{
margin:7px auto 0;
max-width:780px;
color:#dce8f8;
font-size:15px;
line-height:1.55;
}
.installation-support-note strong{color:#fff;}
@media(max-width:600px){
.installation-support-note{margin-top:22px;padding:18px 16px;}
.installation-support-note p{font-size:14px;}
}
/* v178 - grouped live sports networks card */
.sports-network-group{
width:100%;
margin-top:16px;
background:#f4f5f7;
border:1px solid rgba(255,255,255,.14);
border-radius:14px;
overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.22);
}
.sports-network-group img{
display:block;
width:100%;
height:auto;
max-height:430px;
object-fit:contain;
object-position:center;
}
@media (max-width:800px){
.sports-network-group{
margin-top:12px;
border-radius:12px;
}
.sports-network-group img{
max-height:none;
}
}
/* v179 - sports as card #7 and AND MORE as card #8 */
.premium-logo-grid .sports-card{
padding:2px!important;
background:#f4f5f7!important;
}
.premium-logo-grid .sports-card img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
}
.premium-logo-grid .and-more-card{
background:#f4f5f7!important;
color:#0b2148!important;
text-align:center!important;
}
.premium-logo-grid .and-more-card>div{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:100%;
line-height:1.05;
}
.premium-logo-grid .and-more-card strong{
display:block;
font-size:24px;
font-weight:900;
letter-spacing:.04em;
}
.premium-logo-grid .and-more-card span{
display:block;
margin-top:7px;
font-size:11px;
font-weight:700;
letter-spacing:.01em;
color:#43536f;
}
@media(max-width:800px){
.premium-logo-grid .and-more-card strong{font-size:20px}
.premium-logo-grid .and-more-card span{font-size:10px}
}
/* JINX TV installation guides link */
.install-guides-link,
.install-guides-link:visited {
color: #FFD400 !important;
}
.install-guides-link:hover,
.install-guides-link:focus {
color: #FFE66B !important;
}
/* Force JINX TV installation guide link yellow in every link state */
a.install-guides-link,
a.install-guides-link:link,
a.install-guides-link:visited,
a.install-guides-link:hover,
a.install-guides-link:focus,
a.install-guides-link:active {
color: #FFD400 !important;
text-decoration-color: #FFD400 !important;
}
/* v190: customer intent selector and returning-customer renewal link */
.existing-customer-link{display:inline-block;margin-top:16px;color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:15px}
.existing-customer-link:hover,.existing-customer-link:focus-visible{color:#ffdc42}
.request-type-label{display:block;text-align:left;margin-top:26px;color:#0c2045;font-size:18px;font-weight:700}
.request-type-label select{display:block;width:100%;min-height:58px;margin-top:12px;padding:14px 16px;background:#fff;border:1px solid #bad0eb;border-radius:5px;color:#0c2045;font:inherit;font-weight:500}
.device-label[hidden],.plan-label[hidden],.selected-plan-copy[hidden]{display:none!important}
@media(max-width:600px){.existing-customer-link{font-size:14px;margin-top:12px}.request-type-label{font-size:16px}}
/* v191: only display the additional-connections field for applicable requests */
.additional-connections-label[hidden]{display:none!important}
/* v192: account-change form, using existing JINX TV colors */
.remove-connections-label[hidden],.desired-plan-label[hidden],.plan-change-preview[hidden]{display:none!important}
.desired-plan-label select,.remove-connections-label input{display:block;width:100%;min-height:58px;margin-top:12px;padding:14px 16px;background:#fff;border:1px solid #bad0eb;border-radius:5px;color:#0c2045;font:inherit}
.plan-change-preview{margin:18px 0 2px;padding:16px 18px;background:#f3f7fd;border:1px solid #bad0eb;border-radius:5px;color:#0c2045;text-align:left;font-weight:600;line-height:1.5}
/* v201: Preserve the full Crystal Lake poster art and text without cropping. */
.catalog-v7 .poster-row .crystal-lake-poster img{object-fit:cover!important;object-position:center center!important;}
.crystal-lake-poster{background:#111!important;}