@font-face{font-family:Montserrat;src:url('../fonts/montserrat-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{--blue:#0000ff;--deep:#000078;--navy:#060635;--yellow:#fcc404;--paper:#f5f5f7;--ink:#151525;--muted:#555566;--line:#dcdce5;--ease-out:cubic-bezier(.23,1,.32,1);--hero-image:none;--hero-image-mobile:var(--hero-image)}
*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:var(--blue) var(--paper)}body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}img{object-fit:contain;height:auto}a{color:inherit;text-underline-offset:4px}button,summary,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a,button,summary{touch-action:manipulation}h1,h2,h3{line-height:1.08;text-wrap:balance;letter-spacing:-.04em}p{text-wrap:pretty}::selection{background:var(--yellow);color:var(--navy)}:focus-visible{outline:3px solid #0799cb;outline-offset:5px}.hero :focus-visible,.header :focus-visible,.offer-black :focus-visible,.footer :focus-visible,.closing :focus-visible{outline-color:var(--yellow)}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--yellow);color:var(--navy);z-index:100;transform:translateY(-160%);font-weight:700}.skip-link:focus{transform:translateY(0)}
.campaign-bar{background:var(--yellow);color:var(--navy);padding:9px 32px;display:flex;justify-content:center;gap:40px;font-size:12px;min-height:38px}.campaign-bar a{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none}.campaign-bar .icon{width:16px;height:16px}.header{background:var(--deep);color:white;position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff24}.header-inner{height:86px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;min-height:44px}.brand img{width:162px}.desktop-nav{display:flex;align-items:center;gap:30px;margin-inline:auto;font-size:13px;font-weight:600}.desktop-nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.header-cta{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600;font-size:12px;text-decoration:none}.header-cta .icon{width:18px}.mobile-menu{display:none}
.button{min-height:56px;padding:16px 25px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:15px;font-weight:800;text-decoration:none;transition:transform 140ms var(--ease-out),background-color 180ms ease;line-height:1.35}.button .icon{width:22px}.button:active{transform:scale(.97)}.button-yellow{background:var(--yellow);color:var(--navy)}.button-blue{background:var(--blue);color:white}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:700;min-height:44px;text-decoration:none;color:var(--blue)}
.hero{background:var(--deep);color:white;position:relative;isolation:isolate;overflow:hidden}.hero-background{position:absolute;inset:0;background-image:var(--hero-image);background-position:center;background-size:cover;z-index:-1}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;padding-top:66px;padding-bottom:48px;align-items:center}.hero h1{font-size:clamp(52px,5.55vw,80px);font-weight:850;line-height:1.02;letter-spacing:-.04em;max-width:650px}.hero h1 span{color:var(--yellow)}.hero-copy>p{font-size:16px;line-height:1.65;max-width:450px;margin-top:26px;color:#e3e3ff}.hero-copy .hero-support{margin-top:10px;font-size:14px;color:#c4c4ed}.hero-copy>.button{margin-top:28px}.hero-secondary{display:flex;width:fit-content;align-items:center;gap:12px;margin-top:14px;font-size:12px;font-weight:600;min-height:44px;text-decoration:none}.hero-secondary .icon{width:17px}.hero-art{height:500px;position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.hero-word{position:absolute;left:0;right:0;top:145px;text-align:center;font-weight:900;font-size:clamp(100px,13.4vw,193px);letter-spacing:-.04em;line-height:1;color:transparent;-webkit-text-stroke:1px #5858cf;transform:rotate(-8deg);user-select:none}.campaign-logo-slot{position:absolute;right:8px;top:0;border:1px dashed #9999e3;border-radius:6px;padding:12px 17px;display:flex;align-items:center;gap:12px;color:#cfcff6;font-size:12px;line-height:1.5}.campaign-logo-slot strong{color:white;font-weight:600;font-size:12px}.campaign-logo-slot .icon{color:var(--yellow);width:26px;height:26px}.person-slot{width:68%;height:315px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000060b3;margin-top:8px}.slot-icon{fill:none;stroke:#9292d9;stroke-width:1;width:56px;height:56px;margin-bottom:20px}.person-slot .asset-caption{text-align:center;font-size:12px;color:#b7b7e8;line-height:1.8}.person-slot strong{display:block;font-size:15px;color:#e0e0ff;font-weight:600}.person-slot .asset-caption span{display:block;font-size:12px;margin-top:4px}.corner{position:absolute;width:22px;height:22px;border-color:#9191eb;border-style:solid}.corner-a{left:0;top:0;border-width:1px 0 0 1px}.corner-b{right:0;top:0;border-width:1px 1px 0 0}.corner-c{left:0;bottom:0;border-width:0 0 1px 1px}.corner-d{right:0;bottom:0;border-width:0 1px 1px 0}.hero-art-caption{position:absolute;bottom:0;left:40px;right:10px;font-size:20px;font-weight:600;line-height:1.3;transform:rotate(-4deg);border-top:1px solid #6262be;padding-top:18px}.hero-art-caption strong{display:block;color:var(--yellow);font-size:26px;letter-spacing:-.03em}.hero-art-caption .icon{position:absolute;right:14px;top:24px;width:45px;height:45px;color:var(--yellow);stroke-width:1.5}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding-block:19px;border-top:1px solid #ffffff24;font-size:12px;color:#c5c5eb;letter-spacing:.025em}.hero-bottom a{display:flex;align-items:center;gap:18px;text-decoration:none;min-height:30px}.hero-bottom .icon{height:18px;width:18px;color:white}
.partners{background:white;border-bottom:1px solid var(--line)}.partners-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:28px;min-height:125px}.partners p{font-size:13px;line-height:1.4}.partners p strong{font-size:16px}.partners img{width:140px;max-height:47px;object-fit:contain}.partners img.telecine-logo{width:83px;max-height:56px}.partner-plus{color:#a4a4b4;font-size:20px}.partners a{display:flex;align-items:center;gap:16px;font-weight:600;font-size:12px;text-decoration:none}.partners a .icon{width:18px}
.section{padding-block:104px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:44px}.section-heading h2,h2{font-size:clamp(30px,3.3vw,46px);font-weight:800}.section-heading h2 span,.benefits h2 span{color:var(--blue)}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:3px;line-height:1.8}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offer-card{border-radius:16px;overflow:hidden;scroll-margin-top:110px;display:flex;flex-direction:column}.offer-existing{background:white;border:1px solid var(--line)}.offer-audience{padding:17px 32px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;border-bottom:1px solid var(--line);min-height:65px}.offer-existing .offer-audience{background:#ececfa;color:var(--deep)}.offer-body{padding:32px;display:flex;flex-direction:column;flex:1}.offer-card h3{font-size:33px;font-weight:800;line-height:1.1}.offer-description{margin-top:17px;max-width:410px;font-size:13px;color:var(--muted);line-height:1.7;min-height:44px}.price-block{margin-top:27px}.old-price{font-size:13px;font-weight:500}.old-price s{color:var(--muted)}.price{display:flex;align-items:baseline;gap:9px;line-height:1;margin-block:10px 13px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.currency{font-size:20px;letter-spacing:-.02em;font-weight:600}.price strong{font-size:76px;font-weight:800}.price .cents{font-size:40px;vertical-align:top;line-height:1.25;letter-spacing:-.03em}.saving,.plan-note{display:inline-block;font-size:12px;font-weight:600;letter-spacing:0;min-height:24px}.saving{color:var(--blue)}.offer-logos{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-block:18px;border-block:1px solid var(--line);height:85px}.offer-logos img{max-width:30%;max-height:44px}.check-list{list-style:none;padding:25px 0;display:grid;gap:14px;font-size:13px}.check-list li{display:flex;align-items:center;gap:12px}.check-list .icon{width:18px;height:18px;color:var(--blue)}.offer-body>.button{width:100%;margin-top:auto;justify-content:space-between}.offer-terms{font-size:12px;line-height:1.7;color:var(--muted);margin-top:17px;min-height:35px}.offer-black{background:var(--blue);color:white;border:1px solid var(--blue)}.offer-black .offer-audience{background:#0000d8;color:white;border-color:#ffffff35}.offer-black .offer-description,.offer-black .offer-terms{color:#dfdfff}.offer-black .price{color:var(--yellow)}.plan-note{color:#dfdfff}.channel-count{margin-top:25px;padding-block:18px;border-block:1px solid #ffffff4d;display:flex;align-items:center;gap:20px;height:85px}.channel-count strong{font-size:36px;letter-spacing:-.04em;line-height:1}.channel-count span{font-size:12px;line-height:1.5}.offer-black .check-list .icon{color:var(--yellow)}.pricing-note{margin-top:25px;font-size:12px;color:var(--muted);text-align:center;max-width:850px;margin-inline:auto;line-height:1.8}.pricing-note a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-weight:600;color:var(--blue);text-decoration:none}.pricing-note .icon{width:16px}
.entertainment{background:var(--navy);color:white}.entertainment .section-heading h2 span{color:#9999ff}.entertainment .section-heading>p{color:#c6c6e7}.entertainment-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.media-stage{position:relative;border-radius:12px;overflow:hidden;background:#0c0c48;aspect-ratio:1.17;display:flex;align-items:center;justify-content:center}.media-stage img{width:100%;height:100%;object-fit:contain;transform:scale(.96)}.cinema-stage{background:#17123c}.football-stage{background:#041e29}.media-caption{display:flex;justify-content:space-between;gap:22px;padding-top:24px}.media-caption h3{font-size:27px;font-weight:700}.media-caption p{font-size:12px;color:#c6c6e7;align-self:center}.zapping-line{display:flex;align-items:center;gap:35px;border-top:1px solid #ffffff30;margin-top:56px;padding-top:32px}.zapping-line img{width:125px;background:white;border-radius:4px;padding:8px}.zapping-line p{font-size:12px;color:#c6c6e7;flex:1}.zapping-line p strong{display:block;color:white;font-size:15px}.zapping-line a{display:flex;align-items:center;gap:14px;min-height:44px;color:var(--yellow);font-size:12px;font-weight:700;text-decoration:none}
.benefits{background:white}.benefits-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.benefits-intro{padding-top:22px;position:sticky;top:130px}.benefits-intro>p{font-size:14px;color:var(--muted);max-width:360px;margin-top:23px;line-height:1.8}.benefits-intro .text-link{margin-top:25px}.benefits-list article{display:flex;align-items:center;gap:25px;padding-block:23px;border-bottom:1px solid var(--line)}.benefits-list article:first-child{padding-top:0}.benefits-list article:last-child{border:0;padding-bottom:0}.benefits-list img{width:66px;height:66px;border-radius:13px}.benefits-list .club-image{object-fit:contain;border-radius:0}.benefits-list h3{font-size:19px;font-weight:750;letter-spacing:-.025em}.benefits-list p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}
.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.faq-layout>div>p{font-size:14px;color:var(--muted);margin-top:23px}.faq-layout .text-link{margin-top:24px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:25px;font-size:13px;font-weight:700;min-height:72px}.faq-list summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:19px;height:19px;color:var(--blue);transition:transform 180ms var(--ease-out)}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details>div{padding:0 35px 24px 0;font-size:13px;color:var(--muted);line-height:1.8}.faq-list details a{color:var(--blue)}
.closing{background:var(--blue);color:white;padding-block:70px}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.closing h2{font-size:clamp(42px,4.8vw,68px)}.closing h2 span{color:var(--yellow)}.closing p{color:#dfdfff;font-size:14px;margin-top:22px}.closing .button{min-width:270px}.conditions{background:var(--navy);color:#bcbce0;padding-block:37px;border-bottom:1px solid #ffffff25}.conditions h2{font-size:13px;color:white;letter-spacing:0;line-height:1.5;margin-bottom:12px}.conditions p{font-size:12px;line-height:1.9;max-width:1150px}.footer{background:var(--navy);color:white}.footer-top{display:flex;align-items:center;gap:42px;padding-block:37px}.footer-top img{width:150px}.footer-top p{font-size:12px;color:#bcbce0}.footer-top>a:last-child{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:14px;text-decoration:none;font-weight:600;min-height:44px}.footer-bottom{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-block:22px;border-top:1px solid #ffffff25;color:#bcbce0;font-size:12px}.footer-bottom>a{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}.footer-bottom .icon{height:16px;width:16px;transform:rotate(-90deg)}.mobile-dock{display:none}
@media(hover:hover) and (pointer:fine){.button-yellow:hover{background:#ffda44}.button-blue:hover{background:#0000c8}.desktop-nav a:hover,.header-cta:hover,.hero-secondary:hover{color:var(--yellow)}.text-link:hover,.pricing-note a:hover{text-decoration:underline}.faq-list summary:hover{color:var(--blue)}.mobile-dock a:hover{filter:brightness(.96)}}
@media(min-width:1600px){.hero-grid{padding-top:82px;padding-bottom:64px}.hero-art{height:530px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{gap:20px}.desktop-nav{gap:20px;font-size:12px}.header-cta{font-size:12px;gap:6px}.header-cta>.icon:last-child{display:none}.brand img{width:138px}.hero-grid{gap:20px;padding-top:48px}.hero-art{height:450px}.hero-art-caption{left:15px}.hero-art-caption strong{font-size:23px}.person-slot{width:80%;height:290px}.hero-copy>p{font-size:14px}.section-heading{align-items:start}.section-heading>p{max-width:280px}.partners a{display:none}.offer-body{padding:28px}.offer-audience{padding-inline:28px;font-size:12px}.offer-card h3{font-size:29px}.benefits-layout{gap:65px}.media-caption{display:block}.media-caption p{margin-top:14px}.zapping-line{gap:25px}.zapping-line a{font-size:12px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.campaign-bar{font-size:12px;padding-inline:15px;min-height:32px;text-align:center}.campaign-bar>a{display:none}.header-inner{height:70px;justify-content:space-between}.brand img{width:134px}.desktop-nav,.header-cta{display:none}.mobile-menu{display:block}.mobile-menu>summary{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-size:12px;font-weight:600;list-style:none}.mobile-menu>summary .icon{width:19px}.mobile-menu[open]>summary .icon{transform:rotate(45deg)}.mobile-menu nav{position:absolute;top:70px;left:0;right:0;background:var(--deep);padding:10px 20px 22px;box-shadow:0 12px 20px #00000024;display:grid}.mobile-menu nav a{padding:13px 0;font-size:14px;text-decoration:none;border-top:1px solid #ffffff25}.hero-grid{grid-template-columns:1fr 1fr;gap:10px;padding-top:40px}.hero h1{font-size:49px}.hero-copy>p{font-size:13px}.hero-copy .hero-support{font-size:12px}.hero .button{font-size:13px;padding-inline:19px;gap:16px}.hero-secondary{font-size:12px;gap:5px}.hero-art{height:420px}.hero-word{font-size:105px}.person-slot{height:265px;width:90%}.person-slot strong{font-size:12px}.person-slot .asset-caption{font-size:12px}.person-slot .asset-caption span{font-size:12px}.campaign-logo-slot{right:0;padding:10px}.hero-art-caption{left:5px;font-size:14px}.hero-art-caption strong{font-size:18px}.hero-art-caption .icon{width:27px;right:0}.section{padding-block:72px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;max-width:none}.offer-grid{gap:18px}.offer-body{padding:22px}.offer-card h3{font-size:26px}.offer-audience{font-size:12px;padding-inline:22px;line-height:1.5}.offer-description{font-size:12px;min-height:63px}.price strong{font-size:59px}.price .cents{font-size:31px}.currency{font-size:17px}.check-list{font-size:12px}.offer-body>.button{font-size:12px;padding-inline:16px;gap:10px}.offer-logos{gap:13px}.offer-terms{font-size:12px}.channel-count{gap:12px}.channel-count strong{font-size:29px}.channel-count span{font-size:12px}.saving,.plan-note{font-size:12px}.partners-inner{gap:20px;padding-block:22px;min-height:100px}.partners p{font-size:12px}.partners p strong{font-size:12px}.partners img{width:110px;max-height:38px}.partners img.telecine-logo{width:65px;max-height:44px}.partner-plus{font-size:16px}.entertainment-grid{gap:22px}.media-caption h3{font-size:24px}.zapping-line{flex-wrap:wrap;gap:18px;margin-top:35px}.zapping-line a{margin-left:auto}.benefits-layout,.faq-layout{gap:36px;grid-template-columns:1fr 1.1fr}.benefits h2,.faq h2{font-size:32px}.benefits-intro{top:100px}.benefits-list article{gap:16px}.benefits-list img{width:54px;height:54px}.benefits-list h3{font-size:16px}.benefits-list p{font-size:12px}.faq-list summary{font-size:12px}.closing .button{min-width:auto}.closing-inner{gap:24px}.footer-top{gap:24px}.footer-top p{display:none}}
@media(max-width:600px){html{scroll-padding-top:88px}.hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:22px;gap:30px}.hero h1{font-size:clamp(44px,12vw,67px);line-height:1.03}.hero-copy>p{font-size:14px;max-width:440px;margin-top:22px}.hero-copy .hero-support{font-size:12px;margin-top:10px}.hero-copy>.button{margin-top:23px;width:100%;justify-content:space-between;font-size:14px}.hero-secondary{font-size:12px;margin-top:6px;min-height:44px}.hero-art{height:280px;width:100%;max-width:420px;margin-inline:auto}.hero-word{top:74px;font-size:122px}.campaign-logo-slot{top:0;right:0;font-size:12px;padding:7px 11px;z-index:2}.campaign-logo-slot strong{font-size:12px}.campaign-logo-slot .icon{width:21px;height:21px}.person-slot{width:60%;height:185px;margin-top:22px}.slot-icon{height:39px;width:39px;margin-bottom:12px}.person-slot strong{font-size:12px}.person-slot .asset-caption span{font-size:12px}.hero-art-caption{left:0;right:0;bottom:0;display:flex;align-items:baseline;gap:6px;font-size:13px;transform:rotate(-3deg);padding-top:10px}.hero-art-caption strong{font-size:15px}.hero-art-caption .icon{width:24px;height:24px;top:8px;right:0}.hero-bottom{padding-block:15px;font-size:12px}.hero-bottom a{font-size:0;gap:0}.hero-bottom .icon{width:20px;height:20px}.hero-background{background-image:var(--hero-image-mobile)}.partners-inner{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;padding-block:22px}.partners p{grid-column:1/-1;display:flex;align-items:baseline;justify-content:center;gap:5px;font-size:12px}.partners p br{display:none}.partners p strong{font-size:12px}.partners img{max-width:100%;width:108px;justify-self:center;max-height:36px}.partners img.telecine-logo{width:54px;max-height:38px}.section{padding-block:62px}.section-heading h2,h2{font-size:31px;line-height:1.12}.section-heading>p{font-size:12px;margin-top:18px}.offer-grid{grid-template-columns:1fr;gap:26px}.offer-body{padding:27px 24px}.offer-audience{font-size:12px;padding-inline:24px;min-height:60px}.offer-card h3{font-size:30px}.offer-description{font-size:13px;min-height:0}.price strong{font-size:74px}.price .cents{font-size:39px}.currency{font-size:20px}.saving,.plan-note{font-size:12px}.offer-logos{margin-top:20px;gap:18px}.channel-count{margin-top:20px;gap:20px}.channel-count strong{font-size:34px}.channel-count span{font-size:12px}.check-list{font-size:12px}.offer-body>.button{font-size:13px}.offer-terms{font-size:12px;min-height:0}.pricing-note{font-size:12px;text-align:left;line-height:1.8}.pricing-note a{justify-content:start;font-size:12px}.entertainment-grid{grid-template-columns:1fr;gap:36px}.media-stage{aspect-ratio:1.1}.media-caption{display:flex;gap:15px;padding-top:18px}.media-caption h3{font-size:23px}.media-caption p{font-size:12px;margin-top:0}.zapping-line{gap:20px;padding-top:25px;margin-top:35px}.zapping-line img{width:103px}.zapping-line p{font-size:12px;min-width:150px}.zapping-line p strong{font-size:12px;margin-bottom:4px}.zapping-line a{margin-left:0;font-size:12px}.benefits-layout,.faq-layout{grid-template-columns:1fr;gap:30px}.benefits-intro{position:static;padding-top:0}.benefits h2,.faq h2{font-size:32px}.benefits-intro>p{font-size:13px;margin-top:18px}.benefits-intro .text-link{margin-top:16px;font-size:12px}.benefits-list img{width:60px;height:60px}.benefits-list article{gap:20px;padding-block:20px}.benefits-list h3{font-size:17px}.benefits-list p{font-size:12px}.faq-layout>div>p{font-size:13px;margin-top:17px}.faq-layout .text-link{font-size:12px;margin-top:14px}.faq-list summary{font-size:12px;padding-block:22px;gap:14px}.faq-list details>div{font-size:12px}.closing{padding-block:52px}.closing-inner{display:block}.closing h2{font-size:44px}.closing p{font-size:12px;max-width:270px}.closing .button{margin-top:26px;width:100%;justify-content:space-between;font-size:13px}.conditions{padding-block:28px}.conditions p{font-size:12px}.footer{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.footer-top{padding-block:26px;flex-wrap:wrap;gap:24px}.footer-top img{width:124px}.footer-top>a:last-child{font-size:12px;gap:8px}.footer-top>a:last-child .icon{width:16px}.footer-bottom{flex-wrap:wrap;gap:8px 16px;padding-block:15px;font-size:12px}.footer-bottom>span{flex-basis:100%}.footer-bottom>a:last-child{margin-left:auto}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr 1.15fr;background:white;box-shadow:0 -4px 18px #00000016;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}.mobile-dock a{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:8px 12px;font-size:12px;color:var(--navy);text-decoration:none;line-height:1.5;min-height:54px}.mobile-dock a:last-child{background:var(--yellow);border-color:var(--yellow)}.mobile-dock strong{font-size:17px;display:flex;align-items:center;justify-content:space-between}.mobile-dock .icon{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-word,.hero-art-caption{transform:none}}

/* Readable labels and touch targets on narrow screens. */
.hero-bottom a,.partners a{min-height:44px}
@media(max-width:600px){.hero-bottom a{font-size:0}.mobile-dock a{min-height:64px;font-size:11px}.footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.campaign-logo-slot{max-width:220px}.campaign-logo-slot strong{font-size:11px}.person-slot{width:72%;height:175px}.person-slot .asset-caption{font-size:11px}.person-slot .asset-caption span{font-size:10px}.hero-art{height:310px}.hero-art-caption{font-size:12px}.hero-art-caption strong{font-size:14px}.offer-card{scroll-margin-top:95px}.media-caption p{font-size:12px}.media-caption{display:block}.media-caption p{margin-top:12px}.footer-bottom{font-size:12px}.partners p{flex-wrap:wrap}.footer-top>a:last-child{font-size:12px}}

/* Dois selos de campanha, usados somente como acentos visuais. */
.campaign-spark{position:absolute;right:12px;top:9px;width:48px;height:64px;object-fit:contain}
.closing-action{display:flex;flex-direction:column;align-items:center;gap:22px;flex:none}
.campaign-invite{width:118px;height:115px;object-fit:contain}
@media(max-width:800px){.campaign-spark{width:34px;height:45px;right:0;top:10px}.campaign-invite{width:96px;height:93px}.closing-action{max-width:46%}.closing-action .button{min-width:0}}
@media(max-width:600px){.campaign-spark{width:25px;height:33px;right:0;top:5px}.closing-inner{position:relative}.closing-inner>div:first-child{max-width:calc(100% - 74px)}.closing h2{font-size:clamp(32px,9.5vw,44px)}.closing-action{max-width:none;display:block}.campaign-invite{position:absolute;right:0;top:8px;width:78px;height:76px}.closing-action .button{width:100%}}

/* Marcas inclusas no Plano Black, em superfície de alto contraste. */
.offer-logos-on-blue{background:#fff;border:0;border-radius:8px;padding:14px 18px;height:82px;margin-top:25px;gap:20px}
.offer-logos-on-blue .zapping-full-logo{width:115px;max-width:32%;display:flex;flex-direction:column;align-items:center;gap:3px}
.zapping-full-logo img{width:100%;max-width:100%;height:auto;max-height:32px}
.zapping-full-logo span{font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1;color:#c90056}
.offer-black .channel-count{margin-top:0;border-top:0}
@media(max-width:800px){.offer-logos-on-blue{padding:12px;gap:14px}.offer-logos-on-blue>img{max-width:28%}}

/* Arte final do hero: arquivos transparentes da campanha, sem texto rasterizado substituindo o H1. */
.hero-art{height:580px}
.campaign-logo{position:absolute;top:0;left:50%;transform:translateX(-50%);width:190px;height:auto;z-index:2}
.hero-visual{position:absolute;left:-6%;bottom:76px;width:112%;display:block}
.hero-family{width:100%;height:auto;display:block}
.hero-art-caption{left:0;right:0;bottom:0}
@media(min-width:1600px){.hero-art{height:600px}.campaign-logo{width:210px}}
@media(max-width:1100px){.hero-art{height:520px}.campaign-logo{width:165px}.hero-visual{bottom:68px}}
@media(max-width:800px){.hero-art{height:460px}.campaign-logo{width:145px;top:12px}.hero-visual{bottom:68px}}
@media(max-width:600px){.hero-art{height:auto;aspect-ratio:350/390;max-width:440px;margin-top:0}.campaign-logo{top:0;width:41%;max-width:180px}.hero-visual{bottom:50px;left:-4%;width:108%}.hero-art-caption{bottom:0}.hero-grid{gap:24px}}

/* Nome atualizado da campanha e preço anterior legível no cartão azul. */
.hero h1 .hero-campaign-name{display:block;font-size:.76em;line-height:1.1;letter-spacing:-.035em}
.offer-black .old-price{color:#dfdfff}
.offer-black .old-price s{color:#dfdfff;text-decoration-thickness:2px;text-decoration-color:#fcc404}

/* Combo e condições comerciais da campanha de novembro/dezembro. */
.combo-label{font-size:17px;font-weight:600;margin-top:8px}
.combo-price-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.combo-price-row .price{flex-shrink:0}
.promo-period{font-size:15px;line-height:1.35;max-width:105px;color:var(--yellow)}
.promo-period strong{display:block;font-weight:800}
.promo-detail,.payment-note{font-size:12px;line-height:1.7;color:#fff}
.payment-note{margin-top:8px}
.combo-price-block .plan-note{margin-top:14px;font-size:14px;font-weight:800;color:white}
.conditions h3{font-size:15px;color:white;margin:26px 0 14px}
.conditions p+p{margin-top:16px}
.conditions strong{color:white}
.campaign-logo{left:0;top:24px;transform:none;width:220px}
.hero-visual{left:-4%;width:108%}
@media(max-width:1100px){.campaign-logo{width:180px}}
@media(max-width:800px){.campaign-logo{width:155px}.combo-price-row{gap:8px}.promo-period{font-size:12px;max-width:80px}.combo-price-row .cents{font-size:29px}}
@media(max-width:600px){.campaign-logo{top:0;width:43%;max-width:190px}.hero-visual{left:-4%;width:108%}.combo-price-row{gap:14px}.combo-price-row .price strong{font-size:68px}.combo-price-row .cents{font-size:33px}.promo-period{font-size:13px;max-width:84px}}
@media(max-width:370px){.combo-price-row{gap:10px}.combo-price-row .price strong{font-size:56px}.combo-price-row .cents{font-size:27px}.combo-price-row .currency{font-size:17px}.promo-period{font-size:12px;max-width:76px}}


/* Fundo do hero em vídeo: camada de mídia, duotone azul e scrim para manter o texto legível. */
.hero-media{position:absolute;inset:0;z-index:-1;background:var(--deep);overflow:hidden}
.hero-media::before{content:"";position:absolute;inset:-12%;background:radial-gradient(68% 86% at 16% 26%,#1c1cb4 0%,transparent 64%),radial-gradient(62% 82% at 86% 80%,#10105f 0%,transparent 72%)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .9s var(--ease-out);mix-blend-mode:luminosity;filter:contrast(1.08) brightness(.88) blur(2px);will-change:opacity,transform}
.hero.has-video .hero-video.is-active{opacity:.6}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(97deg,rgba(0,0,120,.97) 0%,rgba(0,0,120,.92) 28%,rgba(0,0,120,.68) 54%,rgba(0,0,120,.5) 78%,rgba(0,0,120,.46) 100%),linear-gradient(to bottom,rgba(2,2,46,.6) 0%,rgba(2,2,46,0) 24%,rgba(2,2,46,0) 58%,rgba(2,2,46,.82) 100%)}

/* Coluna da arte sem o personagem: selo em destaque e selo "Vem pra Muv". */
.hero-art{height:clamp(420px,40vw,560px);padding-bottom:96px}
.campaign-logo{position:static;left:auto;top:auto;transform:rotate(-3deg);width:min(88%,420px);height:auto;filter:drop-shadow(0 22px 44px rgba(0,0,40,.5))}
.hero-invite{position:absolute;right:1%;bottom:104px;width:clamp(86px,9.5vw,128px);height:auto;transform:rotate(8deg);filter:drop-shadow(0 12px 26px rgba(0,0,40,.45))}
.hero-art-caption{text-shadow:0 2px 14px rgba(0,0,40,.6)}
@media(min-width:1600px){.hero-art{height:580px}.campaign-logo{width:min(86%,470px)}}
@media(max-width:1100px){.hero-art{height:470px;padding-bottom:88px}.campaign-logo{width:min(92%,330px)}.hero-invite{bottom:96px}}
/* Abaixo de 801px o vídeo não carrega: o mesmo quadro vira fundo estático, no mesmo duotone. */
@media(max-width:800px){.hero-media::before{inset:0;background-image:url(../img/vid/hero-black-friday-poster.jpg);background-position:center;background-size:cover;mix-blend-mode:luminosity;opacity:.5}
.hero-art{height:410px;padding-bottom:84px}.campaign-logo{width:min(96%,270px)}.hero-invite{width:84px;bottom:92px;right:0}}
@media(max-width:600px){.hero-art{height:auto;aspect-ratio:auto;min-height:258px;max-width:460px;padding-bottom:70px}.campaign-logo{width:min(80%,280px);transform:rotate(-2deg)}.hero-invite{width:76px;bottom:72px;right:2%}.hero-scrim{background:linear-gradient(to bottom,rgba(0,0,120,.88) 0%,rgba(0,0,120,.8) 46%,rgba(2,2,46,.9) 100%)}}

/* Prova social: avaliações reais do perfil da Muvnet no Google. */
.proof{background:var(--deep);color:white}
.proof .section-heading h2 span{color:var(--yellow)}
.stars{position:relative;display:inline-flex;gap:3px;color:var(--yellow)}
.stars .icon{width:19px;height:19px;fill:currentColor;stroke:none}
.stars-base{display:inline-flex;gap:3px;color:#ffffff40}
.stars-fill{position:absolute;inset:0;display:inline-flex;gap:3px;overflow:hidden;width:var(--nota,100%);color:var(--yellow)}
.proof-score{display:flex;align-items:center;gap:18px;flex:none}
.proof-score>strong{font-size:54px;font-weight:850;letter-spacing:-.04em;line-height:1}
.proof-score p{font-size:13px;color:#c9c9f0;margin-top:6px}
.proof-score p strong{color:white;font-weight:700}
.proof-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.proof-card{background:white;color:var(--ink);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px}
.proof-card .stars .icon{width:17px;height:17px}
.proof-card blockquote{margin:0;flex:1}
.proof-card blockquote p{font-size:15px;line-height:1.7}
.proof-card cite{font-style:normal;font-weight:700;font-size:15px;display:grid;gap:4px;padding-top:16px;border-top:1px solid var(--line)}
.proof-card cite span{font-weight:500;font-size:12px;color:var(--muted)}
.proof-note{margin-top:28px;font-size:12px;line-height:1.8;color:#b9b9e6;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.proof-note a{display:inline-flex;align-items:center;gap:10px;color:var(--yellow);font-weight:700;min-height:44px;text-decoration:none}
.proof-note .icon{width:17px;height:17px}
@media(hover:hover) and (pointer:fine){.proof-note a:hover{text-decoration:underline}}
@media(max-width:1100px){.proof-score>strong{font-size:44px}.proof-card{padding:24px}.proof-card blockquote p{font-size:14px}}
@media(max-width:800px){.proof .section-heading{display:flex;align-items:center}.proof-score{gap:14px}.proof-score>strong{font-size:38px}.stars .icon{width:16px;height:16px}.proof-grid{gap:16px}.proof-card{padding:22px;gap:14px}.proof-card blockquote p{font-size:13px}.proof-card cite{font-size:14px}}
@media(max-width:600px){.proof .section-heading{display:block}.proof-score{margin-top:22px}.proof-grid{grid-template-columns:1fr}.proof-note{margin-top:24px}}

/* 1000 Mega no card do combo. A velocidade entra dentro dos elementos que já
   existem — um chip na descrição e a nota do plano em duas linhas — em vez de
   ganhar uma linha própria: os dois cards são alinhados por min-height, e uma
   linha a mais só no card preto desencontraria as fileiras. */
.offer-speed{display:flex;align-items:baseline;gap:9px;margin-bottom:14px;color:var(--yellow);line-height:1}
.offer-speed strong{font-size:clamp(46px,4.6vw,60px);font-weight:800;letter-spacing:-.045em}
.offer-speed span{font-size:21px;font-weight:700;letter-spacing:-.01em}
.offer-black .plan-note{line-height:1.5}
/* Cada card com a sua altura natural. Esticados à mesma altura, o branco — que
   tem menos conteúdo — ficava com um vazio grande antes do botão; e o do combo,
   sendo maior, assume sozinho o peso que a oferta pede. */
.offer-grid{align-items:start}
/* Instalação grátis e Wi-Fi 6 entram como selos logo abaixo do preço: é ali que a
   escolha acontece, e os dois tiram custo da conta — não são mais um item de lista.
   Ícone em amarelo e fundo do próprio card, para não disputar com o 1000 Mega. */
.offer-perks{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}
.offer-perks li{display:flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid #ffffff4d;border-radius:999px;background:#ffffff1c;font-size:12px;font-weight:700;line-height:1.4}
.offer-perks .icon{width:17px;height:17px;color:var(--yellow)}
@media(max-width:800px){.offer-perks{gap:8px;margin-top:18px}.offer-perks li{padding:8px 13px;gap:8px}}