:root{--bg:#08152f;--bg2:#10234c;--panel:#142750;--border:#32486f;--muted:#b4c1dc;--white:#f9fbff;--gold:#ef3340;--cyan:#638dff;--red:#ef3340;--max:1170px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}p{color:#b9cad3}h1,h2,h3{line-height:1.18;letter-spacing:-.035em;margin-top:0}h1{font-size:clamp(2.6rem,6vw,5.15rem)}h2{font-size:clamp(2rem,3.7vw,3.1rem)}h3{font-size:1.32rem}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px;top:5px;background:white;color:black;padding:9px;z-index:50}.skip:focus{left:10px}.topline{border-bottom:1px solid #243e4b;font-size:.76rem;text-align:center;padding:8px;color:#bcd0dc;background:#0b1d40}.header{background:#08152ff2;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:-.04em;font-size:1.22rem;white-space:nowrap}.mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ef3340;border-radius:12px;background:linear-gradient(135deg,#152c41,#2d4655);color:var(--gold);font-size:1.38rem}.brand em{font-style:normal;color:var(--gold)}.links{display:flex;gap:24px;align-items:center}.links a{font-size:.92rem;color:#d5e1e8}.links a:hover,.footer a:hover{color:var(--gold)}.mobile-toggle{display:none;background:none;border:1px solid var(--border);padding:9px 13px;border-radius:8px;color:white}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 21px;border-radius:10px;background:var(--gold);font-weight:800;color:#111e2a;transition:transform .2s,background .2s;border:1px solid transparent;text-align:center;line-height:1.2}.btn:hover{transform:translateY(-2px);background:#ff5c68}.btn.ghost{background:transparent;color:white;border-color:#667b88}.btn.small{padding:9px 17px;min-height:42px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:.73rem;font-weight:850}.hero{padding:86px 0 80px;overflow:hidden;background:radial-gradient(circle at 80% 36%,#1e4a55 0,transparent 47%),linear-gradient(150deg,#0c1e2f,#08152f)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:44px;align-items:center}.hero h1{margin:18px 0 22px}.hero .lead{font-size:1.13rem;max-width:650px}.gold{color:var(--gold)}.hero-art{border-radius:26px;box-shadow:0 30px 90px #0007;border:1px solid #53748755;overflow:hidden;background:#122739}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:29px 0}.trustline{color:#a2bdc9;font-size:.84rem;display:flex;flex-wrap:wrap;gap:20px;margin-top:27px}.trustline b{color:var(--gold)}section{padding:90px 0}.section-top{max-width:775px;margin-bottom:36px}.section-top p{font-size:1.04rem}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(150deg,#162a55,#0b1d3b);padding:29px;min-width:0}.card p:last-child{margin-bottom:0}.tile-icon{width:46px;height:46px;display:grid;place-items:center;color:#0b1c2b;font-size:1.4rem;background:var(--gold);border-radius:13px;margin-bottom:21px}.soft{background:#0e1d3d}.gradient{background:radial-gradient(circle at 0% 0%,#163c43,#10234a 48%,#0b1935)}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.illustration{width:100%;border-radius:19px;border:1px solid #3b6170;background:#0c2639}.bullets{padding-left:20px;color:#c1d0d8}.bullets li{margin:10px 0}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.price-card{padding:25px 22px;border:1px solid #375165;border-radius:18px;background:#142750;display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--gold);background:linear-gradient(155deg,#1b3a47,#14244c)}.price{font-size:2.65rem;font-weight:900;letter-spacing:-.05em;color:white;line-height:1.2}.price span{font-size:1rem;color:var(--muted);letter-spacing:0}.price-card ul{padding-left:17px;color:#b4cbd3;font-size:.82rem;flex:1}.price-card li{margin:7px 0}.tag{display:inline-block;background:#ef3340;color:#111b2a;padding:3px 9px;border-radius:50px;font-weight:800;font-size:.69rem}.fine{color:#a9bbc4;font-size:.84rem}.price-card .btn{width:100%}.steps{counter-reset:step}.step{position:relative}.step:before{counter-increment:step;content:'0' counter(step);display:block;font-size:1.45rem;font-weight:900;color:var(--gold);margin-bottom:18px}.faq details{border-bottom:1px solid #294452;padding:17px 0}.faq summary{cursor:pointer;font-weight:750;font-size:1.04rem;list-style-position:outside}.faq details p{padding-left:5px}.cta-band{padding:55px;border-radius:23px;background:radial-gradient(circle at right,#24546a,transparent 55%),#132c40;border:1px solid #436478;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer{border-top:1px solid var(--border);background:#081127;padding:62px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:35px}.footer h4{margin-top:0;color:white}.footer a{display:block;color:#a9bbc8;margin:11px 0;font-size:.91rem}.endfoot{border-top:1px solid #203645;margin-top:45px;padding-top:20px;font-size:.8rem;color:#90aabb;display:flex;justify-content:space-between;gap:15px}.pagehead{background:radial-gradient(circle at 80% 30%,#1c424e,transparent 48%),#0f2146;padding:73px 0 65px}.pagehead h1{font-size:clamp(2.5rem,5.2vw,4.1rem);max-width:920px}.pagehead p{max-width:790px;font-size:1.1rem}.article{max-width:830px;margin:0 auto}.article h2{font-size:2rem;margin:43px 0 15px}.article h3{margin:32px 0 12px}.article p,.article li{font-size:1.04rem}.article a:not(.btn){color:var(--gold);text-decoration:underline}.article ul{color:#bfd0d9}.article-image{border:1px solid #426075;border-radius:18px;margin:30px 0}.notice{padding:16px 20px;border:1px solid #846b43;background:#2a2b28;border-radius:10px;font-size:.91rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border-radius:18px;border:1px solid var(--border);overflow:hidden;background:#142750;display:flex;flex-direction:column}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card .inside{padding:23px;flex:1;display:flex;flex-direction:column}.blog-card h3{margin:9px 0}.blog-card .btn{margin-top:auto}.form-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.breadcrumbs{font-size:.83rem;color:#a6c1cb;margin-bottom:20px}.breadcrumbs a{color:var(--gold)}@media(max-width:1020px){.pricing{grid-template-columns:repeat(2,1fr)}.links{gap:13px}.hero-grid{gap:22px}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{min-height:68px}.mobile-toggle{display:block}.links{display:none;position:absolute;top:68px;left:0;right:0;background:#0b1d40;padding:23px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--border)}.links.open{display:flex}.links .btn{width:100%}.nav>.btn{display:none}.hero{padding:59px 0}.hero-grid,.split{grid-template-columns:1fr}.hero-art{max-width:580px}.grid.three,.grid.two,.blog-grid{grid-template-columns:1fr}section{padding:65px 0}.pricing{grid-template-columns:1fr}.cta-band{padding:32px;display:block}.footgrid{grid-template-columns:1fr 1fr}.endfoot{display:block}h1{font-size:clamp(2.6rem,11vw,4rem)}}@media(max-width:420px){.footgrid{grid-template-columns:1fr}.wrap{width:min(var(--max),calc(100% - 30px))}.card{padding:23px}.actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* British IPTV premium editorial refresh */
.cinematic-hero{position:relative;isolation:isolate;padding:72px 0 62px;background:linear-gradient(90deg,#06111ff2 2%,#08152fdc 57%,#08152f99 100%),url('/assets/scenes/cinema-movies.svg') center 42%/cover no-repeat}
.cinematic-hero::after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,#08152f);pointer-events:none;z-index:-1}
.cinematic-hero .hero-grid{grid-template-columns:1.13fr .87fr}.cinematic-hero h1{font-size:clamp(2.5rem,5vw,4.55rem);text-shadow:0 3px 30px #000b}.cinematic-hero .hero-art{transform:perspective(850px) rotateY(-4deg);box-shadow:0 28px 70px #0009;border-color:#ef334077}
#plans{padding:60px 0 76px;background:#101e3e}#plans .section-top{margin-bottom:22px}#plans h2{font-size:clamp(1.9rem,3vw,2.55rem)}.showcase{padding:72px 0}.poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.poster-tile{margin:0;position:relative;overflow:hidden;border-radius:15px;background:#17294e;border:1px solid #345064;min-width:0;transition:transform .2s,border-color .2s}.poster-tile:hover{transform:translateY(-5px);border-color:var(--gold)}.poster-tile img{width:100%;height:212px;object-fit:cover;display:block}.poster-tile figcaption{padding:12px 13px 16px;display:grid;gap:3px}.poster-tile strong{font-size:.91rem;line-height:1.25}.poster-tile span{font-size:.75rem;color:#a9bcc8;line-height:1.4}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-card{padding:25px;border:1px solid #345365;border-radius:16px;background:#112547}.reading-card h3{margin:12px 0}.reading-card p{margin-bottom:0}.editorial-deep a{color:var(--gold);text-decoration:underline}@media(max-width:1020px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.cinematic-hero{padding:60px 0 46px}.cinematic-hero .hero-grid{grid-template-columns:1fr}.cinematic-hero .hero-art{transform:none}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-grid{grid-template-columns:1fr}.poster-tile img{height:175px}}@media(max-width:420px){.poster-grid{gap:10px}.poster-tile img{height:140px}.poster-tile figcaption{padding:10px}}

/* British flag-inspired premium colour system — 2026-10-14 */
:root{--bg:#08152f;--bg2:#10234c;--panel:#142750;--border:#334c80;--muted:#bdc9e2;--white:#ffffff;--gold:#ed2939;--cyan:#7f9cf4;--red:#ed2939}
body{background:#08152f;color:#fff}p{color:#c5cee3}
.topline{background:#071127;border-color:#263e73;color:#e1e9fa}
.header{background:#091732f5;border-color:#334c80}
.mark{background:linear-gradient(145deg,#142d68,#ad1d33);border-color:#eb3548;color:#fff}
.brand em,.eyebrow,.gold,.trustline b,.step:before{color:#ff6572}
.links a{color:#edf1fc}.links a:hover,.footer a:hover,.article a:not(.btn),.breadcrumbs a,.editorial-deep a{color:#ff7380}
.btn{background:#ed2939;color:white;box-shadow:0 8px 25px #b2152d35}.btn:hover{background:#ff4658}
.btn.ghost{background:#0d23548f;border:1px solid #99b5ee;color:white;box-shadow:none}.btn.ghost:hover{background:#274683}
.tag{background:#ed2939;color:#fff}
.card{background:linear-gradient(145deg,#182d5b,#102044);border-color:#385487}
.price-card{background:#142750;border-color:#395486}.price-card.featured{background:linear-gradient(145deg,#243e79,#10234c);border-color:#ed2939}
.soft{background:#0d2046}.gradient{background:radial-gradient(circle at top left,#233e82,#091832 70%)}
#plans{background:#0e1e41}.poster-tile,.reading-card,.blog-card{background:#132650;border-color:#334e83}
.cta-band{background:radial-gradient(circle at right,#253f88,transparent 60%),#122449;border-color:#415d9a}
.pagehead{background:radial-gradient(circle at right,#244b9c,#0d2044 65%)}
.footer{background:#050f25;border-color:#304774}
/* User-selected Pexels photo fills the ENTIRE hero section, never a side image. */
.cinematic-hero{position:relative;isolation:isolate;min-height:610px;display:flex;align-items:center;padding:96px 0 100px;
 background-image:linear-gradient(90deg,rgba(5,12,32,.91) 0%,rgba(7,20,48,.78) 45%,rgba(8,20,47,.46) 100%),url('https://images.pexels.com/photos/35490296/pexels-photo-35490296.jpeg'),url('/assets/scenes/cinema-movies.svg');
 background-position:center,center center,center center;background-size:cover,cover,cover;background-repeat:no-repeat}
.cinematic-hero::after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,#0e1e41);pointer-events:none;z-index:-1}
.cinematic-hero .hero-grid{display:block}.cinematic-hero .hero-copy{max-width:840px}.cinematic-hero h1{max-width:800px;font-size:clamp(2.8rem,5.4vw,5.25rem);text-shadow:0 3px 28px #000b}
.cinematic-hero .lead{max-width:680px;color:#edf2ff;text-shadow:0 2px 12px #000b}.cinematic-hero .trustline{color:#e8ecf8}
@media(max-width:760px){.cinematic-hero{min-height:600px;padding:88px 0 75px;background-position:center,60% center,center}.cinematic-hero h1{font-size:clamp(2.6rem,11vw,4rem)}}

/* V4 — British editorial minimalism: Apple-inspired visual rhythm, original styling */
:root{--bg:#f6f7fa;--bg2:#ffffff;--panel:#ffffff;--border:#e4e7ed;--muted:#596579;--white:#101b31;--gold:#c71935;--cyan:#2852a0;--red:#c71935;--max:1220px}
html{scroll-padding-top:92px}body{background:#fff;color:#101b31;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}p{color:#536075}h1,h2,h3{letter-spacing:-.052em;line-height:1.12}h2{font-size:clamp(2.25rem,4.3vw,4rem)}h3{font-weight:750}.wrap{width:min(var(--max),calc(100% - 64px))}
.topline{background:#091c42;border:0;color:#fff;font-weight:500;letter-spacing:.015em}.header{background:rgba(255,255,255,.9);border-color:#e5e8ee;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);box-shadow:0 1px 10px #091c4208}.nav{min-height:70px}.brand{color:#11254c;font-size:1.1rem;letter-spacing:-.045em}.brand em{color:#c71935}.mark{width:36px;height:36px;border-radius:12px;background:#11254c;color:#fff;border:0;box-shadow:none;font-size:1rem}.links a{color:#243047;font-size:.875rem;font-weight:560}.links a:hover,.footer a:hover{color:#bd1f38}.mobile-toggle{color:#14284a;border-color:#d9dfeb}.btn{border-radius:999px;background:#bb1731;color:#fff;font-weight:650;box-shadow:none;min-height:47px;padding:12px 24px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.btn:hover{background:#9f112a;box-shadow:0 9px 22px #bd1f3829;transform:translateY(-2px)}.btn.ghost{background:#fff;color:#102a53;border-color:#dce1ea;box-shadow:none}.btn.ghost:hover{background:#f3f5f8}.eyebrow{color:#b71833;font-size:.76rem;letter-spacing:.14em;font-weight:750}.gold,.trustline b,.step:before{color:#bb1731}
section{padding:112px 0}.section-top{max-width:850px;margin-bottom:45px}.section-top p{font-size:1.16rem;line-height:1.65}.soft{background:#f5f6f9}.gradient{background:#eef2f8}.grid{gap:23px}.card,.reading-card{background:#fff;border:1px solid #e8ebf1;border-radius:28px;padding:34px;box-shadow:0 8px 30px #0b1f4908}.card p:last-child{margin-bottom:0}.card p,.reading-card p{color:#5a6576}.tile-icon{border-radius:15px;background:#eef2fb;color:#173b76}.bullets,.article ul{color:#536075}.illustration,.article-image{border-color:#e0e6f0;border-radius:26px}.split{gap:72px}
/* Retain the user-selected full-bleed hero photo, with elegant uncluttered type */
.cinematic-hero{min-height:680px;padding:116px 0 125px;background-image:linear-gradient(90deg,rgba(5,14,36,.91) 0%,rgba(8,25,58,.76) 53%,rgba(7,22,50,.22) 100%),url('https://images.pexels.com/photos/35490296/pexels-photo-35490296.jpeg');background-color:#081a38;background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}.cinematic-hero::after{background:linear-gradient(transparent,#fff);height:80px}.cinematic-hero h1{font-size:clamp(3.3rem,6.4vw,6.25rem);max-width:900px;color:#fff;font-weight:770;letter-spacing:-.068em;line-height:1.04;text-shadow:0 2px 28px #00142c50}.cinematic-hero .hero-copy{max-width:950px}.cinematic-hero .lead{font-size:clamp(1.08rem,1.6vw,1.33rem);color:#f0f4fc;line-height:1.6;max-width:690px}.cinematic-hero .eyebrow{color:#ffc5ce}.cinematic-hero .gold{color:#ff8396}.cinematic-hero .trustline{color:#e7ecf6}.cinematic-hero .trustline b{color:#ffa4b1}.cinematic-hero .btn.ghost{background:#ffffff19;border:1px solid #ffffffa3;color:#fff;backdrop-filter:blur(10px)}.cinematic-hero .btn.ghost:hover{background:#ffffff35}
/* Price cards appear immediately below the hero, with a clean product-grid feel */
#plans{background:#fff;padding:62px 0 95px}#plans .section-top{margin-bottom:31px}#plans h2{font-size:clamp(2.4rem,4vw,3.7rem)}.pricing{gap:18px}.price-card{background:#f6f7fa;border:1px solid #ebedf2;border-radius:27px;padding:31px 24px;box-shadow:0 7px 30px #081b4109;transition:transform .2s ease,box-shadow .2s ease}.price-card:hover{transform:translateY(-4px);box-shadow:0 17px 42px #081b4117}.price-card.featured{background:#102852;border:1px solid #102852;color:white;box-shadow:0 16px 45px #10285227}.price{color:#111b30;font-weight:780}.price-card ul{color:#536075}.price-card.featured .price,.price-card.featured h3{color:#fff}.price-card.featured p,.price-card.featured li,.price-card.featured .price span{color:#dce5f4}.price-card .btn{margin-top:15px}.price-card.featured .btn{background:#e0334b}.price-card.featured .btn:hover{background:#ff5065}.tag{background:#fbe7eb;color:#a3142b;border-radius:999px;padding:5px 11px}
.showcase{background:#f5f6f9;padding:95px 0}.poster-grid{gap:18px}.poster-tile{border-radius:22px;background:#fff;border-color:#e4e7ef;box-shadow:0 8px 24px #11234912}.poster-tile img{height:228px}.poster-tile figcaption{padding:16px}.poster-tile strong{color:#132343}.poster-tile span{color:#647084}.reading-card{background:#fff;border-color:#e4e8ef}.reading-card h3{color:#132343}.faq details{border-color:#dfe4ec}.faq summary{color:#172945;padding:5px 0}.faq details p{color:#536075}.cta-band{background:#0d2651;border:0;border-radius:34px;padding:65px;color:#fff}.cta-band h2{color:#fff}.cta-band p{color:#d8e3f6}.cta-band .eyebrow{color:#ffadb8}.pagehead{background:#eef2f8;padding:96px 0 83px}.pagehead h1{color:#14284b;font-size:clamp(2.8rem,5vw,4.7rem)}.pagehead p{color:#536075}.article p,.article li{color:#516073}.article a:not(.btn),.breadcrumbs a,.editorial-deep a{color:#bd1937}.article h2,.article h3{color:#14284b}.notice{background:#fff6e7;border-color:#f0d7a6;color:#654614}.blog-card{background:#fff;border-color:#e6e9f1;border-radius:24px;box-shadow:0 8px 32px #081d4210}.blog-card h3{color:#14284b}.breadcrumbs{color:#66748a}
.footer{background:#081b3c;color:#fff;border-color:#1c365a}.footer p{color:#bbc8db}.footer a{color:#ccd6e7}.footer h4{color:#fff}.footer .brand{color:#fff}.footer .brand em{color:#ff6b82}.footer .mark{background:#d32441}.endfoot{border-color:#29415e;color:#a9b8ce}.fine{color:#67758a}.footer .fine{color:#bbc8db}
@media(max-width:1020px){.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}section{padding:75px 0}.links{background:rgba(255,255,255,.98);top:68px;border-color:#e6e9f0;box-shadow:0 18px 32px #091b3817}.links a{color:#182845}.hero-grid,.split{grid-template-columns:1fr}.cinematic-hero{min-height:625px;padding:95px 0 95px;background-position:center,62% center}.cinematic-hero h1{font-size:clamp(2.8rem,11vw,4.7rem)}#plans{padding:56px 0 70px}.pricing{grid-template-columns:1fr}.grid.three,.grid.two,.blog-grid,.reading-grid{grid-template-columns:1fr}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-tile img{height:185px}.card,.reading-card{padding:26px}.cta-band{padding:32px}.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.footgrid{grid-template-columns:1fr}.poster-tile img{height:145px}.cinematic-hero{min-height:600px}.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* V5: service clarity component */
.service-clarity .split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,0.75fr);gap:clamp(24px,5vw,70px);align-items:center}.clarity-panel{border:1px solid #dce2ee;background:#fff;border-radius:28px;padding:clamp(20px,3vw,40px);box-shadow:0 14px 35px #0a244010}.clarity-row{display:flex;flex-direction:column;padding:18px 0;border-bottom:1px solid #e6eaf2;gap:5px}.clarity-row:last-child{border:0}.clarity-row strong{font-size:clamp(1.35rem,2vw,2rem);color:#102852}.clarity-row span{color:#5d6678}.faq-note{margin-top:2rem;padding:1.6rem;border:1px solid #dce2ee;border-radius:22px;background:#f6f7fa}.topline{font-size:clamp(.72rem,1.1vw,.88rem);line-height:1.55;text-align:center;padding:8px 12px}@media(max-width:760px){.service-clarity .split{grid-template-columns:1fr}}

.topline a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* V6: compact purchase-to-setup journey */
.quick-start-section{background:#f5f6f9;padding:76px 0 82px}.quick-start-section .section-top{margin-bottom:28px}.quick-start-section .section-top h2{color:#14284b}.quick-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-start-card{background:#fff;border:1px solid #e5e9f1;border-radius:23px;padding:24px;box-shadow:0 8px 28px #1028520a;min-width:0}.quick-start-card h3{color:#14284b;font-size:1.13rem;letter-spacing:-.035em;margin:12px 0 9px}.quick-start-card p{color:#596579;font-size:.94rem;margin:0;line-height:1.65}.quick-step{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#102852;color:#fff;font-weight:800;font-size:.88rem;letter-spacing:.02em}.quick-start-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:22px;border-top:1px solid #e0e5ef}.quick-start-action span{font-size:.92rem;color:#596579}.compact-quick-start{padding-top:55px;padding-bottom:58px}.compact-quick-start .section-top h2{font-size:clamp(2rem,3.8vw,3.2rem)}@media(max-width:1020px){.quick-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.quick-start-section{padding:62px 0}.quick-start-grid{grid-template-columns:1fr}.quick-start-card{padding:22px}.quick-start-action{align-items:stretch;flex-direction:column}.quick-start-action .btn{width:100%}}

/* Editorial Pexels photos used in the homepage explainer sections */
.pexels-section-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:26px;box-shadow:0 18px 48px rgba(8,21,47,.12)}

/* Accessible, responsive comparison tables used in buyer guides */
.comparison-table-wrap{width:100%;overflow-x:auto;margin:24px 0;border:1px solid #e4e8f1;border-radius:16px;background:#fff;box-shadow:0 8px 25px #081d4208}.comparison-table{width:100%;min-width:560px;border-collapse:collapse;color:#43516a;text-align:left;line-height:1.5}.comparison-table th{background:#f4f6fa;color:#14284b;font-weight:800}.comparison-table th,.comparison-table td{padding:14px 16px;border-bottom:1px solid #e8ebf2;vertical-align:top}.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table tbody tr:nth-child(even){background:#fbfcfe}.guide-more{color:#536075;line-height:1.75}.guide-more a{color:#bd1937;text-decoration:underline;text-underline-offset:3px}


/* V13: compact premium device and platform icon grid */
.device-platforms-section{background:#fff;padding:76px 0 86px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
.device-platforms-heading{max-width:820px;margin-bottom:30px}
.device-platforms-heading h2{color:#14284b}
.device-platforms-heading p{color:#596579;max-width:760px}
.device-platform-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.device-platform{min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 10px;border:1px solid #e5e9f1;border-radius:20px;background:linear-gradient(180deg,#fff,#f8f9fc);color:#192b4b;font-size:.88rem;font-weight:700;text-align:center;box-shadow:0 5px 18px #10285206;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.device-platform:hover{transform:translateY(-3px);border-color:#c9d2e3;box-shadow:0 12px 28px #10285212}
.device-platform-icon{width:42px;height:42px;display:grid;place-items:center;color:#102852;background:#eef2f8;border:1px solid #e1e7f1;border-radius:13px;font-size:1rem;font-weight:850;line-height:1;letter-spacing:-.04em}
.device-platform-icon svg{width:23px;height:23px;display:block}
.icon-fire{color:#bb1731;background:#fff0f2}.icon-android{color:#2e8652;background:#eff9f2}.icon-apple{color:#111827;background:#f0f2f5}.icon-samsung{font-size:1.18rem;font-style:italic;color:#123e88;background:#edf3ff}.icon-lg{font-size:.76rem;letter-spacing:-.08em;color:#b71935;background:#fff0f2}.icon-roku{font-weight:900;font-size:1.15rem;color:#5b36a4;background:#f4f0ff}.icon-chromecast{color:#2877d3;background:#edf5ff}.icon-shield{color:#568b35;background:#f2f8ee}.icon-windows{color:#1674c9;background:#edf7ff}.icon-vidaa{color:#172f5f;background:#eef3ff}.icon-formuler{color:#bb1731;background:#fff0f2}.icon-buzztv{color:#147a7b;background:#eaf8f7}
@media(max-width:1020px){.device-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.device-platforms-section{padding:62px 0 68px}.device-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.device-platform{min-height:98px;padding:12px 6px;font-size:.78rem;border-radius:16px}.device-platform-icon{width:38px;height:38px;border-radius:12px}}
@media(max-width:420px){.device-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.device-platform{transition:none}}


/* V18 family viewing, regional coverage and review-template carousel */
.family-viewing{background:#08152f}
.family-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:42px;align-items:center}
.family-copy p{max-width:760px}
.family-art{margin:0;border:1px solid #30466d;border-radius:22px;padding:18px;background:linear-gradient(150deg,#142750,#0a1936);box-shadow:0 22px 65px #0003}
.family-art img{display:block;width:100%;border-radius:14px;background:#101f41}
.family-art figcaption{font-size:.82rem;color:#b4c1dc;line-height:1.55;padding:13px 3px 2px}
.family-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:24px}
.family-checklist span{border:1px solid #30466d;border-radius:10px;padding:10px 12px;color:#eef4ff;font-size:.88rem;background:#10234c}
.coverage-section{background:radial-gradient(circle at 0% 0%,#173d48,#10234a 48%,#0b1935)}
.coverage-grid .card{height:100%}
.coverage-note{margin:25px 0 0;padding:15px 18px;border:1px solid #38516f;border-radius:12px;background:#0b1a35;color:#c2d0e7;font-size:.9rem}
.customer-feedback-section{background:#0e1d3d}
.feedback-heading{max-width:860px}
.review-carousel{border:1px solid #30466d;border-radius:20px;padding:18px;background:#0a1935}
.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.review-status{font-size:.86rem;color:#c2d0e7;margin:0}
.review-controls{display:flex;gap:9px;flex-shrink:0}
.review-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid #587092;border-radius:50%;background:#12264d;color:#fff;font-size:1.25rem;cursor:pointer;transition:background .2s,transform .2s}
.review-arrow:hover{background:#bb1731;transform:translateY(-1px)}
.review-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.review-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:3px 2px 15px;scrollbar-width:thin;scrollbar-color:#60789d #112547;cursor:grab}
.review-track:active{cursor:grabbing}
.review-card{display:flex;flex-direction:column;min-width:0;min-height:260px;scroll-snap-align:start;padding:22px;border:1px solid #30466d;border-radius:16px;background:linear-gradient(155deg,#152b53,#0e1e3c)}
.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.review-stars{font-size:1.2rem;letter-spacing:.12em;color:#99a9c7}
.review-placeholder-tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#f5c96a;border:1px solid #7b6741;border-radius:50px;padding:4px 8px}
.review-quote{font-size:.96rem;line-height:1.65;color:#d7e2f5;margin:21px 0 25px;flex:1}
.review-person{display:flex;align-items:center;gap:11px;border-top:1px solid #30466d;padding-top:15px}
.review-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:#263d65;color:#e2eaf8;font-weight:850;font-size:.78rem}
.review-person strong,.review-person small{display:block}
.review-person strong{color:#fff;font-size:.88rem}
.review-person small{color:#9fb0ce;font-size:.75rem;line-height:1.4;margin-top:3px}
.review-notice{font-size:.84rem;color:#d6c7a3;margin:14px 4px 0;line-height:1.6}
@media(max-width:1020px){.family-layout{grid-template-columns:1fr 1fr;gap:24px}.review-track{grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:760px){.family-layout{grid-template-columns:1fr}.family-art{order:-1}.family-checklist{grid-template-columns:1fr 1fr}.review-carousel{padding:12px}.review-track{grid-auto-columns:84%;gap:12px}.review-card{padding:18px;min-height:250px}.review-toolbar{align-items:flex-start}}
@media(max-width:420px){.family-checklist{grid-template-columns:1fr}.review-track{grid-auto-columns:92%}}
@media(prefers-reduced-motion:reduce){.review-track{scroll-behavior:auto}.review-arrow{transition:none}}


/* V19 contrast/accessibility fixes for light cards and new editorial sections */
.card h2,.card h3,.card h4{color:#14284b}
.card p,.card li{color:#536075}
.card a:not(.btn){color:#b71936;text-decoration:underline;text-underline-offset:2px}
.editorial-deep .section-top h2{color:#f9fbff}
.editorial-deep .section-top p{color:#c4d0e5}
.family-viewing .family-copy h2{color:#f9fbff}
.family-viewing .family-copy p{color:#d1dcee}
.coverage-section .section-top h2{color:#f9fbff}
.coverage-section .section-top p{color:#cbd7e8}
.review-stars{color:#f5c451;font-size:1.1rem;letter-spacing:.08em;white-space:nowrap}
.review-verified{font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;font-weight:800;color:#cbe9db;border:1px solid #4e8770;border-radius:50px;padding:4px 7px}
.review-card .review-quote{color:#e0e8f5}
.review-card .review-person strong{color:#fff}
.review-card .review-person small{color:#b5c3d9}
@media(max-width:760px){.review-card{min-height:0}}


/* V20: correct section-heading contrast identified in visual QA */
/* This light editorial section needs dark headings and readable body copy. */
.editorial-deep .section-top h2{color:#14284b}
.editorial-deep .section-top p{color:#536075;font-weight:450;opacity:1}
/* The customer feedback section remains dark, so force light text for its heading and intro. */
.customer-feedback-section .feedback-heading h2{color:#fff}
.customer-feedback-section .feedback-heading p{color:#d8e1f2;font-weight:450;opacity:1}
.customer-feedback-section .feedback-heading .eyebrow{color:#ff9cab}
.customer-feedback-section .review-status{color:#d8e1f2}
@media (forced-colors:active){.editorial-deep .section-top h2,.customer-feedback-section .feedback-heading h2{forced-color-adjust:auto}}

/* V22: selected family-viewing image supplied by the site owner */
.family-art .family-pexels-image{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center;border-radius:14px;background:#101f41}


/* V24 performance fix retained: LCP hero image is an HTML image, not a CSS-only background. */
.cinematic-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#081a38 !important;
  background-image:none !important;
  min-height:680px;
  display:flex;
  align-items:center;
}
.cinematic-hero .hero-background{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center 44%;
  border:0;
  border-radius:0;
  margin:0;
}
/* Keep the photo dark enough for white typography while preserving its detail. */
.cinematic-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,14,36,.91) 0%,rgba(8,25,58,.76) 53%,rgba(7,22,50,.30) 100%);
}
/* Smooth the image into the pricing section instead of the old white fade. */
.cinematic-hero::after{
  content:"" !important;
  position:absolute;
  inset:auto 0 0;
  height:86px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(16,30,62,0),#101e3e 96%);
}
.cinematic-hero .hero-grid{
  position:relative;
  z-index:3;
  display:block;
  width:min(var(--max),calc(100% - 44px));
}
.cinematic-hero .hero-copy{max-width:950px}
.cinematic-hero .hero-copy h1{max-width:900px;color:#fff}
.cinematic-hero .hero-copy .lead{max-width:690px;color:#f0f4fc}
.cinematic-hero .hero-copy .eyebrow{color:#ffc5ce}
.cinematic-hero .hero-copy .trustline{color:#e7ecf6}
.cinematic-hero .hero-copy .trustline b{color:#ffa4b1}
.cinematic-hero .hero-copy .btn.ghost{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.65);color:#fff;backdrop-filter:blur(10px)}
.cinematic-hero .hero-copy .btn.ghost:hover{background:rgba(255,255,255,.20)}

/* V25 visual repair: restore a cohesive British-navy header that blends with the hero. */
.topline{
  position:relative;
  z-index:90;
  background:#08152f;
  border-bottom:1px solid #24385d;
  color:#dce6f8;
}
.header{
  position:sticky;
  top:0;
  z-index:100;
  isolation:isolate;
  background:rgba(8,21,47,.94);
  border-bottom:1px solid rgba(105,130,176,.32);
  box-shadow:0 8px 25px rgba(0,8,28,.12);
  backdrop-filter:saturate(145%) blur(18px);
  -webkit-backdrop-filter:saturate(145%) blur(18px);
}
.header .brand{color:#f8faff}
.header .brand em{color:#ff647b}
.header .mark{
  color:#fff;
  background:linear-gradient(145deg,#193666,#10234c);
  border:1px solid #e0334b;
  box-shadow:0 5px 16px rgba(0,0,0,.18);
}
.header .links a{color:#e4ebfa}
.header .links a:hover{color:#ff7387}
.header .links .btn{background:#bb1731;color:#fff;border-color:#d52a43}
.header .links .btn:hover{background:#9f112a;color:#fff}
.header .mobile-toggle{color:#fff;border-color:#50658b;background:rgba(16,40,82,.72)}
@media(max-width:760px){
  .header .links{background:rgba(8,21,47,.985);border-color:#31466d;box-shadow:0 18px 32px rgba(0,0,0,.24)}
  .header .links a{color:#edf2ff}
  .header .links .btn{color:#fff}
  .cinematic-hero{min-height:640px;padding:72px 0 88px}
  .cinematic-hero .hero-grid{width:calc(100% - 36px)}
  .cinematic-hero .hero-background{object-position:center center}
}
@media(max-width:420px){.cinematic-hero{min-height:620px;padding:62px 0 78px}}
/* Avoid mandatory snap adjustments during initial page rendering; arrow controls still scroll smoothly. */
.review-track{scroll-snap-type:x proximity;scroll-behavior:auto}