@font-face{font-family:system;src:local("Inter")} :root{color-scheme:dark;--bg:#080c18;--card:#121b32;--muted:#aebad0;--line:#2c3852;--blue:#3f83ff;--red:#ff596d;--white:#f8fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%}header{position:sticky;top:0;background:#090e1aeb;backdrop-filter:blur(14px);z-index:10;border-bottom:1px solid #28334a}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.nav{min-height:76px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:1.19rem;letter-spacing:-.04em;font-weight:850;text-decoration:none;white-space:nowrap}.brand svg{width:38px;height:38px}.navlinks{display:flex;gap:23px;margin-left:auto;align-items:center}.navlinks a{text-decoration:none;font-size:.91rem;color:#dce5f5}.navlinks a:hover,.footer a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:12px;background:linear-gradient(135deg,#2973ff,#5c95ff);color:white;text-decoration:none;font-weight:750;border:1px solid #85b0ff4a;box-shadow:0 8px 27px #1856e536;cursor:pointer;font:inherit;font-weight:750}.btn.secondary{background:#fff1;border:1px solid #ffffff35;box-shadow:none}.btn.red{background:linear-gradient(135deg,#ec3958,#ff667b)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px}.hamb{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:white;padding:9px 12px;border-radius:8px}.hero{padding:85px 0 64px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 30%,#144b9748,transparent 45%),radial-gradient(ellipse at 0 90%,#ce2d4c18,transparent 40%)}.herogrid{display:grid;grid-template-columns:1.03fr .97fr;gap:38px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9fbeff}.kicker:before{content:'';width:22px;height:3px;background:var(--red);display:inline-block}h1,h2,h3{line-height:1.13;letter-spacing:-.05em}h1{font-size:clamp(2.9rem,5.2vw,5.55rem);margin:19px 0 22px;max-width:770px}h1 em{font-style:normal;color:#83b0ff}h2{font-size:clamp(2rem,4vw,3.25rem);margin:12px 0 14px}h3{font-size:1.23rem;margin:0 0 10px}p{color:#c2ccdb}.lead{font-size:1.1rem;max-width:620px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:26px 0}.trust{display:flex;gap:17px;flex-wrap:wrap;color:#b7c5d8;font-size:.87rem}.trust span:before{content:'✓';color:#7aebc4;margin-right:7px}.visual{border:1px solid #638bdc66;border-radius:28px;padding:12px;background:linear-gradient(135deg,#10213c,#1f1930);box-shadow:0 27px 110px #0008;position:relative}.visual img{display:block;width:100%;border-radius:18px}.mini{position:absolute;bottom:25px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px;background:#091424e8;border:1px solid #ffffff24;border-radius:15px;font-size:.9rem}.mini strong{color:#83e6d1}.stripe{height:5px;background:linear-gradient(90deg,var(--red) 0 33%,#fafafa 33% 66%,var(--blue) 66%)}section{padding:74px 0}.sectionhead{max-width:710px;margin-bottom:30px}.sectionhead p{font-size:1.04rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid var(--line);background:linear-gradient(160deg,#15213a,#10182a);border-radius:19px;padding:25px;min-width:0}.card p{margin:0}.ico{font-size:1.6rem;margin-bottom:16px;display:block}.soft{background:#0c1425}.device-switch{display:flex;flex-wrap:wrap;gap:7px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#111a2c;width:fit-content;margin:22px 0}.device-switch button{font:inherit;color:#c5cfe0;border:0;background:transparent;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:700}.device-switch button.active{background:#356fe4;color:white}.pricecard{display:flex;flex-direction:column;position:relative}.pricecard.featured{border-color:#6796ff;box-shadow:inset 0 0 0 1px #5a92ff70}.tag{display:inline-block;color:#bcd2ff;font-size:.77rem;letter-spacing:.07em;font-weight:800;text-transform:uppercase}.price{font-size:2.65rem;line-height:1.2;font-weight:850;letter-spacing:-.06em;margin:20px 0 0}.old{color:#aebbd1;text-decoration:line-through;font-size:.94rem}.pricecard .btn{margin-top:auto}.pricecard ul{padding-left:20px;color:#d1d9e5;font-size:.9rem;margin:16px 0 26px}.pricecard li{margin:7px 0}.note{color:#aab9cd;font-size:.88rem}.media-row{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.media-row img{border-radius:19px;border:1px solid var(--line);width:100%}.faq{max-width:810px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem}.faq details p{margin:10px 0 0}.banner{background:linear-gradient(110deg,#133d81,#572b54);padding:35px;border:1px solid #7ba4fa57;border-radius:22px}.footer{background:#070b14;padding:54px 0 25px;border-top:1px solid var(--line)}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer a{color:#c0cce0;text-decoration:none}.footer small{color:#98a7be}.footlinks{display:flex;flex-direction:column;gap:9px}.pagehero{padding:62px 0 35px;background:radial-gradient(ellipse at top right,#164a9d35,transparent 65%)}.pagehero h1{font-size:clamp(2.4rem,4.8vw,4.4rem);max-width:900px}.copy{max-width:860px;margin:0 auto}.copy h2{font-size:1.9rem;margin-top:35px}.copy li{color:#c4cedd;margin:9px 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.art img{border-radius:12px;width:100%;height:175px;object-fit:cover}.art h3{margin-top:17px}.art a{text-decoration:none}.breadcrumbs{font-size:.86rem;color:#acbbd2}.breadcrumbs a{color:#bed2ff}.pill{border:1px solid #47648a;border-radius:100px;padding:5px 12px;display:inline-block;margin:4px 4px 4px 0;color:#d2dff5;font-size:.8rem}.notice{padding:18px 22px;border-left:3px solid #72a8ff;background:#172137;border-radius:0 10px 10px 0}.smalllink{color:#9fc2ff}.center{text-align:center}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.checks div{border:1px solid var(--line);border-radius:10px;padding:12px 15px;color:#d8e5f4}.checks div:before{content:'✓ ';color:#72e7bf}.legal{font-size:.94rem}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:10px;top:10px;z-index:999;background:#fff;color:#000;padding:10px}@media(max-width:900px){.herogrid,.media-row{grid-template-columns:1fr}.visual{max-width:690px}.grid4{grid-template-columns:repeat(2,1fr)}.grid3,.article-grid{grid-template-columns:repeat(2,1fr)}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#0c1425;padding:22px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hamb{display:block}.nav>.btn{display:none}}@media(max-width:600px){.wrap{width:min(100% - 28px,1160px)}.hero{padding:43px 0 37px}section{padding:49px 0}h1{font-size:2.75rem}.grid4,.grid3,.article-grid,.footgrid,.checks{grid-template-columns:1fr}.card{padding:22px}.device-switch{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.device-switch button{padding:11px 4px;font-size:.79rem}.mini{position:static;margin-top:10px}.banner{padding:24px}.nav{min-height:70px}.navlinks{top:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.topic-nav{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:16px 18px;margin:24px 0;border:1px solid var(--line);border-radius:15px;background:#101a2d;color:#e3ebf8}.topic-nav strong{color:#fff}.topic-nav a{color:#a9c7ff;text-decoration:none;font-size:.88rem}.topic-nav a:hover{text-decoration:underline}.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.seo-card{padding:24px}.seo-card h2{font-size:1.45rem;margin:0 0 14px;letter-spacing:-.035em}.seo-card p{font-size:.95rem;line-height:1.72}.seo-card p:last-child{margin-bottom:0}.seo-cta{margin-top:28px}.seo-cta h2{margin-top:0;font-size:2rem}.seo-cta p{max-width:760px}.copy#seo-expansion h2{margin-top:34px}.copy#seo-expansion h2:first-child{margin-top:0}.copy#seo-expansion p,.copy#seo-expansion li{line-height:1.75}@media(max-width:700px){.seo-grid{grid-template-columns:1fr}.topic-nav{gap:8px}.seo-card{padding:21px}}

/* V4 editorial content hierarchy and original topic artwork */
.seo-card h3{font-size:1.24rem;margin:0 0 12px}.seo-card h4{font-size:1.05rem;margin:22px 0 8px;color:#f3f7ff}.sports-gallery .topic-image{display:block;width:100%;height:172px;object-fit:cover;border-radius:13px;margin:0 0 18px;border:1px solid #395477}.topic-image.large{height:auto;max-height:460px;object-fit:cover}.seo-card h5{font-size:.94rem;margin:14px 0 6px;color:#d8e5f9}.seo-card h6{font-size:.86rem;margin:12px 0 5px;color:#afc3e2}.faq details p{max-width:760px}.notice h2{font-size:1.45rem;margin:0 0 10px}.article-grid .art img{height:170px;object-fit:cover}

/* Semantic heading levels used by V4 pages */
main h4{font-size:1.08rem;line-height:1.3;margin:17px 0 7px;color:#e9f1ff}main h5{font-size:.96rem;line-height:1.35;margin:14px 0 6px;color:#d6e4fb}main h6{font-size:.88rem;line-height:1.35;margin:12px 0 5px;color:#b7c9e4}.footer h2{font-size:1rem;letter-spacing:0;margin:0 0 12px;color:#f4f7ff}

.footer-heading{font-size:1rem;font-weight:750;letter-spacing:0;margin:0 0 12px;color:#f4f7ff}

/* V6: pricing cards follow the original USA navy / blue / red site palette.
   The supplied purple screenshot is used for layout only, not for site colours. */
.pricing-section{padding-top:64px;padding-bottom:70px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px}
.pricecard.plan-card{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;min-width:0;padding:25px 20px 22px;text-align:center;border:1px solid #2c456c;border-radius:19px;background:linear-gradient(160deg,#15213a 0%,#10182a 100%);box-shadow:0 12px 34px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pricecard.plan-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ff596d 0 30%,#f8fbff 30% 58%,#3f83ff 58% 100%)}
.pricecard.plan-card:hover{transform:translateY(-3px);border-color:#3f83ff;box-shadow:0 18px 42px rgba(0,0,0,.3)}
.pricecard.plan-card.featured{border-color:#3f83ff;background:linear-gradient(160deg,#192c4b 0%,#10182a 100%);box-shadow:0 14px 38px rgba(19,74,154,.2),inset 0 0 0 1px rgba(63,131,255,.22)}
.plan-duration{display:none}
.plan-name{font-size:1.38rem!important;line-height:1.2;margin:2px 0 7px!important;color:#fff!important;letter-spacing:-.025em!important}
.plan-description{min-height:42px;font-size:.78rem;line-height:1.45;color:#aebbd1!important;margin:8px 0 9px!important}
.performance-label{color:#83e6d1!important;font-size:.82rem;font-weight:800;line-height:1.25;letter-spacing:.01em;margin:1px 0 5px!important;text-transform:none}
.pricecard.plan-card .price{font-size:2.8rem;line-height:1.05;font-weight:900;color:#fff;margin:0 0 5px;letter-spacing:-.055em}
.price-meta{min-height:28px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:1px 0 12px;font-size:.78rem}
.price-meta .old{color:#9eacc3;font-size:.78rem}
.price-meta .device-text{color:#dce8f8;font-weight:750}
.pricecard.plan-card .plan-features{list-style:none;padding:0;margin:9px 0 22px;text-align:left;display:grid;gap:9px;color:#e1e9f5;font-size:.82rem;line-height:1.4}
.pricecard.plan-card .plan-features li{position:relative;padding-left:22px;margin:0;min-height:20px;color:#e1e9f5}
.pricecard.plan-card .plan-features li:before{content:"✓";position:absolute;left:1px;top:-1px;font-size:1rem;line-height:1.2;font-weight:900;color:#83e6d1}
.pricecard.plan-card .btn{width:100%;margin-top:auto;min-height:46px;border-radius:10px;background:linear-gradient(135deg,#2973ff,#5c95ff);border:1px solid #85b0ff4a;box-shadow:0 8px 22px #1856e52b;font-size:.93rem;font-weight:850}
.pricecard.plan-card .btn:hover{background:linear-gradient(135deg,#1c65ef,#4d8cff)}
.plan-value-label{display:inline-flex;align-self:center;align-items:center;gap:6px;margin:0 auto 8px;padding:4px 10px;border:1px solid #4779be;border-radius:99px;background:#17345b;color:#dceaff;font-size:.7rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.discount-legend{display:flex;gap:10px 24px;flex-wrap:wrap;align-items:center;margin:12px 0 24px;color:#c7d5ee;font-size:.85rem}
.discount-legend b{color:#83e6d1}
.pricing-disclaimer{margin:19px 0 0;max-width:970px;line-height:1.65}
.pricing-assurances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:24px 0 4px}
.pricing-assurance{padding:16px 17px;border:1px solid #2c456c;border-radius:14px;background:linear-gradient(150deg,#14223c,#0e1728)}
.pricing-assurance strong{display:block;color:#f7faff;font-size:.92rem;margin-bottom:4px}
.pricing-assurance p{margin:0;color:#b7c6dc;font-size:.82rem;line-height:1.55}
.reseller-section{padding-top:38px;padding-bottom:48px}
.reseller-panel{border:1px solid #365783;border-radius:22px;padding:30px;background:linear-gradient(120deg,#13345f 0%,#12213a 72%,#0d192c 100%);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.reseller-panel h2{font-size:clamp(1.8rem,3vw,2.6rem);max-width:800px}
.reseller-panel p{max-width:900px;line-height:1.72}
.reseller-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px;padding:0;list-style:none;counter-reset:reseller-step}
.reseller-steps li{counter-increment:reseller-step;padding:14px 15px;border:1px solid #ffffff22;border-radius:13px;background:#09162975;color:#dce7f7;font-size:.88rem;line-height:1.5}
.reseller-steps li:before{content:counter(reseller-step);display:inline-grid;place-items:center;width:25px;height:25px;margin:0 8px 8px 0;border-radius:50%;background:#2f70cf;color:#fff;font-weight:850}
.photo-rights-note{max-width:950px;margin:22px auto 0;color:#9fb0c9;font-size:.78rem;line-height:1.55;text-align:center}
.feature-photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:30px}
.feature-photo-gallery figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101a2d}
.feature-photo-gallery img{display:block;width:100%;height:210px;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#101a2d}
.feature-photo-gallery figcaption{padding:10px 13px;color:#d6e4f8;font-size:.88rem;font-weight:750}
.sports-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.sports-gallery .topic-image{display:block;width:100%;height:190px;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:12px;margin:0 0 16px;border:1px solid #395477;background:#101a2d}
.visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;max-height:500px;object-fit:cover;object-position:center;border-radius:18px}
.media-row>img{display:block;width:100%;height:auto;max-height:390px;aspect-ratio:16/10;object-fit:cover;object-position:center}
.pricing-visual{padding-top:44px;padding-bottom:44px}.pricing-visual .media-row{gap:30px}.pricing-visual img{display:block;width:100%;height:auto;max-height:370px;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:20px;border:1px solid var(--line)}
.article-grid .art img,.art img{display:block;width:100%;height:180px;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:12px;background:#101a2d}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sports-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.pricing-assurances{grid-template-columns:1fr 1fr}.reseller-steps{grid-template-columns:1fr}}
@media(max-width:600px){.pricing-section{padding-top:44px;padding-bottom:52px}.pricing-grid{grid-template-columns:1fr;gap:15px}.pricecard.plan-card{padding:24px 22px}.plan-duration{font-size:.76rem}.plan-description{min-height:0}.pricecard.plan-card .plan-features{max-width:340px;margin:12px auto 23px;align-self:center;width:100%;gap:10px}.discount-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reseller-panel{padding:22px}.feature-photo-gallery{grid-template-columns:1fr 1fr}.feature-photo-gallery img{height:170px}.sports-gallery{grid-template-columns:1fr}.sports-gallery .topic-image{height:185px}.pricing-assurances{grid-template-columns:1fr}.pricing-visual{padding-top:30px;padding-bottom:30px}}


/* V7 refinement: equal photo crops, uncluttered plan headings and on-brand reseller panel. */
.pricecard.plan-card .plan-name{display:block;text-align:center}
.pricecard.plan-card .price-meta{margin:2px 0 10px}
.pricecard.plan-card .plan-description{max-width:240px;margin-left:auto!important;margin-right:auto!important}
.pricecard.plan-card .plan-features{min-height:264px}
@media(max-width:1100px){.pricecard.plan-card .plan-features{min-height:0}}
@media(max-width:600px){.pricecard.plan-card .plan-features{min-height:0}.article-grid .art img,.art img{height:190px}}

/* USA IPTV official brand mark */
.brand img{display:block;width:50px;height:50px;object-fit:contain;flex:0 0 50px}
.nav{min-height:84px}
@media(max-width:900px){.navlinks{top:84px}}
@media(max-width:600px){.nav{min-height:72px}.navlinks{top:72px}.brand img{width:44px;height:44px;flex-basis:44px}}


/* V9: locally hosted device-brand strip, moving continuously from left to right. */
.device-compat-section{padding:46px 0 52px;overflow:hidden;background:linear-gradient(180deg,#0b1221 0%,#0a1020 100%);border-top:1px solid #1d2b43;border-bottom:1px solid #1d2b43}
.device-compat-heading{text-align:center;max-width:790px;margin:0 auto 23px}
.device-compat-heading h2{font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.2;margin:7px 0 10px;letter-spacing:-.035em}
.device-compat-heading p{color:var(--muted);margin:0 auto;max-width:760px;font-size:.94rem;line-height:1.65}
.device-marquee{position:relative;width:100%;overflow:hidden;padding:10px 0 14px;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.device-marquee-track{display:flex;width:max-content;will-change:transform;animation:device-marquee-to-right 44s linear infinite}
.device-brand-group{display:flex;align-items:center;gap:20px;padding:0 10px;flex:0 0 auto}
.device-brand{width:194px;height:92px;flex:0 0 194px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:8px 12px;border:1px solid #273750;border-radius:15px;background:linear-gradient(145deg,#121e34 0%,#0d1729 100%);box-shadow:0 8px 22px #0003}
.device-brand img{display:block;width:100%;height:57px;max-width:170px;object-fit:contain}
.device-brand span{font-size:.67rem;line-height:1.1;letter-spacing:.045em;text-transform:uppercase;color:#9eacc3;font-weight:750}
.device-marquee:hover .device-marquee-track,.device-marquee:focus-within .device-marquee-track{animation-play-state:paused}
.device-compat-note{margin:12px auto 0;text-align:center;font-size:.72rem;line-height:1.5;color:#8292ac;max-width:900px}
@keyframes device-marquee-to-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:650px){.device-compat-section{padding:34px 0 38px}.device-brand-group{gap:12px;padding:0 6px}.device-brand{width:158px;height:82px;flex-basis:158px;padding:7px 10px}.device-brand img{height:49px;max-width:140px}.device-marquee-track{animation-duration:36s}}
@media(prefers-reduced-motion:reduce){.device-marquee{mask-image:none;-webkit-mask-image:none;overflow-x:auto}.device-marquee-track{animation:none;transform:none}.device-brand-group[aria-hidden="true"]{display:none}.device-brand-group{flex-wrap:wrap;justify-content:center;width:100%;white-space:normal}.device-brand{width:calc(33.333% - 12px);flex-basis:calc(33.333% - 12px)}}

/* V10: prices immediately below hero, then compact single-row device marquee.
   Preserve site navy/blue/red styling and all V9 pricing functionality. */
.pricing-section{padding-top:26px;padding-bottom:36px}
.device-compat-section{padding:22px 0 26px}
.device-compat-heading{margin:0 auto 12px}
.device-compat-heading h2{font-size:clamp(1.13rem,2vw,1.45rem);margin:3px 0 6px}
.device-compat-heading p{font-size:.79rem;line-height:1.5}
.device-marquee{padding:5px 0 8px}
.device-marquee-track{animation-duration:36s}
.device-brand-group{gap:10px;padding:0 5px}
.device-brand{width:124px;flex:0 0 124px;height:62px;gap:0;padding:5px 7px;border-radius:11px}
.device-brand img{height:35px;max-width:110px}
.device-brand span{font-size:.56rem;line-height:1;letter-spacing:.015em}
@media(max-width:650px){
  .hero{padding-top:24px;padding-bottom:18px}
  .herogrid{gap:14px}
  .hero .visual img{max-height:180px}
  .pricing-section{padding-top:18px;padding-bottom:25px}
  .pricing-section .sectionhead{margin-bottom:16px}
  .pricing-section .sectionhead p{font-size:.87rem;line-height:1.5}
  .device-compat-section{padding:16px 0 20px}
  .device-compat-heading{margin-bottom:8px}
  .device-compat-heading h2{font-size:1.13rem}
  .device-compat-heading p{font-size:.73rem}
  .device-brand-group{gap:8px;padding:0 4px}
  .device-brand{width:98px;flex-basis:98px;height:52px;padding:4px 5px;border-radius:9px}
  .device-brand img{height:28px;max-width:88px}
  .device-brand span{font-size:.49rem}
  .device-marquee-track{animation-duration:33s}
}
@media(prefers-reduced-motion:reduce){
  .device-brand-group{flex-wrap:nowrap;width:max-content}
  .device-brand{width:98px;flex-basis:98px}
}

/* V11 — hero image only: 4-panel collage and eight-year central badge.
   Pricing, moving logos, colors, and remaining pages intentionally unchanged. */
.hero .hero-collage-visual{position:relative;border:0;background:transparent;box-shadow:none;padding:0;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible;min-width:0;max-width:580px;margin-inline:auto;aspect-ratio:1/1}
.hero .hero-collage-image{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0;filter:drop-shadow(0 15px 30px #0008);display:block}
.hero-years-badge{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(91px,25%,145px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.04;background:radial-gradient(circle at 30% 16%,#284878 0%,#0d1b35 66%,#080c18 100%);border:3px solid #f8fbff;outline:4px solid #ff596d;box-shadow:0 8px 32px #000c,0 0 0 8px #080c18bb;text-align:center;color:#fff}
.hero-years-number{font-size:clamp(2.5rem,6.5vw,4.5rem);font-weight:900;letter-spacing:-.075em;color:white}
.hero-years-word{font-size:clamp(.68rem,1.55vw,1.08rem);font-weight:900;letter-spacing:.12em}
.hero-years-detail{font-size:clamp(.43rem,.83vw,.65rem);color:#bcd1ff;font-weight:800;letter-spacing:.07em;margin-top:5px}
@media(max-width:900px){.hero .hero-collage-visual{width:min(100%,450px)}}
@media(max-width:650px){.hero .hero-collage-visual{width:min(100%,290px);margin-top:7px;margin-bottom:4px}.hero .hero-collage-image{max-height:none;height:auto}.hero-years-badge{width:94px}.hero-years-number{font-size:2.6rem}.hero-years-word{font-size:.72rem}.hero-years-detail{font-size:.47rem}}

/* V13: fix empty device marquee until touch on mobile browsers.
   SVGs are tiny local files and are loaded eagerly (including second loop).
   Avoid mask + will-change compositing layers that can leave moving images blank. */
.device-marquee{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  overflow:hidden;
  isolation:auto;
}
.device-marquee-track{
  will-change:auto!important;
  -webkit-transform:translate3d(-50%,0,0);
  transform:translate3d(-50%,0,0);
  -webkit-animation:device-marquee-visible-right 36s linear infinite;
  animation:device-marquee-visible-right 36s linear infinite;
}
@-webkit-keyframes device-marquee-visible-right{
  0%{-webkit-transform:translate3d(-50%,0,0)}
  100%{-webkit-transform:translate3d(0,0,0)}
}
@keyframes device-marquee-visible-right{
  0%{transform:translate3d(-50%,0,0)}
  100%{transform:translate3d(0,0,0)}
}
.device-brand,.device-brand img{opacity:1!important;visibility:visible!important}
@media(hover:none){
 .device-marquee:hover .device-marquee-track{animation-play-state:running;-webkit-animation-play-state:running}
}
@media(max-width:650px){.device-marquee-track{animation-duration:33s;-webkit-animation-duration:33s}}
@media(prefers-reduced-motion:reduce){
 .device-marquee{overflow-x:auto}
 .device-marquee-track{animation:none!important;-webkit-animation:none!important;transform:none!important;-webkit-transform:none!important}
}

/* V14: shorter, consistent blog imagery on mobile without changing desktop layout. */
.blog-hero-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  max-height:420px;
  object-fit:cover;
  object-position:center;
  border-radius:19px;
  margin:14px 0 18px;
  background:#101a2d;
}
.article-grid .art img,.art img{
  display:block;
  width:100%;
  height:180px;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
}
@media(max-width:600px){
  .blog-hero-image{
    height:156px;
    max-height:156px;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
    border-radius:14px;
    margin:10px 0 15px;
  }
  .article-grid .art img,.art img{
    height:154px;
    aspect-ratio:auto;
    border-radius:11px;
  }
}


/* V16: original cinematic nine-scene image mosaic; no video/CDN dependency. */
.hero.hero-video{
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
  min-height:548px;padding:78px 0 68px;background:#080c18;
}
.hero-video-media{
  position:absolute;inset:0;z-index:-2;overflow:hidden;
  background:#080c18 url('/assets/img/usa-iptv-entertainment-mosaic.webp') center/cover no-repeat;
}
.hero-video-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(5,10,22,.87) 0%,rgba(5,12,27,.70) 36%,rgba(5,12,27,.43) 72%,rgba(5,10,22,.48) 100%),
             linear-gradient(0deg,#080c18 0%,rgba(8,12,24,.08) 30%,rgba(8,12,24,.16) 100%);
}
.hero-video-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:32px;align-items:center;width:min(100% - 48px,1160px)}
.hero-video-copy{max-width:820px;min-width:0}
.hero-video-copy h1{max-width:800px;text-shadow:0 3px 22px rgba(0,0,0,.68)}
.hero-video-copy .lead{max-width:760px;text-shadow:0 2px 14px rgba(0,0,0,.72)}
.hero-video-copy .trust{ text-shadow:0 2px 10px #000 }
.hero-video .hero-years-badge{position:relative;top:auto;left:auto;transform:none;justify-self:center;align-self:center;width:clamp(132px,16vw,184px);border:3px solid #f8fbff;outline:4px solid #ff596d;box-shadow:0 10px 36px #000d,0 0 0 9px rgba(8,12,24,.48);background:radial-gradient(circle at 30% 16%,#284878 0%,#0d1b35 66%,#080c18 100%)}
.hero-video .hero-years-number{font-size:clamp(3rem,5vw,4.4rem)}
.hero-video .hero-years-word{font-size:clamp(.72rem,1.2vw,1rem)}
.hero-video .hero-years-detail{font-size:clamp(.48rem,.7vw,.62rem)}
@media(max-width:900px){
  .hero.hero-video{min-height:510px;padding:58px 0 48px}
  .hero-video-layout{grid-template-columns:minmax(0,1fr) 142px;gap:18px;width:min(100% - 36px,1160px)}
  .hero-video .hero-years-badge{width:130px}
}
@media(max-width:600px){
  .hero.hero-video{min-height:0;padding:37px 0 30px}
  .hero-video-media{background-position:50% 50%;background-size:auto 100%;}
  .hero-video-layout{grid-template-columns:minmax(0,1fr);gap:13px;width:min(100% - 28px,1160px)}
  .hero-video-copy h1{font-size:clamp(2.25rem,10vw,2.75rem);margin:14px 0 16px;line-height:1.08}
  .hero-video-copy .lead{font-size:.97rem;line-height:1.55}
  .hero-video-copy .actions{margin:19px 0}
  .hero-video-copy .trust{gap:8px 13px;font-size:.78rem}
  .hero-video .hero-years-badge{width:94px;justify-self:end;margin-right:5px;border-width:2px;outline-width:3px}
  .hero-video .hero-years-number{font-size:2.55rem}
  .hero-video .hero-years-word{font-size:.67rem}
  .hero-video .hero-years-detail{font-size:.44rem}
  .hero-video-overlay{background:linear-gradient(90deg,rgba(5,10,22,.89),rgba(5,12,27,.69)),linear-gradient(0deg,#080c18 0%,rgba(8,12,24,.08) 46%,rgba(8,12,24,.16) 100%)}
}


/* V18: plain photo-only collage. No text, labels or graphics are placed over tiles. */
.hero-video-media{background:#080c18 !important;isolation:isolate}
.hero-photo-mosaic{
  position:absolute;inset:0;z-index:0;display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;padding:5px;
  overflow:hidden;background:#080c18;
}
.hero-photo-tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:#101a2d;border:1px solid rgba(185,207,245,.15)}
.hero-photo-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94) contrast(1.04)}
.hero-photo-tile--nfl{grid-column:1/3;grid-row:1/3}
.hero-photo-tile--nba{grid-column:3;grid-row:1}
.hero-photo-tile--ufc{grid-column:4;grid-row:1}
.hero-photo-tile--walking-dead{grid-column:3;grid-row:2}
.hero-photo-tile--breaking-bad{grid-column:4;grid-row:2}
.hero-photo-tile--sons{grid-column:1;grid-row:3}
.hero-photo-tile--office{grid-column:2;grid-row:3}
.hero-photo-tile--better-call-saul{grid-column:3;grid-row:3}
.hero-photo-tile--documentary{grid-column:4;grid-row:3}
.hero-video-overlay{
  z-index:1;
  background:linear-gradient(90deg,rgba(5,10,22,.56) 0%,rgba(5,12,27,.39) 42%,rgba(5,12,27,.30) 72%,rgba(5,10,22,.40) 100%),
             linear-gradient(0deg,#080c18 0%,rgba(8,12,24,.04) 28%,rgba(8,12,24,.06) 100%);
}
@media(max-width:900px){
  .hero-photo-mosaic{grid-template-columns:minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:4px;padding:4px}
  .hero-video-overlay{background:linear-gradient(90deg,rgba(5,10,22,.62),rgba(5,12,27,.40)),linear-gradient(0deg,#080c18 0%,rgba(8,12,24,.06) 45%,rgba(8,12,24,.06) 100%)}
}
@media(max-width:600px){
  .hero-photo-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(72px,1fr));gap:3px;padding:3px}
  .hero-photo-tile--nfl{grid-column:1/3;grid-row:1/3}
  .hero-photo-tile--nba{grid-column:1;grid-row:3}
  .hero-photo-tile--ufc{grid-column:2;grid-row:3}
  .hero-photo-tile--walking-dead{grid-column:1;grid-row:4}
  .hero-photo-tile--breaking-bad{grid-column:2;grid-row:4}
  .hero-photo-tile--sons{grid-column:1;grid-row:5}
  .hero-photo-tile--office{grid-column:2;grid-row:5}
  .hero-photo-tile--better-call-saul{display:none}
  .hero-photo-tile--documentary{display:none}
  .hero-photo-tile img{object-position:center;filter:saturate(.90) contrast(1.04)}
  .hero-video-overlay{background:linear-gradient(90deg,rgba(5,10,22,.68),rgba(5,12,27,.52)),linear-gradient(0deg,#080c18 0%,rgba(8,12,24,.08) 55%,rgba(8,12,24,.10) 100%)}
}
