/* Editorial scale and scroll scenes. Essential claims never depend on hover. */
body{font-size:16px}
.micro,.eyebrow,.section-label{font-size:11px}
.button{font-size:13px;min-height:54px}
.button-small{font-size:11px;min-height:44px}
.site-header.scrolled{background:#f8f5eff0;backdrop-filter:blur(12px)}.site-header.scrolled.on-dark{background:#141c23ed}
.hero-side .micro{font-size:11px}.hero-side-right>p{font-size:16px}
.hero-plan-tag{font-size:10px;width:215px}.hero-plan-tag strong{font-size:43px}
.gamer-toggle{font-size:10px;min-height:44px}.interaction-hint{font-size:9px}.scroll-cue{font-size:10px}
.hero-track{height:200svh}
.manifesto-track{height:165svh}
.manifesto-stage{padding:100px 7vw 64px;min-height:0}
.manifesto-text{font-size:clamp(34px,4.8vw,78px);margin:30px 0}
.manifesto-bottom{font-size:12px;align-items:end}
.manifesto-bottom>a{padding-bottom:8px}
/* Three promises unfold from a loose deck into a clear, permanent comparison. */
.benefits-track{position:relative;z-index:2;height:190svh;background:var(--paper);margin-top:-36px;border-radius:36px 36px 0 0}
.benefits-stage{position:sticky;top:0;height:100svh;padding:100px 5vw 32px;display:flex;flex-direction:column;justify-content:center;gap:26px;overflow:clip}
.benefits-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}
.benefits-heading h2{font-size:clamp(44px,4.8vw,76px);line-height:.94}
.benefits-heading p{font-size:16px;line-height:1.6;color:#56626a;padding-bottom:6px}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;perspective:1200px}
.benefit-card{position:relative;min-width:0;min-height:310px;padding:25px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border:1px solid #141c2325;border-radius:6px 42px 6px 6px;isolation:isolate;transform-origin:50% 90%}
.benefit-fiber{background:#e7e2d7}.benefit-install{background:var(--red-button);color:white;border-color:transparent}.benefit-free{background:var(--ink);color:var(--paper);border-color:transparent}
.benefit-index{position:absolute;top:23px;left:25px;font-size:11px;font-weight:800;letter-spacing:.04em;z-index:2}
.benefit-card h3{position:relative;z-index:2;letter-spacing:-.03em;line-height:1.12;display:flex;flex-direction:column;gap:8px}
.benefit-card h3 strong{font:800 clamp(48px,5.7vw,90px)/.9 var(--display);letter-spacing:-.02em}
.benefit-card h3>span{font-size:clamp(19px,1.65vw,29px);font-weight:800;line-height:1.15}
.benefit-card p{position:relative;z-index:2;font-size:15px;line-height:1.4;margin-top:20px;max-width:260px}
.benefit-art{position:absolute;z-index:0;pointer-events:none}
.fiber-art{inset:15% -30% 10% 40%;transform:rotate(-30deg)}
.fiber-art i{position:absolute;inset:12%;border:1px solid #141c2322;border-radius:50%}.fiber-art i:nth-child(2){inset:24%}.fiber-art i:nth-child(3){inset:36%}
.install-art{right:18px;top:24px;font:200 150px/.8 var(--body);opacity:.16}
.free-art{right:10px;top:0;font:200 180px/1 var(--body);color:#ff6262;opacity:.25}
.benefits-link{font-size:13px;font-weight:800;display:flex;gap:36px;align-items:center;align-self:end;border-bottom:1px solid #141c2355;padding-bottom:8px}.benefits-link span{font-size:24px;line-height:1}
/* Different gallery proportions and an independent layer of image movement. */
.journey-stage{padding-top:100px;min-height:0}
.journey-heading{padding-bottom:24px}
.journey-heading>h2{font-size:clamp(40px,3.6vw,62px)}
.journey-instruction{font-size:10px;max-width:190px}
.journey-card{width:43vw;min-width:380px;transform-origin:50% 80%}
.journey-card:nth-child(2){width:35vw;padding-top:22px}.journey-card:nth-child(3){width:47vw;padding-top:0}.journey-card:nth-child(4){width:38vw;padding-top:12px}
.journey-media{height:39svh;min-height:210px;max-height:500px;border-radius:6px 42px 6px 6px}
.card-game .journey-media{border-radius:42% 42% 6px 6px}
.card-local .journey-media{border-radius:6px 6px 35% 6px}
.journey-caption{padding-top:20px;gap:20px;align-items:start}
.journey-caption h3{font-size:clamp(29px,2.7vw,44px)}
.journey-caption p{font-size:14px;max-width:210px;line-height:1.55}.journey-caption p br{display:none}
.media-label{font-size:10px;opacity:1;font-weight:750}.frame-number{font-size:32px}
.journey-progress{font-size:11px;bottom:24px}.journey-progress>div,.journey-progress i{height:2px}
.journey-media>img,.journey-media>.portrait-tile,.home-window,.tv-tile,.local-rings{will-change:transform}
.mode-section{position:relative;z-index:2}
.mode-content>.micro{font-size:12px}
.plans{position:relative;z-index:3;border-radius:40px 40px 0 0;margin-top:-40px;overflow:clip}
.section-heading>p{font-size:17px}
.black-track{height:180svh}
.black-stage{min-height:0}
.black-heading .micro{font-size:12px}
.black-feature span{font-size:12px;display:block;max-width:300px;margin-left:auto;line-height:1.5}
.black-feature strong{font-size:clamp(29px,3.3vw,52px);line-height:1.2;margin-bottom:9px}
.black-cta>span{font-size:22px;font-weight:700}
.coverage{position:relative;z-index:2;border-radius:40px 40px 0 0;margin-top:-40px;overflow:clip}
.coverage-copy>p,.faq-title>p{font-size:17px}
.coverage-form label,.coverage-form>p,.coverage-copy>.text-link{font-size:14px}
.map-label small,.map-note{font-size:11px}
.faq summary{font-size:17px;font-weight:650;padding:28px 0}.faq details p{font-size:15px;color:#56626a}
.faq-title{align-self:start;position:sticky;top:110px}
.closing .section-label,.closing-rule{font-size:11px}
.footer-top>p,.footer-top>div{font-size:14px}.footer-top>div>span,.footer-bottom,#motion-toggle{font-size:11px}
.plan-dialog>.eyebrow,.dialog-footnote{font-size:12px}.plan-dialog ul,.plan-dialog>p{font-size:15px}
/* Readable fallbacks and short screens use normal document flow. */
.reduce-motion .benefits-track,html:not(.scenes-ready) .benefits-track{height:auto}
.reduce-motion .benefits-stage,html:not(.scenes-ready) .benefits-stage{position:relative;height:auto;padding-block:85px}
.reduce-motion .benefit-card{transform:none!important;opacity:1!important}
.reduce-motion .journey-rail,html:not(.scenes-ready) .journey-rail{width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 5vw;gap:45px;overflow:visible}
.reduce-motion .journey-card:nth-child(n),html:not(.scenes-ready) .journey-card:nth-child(n){width:100%;min-width:0;padding-top:0;transform:none!important}
.reduce-motion .journey-stage{position:relative}.reduce-motion .journey-progress{display:none}
@media(min-width:701px) and (max-width:1100px){
 .benefit-card{padding:20px;min-height:300px}.benefit-index{left:20px;font-size:10px}.benefit-card h3>span{font-size:18px}.benefit-card p{font-size:14px}
 .journey-caption{flex-direction:column;gap:8px}.journey-caption p{max-width:none}
 .hero-side-left{max-width:190px}.hero-side .micro{font-size:9px}
}
@media(max-width:700px){
 .section-pad{padding:80px 6vw}.micro,.section-label{font-size:11px}
 .brand-link{width:145px}.button-small{font-size:10px;min-height:44px;padding:10px 12px}.menu-toggle{width:44px;height:44px}
 .hero-side-left .micro{font-size:11px}.hero-plan-tag{width:137px;font-size:8px;padding:12px}.hero-plan-tag strong{font-size:29px}.gamer-toggle{font-size:8px}.scroll-cue{font-size:9px;bottom:145px}
 .manifesto-track{height:155svh}.manifesto-stage{padding:100px 7vw 60px}.manifesto-text{font-size:8.8vw;margin:24px 0}.manifesto-bottom{font-size:11px;gap:20px}.manifesto-bottom>a{max-width:none;flex-basis:auto}
 .benefits-track{height:auto;margin-top:-28px;border-radius:28px 28px 0 0}
 .benefits-stage{position:relative;height:auto;padding:80px 6vw 55px;gap:32px}
 .benefits-heading{display:block}.benefits-heading h2{font-size:54px}.benefits-heading p{font-size:16px;margin-top:24px}
 .benefits-grid{grid-template-columns:1fr;gap:18px}.benefit-card{min-height:300px;padding:26px}.benefit-index{left:26px;font-size:12px}.benefit-card h3 strong{font-size:72px}.benefit-card h3>span{font-size:25px}.benefit-card p{font-size:16px;max-width:none}.benefits-link{font-size:14px}
 .journey-track{height:auto!important}.journey-stage{position:relative;height:auto;min-height:0;padding:40px 0 70px;overflow:clip}.journey-heading{padding:0 6vw 35px}.journey-heading>h2{font-size:43px;margin-top:18px}.journey-instruction{font-size:10px;margin-top:20px;text-align:left;max-width:none}
 .journey-rail,.reduce-motion .journey-rail,html:not(.scenes-ready) .journey-rail{display:flex;flex-direction:column;width:auto;padding:0 6vw;gap:48px;transform:none!important;overflow:visible}
 .journey-card:nth-child(n){width:100%;min-width:0;padding:0}.journey-media{height:360px;min-height:0;max-height:none}.journey-caption{flex-direction:column;gap:14px;padding-top:22px}.journey-caption h3{font-size:36px}.journey-caption p{font-size:16px;max-width:none}.media-label{font-size:10px;left:20px;bottom:18px}.frame-number{font-size:30px;top:20px;left:20px}.journey-progress{display:none}
 .mode-section{height:135svh;min-height:1000px}.mode-content>.micro{font-size:11px}.mode-content h2{font-size:24vw}
 .plans{border-radius:28px 28px 0 0;margin-top:-28px}.section-heading>p{font-size:16px}.plans .section-label>span:last-child{max-width:140px}
 .black-track{height:175svh}.black-stage{min-height:0;padding:95px 6vw 30px}.black-heading{top:20%;left:8%}.black-heading h2{font-size:21vw;margin-top:13px}.black-heading .micro{font-size:11px}.black-feature{right:8%;max-width:84%}.black-feature strong{font-size:29px;margin-bottom:5px}.black-feature span{font-size:11px;max-width:280px}.feature-wifi{top:47%}.feature-tv{top:60%}.feature-priority{top:73%}.black-cta{bottom:5%}.black-cta>span{font-size:17px}.black-cta .button{font-size:11px;min-height:48px}
 .coverage{border-radius:28px 28px 0 0;margin-top:-28px}.coverage-copy>p{font-size:16px}.coverage-form label,.coverage-form>p,.coverage-copy>.text-link{font-size:14px}.coverage h2{font-size:13vw}
 .faq-title{position:static}.faq-title>p{font-size:16px}.faq summary{font-size:16px;gap:16px}.faq details p{font-size:15px}.closing .section-label{font-size:10px;gap:25px}.closing>.button{font-size:12px}.closing-rule{font-size:10px}.footer-bottom,#motion-toggle{font-size:11px}
 .reduce-motion .manifesto-stage{min-height:0;padding-block:100px}.reduce-motion .mode-panel{width:100%!important}.reduce-motion .black-track,.reduce-motion .black-stage{height:850px}
}
@media(max-height:700px){
 .manifesto-track,.black-track{height:auto!important}.manifesto-stage{position:relative;height:auto;min-height:600px}.black-stage{position:relative;height:700px;min-height:700px}
 .benefits-track{height:auto}.benefits-stage{position:relative;height:auto;padding-block:95px 55px}
 .journey-track{height:auto!important}.journey-stage{position:relative;height:auto;min-height:0;padding:90px 0 65px}
 .journey-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;padding:0 5vw;gap:40px;transform:none!important}.journey-card:nth-child(n){width:100%;min-width:0;padding:0}.journey-media{height:300px}.journey-progress{display:none}
}
@media(max-height:700px) and (max-width:700px){.journey-rail{display:flex}.black-heading{top:20%}}