/* HERO RELEASE — final layout and interaction polish */
:root{--gold:#ffd451;--red:#e81a2d;--panel:#121215}body{background:radial-gradient(ellipse at 50% 0%,#270b11 0%,#080808 38%);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.poster:focus-visible,summary:focus-visible{outline:3px solid #ffd451;outline-offset:3px}section[id],.mediaColumn[id]{scroll-margin-top:95px}
.topbar{height:88px;background:linear-gradient(180deg,#0e0c0fef,#050507fa);border-bottom:1px solid #dc2031;box-shadow:0 4px 24px #b4092059;backdrop-filter:blur(18px)}.nav{gap:14px}.logo-image img{object-fit:contain;filter:drop-shadow(0 2px 9px #ffce3855)}.navlinks{gap:clamp(9px,1.5vw,24px)}.navlinks a{font-size:clamp(11px,1vw,14px)}.navlinks a:hover{color:#ffd451}.langs button{border-radius:7px;min-height:36px}.langs button.active{background:linear-gradient(135deg,#e52331,#870914);box-shadow:0 0 14px #e8182e66}.nav-actions{flex-shrink:0}
.hero{height:clamp(440px,38vw,570px);background:#070508}.heroBg{background-position:center 38%;background-size:cover;filter:contrast(1.08) saturate(1.16)}.hero:after{background:linear-gradient(90deg,#0505051a 0%,#050505a8 27%,#050505e8 45%,#050505e8 60%,#050505a8 78%,#0505051a 100%)}.heroContent{max-width:640px;padding:24px;border-radius:24px;background:#03030536;backdrop-filter:blur(1px)}.hero h1{font-size:clamp(34px,4vw,57px);line-height:1.25;letter-spacing:-.4px}.hero .lead{font-size:clamp(15px,1.65vw,21px)}.eyebrow{font-size:12px;letter-spacing:2px}.heroBrands>span{box-shadow:0 7px 26px #000b;border-color:#47404b}.goldBtn{min-height:44px;box-shadow:0 7px 25px #e2ac2759}.heroCta{margin-top:9px}.stats{background:linear-gradient(90deg,#09090b,#151015,#09090b)}.statGrid{padding-block:27px}.stat strong{color:#ffdb60}.section{padding-top:38px;padding-bottom:28px}.section h2,.plans h2{font-size:clamp(21px,2.2vw,29px)}.platformGrid{gap:12px}.platform{height:90px;border-radius:13px;box-shadow:0 12px 24px #0007}.platform:hover{box-shadow:0 0 19px #d4a82a33}.posterGrid{gap:12px}.poster{border-radius:13px;border-color:#50454a;box-shadow:0 12px 25px #0008;cursor:pointer}.poster span{font-size:11px;padding-bottom:10px}.poster img{filter:contrast(1.06) saturate(1.07)}.sportsBanner{min-height:300px}.sportsInner{min-height:300px}.sportsImage{filter:saturate(1.14) contrast(1.08)}.sportsTitle h2{font-size:clamp(26px,3vw,40px)}.channel strong{height:78px;border-radius:12px}.featureGrid>div{padding:13px 5px}.plans{padding-block:46px}.plan{border-radius:18px;padding:28px 22px}.plan.featured{box-shadow:0 0 35px #ffdb343d}.plan .goldBtn{max-width:280px}.faq details{border-radius:12px}.floatingWa{transition:transform .2s}.floatingWa:hover{transform:scale(1.08)}
@media(max-width:1050px){.navlinks{gap:9px}.nav{gap:8px}.navlinks a{font-size:11px}.platformGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.channelGrid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:700px){.topbar{height:76px!important}.nav{gap:6px!important}.navlinks{top:76px!important;z-index:60;max-height:calc(100dvh - 76px);overflow-y:auto}.logo-image{width:106px!important;min-width:106px!important}.logo-image img{width:106px!important;max-height:56px}.nav-actions{gap:3px}.nav-user,.navcart,.nav-separator{display:none!important}.langs button{font-size:10px!important;padding:6px 5px!important;min-height:32px}.hamburger{min-width:34px}.hero{padding-top:clamp(140px,33vw,210px)!important;height:auto!important;min-height:0!important}.heroBg{background-position:center top!important;background-size:100% auto!important;filter:saturate(1.16) contrast(1.07)!important}.hero:after{background:linear-gradient(to bottom,transparent 0%,#05050500 22%,#050505d9 44%,#050505 70%)!important}.heroInner{padding-bottom:32px!important}.heroContent{background:transparent;backdrop-filter:none;padding:14px 6px!important}.hero h1{font-size:clamp(27px,7vw,38px)!important}.eyebrow{letter-spacing:1px}.heroBrands>span{font-size:clamp(11px,3.5vw,15px)!important}.heroBrands.secondary>span{font-size:10px!important}.statGrid{grid-template-columns:repeat(2,1fr)}.section{padding-top:28px;padding-bottom:22px}.platformGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform{height:72px}.mediaSection{grid-template-columns:1fr}.posterGrid,.posterGrid.five{gap:13px!important;overscroll-behavior-inline:contain;scroll-padding-inline:8px}.posterGrid .poster,.posterGrid.five .poster{flex-basis:clamp(145px,43vw,195px)!important;width:clamp(145px,43vw,195px)!important}.poster span{font-size:12px!important}.sportsBanner{padding-top:26vw!important;min-height:0!important}.sportsImage{background-size:100% auto!important;background-position:center top!important}.sportsBanner:after{background:linear-gradient(to bottom,transparent 0%,#050505e5 55%,#050505 95%)!important}.sportsInner{min-height:210px!important;padding:20px 10px 28px!important;gap:18px}.leagues span{font-size:11px}.channelGrid{grid-template-columns:repeat(5,1fr)}.channel strong{height:60px}.featureGrid{grid-template-columns:repeat(3,1fr)}.planGrid{grid-template-columns:1fr}.plan{padding:22px}.contactNumber{font-size:clamp(17px,5vw,24px)}.floatingWa{bottom:15px;left:14px}}
@media(max-width:380px){.logo-image,.logo-image img{width:88px!important;min-width:88px!important}.langs button{padding:5px 3px!important;font-size:9px!important}.nav{gap:2px!important}.hero{padding-top:36vw!important}.heroBrands{gap:4px}.platform{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}