/* Hero Premium — independently editable layout; imagery only in image containers */
:root{--gold:#ffd426;--red:#e10b22}body{background:radial-gradient(ellipse at 50% 42%,#171013 0%,#080809 55%);overflow-x:hidden}body::selection{background:#ffcc20;color:#070707}.wrap{width:min(1330px,94%)}.topbar{height:76px;background:linear-gradient(180deg,#030303,#080808);box-shadow:0 2px 0 #ef1726,0 6px 28px #e1122550}.topbar .wrap{width:min(1380px,96%)}.nav{gap:18px}.logo-image{width:194px;min-width:194px;align-self:center}.logo-image img{height:69px;width:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 3px #bb152c)}.navlinks{gap:clamp(12px,1.6vw,27px)}.navlinks a{font-size:13px;letter-spacing:.05px}.navlinks a:first-child{color:#fff}.navlinks a.nav-home{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:13px}.nav-actions svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.7}.nav-user,.navcart{display:flex;align-items:center}.nav-separator{height:28px;width:1px;background:#444}.langs button{border-radius:10px;padding:9px 12px}.hero{height:385px;border-bottom:3px solid #db162a;isolation:isolate}.heroBg{background-position:center 45%;filter:saturate(1.28) contrast(1.08)}.hero:after{background:linear-gradient(90deg,#0000 0%,#0002 26%,#050505dc 38%,#060506df 63%,#0002 77%,#0000 100%)}.heroShine{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 44% 80% at 50% 50%,#05040522,#0000 80%),linear-gradient(0deg,#05050580,transparent 22%,transparent 80%,#07070730)}.heroContent{max-width:550px;padding:12px 20px 14px;border-radius:24px}.eyebrow{color:#ffda38;font-size:10px;letter-spacing:2px;text-shadow:0 0 9px #b90a18}.hero h1{font-size:clamp(30px,3.4vw,46px);line-height:1.3;text-shadow:0 3px 7px #000,0 0 12px #000}.lead{font-size:18px;text-shadow:0 2px 5px #000}.heroBrands>span{backdrop-filter:blur(4px);border-color:#4d4e56;box-shadow:0 4px 18px #000b}.heroBrands.secondary>span{font-size:13px}.heroCta{margin-top:4px;box-shadow:0 0 20px #ffce0075,0 3px 8px #000}.stats{border-bottom:1px solid #252025}.statGrid{padding:25px 0}.stat strong{color:#ffce16}.statIcon{filter:drop-shadow(0 0 6px #f6c70055)}.section{padding-top:29px;padding-bottom:25px}.section h2,.plans h2{font-size:20px}.platformGrid{gap:10px}.platform{height:87px;background:linear-gradient(140deg,#16181d,#050505 78%);box-shadow:inset 0 0 20px #1b1b21,0 5px 20px #0007}.platform:hover,.channel:hover strong{box-shadow:0 0 20px #f6c50033;border-color:#e4b91b}.mediaSection{padding-top:28px;gap:30px;border-top:1px solid #9f1b27}.poster{box-shadow:0 8px 22px #000b}.poster img{filter:saturate(1.13)}.sportsBanner{min-height:260px;box-shadow:0 0 20px #9c12193d}.sportsInner{min-height:260px}.sportsImage{filter:saturate(1.16)}.channel strong{height:77px}.features{background:linear-gradient(120deg,#0d0d0f,#060606);box-shadow:0 10px 35px #0008}.plans{background:radial-gradient(ellipse at 15% 75%,#680d17 0%,transparent 47%),radial-gradient(ellipse at 90% 10%,#32070c 0%,transparent 42%),#080607}.plan{min-height:255px;transition:transform .2s}.plan:hover{transform:translateY(-4px)}.plan.featured{box-shadow:0 0 26px #ffd30050}.contactStrip{box-shadow:0 -4px 20px #ef182b40}.contactNumber{box-shadow:0 0 17px #ffd91c55}.floatingWa{transition:transform .2s}.floatingWa:hover{transform:scale(1.1)}:focus-visible{outline:3px solid #ffdb38;outline-offset:4px}
@media(max-width:1100px){.logo-image{width:160px;min-width:160px}.nav{gap:9px}.navlinks{gap:11px}.navlinks a{font-size:12px}.langs button{padding:7px 8px}.hero{height:360px}}
@media(max-width:800px){.topbar{height:69px}.logo-image{width:145px;min-width:145px}.logo-image img{height:62px}.nav-actions{margin-left:auto;gap:7px}.hero{height:415px}.hero:after{background:linear-gradient(90deg,#0008,#000d 30%,#000d 70%,#0008)}.heroBg{background-position:center}.heroContent{padding:8px 2px}.hero h1{font-size:30px}.platform{height:74px}.sportsBanner,.sportsInner{min-height:270px}.section h2{font-size:17px}}
@media(max-width:430px){.logo-image{width:115px;min-width:115px}.logo-image img{height:55px}.langs button{padding:6px 5px;font-size:10px}.hero h1{font-size:27px}.heroBrands>span{padding:5px 7px}.secondary>span{font-size:10px!important}.hero{height:390px}.lead{font-size:14px}.heroCta{margin-top:8px}.statGrid{gap:18px 4px}.stat{gap:7px}.stat strong{font-size:21px}.contactNumber{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}