/* USA IPTV Hub: black and electric blue. Presentation only; business markup stays intact. */
.tutorial-panel .device-guide{border-top:1px solid var(--line);padding-block:28px}.tutorial-panel .device-guide>h3{font-size:24px;line-height:1.4;margin:0 0 18px}.tutorial-panel .device-guide h4{font-size:19px;line-height:1.4;margin:0 0 12px}.tutorial-panel .reference-step{max-width:860px}.tutorial-panel .reference-step.portrait-step{max-width:440px}.tutorial-panel .reference-step picture{display:block}.tutorial-panel .reference-step img{display:block;width:100%;height:auto}.tutorial-panel .reference-step figcaption{overflow-wrap:anywhere}
.tutorial-panel .apple-guide{padding-block:24px 32px;border-top:1px solid var(--line)}.tutorial-panel .apple-guide-title{font-size:24px;line-height:1.35;margin:0 0 20px;color:var(--ink)}.tutorial-panel .apple-guide .setup-steps h4{font-size:18px;line-height:1.4;margin:0 0 12px;color:var(--ink)}
.tutorial-panel .apple-step-figure{max-width:552px}.tutorial-panel .apple-step-figure.apple-step-portrait{max-width:320px}.tutorial-panel .app-login-guides picture{display:block}.tutorial-panel .app-login-guides picture img{display:block;max-width:100%;height:auto}
@font-face{font-family:Manrope;src:url('../fonts/manrope-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{--bg:#050608;--surface:#0d1016;--ink:#f5f7fc;--muted:#a8b0bf;--accent:#1769f5;--accent-ink:#fff;--line:#252b36;--radius:7px;color-scheme:dark}
html{scroll-padding-top:100px}body{font-family:Manrope,Arial,sans-serif;line-height:1.7;letter-spacing:0;background:var(--bg);color:var(--ink)}
.four h1,.four h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:0;text-wrap:balance}p{ text-wrap:pretty}.wrap{width:min(1280px,calc(100% - 96px))}
.four .topline{background:#080b12;color:#b4c1d9;font-size:10px;padding:7px 20px;border-bottom:1px solid #ffffff08}
.header{position:sticky;top:0;z-index:60;background:#050608ed;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.nav{min-height:82px;gap:32px}
.four .wordmark{font-weight:800;font-size:28px;display:inline-flex;align-items:center;position:relative;color:#fff}.four .wordmark em{color:var(--accent)}
.wordmark::before{content:'';width:5px;height:23px;background:var(--accent);margin-right:13px;transform:skew(-16deg);box-shadow:6px 0 0 #2475ff55}
.navlinks{gap:26px;font-size:12px}.navlinks a:not(.button){color:#b8becb;padding:12px 0;transition:color .2s}.navlinks a:not(.button):hover,.navlinks a[aria-current=page]{color:#fff}
.navlinks a[aria-current=page]{text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:9px}
.button,.navlinks .button{background:var(--accent);color:#fff;border:1px solid transparent;border-radius:6px;min-height:50px;padding:13px 24px;font-size:13px;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s}
.button:hover,.navlinks .button:hover{background:#125fee;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #1260ef26}.button.secondary{background:transparent;color:#fff;border-color:#596170}.button.secondary:hover{background:#ffffff09;border-color:#a3b5cf}
.navlinks .button{min-height:44px;padding:11px 17px;font-size:12px}.navlinks .button[href*="wa.me/"]::before{content:'';width:17px;height:17px;background:url('../img/whatsapp.svg') center/contain no-repeat}
.four .hero{min-height:610px;background:#050608;text-align:left}.four .hero>picture{left:23%}.four .hero>picture img{object-position:65% 48%;animation:cinema-pan 22s ease-in-out infinite alternate}
.four .hero::after{background:linear-gradient(90deg,#050608 3%,#050608f5 24%,#050608b3 49%,#0506080d 78%),linear-gradient(0deg,#050608 0%,transparent 40%)}
.hero .wrap{padding-block:76px;position:relative}.hero .eyebrow{font-size:10px;font-weight:800;color:#8ab8ff;margin-bottom:24px;display:flex;align-items:center;gap:12px}.hero .eyebrow::before{content:'';width:26px;height:2px;background:var(--accent)}
.four .hero h1{font-size:84px;line-height:1.05;max-width:900px;margin:0 0 24px;font-weight:800}.hero .hero-subtitle{font-size:32px;line-height:1.35;font-weight:500;max-width:460px;margin:0 0 22px}
.hero .lead{max-width:475px;margin:0;color:#b4bdcb;font-size:15px;line-height:1.85}.hero .actions{justify-content:flex-start;align-items:center;gap:12px;margin-top:30px;flex-direction:row}.hero .actions .button{min-height:52px;padding:13px 24px;flex:none}
.hero .button:not(.secondary){order:2;background:#ffffff06;border-color:#657187;color:#fff}.hero .button.secondary{order:1;background:var(--accent);color:#fff;border-color:var(--accent)}.hero .button.secondary:hover{background:#125fee}.hero .button:not(.secondary):hover{background:#ffffff12}
.icon{width:20px;height:20px;flex-shrink:0}.four .hero .icon{width:20px;height:20px;position:static;animation:none;object-fit:contain}
.hero .motion-toggle{position:absolute;right:0;bottom:36px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0a101acc;border:1px solid #ffffff40;color:#fff}.hero .motion-toggle img{position:static;animation:none;width:15px;height:15px}
.four .numbers{background:#050608;width:min(1280px,calc(100% - 96px));margin:0 auto;border-block:1px solid var(--line)}.numbers>div{padding:23px 12px;font-size:10px;color:#9ca8ba;border-color:var(--line)}.numbers>div:last-child{border-right:0}.numbers strong{font-size:26px;color:#fff;font-weight:600;line-height:1.4;margin-bottom:5px}
.section{padding:88px 0;border-color:#ffffff0a}.section.alt{background:var(--surface)}.section h2{font-size:42px;line-height:1.17;font-weight:600}.section-kicker{display:block;color:#72a9ff;font-size:10px;font-weight:800;margin-bottom:15px;text-transform:uppercase}.section-intro{font-size:15px;line-height:1.85;max-width:670px;color:var(--muted)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-heading>div:first-child{min-width:0}.section-heading h2{margin-bottom:14px}.section-heading p{margin:0}.text-link{color:#79acff;font-size:13px;text-decoration:none;border-bottom:1px solid #45648e;padding-bottom:4px}.text-link:hover{color:#fff}
.entertainment{background:#050608;overflow:hidden}.entertainment .section-intro,.movie-card small,.media-note{color:var(--muted)}
.discovery-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#34465f #0d1016;padding:5px 0 20px;overscroll-behavior-x:contain}.discovery-rail>*{scroll-snap-align:start;flex-shrink:0}
.poster-rail.discovery-rail{gap:24px;padding:8px 0 24px}.poster-rail.discovery-rail>.movie-card{flex:0 0 calc((100% - 96px)/5);width:calc((100% - 96px)/5)}
.movie-card{display:block;min-width:0;text-decoration:none;transition:transform .25s}.movie-card:hover{transform:translateY(-5px)}.movie-card picture{display:block;overflow:hidden;border-radius:6px;background:#131720;outline:1px solid #ffffff10;outline-offset:-1px}.movie-card img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .55s}.movie-card:hover img{transform:scale(1.04)}.movie-card h3{font-size:15px;font-weight:600;line-height:1.4;margin:16px 0 3px}.movie-card small{font-size:11px}.media-note{font-size:11px;margin:18px 0 0}
.poster-controls,.rail-controls{display:flex;gap:8px;flex-shrink:0}.poster-controls button,.rail-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #343c4a;background:#0e131c;border-radius:50%;color:#fff;transition:background .2s,border-color .2s}.poster-controls button:hover,.rail-controls button:hover{background:#172947;border-color:#578fe7}.poster-controls button:disabled,.rail-controls button:disabled{opacity:.3;cursor:default}.rail-controls img,.poster-controls img{width:18px;height:18px;filter:brightness(0) invert(1)}
.section:has(.sports-grid)>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.section:has(.sports-grid) .section-kicker{grid-column:1/-1}.section:has(.sports-grid) h2{margin-bottom:0}.section:has(.sports-grid) .section-intro{align-self:end;margin:0}.section:has(.sports-grid) .sports-grid,.section:has(.sports-grid) .sport-types,.section:has(.sports-grid) .note{grid-column:1/-1}.section:has(.sports-grid) .text-link{justify-self:start}
.sports-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;margin:34px 0 0}.sport-card{position:relative;isolation:isolate;min-height:390px;overflow:hidden;border-radius:7px;background:#0e141e;display:flex;align-items:end;text-decoration:none;color:#fff}.sport-card picture{position:absolute;inset:0;z-index:-2}.sport-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.sport-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,#02060c75 55%,#02060cf5)}.sport-card:hover img{transform:scale(1.045)}.sport-card>div{padding:32px}.sport-card h3{font-size:42px;font-weight:600;margin-bottom:9px}.sport-card p{font-size:13px;line-height:1.65;color:#d4dce8;margin:0}.sport-card .sport-tag{display:inline-block;font-size:10px;font-weight:800;border-left:3px solid var(--accent);padding-left:10px;margin-bottom:14px;color:#fff}.sport-types{display:flex;flex-wrap:wrap;gap:12px 28px;margin:26px 0;color:#a8b4c5;font-size:12px;font-weight:600}.sport-types span::before{content:'+';color:#5794ff;margin-right:9px}.note{font-size:12px;line-height:1.8}
.channel-networks{padding:44px 0;background:#0a0d12;border-block:1px solid var(--line)}.channel-networks h2{font-size:30px}.channel-networks .section-heading p{font-size:13px;color:var(--muted)}.network-tile{width:185px;min-height:134px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:19px;text-decoration:none;border:1px solid #252e3e;background:#111620;border-radius:5px}.network-tile:hover{background:#18263b;border-color:#4c77b8}.network-tile strong{font-size:23px;line-height:1.2;font-weight:600}.network-tile span{font-size:11px;color:var(--muted)}
.country-flag{width:40px!important;height:27px!important;object-fit:cover;border-radius:2px;flex-shrink:0;box-shadow:0 0 0 1px #ffffff20}.network-tile .country-flag{width:27px!important;height:18px!important}.country-choice{display:grid;grid-template-columns:40px minmax(0,1fr);gap:3px 12px;align-items:center;flex:0 0 222px;min-height:84px;background:#111620;border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:14px;text-align:left}.country-choice .country-flag{grid-row:span 2}.country-choice>span{font-weight:700;font-size:15px}.country-choice small{color:var(--muted);font-size:12px}.country-choice:hover,.country-choice[aria-pressed=true]{border-color:var(--accent);background:#142444}
.section.alt.pricing-section,.pricing-section{background:linear-gradient(180deg,#101b30 0%,#080c14 25%,#080b10 100%);border-block:1px solid #1d304c}.pricing-section h2{font-size:48px;max-width:800px;margin:0 auto 20px}.pricing-section>.wrap>.section-intro{max-width:650px;margin-bottom:28px}
.device-options{border:0;padding:0;margin:30px auto 16px;max-width:340px}.device-options legend{font-size:12px;font-weight:600;color:#b5c2d6;margin-bottom:12px}.device-options .choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px;background:#050a12;border:1px solid #354360;border-radius:7px}.device-options button{padding:8px;min-height:44px;border:0;border-radius:4px;background:transparent;font-size:15px;font-weight:700;color:#c3cfe1;transition:background .2s}.device-options button:hover{background:#1a2b46}.device-options button[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:0 2px 10px #0004}.price-status{font-size:12px;color:#a5b4c9;margin-bottom:26px;min-height:24px}
.prices{gap:18px;padding-top:18px}.four .plan{position:relative;display:flex;min-width:0;background:#0d131e;padding:32px 25px;border:1px solid #303d51;border-radius:7px;box-shadow:none;transition:border-color .25s,transform .25s}.four .plan:hover{transform:translateY(-5px);border-color:#689ef3;box-shadow:0 18px 30px #0002}.four .plan.featured{background:linear-gradient(155deg,#16386b,#101e35 70%);border:1px solid #538dff;box-shadow:0 0 40px #2475ff0f}.plan.featured::before{content:'BEST VALUE';position:absolute;top:-14px;left:24px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;padding:5px 12px;border-radius:4px}.plan .term{font-size:14px;font-weight:700;text-align:left;color:#c4d2e6}.plan .price{font-size:60px;font-weight:600;line-height:1.1;text-align:left;margin:25px 0 8px;color:#fff;font-variant-numeric:tabular-nums}.plan .unit{text-align:left;color:#a2b1c6;font-size:11px;margin-bottom:28px;min-height:20px}.plan ul{margin-bottom:30px}.plan li{font-size:12px;padding:10px 0;border-color:#ffffff0d;color:#c1ccdc}.plan li::before{color:#6fa5ff;font-weight:700}.plan .button{min-height:48px;font-size:12px;padding:12px 9px;background:#14243c;color:#d4e5ff;border-color:#3c5b85}.plan .button:hover{background:#1e477f;color:#fff}.plan.featured .button{background:var(--accent);color:#fff;border-color:var(--accent)}
.price-table{margin-top:40px;scrollbar-width:thin;scrollbar-color:#425b7b #080b10}.price-table caption{padding:20px 0;font-size:14px;color:#ced8e8}.price-table th,.price-table td{font-size:12px;padding:15px 18px;border-color:#273349}.price-table thead th{color:#a8bad3;font-size:11px;font-weight:600}.price-table tbody tr:nth-child(even){background:#0e1724}.price-table tbody tr.is-selected{background:#132d52;color:#d4e6ff}.price-table tbody tr.is-selected th{box-shadow:inset 3px 0 var(--accent)}
.section:has(.feature-grid)>.wrap{display:grid;grid-template-columns:1fr 2fr;gap:60px}.section:has(.feature-grid) h2{max-width:290px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 36px;margin:0}.feature-grid article{display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 14px;padding-top:24px;border-color:#313b4b}.feature-number{color:#6fa5ff;font-weight:600;font-size:12px;grid-row:1/span 2;margin:3px 0 0}.feature-grid h3{font-size:20px;line-height:1.4;margin-bottom:12px;font-weight:600}.feature-grid p{grid-column:2;font-size:13px;line-height:1.85}
.device-showcase{grid-template-columns:1.3fr 1fr;gap:24px 40px;margin-top:35px}.device-showcase>a{min-width:0}.device-showcase>a:first-child{grid-row:span 2}.device-showcase>a:not(:first-child){display:grid;grid-template-columns:45% 1fr;grid-template-rows:1fr 1fr;column-gap:24px;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--line)}.device-showcase>a:not(:first-child) picture{grid-row:1/span 2;margin:0}.device-showcase>a:not(:first-child) span{align-self:start}.device-showcase picture{display:block;overflow:hidden;border-radius:6px;background:#111722;margin-bottom:20px}.device-showcase img{margin:0;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .55s;filter:none}.device-showcase>a:first-child img{aspect-ratio:16/9}.device-showcase a:hover img{transform:scale(1.035)}.device-showcase h3{font-size:22px;font-weight:600;line-height:1.35;margin-bottom:9px}.device-showcase span{font-size:12px;font-weight:600;color:#79acff}
.section:has(>.wrap>.faq)>.wrap{display:grid;grid-template-columns:1fr 2fr;gap:60px}.faq{width:100%;max-width:980px;margin:0 auto}.faq details{background:transparent;border:0;border-bottom:1px solid #303948;border-radius:0;padding:24px 0;margin:0}.faq details:first-child{border-top:1px solid #303948}.faq summary{position:relative;list-style:none;padding-right:40px;font-size:17px;line-height:1.55;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:2px;top:0;font-size:25px;color:#74a8ff;font-weight:400}.faq details[open] summary::after{content:'\2212'}.faq details[open] summary{color:#91baff}.faq p{font-size:14px;line-height:1.9;margin-top:16px}.faq details[open] p{animation:answer-in .25s ease-out}
.support-band{position:relative;isolation:isolate;overflow:hidden;background:#08111f;border-block:1px solid #213957;text-align:center}.support-band::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050608f5,#050608c9,#050608f5),url('../img/avatar-water.webp') center 42%/cover}.support-band .wrap{max-width:950px}.support-band h2{font-size:50px;margin:0 auto 22px;max-width:800px}.support-band p{font-size:15px;color:#b0bed2;margin:0 auto;max-width:660px}.support-band .actions{justify-content:center;margin-top:30px}.support-band .button{background:var(--accent);color:#fff}.support-band .button.secondary{background:transparent;color:#fff;border-color:#53647e}
.footer{background:#050608;color:#e6eaf3;padding:64px 0 26px}.footer-grid{gap:42px}.footer h3{font-size:12px;color:#eaf0ff}.footer li{font-size:12px;margin:12px 0}.footer a:hover{color:#79acff}.footer p{font-size:12px;line-height:1.85;color:#a1acbc}.footer .copyright{color:#8e9aac;font-size:10px;padding-bottom:65px;border-color:#232c39;line-height:1.8}
.sticky-help{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;align-items:center;gap:9px;background:#087b40;color:#fff;border:1px solid #5bc991;border-radius:40px;min-height:52px;padding:11px 18px;font-size:12px;font-weight:700;box-shadow:0 6px 25px #0008;transition:transform .2s,background .2s}.sticky-help img{width:24px;height:24px}.sticky-help:hover{background:#096534;transform:translateY(-3px);color:#fff}
.pagehead{background:linear-gradient(110deg,#0e1b30,#070b12 80%);padding:54px 0;text-align:left}.pagehead h1{font-size:44px;font-weight:600;line-height:1.2;max-width:970px;margin-bottom:18px}.pagehead p{font-size:16px;line-height:1.85;max-width:740px;margin:0;color:#a8b7cd}.crumb{font-size:10px;margin-bottom:24px;color:#95a7bf}.reading{max-width:790px}.reading p,.reading li{font-size:15px;line-height:1.9}.reading h2{font-size:30px}.reading a{color:#85b3ff}.four .steps .step{border-color:var(--accent)}.step h3{font-size:24px}.step p{font-size:14px}.article-card img{border-radius:6px}.article-card h3{font-size:26px;line-height:1.35}.contact-grid h2{font-size:25px}.contact-grid p{font-size:14px}
.directory-hero{position:relative;isolation:isolate;overflow:hidden;background:#070b12;padding:52px 0;text-align:left}.directory-hero>picture{position:absolute;inset:0 0 0 38%;z-index:-2}.directory-hero>picture img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.directory-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070b12,#070b12dd 50%,#070b1275)}.directory-hero h1{font-size:44px;line-height:1.2;margin-bottom:18px}.directory-hero p{max-width:670px;margin:0;color:#b6c3d6;font-size:14px;line-height:1.9}.directory-facts{display:flex;align-items:center;flex-wrap:wrap;gap:18px 34px;padding-top:24px;margin-top:28px;border-top:1px solid #ffffff20;font-size:12px;color:#b6c3d6}.directory-facts strong{font-size:26px;font-weight:600;color:#fff;margin-right:6px}.directory-facts a{color:#83b2ff;font-weight:700}
.logo-showcase{padding:38px 0 30px;background:#050608;border-bottom:1px solid var(--line)}.logo-showcase .section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:22px}.logo-showcase h2{font-size:28px;margin:0}.logo-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:12px 0;direction:ltr}.logo-window::-webkit-scrollbar{display:none}.logo-track{display:flex;width:max-content}.logo-group{display:flex;align-items:center;gap:32px;padding-right:32px;flex:none}.logo-mark{display:grid;place-items:center;flex:none;width:150px;height:94px}.logo-mark img{display:block;width:150px;height:76px;object-fit:contain;filter:none;opacity:1}.logo-showcase[data-logo-ready] .logo-track{animation:logo-scroll 48s linear infinite}.logo-showcase[data-logo-ready] .logo-window:nth-of-type(3) .logo-track{animation-direction:reverse;animation-duration:44s}.logo-showcase[data-logo-paused] .logo-track,.logo-window:hover .logo-track,.logo-window:focus-within .logo-track{animation-play-state:paused}.logo-note{font-size:11px;color:var(--muted);line-height:1.8;margin:20px 0 0;max-width:800px}
.directory-section{padding:48px 0 65px;scroll-margin-top:100px}.directory-section h2{font-size:32px}.channel-tools{margin:24px 0 16px}.channel-tools input,.channel-tools select{height:52px;background:#0e151f;color:#edf3ff;border-color:#3c4b62;border-radius:5px}.channel-tools label{font-size:12px;color:#c5d1e4}.channel-tools input:focus-visible,.channel-tools select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#channel-status{font-size:13px;color:var(--muted);margin:12px 0}.directory-actions{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:flex-start;margin:12px 0 26px}.text-command{border:0;border-bottom:1px solid #405675;background:transparent;color:#83b2ff;padding:10px 0;min-height:44px;font-size:12px;font-weight:700}
.channel-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;max-width:none;margin:24px 0}.channel-category{margin:0;border:1px solid #2c384b;background:#101722;border-radius:5px;overflow:hidden;min-width:0;scroll-margin-top:100px}.channel-category summary{gap:12px;padding:18px;min-height:76px;font-size:15px;transition:background .2s}.channel-category summary:hover{background:#17263c}.channel-category summary .category-name{min-width:0;overflow-wrap:anywhere}.channel-category summary small{color:var(--muted);margin-left:auto;white-space:nowrap;font-size:11px;max-width:none}.channel-category summary::after{color:#6da4ff;margin-left:0;font-size:22px}.channel-category[open] summary{background:#132c4d;border-color:#355582}.channel-category ul{max-height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#476486 #101722;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 18px 18px;gap:0 18px}.channel-category li{font-size:12px;line-height:1.55;border-color:#29364a}.country-symbol{display:grid;place-items:center;width:40px;height:27px;color:#8ab7ff;border:1px solid #4a6384;font-size:10px;flex-shrink:0}.directory-note{border-top:1px solid var(--line);padding-top:30px;margin-top:34px}.directory-note h3{font-size:23px}.directory-note p{max-width:880px;color:var(--muted);font-size:13px;line-height:1.9}.channel-empty{padding:28px 0;border-block:1px solid var(--line)}
.country-choice:focus-visible,.rail-controls button:focus-visible,.discovery-rail:focus-visible,.channel-entries:focus-visible,.network-tile:focus-visible,.text-command:focus-visible,.logo-window:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.tutorial-tabs{gap:6px;padding-bottom:12px}.tutorial-tabs button{background:#101722;color:#c5d3e6;border-color:#30415b;border-radius:5px;font-size:13px;padding:13px 20px}.tutorial-tabs button[aria-selected=true]{background:var(--accent);color:#fff}.setup-steps li{padding:20px 0;border-bottom:1px solid var(--line)}.setup-steps h3{font-size:21px}.setup-steps p{font-size:14px;line-height:1.9}
.reveal-ready{opacity:1;transform:none}.reveal-ready.in-view{animation:reveal-in .45s ease-out both}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal-ready{opacity:1;transform:none;animation:none}.network-row{border-color:var(--line)}.network-row span{color:var(--ink)}
@keyframes cinema-pan{from{transform:scale(1)}to{transform:scale(1.04)}}@keyframes logo-scroll{to{transform:translateX(-50%)}}@keyframes reveal-in{from{transform:translateY(12px)}to{transform:none}}@keyframes answer-in{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.four .hero{min-height:680px}.hero .wrap{padding-block:100px}.four .hero>picture{left:20%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.four .numbers{width:calc(100% - 64px)}.navlinks{gap:16px}.four .hero h1{font-size:72px}.hero .hero-subtitle{font-size:30px}.section:has(.feature-grid)>.wrap,.section:has(>.wrap>.faq)>.wrap{gap:36px;grid-template-columns:1fr 1.8fr}.section h2{font-size:36px}.sport-card h3{font-size:34px}.device-showcase{gap:24px}.device-showcase h3{font-size:19px}}
@media(max-width:1000px){.prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.poster-rail.discovery-rail{gap:18px}.poster-rail.discovery-rail>.movie-card{flex-basis:calc((100% - 54px)/4);width:calc((100% - 54px)/4)}.sports-grid{grid-template-columns:1fr 1fr}.four .plan{padding:30px}.device-showcase>a:not(:first-child){column-gap:18px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.four .numbers{width:calc(100% - 48px)}.menu{display:grid;place-items:center;border-radius:5px;font-size:23px}.nav{min-height:72px;flex-wrap:wrap;gap:0}.navlinks{display:none;flex-basis:100%;grid-template-columns:1fr 1fr;align-items:stretch;gap:6px 20px;max-height:calc(100svh - 100px);overflow-y:auto;padding:18px 0}.menu[aria-expanded=true]+.navlinks{display:grid}.navlinks a:not(.button){padding:12px 4px}.navlinks .button{grid-column:1/-1;margin-top:6px}.footer-grid{grid-template-columns:1fr 1fr}.channel-directory{grid-template-columns:1fr}.section:has(.feature-grid)>.wrap,.section:has(>.wrap>.faq)>.wrap{grid-template-columns:1fr;gap:32px}.section:has(.feature-grid) h2{max-width:600px}.section:has(.sports-grid)>.wrap{gap:0 30px}.sport-card{min-height:360px}.device-showcase{grid-template-columns:1fr 1fr}.device-showcase>a:not(:first-child){display:block;padding:0;border:0}.device-showcase>a:first-child{grid-row:auto;grid-column:1/-1}.device-showcase>a:first-child img{aspect-ratio:21/9}.device-showcase>a:not(:first-child) picture{margin-bottom:20px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.four .numbers{width:calc(100% - 40px)}.four .hero{min-height:0}.hero .wrap{padding-block:60px 76px}.four .hero>picture{left:0}.four .hero>picture img{object-position:65% center}.four .hero::after{background:linear-gradient(90deg,#050608e8,#050608a6),linear-gradient(0deg,#050608,transparent 65%)}.four .hero h1{font-size:58px;margin-bottom:22px}.hero .hero-subtitle{font-size:28px;max-width:430px}.hero .lead{font-size:14px;max-width:470px}.hero .motion-toggle{bottom:22px}.hero .actions{flex-direction:row}.hero .actions .button{flex:none;padding:13px 20px}.numbers strong{font-size:23px}.numbers>div{font-size:9px;padding:20px 8px}.section{padding:58px 0}.section h2{font-size:32px}.section-heading{align-items:start;gap:20px;margin-bottom:26px}.section-intro{font-size:14px}.poster-rail.discovery-rail{gap:16px}.poster-rail.discovery-rail>.movie-card{flex-basis:38%;width:38%}.movie-card h3{font-size:14px}.section:has(.sports-grid)>.wrap{grid-template-columns:1fr}.section:has(.sports-grid) h2{margin-bottom:18px}.sports-grid{gap:16px;margin-top:28px}.sport-card{min-height:340px}.sport-card>div{padding:24px}.sport-card h3{font-size:30px}.sport-card p{font-size:12px}.sport-types{gap:10px 20px;font-size:11px}.four .plan{padding:26px;display:flex}.plan .price{font-size:55px}.plan .term{font-size:14px}.pricing-section h2{font-size:36px}.pricing-section .section-intro{font-size:14px}.pagehead{padding:40px 0}.pagehead h1{font-size:36px}.pagehead p{font-size:14px}.feature-grid{gap:28px}.feature-grid h3{font-size:18px}.faq summary{font-size:16px}.faq p{font-size:13px}.support-band h2{font-size:36px}.support-band p{font-size:14px}.footer-grid{gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.directory-hero{padding:38px 0}.directory-hero h1{font-size:34px}.directory-facts{gap:14px 24px}.directory-facts strong{font-size:23px}.logo-showcase h2{font-size:24px}.logo-mark{width:132px;height:90px}.logo-mark img{width:132px;height:74px}.logo-group{gap:28px;padding-right:28px}.channel-category summary{padding:16px 12px;font-size:14px}.channel-tools{gap:12px}.channel-category ul{max-height:360px}.directory-section h2{font-size:28px}.tutorial-tabs button{padding:12px;font-size:12px}.sticky-help{right:14px;bottom:14px;padding:10px 16px;min-height:50px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.four .numbers{width:calc(100% - 36px)}.four .topline{font-size:9px;padding:7px 14px}.four .wordmark{font-size:25px}.hero .wrap{padding-block:46px 72px}.hero .eyebrow{font-size:9px;margin-bottom:22px}.four .hero h1{font-size:44px}.hero .hero-subtitle{font-size:24px;max-width:320px}.hero .lead{font-size:13px;line-height:1.85}.hero .actions{margin-top:27px;gap:10px}.hero .actions .button{flex:1;padding:12px 8px;min-height:50px;font-size:12px}.hero .motion-toggle{width:44px;height:44px;bottom:15px}.numbers strong{font-size:20px}.numbers>div{font-size:9px;padding:18px 4px}.section h2{font-size:29px}.section-heading{flex-wrap:wrap;gap:16px}.section-heading .rail-controls{margin-left:auto}.section-heading .section-intro{font-size:13px}.poster-rail.discovery-rail>.movie-card{flex-basis:53%;width:53%}.sports-grid{grid-template-columns:1fr;gap:18px}.sport-card{min-height:350px}.sport-card h3{font-size:34px}.prices{grid-template-columns:1fr;gap:30px}.four .plan{padding:30px}.plan .price{font-size:64px}.plan li{font-size:13px}.plan .button{font-size:13px}.pricing-section h2{font-size:32px}.price-status{font-size:11px}.device-options{max-width:320px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-grid article{padding-top:24px}.feature-grid h3{font-size:21px}.device-showcase{grid-template-columns:1fr;gap:28px}.device-showcase>a:first-child img{aspect-ratio:16/10}.device-showcase h3{font-size:23px}.faq summary{font-size:15px}.pagehead h1{font-size:30px}.directory-hero h1{font-size:30px}.directory-facts{font-size:11px;gap:14px 22px}.directory-facts strong{font-size:21px}.directory-facts a{flex-basis:100%}.channel-category .country-flag{width:32px!important;height:22px!important}.channel-category summary{gap:10px;font-size:13px}.channel-category summary small{font-size:10px}.channel-category ul{grid-template-columns:1fr}.logo-showcase h2{font-size:23px}.logo-showcase .section-heading{gap:14px}.logo-mark{width:126px;height:86px}.logo-mark img{width:126px;height:70px}.logo-group{gap:24px;padding-right:24px}.logo-note{font-size:10px}.support-band h2{font-size:32px}.support-band .actions{display:grid;grid-template-columns:1fr;width:100%}.footer .copyright{padding-bottom:75px}.sticky-help{right:12px;bottom:12px}}
@media(max-width:480px){.numbers strong{font-size:17px;white-space:nowrap}.numbers>div{font-size:9px;line-height:1.65;min-height:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important}.motion-toggle{display:none!important}.logo-showcase[data-logo-ready] .logo-track{transform:none}.logo-group[aria-hidden=true]{display:none}.logo-showcase [data-logo-pause]{display:none}}
.four .cinema-hero h1{font-size:60px;line-height:1.1;max-width:920px;text-wrap:balance}.cinema-hero .hero-subtitle{font-size:23px;max-width:560px}
@media(max-width:1100px){.four .cinema-hero h1{font-size:48px;max-width:760px}}
@media(max-width:760px){.four .cinema-hero h1{font-size:42px}.cinema-hero .hero-subtitle{font-size:22px}}
@media(max-width:480px){.four .cinema-hero h1{font-size:34px}.cinema-hero .hero-subtitle{font-size:20px}}
/* Full-bleed artwork collage; the existing motion control also pauses this layer. */
.four .cinema-hero{min-height:660px;text-align:center}.hero-collage{position:absolute;z-index:-2;inset:-100px -30px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,390px);gap:16px;transform:rotate(-7deg) scale(1.08);animation:collage-drift 24s ease-in-out infinite alternate;pointer-events:none}.hero .hero-collage picture{position:relative;inset:auto;z-index:auto;overflow:hidden;border-radius:7px;box-shadow:0 6px 24px #0008}.hero-collage picture:nth-child(even){transform:translateY(65px)}.four .hero .hero-collage img{position:static;width:100%;height:100%;object-fit:cover;object-position:center;animation:none}.four .cinema-hero::after{background:linear-gradient(90deg,#05060838,#050608c7 28%,#050608d9 50%,#050608c7 72%,#05060838),linear-gradient(0deg,#050608 0%,#05060810 26%,#05060810 75%,#05060866)}.cinema-hero .wrap{padding-block:80px 86px}.four .cinema-hero h1{margin-inline:auto;max-width:950px;font-size:54px}.cinema-hero .eyebrow,.cinema-hero .actions{justify-content:center}.cinema-hero .hero-subtitle{max-width:640px;margin-inline:auto}.cinema-hero .lead{max-width:610px;margin-inline:auto;color:#d0d5df}.motion-paused .hero-collage{animation-play-state:paused}
@keyframes collage-drift{from{transform:rotate(-7deg) scale(1.08) translateY(-10px)}to{transform:rotate(-7deg) scale(1.08) translateY(10px)}}
@media(min-width:1700px){.hero-collage{grid-template-rows:repeat(2,460px);inset:-140px -30px}}
@media(max-width:760px){.hero-collage{width:950px;left:50%;margin-left:-475px;right:auto;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,410px);gap:12px}.four .cinema-hero{min-height:0}.four .cinema-hero h1{font-size:42px}.cinema-hero .wrap{padding-block:54px 78px}.four .cinema-hero::after{background:linear-gradient(90deg,#05060880,#050608cf 30%,#050608cf 70%,#05060880),linear-gradient(0deg,#050608,transparent 38%,#05060833)}}
@media(max-width:480px){.four .cinema-hero h1{font-size:34px}.cinema-hero .hero-subtitle{font-size:20px}.cinema-hero .lead{font-size:13px}.cinema-hero .wrap{padding-block:44px 74px}}
@media(prefers-reduced-motion:reduce){.hero-collage{animation:none}}
.app-previews{background:#080b10}.app-previews .section-heading{align-items:center}.app-previews .section-intro{margin:12px 0 0}.app-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.app-preview{min-width:0}.app-preview h3{font-size:22px;margin:0 0 16px}.app-preview video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #2b3443;border-radius:7px;box-shadow:0 16px 40px #0005}.app-preview video:focus-visible{outline:3px solid #83b2ff;outline-offset:5px}
@media(max-width:760px){.app-preview-grid{grid-template-columns:1fr;gap:30px}.app-previews .section-heading{display:flex;flex-wrap:wrap;gap:20px}.app-preview h3{font-size:20px}}
[data-autoplay=continuous] .discovery-rail{scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none}[data-autoplay=continuous] .discovery-rail::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){[data-autoplay=continuous] .discovery-rail>[aria-hidden=true]{display:none}}
[data-autoplay=continuous] [data-rail-direction]{display:none}
@media(prefers-reduced-motion:reduce){[data-autoplay=continuous] [data-rail-direction]{display:inline-flex}}
.tutorial-device-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:40px;align-items:center;margin:26px 0}.tutorial-device-intro:not(:has(figure)){grid-template-columns:1fr;max-width:780px}.tutorial-device-intro h2{font-size:30px;line-height:1.3}.tutorial-device-intro p{color:var(--muted);line-height:1.8}.tutorial-device-intro .device-apps{color:#8ab8ff;font-weight:700;margin-top:18px}.device-apps span{margin:0 12px;color:#65758d}.tutorial-device-photo{margin:0;min-width:0}.tutorial-device-photo picture{display:block;background:#10151e;border-radius:6px;overflow:hidden}.tutorial-device-photo img{display:block;width:100%;height:230px;object-fit:contain}.tutorial-device-photo figcaption,.device-photo-credits{font-size:11px;line-height:1.7;color:#a0adbf;margin-top:12px}.tutorial-device-photo a,.device-photo-credits a{color:#a8caff;text-decoration:underline;text-underline-offset:3px}.device-showcase img[src*="-device.jpg"]{object-fit:contain}.tutorial-panel .button{margin-top:24px}.tutorial-panel{scroll-margin-top:110px}.tutorial-tabs{flex-wrap:wrap}.tutorial-tabs button{min-height:44px}.tutorial-tabs button:focus-visible{outline:2px solid #8ab8ff;outline-offset:3px}@media(max-width:760px){.tutorial-device-intro{grid-template-columns:1fr;gap:22px}.tutorial-device-intro h2{font-size:25px}.tutorial-device-photo{max-width:440px}.tutorial-device-photo img{height:210px}.tutorial-panel .button{max-width:100%;white-space:normal;text-align:center}.tutorial-tabs button{flex:1 1 135px}.tutorial-tabs{display:flex}}
.install-compatibility{border-left:3px solid #408cff;padding:12px 18px;background:#0c1422;color:#c8d4e8;font-size:14px;line-height:1.8;margin:24px 0}.illustrated-install{max-width:1040px}.illustrated-install>li{padding-block:28px}.downloader-intro{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:30px}.downloader-intro img{display:block;width:160px;height:auto;border-radius:6px}.install-codes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0 30px}.install-codes>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:2px 18px;align-items:center;border-block:1px solid #2a3549;padding:18px 0}.install-codes picture{grid-row:1/3}.install-codes img{display:block;width:64px;height:74px;object-fit:contain;border-radius:5px}.install-codes .install-app-name{font-size:14px;color:#bac8dc}.install-codes .install-code{margin:0}.install-codes code{font-size:29px;font-weight:700;color:#8bbaff;user-select:all;letter-spacing:0}.install-figure{margin:24px 0;max-width:860px}.install-figure img,.install-screen-link img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid #2a3549}.install-figure figcaption,.illustrated-install .install-note{font-size:12px;line-height:1.7;color:#a8b0bf;margin-top:12px}.app-login-guides{margin:25px 0}.app-login-guides details{border-top:1px solid #2a3549;padding:20px 0}.app-login-guides details:last-child{border-bottom:1px solid #2a3549}.app-login-guides summary{cursor:pointer;min-height:44px;align-content:center;font-size:18px;font-weight:600;color:#e7efff}.app-login-guides summary::marker{color:#74a9ff}.app-login-guides summary:focus-visible,.install-screen-link:focus-visible,.install-figure a:focus-visible{outline:2px solid #8bbaff;outline-offset:5px}.install-screen-link{display:block;max-width:860px;margin-top:22px}.app-login-guides p{max-width:850px}@media(max-width:600px){.downloader-intro{grid-template-columns:1fr;gap:12px}.downloader-intro img{width:128px}.install-codes{grid-template-columns:1fr;gap:0}.install-codes>div+div{border-top:0}.install-codes code{font-size:28px}.illustrated-install{padding-left:22px}.app-login-guides summary{font-size:16px}.install-compatibility{font-size:13px}.illustrated-install>li{padding-block:24px}}
.tutorial-panel .step-visual{position:relative;isolation:isolate;overflow:hidden;border-radius:6px;background:#080a0e}
.tutorial-panel .step-visual picture{display:block}
.tutorial-panel .step-highlight{position:absolute;z-index:1;box-sizing:border-box;border:3px solid #35caff;box-shadow:0 0 0 1px #07111c,0 0 0 999px rgb(0 0 0 / 12%);border-radius:4px;pointer-events:none}
.tutorial-panel .app-step-guide{padding-block:18px;border-top:1px solid var(--line)}
.tutorial-panel .app-step-guide h4{font-size:20px;line-height:1.4;margin:0 0 14px}
.tutorial-panel .compact-step{max-width:460px}
.tutorial-panel .reference-step figcaption{font-size:14px;line-height:1.6;margin-top:10px;color:#b9c3d2}
@media(max-width:600px){.tutorial-panel .step-highlight{border-width:2px}.tutorial-panel .illustrated-install>li{padding:22px 0}.tutorial-panel .reference-step{margin-inline:0}}
.directory-artwork{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;pointer-events:none}.directory-artwork picture{min-width:0;overflow:hidden}.directory-artwork img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.directory-hero::after{background:linear-gradient(90deg,#050608e8,#050608bf 55%,#05060885),linear-gradient(0deg,#050608b3,transparent)}
@media(max-width:600px){.directory-artwork{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px}}

/* Brand artwork leads the homepage directory strip; existing links stay intact. */
#networks{padding-block:56px;background:#080b10}
#networks .section-heading{margin-bottom:30px}
#networks .network-rail{gap:0;padding:12px 0;border-block:1px solid #ffffff12}
#networks .network-brand-tile{position:relative;flex:0 0 224px;width:224px;min-height:204px;align-items:center;justify-content:flex-start;gap:6px;padding:14px 20px 22px;border:0;border-right:1px solid #ffffff12;border-radius:0;background:transparent;text-align:center;transition:background .2s ease}
#networks .network-brand-tile:hover,#networks .network-brand-tile:focus-visible{background:#101a29}
#networks .network-logo{display:flex;align-items:center;justify-content:center;width:184px;height:112px;margin-bottom:10px}
#networks .network-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1;transition:transform .2s ease}
#networks .network-brand-tile:hover .network-logo img{transform:scale(1.05)}
#networks .network-brand-tile strong{font-size:16px;line-height:1.4;color:#f2f5fb}
#networks .network-brand-tile>span:not(.network-logo){font-size:12px;line-height:1.5;color:#a9b3c3}
#networks .network-brand-tile>.country-flag{position:absolute;top:12px;right:12px;width:20px!important;height:14px!important;box-shadow:none}
#networks .network-logo:has(img[src$="network-bbc.svg"]){padding:24px 12px}
#networks .network-logo img[src$="network-bbc.svg"]{background:#f5f6f8;padding:8px}

.section.devices-section{background:#05080d;padding-block:72px}
.devices-section h2{font-size:40px;line-height:1.2;margin-bottom:18px}
.devices-section .section-intro{max-width:740px;font-size:16px;line-height:1.7;color:#aeb9ca}
.devices-section .device-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.devices-section .device-showcase>a,.devices-section .device-showcase>a:first-child,.devices-section .device-showcase>a:not(:first-child){display:flex;flex-direction:column;grid-column:auto;grid-row:auto;padding:0 0 24px;min-width:0;overflow:hidden;background:#0c111a;border:1px solid #253145;border-radius:8px;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.devices-section .device-showcase>a:hover{border-color:#428cff;transform:translateY(-4px);box-shadow:0 12px 30px #0006}
.devices-section .device-showcase>a{align-items:stretch;text-align:left}
.devices-section .device-showcase>a:focus-visible{outline:3px solid #79adff;outline-offset:5px}
.devices-section .device-showcase picture,.devices-section .device-showcase>a:not(:first-child) picture{display:block;width:100%;aspect-ratio:4/3;flex:none;margin:0 0 24px;border-radius:0;background:#020406;border-bottom:1px solid #253145;overflow:hidden}
.devices-section .device-showcase img,.devices-section .device-showcase>a:first-child img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;transition:transform .45s ease}
.devices-section .device-showcase>a:first-child img{object-fit:cover;object-position:50% 40%}
.devices-section .device-showcase h3{font-size:23px;line-height:1.35;margin:0 24px 12px;color:#f5f7fc}
.devices-section .device-showcase span,.devices-section .device-showcase>a:not(:first-child) span{display:block;align-self:stretch;margin:auto 24px 0;padding-top:16px;border-top:1px solid #253145;font-size:13px;line-height:1.5;color:#83b4ff}
@media(max-width:1000px){.devices-section .device-showcase{gap:18px}.devices-section .device-showcase h3{font-size:21px;margin-inline:18px}.devices-section .device-showcase span,.devices-section .device-showcase>a:not(:first-child) span{margin-inline:18px}}
@media(max-width:700px){.section.devices-section{padding-block:44px}.devices-section h2{font-size:30px}.devices-section .section-intro{font-size:14px}.devices-section .device-showcase{grid-template-columns:1fr;gap:24px;margin-top:28px}.devices-section .device-showcase picture,.devices-section .device-showcase>a:not(:first-child) picture{aspect-ratio:16/10;margin-bottom:20px}.devices-section .device-showcase h3{font-size:23px;margin-inline:20px}.devices-section .device-showcase span,.devices-section .device-showcase>a:not(:first-child) span{margin-inline:20px}}

/* A compact benefit matrix replaces the oversized empty heading column. */
.section.benefits-section{background:#070a0f;border-block:1px solid #ffffff0d;padding-block:72px}
.section.benefits-section>.wrap{display:block}
.section.benefits-section h2{max-width:none;font-size:40px;line-height:1.2;margin:0 0 40px}
.benefits-section h2::before{content:"";display:block;width:44px;height:3px;background:#2475ff;margin-bottom:20px}
.benefits-section .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #263142}
.benefits-section .feature-grid article{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-content:start;gap:0 18px;min-width:0;padding:30px 28px 32px;border:0;border-bottom:1px solid #263142;transition:background .2s ease}
.benefits-section .feature-grid article:not(:nth-child(3n)){border-right:1px solid #263142}
.benefits-section .feature-grid article:hover{background:#101827}
.benefits-section .benefit-icon{display:grid;place-items:center;width:48px;height:48px;grid-column:1;grid-row:1/4;background:#11274a;border:1px solid #24518c;border-radius:8px}
.benefits-section .benefit-icon::after{content:"";display:block;width:26px;height:26px;background:#84b7ff;mask:var(--benefit-icon) center/contain no-repeat;-webkit-mask:var(--benefit-icon) center/contain no-repeat}
.benefits-section .feature-number{grid-column:2;grid-row:1;margin:0 0 10px;font-size:11px;color:#6e9bdf;line-height:1}
.benefits-section .feature-grid h3{grid-column:2;grid-row:2;font-size:20px;line-height:1.4;margin:0 0 12px;max-width:240px;color:#f3f6fc}
.benefits-section .feature-grid p{grid-column:2;grid-row:3;font-size:14px;line-height:1.75;margin:0;color:#aeb9ca}
@media(max-width:1100px){.benefits-section .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits-section .feature-grid article:not(:nth-child(3n)){border-right:0}.benefits-section .feature-grid article:nth-child(odd){border-right:1px solid #263142}}
@media(max-width:600px){.section.benefits-section{padding-block:44px}.section.benefits-section h2{font-size:30px;margin-bottom:26px;max-width:300px}.benefits-section .feature-grid{grid-template-columns:1fr}.benefits-section .feature-grid article{grid-template-columns:42px minmax(0,1fr);gap:0 16px;padding:24px 0}.benefits-section .feature-grid article:nth-child(odd){border-right:0}.benefits-section .benefit-icon{width:42px;height:42px}.benefits-section .benefit-icon::after{width:23px;height:23px}.benefits-section .feature-grid h3{font-size:18px;max-width:none;margin-bottom:8px}.benefits-section .feature-grid p{font-size:13px}.benefits-section .feature-number{margin-bottom:8px}}
@media(max-width:600px){#networks{padding-block:40px}#networks .section-heading{margin-bottom:22px}#networks .network-brand-tile{flex-basis:174px;width:174px;min-height:184px;padding:14px 12px 18px}#networks .network-logo{width:150px;height:96px;margin-bottom:8px}#networks .network-brand-tile strong{font-size:15px}#networks .network-brand-tile>span:not(.network-logo){font-size:11px}}
/* Editorial guide hub and readable, self-contained articles. */
.blog-hub{background:#06080b}
.blog-heading{padding-block:34px 30px}
.blog-heading .crumb{margin-bottom:22px}
.guide-kicker{display:block;font-size:11px;line-height:1.6;font-weight:700;color:#82b5ff;margin-bottom:12px;letter-spacing:0}
.blog-heading h1{font-size:42px;line-height:1.2;margin:0 0 12px;font-weight:600}
.blog-heading>p{font-size:16px;color:#aeb9ca;margin:0;line-height:1.7}
.blog-feature{position:relative;isolation:isolate;min-height:330px;display:flex;align-items:center;overflow:hidden;background:#080b10}
.blog-feature>picture{position:absolute;inset:0;z-index:-2}
.blog-feature>picture img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.blog-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03070bf5 0%,#03070bc7 42%,#03070b18 100%)}
.blog-feature-copy{padding:34px 42px;max-width:580px}
.blog-feature-copy h2{font-size:40px;line-height:1.15;margin:0 0 16px;font-weight:600}
.blog-feature-copy p{font-size:15px;line-height:1.7;color:#d3dce8;margin:0 0 23px;max-width:340px}
.blog-feature-copy .button{gap:20px;min-height:46px;font-size:13px}
.blog-library{padding-block:48px 64px}
.blog-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.blog-library-heading h2{font-size:27px;margin:0;font-weight:600}
#guide-count{font-size:13px;color:#9aadc8;margin:0;white-space:nowrap}
.blog-tools{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid #273142}
.blog-tools[hidden],.guide-card[hidden],.blog-empty[hidden]{display:none}
.blog-topics{display:flex;flex-wrap:wrap;gap:4px}
.blog-topics button{min-height:44px;padding:10px 15px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#b3bdcd;font-size:13px;font-weight:600;cursor:pointer}
.blog-topics button:hover{background:#101923;color:#fff}
.blog-topics button[aria-pressed=true]{border-color:#267bff;color:#fff;background:#12213a}
.blog-search{min-width:240px;max-width:320px;flex:1}
.blog-search label{display:block;font-size:12px;color:#b7c5d9;margin-bottom:8px}
.blog-search input{box-sizing:border-box;width:100%;height:44px;padding:10px 14px;background:#0e141e;border:1px solid #33435a;border-radius:5px;color:#f4f7ff;font:inherit;font-size:13px}
.blog-search input::placeholder{color:#91a2b9;opacity:1}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}
.guide-card{min-width:0}
.guide-card>a{height:100%;display:flex;flex-direction:column;text-decoration:none;border-bottom:1px solid #273142;padding-bottom:24px;color:inherit}
.guide-card picture{display:block;aspect-ratio:16/9;background:#05070c;overflow:hidden;border-radius:6px;margin-bottom:20px}
.guide-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.guide-card:hover img{transform:scale(1.035)}
.guide-card:has(img[src*="illustration"]) img{object-fit:contain}
.guide-card-copy{flex:1;display:flex;flex-direction:column}
.guide-meta{display:block;font-size:11px;font-weight:600;color:#8aaff0;margin-bottom:11px;line-height:1.6}
.guide-meta>span{margin-inline:8px;color:#5e6c80}
.guide-card h3{font-size:22px;line-height:1.35;margin:0 0 12px;font-weight:600}
.guide-card p{font-size:14px;line-height:1.75;color:#aab6c9;margin:0 0 20px}
.guide-read{display:block;color:#8bbbff;font-size:13px;font-weight:600;margin-top:auto}
.guide-read>span{margin-left:8px}
.blog-empty{text-align:center;padding:50px 20px;border-block:1px solid #263448}
.blog-empty h3{font-size:24px}
.blog-empty p{color:#aeb9ca}
.blog-help{background:#0d1521;border-block:1px solid #22334c;padding-block:40px}
.blog-help>.wrap{display:flex;align-items:center;justify-content:space-between;gap:36px}
.blog-help h2{font-size:27px;line-height:1.3;margin:0 0 12px}
.blog-help p{font-size:14px;line-height:1.75;color:#aeb9ca;margin:0;max-width:570px}
.blog-help .actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0;margin:0}
.blog-help .button{font-size:12px;min-height:46px}
.blog-hub :is(a,button,input):focus-visible,.guide-story :is(a,input):focus-visible{outline:3px solid #91bdff;outline-offset:4px}
.guide-story .pagehead{background:#080d15;border-bottom:1px solid #233045;padding-block:38px}
.guide-story .pagehead h1{font-size:42px;max-width:880px}
.guide-byline{font-size:12px;color:#90a3be;margin-top:24px}
.guide-byline>span{margin-inline:12px}
.guide-layout{display:grid;grid-template-columns:235px minmax(0,770px);justify-content:space-between;gap:54px;padding-block:42px 56px}
.guide-contents{min-width:0}
.guide-contents nav{position:sticky;top:112px}
.guide-contents h2{font-size:14px;margin:0 0 18px}
.guide-contents ol{margin:0;padding:0 0 0 20px}
.guide-contents li{font-size:13px;line-height:1.6;padding:0 0 14px;color:#8cb9ff}
.guide-contents a{color:#afbed2;text-decoration:none}
.guide-contents a:hover{color:#fff;text-decoration:underline}
.guide-back{display:inline-block;margin-top:20px;min-height:44px;align-content:center;font-size:13px;color:#91bdff!important}
.guide-body{min-width:0}
.guide-cover{margin:0 0 34px}
.guide-cover picture{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#020406}
.guide-cover img{width:100%;height:100%;object-fit:cover;display:block}
.guide-cover:has(img[src*="illustration"]) img{object-fit:contain}
.guide-cover figcaption{font-size:12px;color:#9da9ba;line-height:1.6;margin-top:10px}
.guide-body section{scroll-margin-top:120px;margin-bottom:34px}
.guide-body h2{font-size:27px;font-weight:600;line-height:1.35;margin:0 0 18px}
.guide-body p,.guide-body li,.guide-definitions dd{font-size:16px;line-height:1.85;color:#bdc8d8}
.guide-body p{margin:0 0 19px}
.guide-body a{color:#91bdff;text-decoration:underline;text-underline-offset:3px}
.guide-body ul{padding-left:22px}
.guide-body li{margin-bottom:12px}
.guide-definitions{margin-block:26px}
.guide-definitions dt{font-size:18px;font-weight:600;border-top:1px solid #28364c;padding-top:20px;margin-bottom:10px}
.guide-definitions dd{margin:0 0 24px}
.guide-checklist{border:1px solid #294363;border-radius:6px;padding:18px 22px;margin:26px 0;background:#0d1725}
.guide-checklist legend{font-size:15px;font-weight:600;color:#dce9ff;padding-inline:8px}
.guide-checklist label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7;padding:12px 0;cursor:pointer;color:#d5deec}
.guide-checklist input{accent-color:#2176ff;flex:none;width:20px;height:20px;margin-top:2px}
.guide-related{padding-block:38px;background:#0b111a;border-top:1px solid #28354a}
.guide-related h2{font-size:28px;margin:0 0 26px}
.guide-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.guide-related-grid>a{display:block;padding-block:18px;border-block:1px solid #2b3950;text-decoration:none}
.guide-related h3{font-size:21px;line-height:1.5;color:#e7eef9;margin:0 0 16px}
.guide-related-grid>a:hover h3{color:#91bdff}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-help>.wrap{display:block}.blog-help .actions{margin-top:24px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}
@media(max-width:700px){.blog-heading{padding-block:26px}.blog-heading h1{font-size:30px}.blog-heading>p{font-size:14px}.blog-feature{min-height:310px}.blog-feature-copy{padding:28px 24px}.blog-feature-copy h2{font-size:34px}.blog-feature::after{background:linear-gradient(90deg,#03070beb,#03070b85)}.blog-feature-copy p{font-size:14px}.blog-library{padding-block:32px 42px}.blog-library-heading h2{font-size:24px}.blog-tools{gap:20px}.blog-topics{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px}.blog-topics button{font-size:12px;padding-inline:10px}.blog-search{max-width:none;flex-basis:100%;min-width:0}.blog-grid{grid-template-columns:1fr;gap:28px}.guide-card h3{font-size:23px}.guide-card picture{margin-bottom:17px}.blog-help h2{font-size:25px}.blog-help .actions{display:grid;grid-template-columns:1fr}.guide-story .pagehead h1{font-size:30px}.guide-story .pagehead{padding-block:28px}.guide-layout{display:block;padding-block:28px}.guide-contents nav{position:static;margin-bottom:28px;border-bottom:1px solid #28364c;padding-bottom:10px}.guide-contents h2{font-size:16px}.guide-contents li{font-size:14px}.guide-body h2{font-size:24px}.guide-body p,.guide-body li,.guide-definitions dd{font-size:15px}.guide-checklist{padding:12px 16px}.guide-related-grid{grid-template-columns:1fr;gap:20px}.guide-related h2{font-size:25px}.guide-related h3{font-size:20px}.guide-byline{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.guide-card img{transition:none}.guide-card:hover img{transform:none}}
/* Illustrated search guides keep actual app screens uncropped. */
.guide-story:has(.guide-screen) .guide-contents ol{list-style:none;padding-left:0}
.guide-screen{margin:26px 0 34px;max-width:100%}
.guide-screen img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;background:#030609;border:1px solid #27364a;border-radius:6px}
.guide-screen img[src*="downloader-logo"]{width:240px;max-width:100%;margin-inline:auto}
.guide-screen figcaption{font-size:12px;line-height:1.75;color:#a7b7cc;margin-top:12px}
.guide-code-list{margin:24px 0 30px}
.guide-code-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid #293b54}
.guide-code-list>div:last-child{border-bottom:1px solid #293b54}
.guide-code-list dt{font-size:18px;color:#e4edfa;font-weight:600}
.guide-code-list dd{margin:0;min-width:0}
.guide-code-list code{display:block;width:max-content;max-width:100%;font-size:26px;line-height:1.3;color:#85b7ff;user-select:all;overflow-wrap:anywhere}
.guide-code-list span{display:block;font-size:13px;color:#b6c4d6;line-height:1.8;margin-top:10px}
@media(max-width:700px){.guide-code-list>div{grid-template-columns:1fr;gap:10px}.guide-screen{margin-block:20px 28px}}
/* Article-specific buying guidance; purchase choices stay on the pricing page. */
.guide-introduction>p{font-size:19px;line-height:1.75;color:#e4ebf6;margin:0 0 26px}
.guide-answer{border-left:3px solid #2c83ff;padding:4px 0 4px 22px;margin:0 0 32px}
.guide-answer>strong{display:block;font-size:12px;line-height:1.6;color:#8ebdff;margin-bottom:8px}
.guide-answer>p{font-size:15px;line-height:1.8;margin:0;color:#b9c9df}
.guide-conversion{padding-block:44px;background:#0b1727;border-block:1px solid #28496c}
.guide-conversion>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 325px;align-items:center;gap:60px}
.guide-conversion h2{font-size:32px;line-height:1.25;font-weight:600;max-width:640px;margin:0 0 16px}
.guide-conversion-copy>p{max-width:640px;font-size:15px;line-height:1.8;color:#b4c4d9;margin:0}
.guide-reasons{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:24px 0 0;color:#91b8ee;font-size:12px;line-height:1.7}
.guide-reasons li{padding-left:12px;border-left:2px solid #347edb}
.guide-conversion-actions{display:flex;flex-direction:column;gap:12px}
.guide-conversion .button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;white-space:normal;text-align:center;font-size:13px;padding:14px 18px;line-height:1.5}
.guide-conversion .button img{width:22px;height:22px;flex:none}
.guide-conversion .button.secondary{background:#09111d;color:#d5e6ff;border-color:#3b5e8b}
.guide-conversion .button.secondary:hover{background:#142e50;border-color:#6ba5ff}
.guide-conversion-actions>p{font-size:12px;line-height:1.7;color:#a5b8d2;text-align:center;margin:2px 0 0}
.guide-questions details{border-top:1px solid #293b54}
.guide-questions details:last-child{border-bottom:1px solid #293b54}
.guide-questions summary{padding:20px 8px 20px 0;cursor:pointer;font-size:16px;line-height:1.65;color:#dce7f9;font-weight:600}
.guide-questions summary::marker{color:#78acff}
.guide-questions summary:focus-visible{outline:3px solid #91bdff;outline-offset:4px}
.guide-questions details>p{padding:0 0 20px;margin:0;font-size:15px}
.guide-questions details[open] summary{color:#91bdff}
@media(max-width:900px){.guide-conversion>.wrap{grid-template-columns:1fr;gap:28px}.guide-conversion-actions{max-width:440px}}
@media(max-width:700px){.guide-introduction>p{font-size:17px;line-height:1.8}.guide-answer{padding-left:17px}.guide-answer>p{font-size:14px}.guide-conversion{padding-block:34px}.guide-conversion h2{font-size:27px}.guide-conversion-copy>p{font-size:14px}.guide-conversion-actions{max-width:none}.guide-reasons{display:grid;gap:10px}.guide-questions summary{font-size:15px}}

/* Motion edition: stable geometry, dimensional surfaces, no changes to ordering. */
.four .wordmark{font-size:27px;font-weight:800;line-height:1;letter-spacing:0}
.wordmark::before{display:none}
.four .wordmark em{margin-left:2px;color:#64a5ff;font-weight:800}
.brand-emblem{position:relative;display:block;width:46px;height:44px;flex:0 0 46px;margin-right:10px}
.brand-emblem::before{content:'';position:absolute;inset:7px 6px;background:linear-gradient(135deg,#b6e4ff,#398bff 45%,#0754df);clip-path:polygon(0 100%,0 0,25% 0,75% 62%,75% 0,100% 0,100% 100%,75% 100%,25% 38%,25% 100%);filter:drop-shadow(0 3px 3px #003daa)}
.brand-emblem canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.brand-emblem[data-rendered]::before{visibility:hidden}
.header{box-shadow:0 10px 40px #0003}
.header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 15%,#398bff80 50%,transparent 85%);pointer-events:none}
.navlinks a:not(.button){transition:color .2s ease,text-decoration-color .2s ease}
.navlinks .button{box-shadow:inset 0 1px 0 #badaff40,0 4px 18px #0062ff24}
.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.button::after{content:'';position:absolute;inset:-100% -70%;z-index:-1;background:linear-gradient(110deg,transparent 42%,#ffffff20 49%,transparent 56%);transform:translateX(-45%);transition:transform .65s ease;pointer-events:none}
.button:hover::after,.button:focus-visible::after{transform:translateX(45%)}
.button:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 8px #0003}
.cinema-hero::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#398bff16 39%,#a1d4ff18 40%,transparent 54%);transform:translateX(-35%);animation:cinema-light 16s ease-in-out infinite alternate}
.four .cinema-hero h1{font-weight:800;text-shadow:0 3px 36px #0009}
.cinema-hero .actions .button.secondary{box-shadow:inset 0 1px 0 #c3dfff70,0 8px 28px #005dff35}
.section.alt.pricing-section,.pricing-section{position:relative;isolation:isolate;background:#07090d;border-block:1px solid #233146;overflow:hidden}
.pricing-section::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 159px,#7db6ff0c 160px 161px,transparent 162px 320px);mask-image:linear-gradient(#000,transparent 80%)}
.pricing-section::after{content:'';position:absolute;inset:-10% -50%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#1569ed12 47%,#4da3ff18 50%,transparent 58%);transform:translateX(-20%);animation:cinema-light 18s ease-in-out infinite alternate}
.pricing-section h2{text-align:center;font-weight:700;margin-bottom:16px}
.pricing-section>.wrap>.section-intro{margin-inline:auto;text-align:center;max-width:620px}
.device-options{margin-top:32px;margin-bottom:16px;max-width:350px}
.device-options legend{text-align:center;width:100%;color:#ccd6e6;font-size:13px;margin-bottom:14px}
.device-options .choices{position:relative;isolation:isolate;padding:6px;gap:0;background:#0c111a;border:1px solid #354661;border-radius:8px;box-shadow:inset 0 2px 8px #0005}
.device-options .choices::before{content:'';position:absolute;z-index:-1;left:6px;top:6px;bottom:6px;width:calc((100% - 12px)/5);border-radius:4px;background:linear-gradient(145deg,#378aff,#1459e1);box-shadow:inset 0 1px 0 #b8dcff80,0 3px 12px #0064ff35;transform:translateX(calc(var(--selected-device,0)*100%));transition:transform .32s cubic-bezier(.22,.8,.22,1)}
.device-options button{background:transparent;position:relative;min-height:46px;color:#a9b7cd;transition:color .2s ease,transform .2s ease}
.device-options button[aria-pressed=true]{background:transparent;color:#fff;box-shadow:none}
.device-options button:hover{background:#ffffff08;color:#fff}
.device-options button:active{transform:scale(.94)}
.price-status{text-align:center;color:#a7b6cb;font-size:12px;margin-bottom:28px}
.prices{gap:20px;padding-block:20px 16px;align-items:stretch}
.four .plan{position:relative;isolation:isolate;overflow:visible;border-radius:8px;border:1px solid #334053;background:linear-gradient(155deg,#151d2a 0%,#0c1017 48%,#0c111b 100%);padding:30px 24px 24px;box-shadow:inset 0 1px 0 #b4c8ec1c,0 18px 30px -20px #000c;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
.four .plan::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#91c5ff12,transparent 35%);opacity:.5;transition:opacity .3s ease}
.four .plan:hover,.four .plan:focus-within{transform:translateY(-7px);border-color:#70acff;box-shadow:inset 0 1px 0 #c1ddff33,0 24px 45px -22px #0068ff40}
.four .plan:hover::after,.four .plan:focus-within::after{opacity:1}
.four .plan.featured{border-color:#448aff;background:linear-gradient(155deg,#163668 0%,#0f1b2e 52%,#0c1523 100%);box-shadow:inset 0 1px 0 #c6e6ff60,0 18px 50px -26px #006aff75}
.plan.featured::before{top:-13px;left:auto;right:20px;padding:5px 12px;line-height:16px;background:#7bb8ff;color:#041126;box-shadow:0 4px 16px #0004;border-radius:4px}
.plan .term{padding-bottom:20px;border-bottom:1px solid #829fc22b;font-size:13px;color:#d0dcef;min-height:37px;margin-bottom:0}
.plan .price{font-size:60px;font-weight:700;line-height:1.12;margin:22px 0 8px;min-height:68px}
.plan .unit{font-size:11px;color:#9eafc8;margin-bottom:22px}
.plan ul{margin:0 0 26px;padding:0;list-style:none}
.plan li{padding:9px 0;font-size:12px;color:#c4cfe0;line-height:1.6}
.plan li::before{color:#89baff}
.plan .button{display:flex;justify-content:space-between;gap:8px;min-height:52px;padding:14px 16px;border:1px solid #4771a8;background:#182b47;color:#f5f9ff;font-size:12px;box-shadow:inset 0 1px 0 #ffffff12;white-space:normal;text-align:left}
.plan .button::before{content:'';order:2;width:18px;height:18px;flex:0 0 18px;background:currentColor;mask:url('../img/arrow-right.svg') center/contain no-repeat;transition:transform .22s ease}
.plan .button:hover::before,.plan .button:focus-visible::before{transform:translateX(3px)}
.plan .button:hover{background:#224571;border-color:#a0cbff;box-shadow:0 6px 18px #0003}
.plan.featured .button{background:#2676f5;border-color:#6ca6ff;box-shadow:inset 0 1px 0 #d1e8ff45,0 4px 20px #006bff30}
.plan.featured .button:hover{background:#3885ff}
.plan.is-updating .price{animation:price-refresh .28s ease-out}
.plan.is-updating [data-device-label]{animation:price-refresh .28s ease-out}
.pagehead{background:linear-gradient(110deg,#0b1729,#07090d 75%)}
.benefits-section .benefit-icon{box-shadow:inset 0 1px 0 #86baff30,0 5px 10px #0004;transition:transform .25s ease,background .25s ease}
.benefits-section article:hover .benefit-icon{transform:translateY(-3px);background:#183b6d}
.devices-section .device-showcase>a:hover,.guide-card>a:hover{border-color:#6c9fe9}
.support-band::before{animation:final-pan 24s ease-in-out infinite alternate}
body.motion-suspended *,body.motion-suspended *::before,body.motion-suspended *::after,
body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}
@keyframes cinema-light{from{transform:translateX(-20%)}to{transform:translateX(20%)}}
@keyframes final-pan{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes price-refresh{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.four .wordmark{font-size:24px}.brand-emblem{width:40px;flex-basis:40px;margin-right:7px}.nav{gap:18px}.navlinks{gap:18px}}
@media(max-width:1000px){.prices{gap:30px 20px}.four .plan{padding:28px}.plan .button{font-size:13px}}
@media(max-width:760px){.pricing-section h2{font-size:34px}.four .wordmark{font-size:24px}.brand-emblem{width:38px;height:40px;flex-basis:38px}.nav{gap:0}.prices{padding-top:16px}.pricing-section::before{opacity:.6}.four .plan:hover{transform:none}.plan .price{font-size:56px}.four .plan{padding:26px}}
@media(max-width:480px){.pricing-section h2{font-size:30px}.prices{gap:28px}.plan .price{font-size:60px}.plan .button{font-size:14px;min-height:54px}.plan li{font-size:13px}.plan .unit{font-size:12px}.device-options{max-width:100%}.price-status{line-height:1.7;min-height:41px}.cinema-hero::before{opacity:.6}}
@media(prefers-reduced-motion:reduce){.cinema-hero::before,.pricing-section::after,.support-band::before,.plan.is-updating .price,.plan.is-updating [data-device-label]{animation:none}.four .plan:hover,.four .plan:focus-within,.button:active{transform:none}.device-options .choices::before{transition:none}}
.pricing-section>.wrap{position:relative}
.pricing-motion-toggle{position:absolute;top:-48px;right:0;display:grid;place-items:center;width:36px;height:36px;padding:9px;border:1px solid #3b4e67;border-radius:50%;background:#0e1622;cursor:pointer}
.pricing-motion-toggle img{width:16px;height:16px;filter:brightness(0) invert(1)}
.pricing-motion-toggle:hover{background:#1b3355;border-color:#8fbaff}
@media(min-width:1001px){
  .pricing-section{padding-block:76px}
  .pricing-section>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:0 64px}
  .pricing-section [data-pricing]{display:contents}
  .pricing-section h2{grid-column:1;grid-row:1;text-align:left;font-size:44px;margin:0 0 18px;align-self:end}
  .pricing-section>.wrap>.section-intro{grid-column:1;grid-row:2;text-align:left;margin:0;max-width:560px;font-size:14px;line-height:1.8}
  .pricing-section .device-options{grid-column:2;grid-row:1/3;align-self:center;width:350px;max-width:100%;margin:0 0 16px}
  .pricing-section .price-status{grid-column:2;grid-row:3;align-self:start;font-size:10px;margin:0;min-height:20px}
  .pricing-section .prices{grid-column:1/-1;grid-row:4;padding-top:34px}
  .pricing-section .price-table{grid-column:1/-1;grid-row:5}
}
@media(max-width:1000px){.pricing-section{padding-top:68px}.pricing-motion-toggle{top:-48px}}
@media(prefers-reduced-motion:reduce){.pricing-motion-toggle{display:none}}

/* Homepage actions and facts; existing cinematic background is unchanged. */
.cinema-hero .hero-actions{gap:18px;align-items:stretch;margin-top:34px}
.cinema-hero .hero-actions .button{flex:0 1 220px;min-height:58px;padding:16px 24px;font-size:15px;line-height:1.4;border-radius:7px}
.cinema-hero .hero-actions .hero-plans{order:0;justify-content:center;gap:20px;background:linear-gradient(110deg,#0862f5,#258cff);border-color:#4d9aff;color:#fff;box-shadow:inset 0 1px 0 #bfe1ff70,0 8px 26px #0065ff35}
.cinema-hero .hero-actions .hero-plans:hover{background:linear-gradient(110deg,#1871ff,#39a0ff);box-shadow:inset 0 1px 0 #d9efff80,0 10px 30px #0065ff45}
.cinema-hero .hero-actions .hero-preview{order:1;justify-content:center;gap:13px;background:#071323b8;border-color:#487aa9;color:#f3f8ff;box-shadow:inset 0 1px 0 #7cbcff25,0 0 0 1px #24578730;backdrop-filter:blur(8px)}
.cinema-hero .hero-actions .hero-preview:hover{background:#102846dd;border-color:#85bfff;box-shadow:inset 0 1px 0 #bfe1ff40,0 7px 24px #0005}
.cinema-hero .hero-actions .icon{width:20px;height:20px;flex:none;filter:brightness(0) invert(1);transition:transform .22s ease}
.hero-plans:hover .icon{transform:translateX(3px)}
.hero-preview:hover .icon{transform:scale(1.1)}
.four .numbers.hero-facts{width:100%;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:max(24px,calc((100% - 1280px)/2));margin:0;background:linear-gradient(110deg,#060c15,#091421 50%,#070d17);border-top:1px solid #245887;border-bottom:1px solid #183d63;box-shadow:inset 0 1px 0 #6aaaff15}
.hero-facts .hero-stat{display:flex;align-items:center;justify-content:center;gap:22px;min-width:0;padding:28px 20px;text-align:left;border:0;position:relative}
.hero-facts .hero-stat:not(:last-child)::after{content:'';position:absolute;right:0;top:22%;bottom:22%;width:1px;background:linear-gradient(transparent,#38618f,transparent)}
.hero-facts .stat-icon{display:block;width:42px;height:42px;flex:0 0 42px;background:#54b7ff;mask:var(--stat-icon) center/contain no-repeat;filter:drop-shadow(0 0 7px #1478ff40)}
.hero-facts .stat-channels{--stat-icon:url('../img/icons/tv-minimal.svg')}
.hero-facts .stat-devices{--stat-icon:url('../img/icons/monitor-smartphone.svg')}
.hero-facts .stat-price{--stat-icon:url('../img/icons/tag.svg')}
.hero-facts .hero-stat-copy{min-width:0}
.hero-facts .hero-stat strong{display:block;font-size:29px;font-weight:700;line-height:1.3;white-space:nowrap;color:#f4f8ff;margin:0 0 7px}
.hero-facts .hero-stat-copy>span{display:block;color:#a1b5d0;font-size:10px;font-weight:600;line-height:1.5}
@media(max-width:900px){.hero-facts .hero-stat{gap:14px;padding:26px 12px}.hero-facts .stat-icon{width:32px;height:32px;flex-basis:32px}.hero-facts .hero-stat strong{font-size:24px}.hero-facts .hero-stat-copy>span{font-size:10px}}
@media(max-width:600px){.cinema-hero .hero-actions{gap:12px;margin-top:28px}.cinema-hero .hero-actions .button{flex:1 1 0;min-width:0;min-height:54px;padding:13px 10px;font-size:13px;gap:9px}.cinema-hero .hero-actions .hero-plans{gap:10px}.cinema-hero .hero-actions .icon{width:17px;height:17px}.four .numbers.hero-facts{padding-inline:12px}.hero-facts .hero-stat{flex-direction:column;gap:12px;padding:23px 5px;text-align:center;justify-content:flex-start}.hero-facts .stat-icon{width:30px;height:30px;flex-basis:30px}.hero-facts .hero-stat strong{font-size:20px;margin-bottom:6px}.hero-facts .hero-stat-copy>span{font-size:10px;max-width:125px}.hero-facts .hero-stat:not(:last-child)::after{top:20%;bottom:20%}}
@media(max-width:380px){.hero-facts .hero-stat strong{font-size:18px}.cinema-hero .hero-actions .button{font-size:12px;padding-inline:8px;gap:7px}}

/* Sports cards retain their existing photos, copy and directory destinations. */
.sports-section{background:#05080d;border-block:1px solid #182534}
.sports-section .sports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.sports-section .sport-card{width:100%;min-width:0;min-height:380px;aspect-ratio:1.6;border:1px solid #244e75;border-radius:8px;box-shadow:0 12px 28px #0004;transition:border-color .25s ease,box-shadow .25s ease}
.sports-section .sport-card::after{background:linear-gradient(180deg,#02060a08 25%,#02081050 52%,#020a16f5 100%)}
.sports-section .sport-card:before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #60afff12;pointer-events:none}
.sports-section .sport-card:hover,.sports-section .sport-card:focus-visible{border-color:#55a8ff;box-shadow:0 12px 32px #0006,0 0 20px #087cff16}
.sports-section .sport-card:focus-visible{outline:2px solid #83c8ff;outline-offset:5px}
.sports-section .sport-caption{display:grid;grid-template-columns:58px minmax(0,1fr) 44px;align-items:center;gap:18px;width:100%;padding:28px}
.sports-section .sport-copy{min-width:0}
.sports-section .sport-tag{font-size:9px;color:#b8d9ff;border:0;padding:0;margin-bottom:7px;line-height:1.5}
.sports-section .sport-card h3{font-size:32px;line-height:1.2;margin:0 0 9px}
.sports-section .sport-card p{font-size:12px;line-height:1.65;color:#d1ddeb}
.sport-emblem,.sport-arrow{display:grid;place-items:center;border:1px solid #4f94cf70;background:#0c2b48cc;border-radius:50%;box-shadow:inset 0 1px 0 #bbe0ff20;flex:none}
.sport-emblem{width:58px;height:58px}
.sport-emblem::before{content:'';width:29px;height:29px;background:#b7dfff;mask:var(--sport-icon) center/contain no-repeat}
.sport-emblem-goal{--sport-icon:url('../img/icons/goal.svg')}
.sport-emblem-trophy{--sport-icon:url('../img/icons/trophy.svg')}
.sport-arrow{width:44px;height:44px;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.sport-arrow::before{content:'';width:21px;height:21px;background:#fff;mask:url('../img/arrow-right.svg') center/contain no-repeat}
.sport-card:hover .sport-arrow,.sport-card:focus-visible .sport-arrow{background:#1373dd;border-color:#73baff;transform:translateX(3px)}
.sports-section .sport-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:28px 0 24px;padding-block:18px;border-block:1px solid #1e3045;color:#c0d0e5;font-size:12px}
.sports-section .sport-types span{display:flex;align-items:center;justify-content:center;gap:9px;padding:3px 10px;line-height:1.5;text-align:center}
.sports-section .sport-types span+span{border-left:1px solid #25384f}
.sports-section .sport-types span::before{content:'';width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:#419cff;margin:0}
.sports-section .note{margin-bottom:0}
@media(max-width:1100px){.sports-section .sport-caption{grid-template-columns:46px minmax(0,1fr) 40px;gap:12px;padding:22px}.sport-emblem{width:46px;height:46px}.sport-emblem::before{width:25px;height:25px}.sport-arrow{width:40px;height:40px}.sports-section .sport-card h3{font-size:28px}.sports-section .sport-types{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.sports-section .sport-types span:nth-child(4){border-left:0}}
@media(max-width:900px){.sports-section .sport-card{min-height:340px;aspect-ratio:auto}.sports-section .sport-caption{grid-template-columns:minmax(0,1fr) 40px;gap:14px;padding:20px}.sports-section .sport-emblem{display:none}.sports-section .sport-card h3{font-size:27px}.sports-section .sport-types{font-size:12px}}
@media(max-width:600px){.sports-section .sports-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.sports-section .sport-card{min-height:310px;aspect-ratio:1.15}.sports-section .sport-caption{grid-template-columns:44px minmax(0,1fr) 36px;gap:12px;padding:20px 16px}.sports-section .sport-emblem{display:grid;width:44px;height:44px}.sports-section .sport-card h3{font-size:26px}.sports-section .sport-card p{font-size:12px}.sports-section .sport-arrow{width:36px;height:36px}.sports-section .sport-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;margin-block:24px;padding-block:20px}.sports-section .sport-types span:nth-child(4){border-left:1px solid #25384f}.sports-section .sport-types span:nth-child(odd){border-left:0}.sports-section .text-link{font-size:14px}.sports-section .note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sports-section .sport-card,.sports-section .sport-card img,.sports-section .sport-arrow{transition:none}.sports-section .sport-card:hover img,.sports-section .sport-card:hover .sport-arrow{transform:none}}

/* League buttons reuse the site's continuous, pausable carousel. */
.sports-section .league-carousel{grid-column:1/-1;min-width:0;display:flex;align-items:center;gap:14px;margin:28px 0 24px}
.league-carousel .league-rail{position:relative;flex:1;min-width:0;gap:14px;padding:5px 3px;overflow-x:auto;mask-image:linear-gradient(90deg,transparent,#000 5px,#000 calc(100% - 12px),transparent)}
.league-rail .league-button{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;min-height:64px;padding:12px 20px;border:1px solid #23496d;border-radius:8px;background:linear-gradient(145deg,#0b1725,#060d17);box-shadow:inset 0 1px 0 #74b8f512;text-decoration:none;color:#edf5ff;font-size:14px;font-weight:650;line-height:1.4;white-space:nowrap;transition:border-color .2s,background .2s,box-shadow .2s}
.league-rail .league-button:hover{border-color:#55aaff;background:#102842;box-shadow:inset 0 1px 0 #b3dcff20,0 0 14px #147cff1a}
.league-rail .league-button:focus-visible{outline:2px solid #8bcbff;outline-offset:2px}
.league-logo{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:34px;overflow:hidden}
.league-logo img{display:block;width:32px;height:32px;object-fit:contain}
.league-premier .league-logo{justify-content:flex-start}
.league-premier .league-logo img{width:auto;max-width:none;height:34px;flex:none}
.league-more>img{width:28px;height:28px;filter:brightness(0) invert(1)}
.league-controls{flex:none}
.league-controls button{width:36px;height:36px;border-color:#284768;background:#0b1725}
@media(max-width:600px){.sports-section .league-carousel{gap:8px;margin-block:22px}.league-carousel .league-rail{gap:10px}.league-rail .league-button{min-height:58px;padding:10px 16px;font-size:13px;gap:10px}.league-controls button{width:32px;height:32px}.league-controls img{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.league-carousel .league-rail{flex-wrap:wrap;overflow:visible;mask-image:none}.league-carousel .league-controls{display:none}.league-rail .league-button{transition:none}}

/* Cinematic homepage conversion band with an original locally served background. */
.support-band.support-cinema{min-height:360px;display:flex;align-items:center;padding:64px 0;text-align:left;background:#030910;border-color:#19518a;box-shadow:inset 0 1px 0 #48a0ff25}
.support-cinema::before{background:linear-gradient(90deg,#02070d55,transparent 65%),url('../img/cinema-banner.webp') center center/cover no-repeat;animation:final-pan 24s ease-in-out infinite alternate}
.support-cinema .wrap{max-width:1280px;width:calc(100% - 96px)}
.support-cinema h2{font-size:38px;line-height:1.2;max-width:590px;margin:0 0 18px;text-wrap:balance}
.support-cinema p{font-size:14px;line-height:1.8;max-width:510px;margin:0;color:#bdcde1}
.support-cinema .actions{display:flex;justify-content:flex-start;gap:14px;margin-top:26px;width:auto}
.support-cinema .button{min-height:52px;padding:14px 23px;gap:12px;border:1px solid #499bff;border-radius:7px;font-size:13px;background:linear-gradient(110deg,#075feb,#2388ff);box-shadow:inset 0 1px 0 #bbddff45,0 6px 22px #0070ff25}
.support-cinema .button.secondary{background:#071526ad;border-color:#5079a3;box-shadow:inset 0 1px 0 #91c2ff25;backdrop-filter:blur(6px)}
.support-cinema .button:hover{background:#298bff;border-color:#9bd3ff;box-shadow:0 6px 25px #007aff40}
.support-cinema .button.secondary:hover{background:#123252;border-color:#8dc8ff}
.support-cinema .button .icon{width:20px;height:20px;flex:none;filter:brightness(0) invert(1);transition:transform .2s ease}
.support-cinema .button:first-child .icon{order:2}
.support-cinema .button:first-child:hover .icon{transform:translateX(3px)}
@media(max-width:1000px){.support-cinema .wrap{width:calc(100% - 64px)}.support-cinema h2{max-width:440px;font-size:34px}.support-cinema p{max-width:390px}.support-cinema::before{background-image:linear-gradient(90deg,#02070dc9,transparent 85%),url('../img/cinema-banner.webp')}}
@media(max-width:600px){.support-band.support-cinema{min-height:540px;align-items:flex-start;padding:44px 0 270px}.support-cinema .wrap{width:calc(100% - 36px)}.support-cinema::before{background:linear-gradient(180deg,#030910 35%,#03091000 68%),url('../img/cinema-banner.webp') right bottom/auto 290px no-repeat;animation:none}.support-cinema h2{font-size:30px;max-width:340px;margin-bottom:16px}.support-cinema p{font-size:13px;max-width:340px}.support-cinema .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.support-cinema .button{min-height:50px;padding:13px 14px;font-size:12px;gap:9px;flex:1 1 auto}.support-cinema .button .icon{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.support-cinema::before{animation:none}.support-cinema .button .icon{transition:none}.support-cinema .button:hover .icon{transform:none}}

/* Reference-inspired streaming hero, scoped to the homepage. */
.four .hero.viewer-hero{display:block;min-height:0;padding-bottom:28px;text-align:left;background:#020710}
.four .viewer-hero>.hero-scene{position:absolute;inset:0;z-index:-2;pointer-events:none}
.four .viewer-hero>.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:right 45%;animation:cinema-pan 22s ease-in-out infinite alternate}
.four .viewer-hero::after{background:linear-gradient(90deg,#020710a8 0%,#02071085 33%,#02071020 58%,transparent 80%),linear-gradient(0deg,#020710 0%,transparent 30%)}
.viewer-hero>.wrap{padding-block:52px 38px}
.four .viewer-hero h1{font-size:48px;line-height:1.15;text-align:left;text-wrap:initial;max-width:735px;margin:0 0 22px}
.viewer-hero .hero-region{color:#28a8ff;text-shadow:0 0 28px #0878e025}
.viewer-hero .eyebrow{justify-content:flex-start;margin-bottom:22px;color:#76b8ff}
.viewer-hero .hero-subtitle{font-size:21px;line-height:1.5;max-width:570px;margin:0 0 17px;color:#e2ebf6}
.viewer-hero .lead{max-width:580px;font-size:12px;line-height:1.8;color:#b6c5d9;margin:0}
.hero-content-types{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:15px 22px;max-width:660px;margin:24px 0 0;padding:0}
.hero-content-types li{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:#d6e4f4}
.four .viewer-hero .hero-content-types img{position:static;width:19px;height:19px;object-fit:contain;animation:none;filter:invert(63%) sepia(70%) saturate(2450%) hue-rotate(177deg) brightness(103%)}
.viewer-hero .hero-actions{justify-content:flex-start;margin-top:25px;max-width:500px}
.viewer-hero .motion-toggle{bottom:36px;right:0}
.four .viewer-hero>.hero-facts{width:min(1280px,calc(100% - 96px));padding:0;margin:0 auto;border:1px solid #23639b;border-radius:8px;background:linear-gradient(110deg,#06101ddf,#072039bd,#061323e6);box-shadow:inset 0 1px 0 #79bfff30,0 5px 25px #0079ff12;backdrop-filter:blur(8px)}
.viewer-hero .hero-stat{padding:22px 18px;gap:20px}
.viewer-hero .hero-stat strong{font-size:28px;margin-bottom:4px}
.viewer-hero .hero-stat-copy>span{font-size:10px}
@media(min-width:1700px){.viewer-hero>.wrap{padding-block:72px 48px}.four .viewer-hero h1{font-size:54px;max-width:780px}}
@media(max-width:1100px){.four .viewer-hero h1{font-size:42px;max-width:630px}.four .viewer-hero>.hero-facts{width:calc(100% - 64px)}.viewer-hero .hero-subtitle{max-width:510px;font-size:20px}.viewer-hero .lead{max-width:490px}.hero-content-types{max-width:490px;gap:14px 18px}.hero-content-types li{font-size:11px}.viewer-hero .hero-stat{gap:14px}.viewer-hero .hero-stat strong{font-size:24px}}
@media(max-width:800px){.four .viewer-hero::after{background:linear-gradient(90deg,#020710eb,#020710a8 55%,#02071038),linear-gradient(0deg,#020710,transparent 60%)}.four .viewer-hero>.hero-scene img{object-position:72% center}.viewer-hero>.wrap{padding-block:42px 32px}.four .viewer-hero h1{font-size:38px;max-width:570px}.viewer-hero .hero-subtitle{font-size:19px}.four .viewer-hero>.hero-facts{width:calc(100% - 48px)}.viewer-hero .hero-stat{padding:20px 12px}.viewer-hero .motion-toggle{bottom:32px}}
@media(max-width:600px){.four .hero.viewer-hero{padding-bottom:20px}.viewer-hero>.wrap{padding-block:30px 28px}.four .viewer-hero h1{font-size:30px;line-height:1.18;margin-bottom:18px}.viewer-hero .hero-subtitle{font-size:16px;line-height:1.5;margin-bottom:14px}.viewer-hero .lead{font-size:11px;line-height:1.8;max-width:350px;color:#c0ccdc}.viewer-hero .eyebrow{font-size:9px;margin-bottom:18px}.hero-content-types{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:20px}.hero-content-types li{font-size:10px;gap:7px}.four .viewer-hero .hero-content-types img{width:17px;height:17px}.viewer-hero .hero-actions{margin-top:22px;margin-right:0}.viewer-hero .motion-toggle{right:-6px;top:24px;bottom:auto;width:30px;height:30px}.viewer-hero .motion-toggle img{width:12px;height:12px}.four .viewer-hero>.hero-facts{width:calc(100% - 36px)}.viewer-hero .hero-stat{padding:17px 5px;gap:9px}.viewer-hero .hero-stat strong{font-size:18px}.viewer-hero .hero-stat-copy>span{font-size:9px}.viewer-hero .stat-icon{width:26px;height:26px;flex-basis:26px}.four .viewer-hero>.hero-scene img{object-position:78% center}.four .viewer-hero::after{background:linear-gradient(90deg,#020710e8,#020710b8 60%,#02071085),linear-gradient(0deg,#020710 0%,transparent 50%)}}
@media(prefers-reduced-motion:reduce){.four .viewer-hero>.hero-scene img{animation:none}}

.app-previews video[data-app-preview]::-webkit-media-controls,
.app-previews video[data-app-preview]::-webkit-media-controls-enclosure{display:none!important}