@font-face{font-family:Inter;src:url('assets/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Barlow;src:url('assets/BarlowCondensed-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic;font-display:swap}
:root{--canvas:#f6f6f2;--ink:#252827;--muted:#626863;--lime:#dcfa57;--purple:#aa55ff;--line:#e3e5dd;--progress:0;--gutter:clamp(24px,4.45vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.5 Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}button{border:0}img,video{display:block;max-width:100%;height:auto}h1,h2,p{margin:0}h1,h2,.metric,.ticker-track{font-family:Barlow,'Arial Narrow',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;line-height:.94;letter-spacing:-.012em}h1{font-size:clamp(64px,10vw,154px);text-align:center}h2{font-size:clamp(54px,7.6vw,112px)}h3{font-size:22px;line-height:1.4;margin:0 0 18px}p+p{margin-top:24px}.wrap{width:min(100%,1600px);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}.caption,small{font-size:12px}.masthead{padding:20px var(--gutter);display:flex;align-items:center;gap:32px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none}.brand img{border-radius:12px}.edition{font-size:10px;letter-spacing:.1em;margin-left:auto;color:var(--muted)}nav{display:flex;gap:28px;align-items:center}nav a,nav button{font-size:13px;text-decoration:none;background:none;padding:8px 0}nav a:hover,nav button:hover{text-decoration:underline;text-underline-offset:5px}.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--purple);transform:scaleX(var(--progress));transform-origin:left;z-index:20;pointer-events:none}.skip{position:fixed;top:-100px;left:20px;padding:16px;background:var(--ink);color:white;z-index:40}.skip:focus{top:12px}
.hero{background:var(--lime);padding:52px 0 40px;overflow:clip}.line{display:block}.connection-stage{margin:16px auto 32px;aspect-ratio:12/5;background:transparent;border-radius:32px;position:relative;will-change:transform;overflow:hidden;max-width:1282px}.connection-stage video{position:absolute;top:50%;transform:translateY(-50%);width:100%;aspect-ratio:16/9;object-fit:contain}.hero-story{max-width:1248px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px}.hero-story h2{font-size:48px;margin-bottom:20px}.hero-story p:not(.eyebrow){color:#48503e;max-width:570px}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:22px;margin:50px auto 40px;text-align:center}.hero-cta p{font-size:12px;color:#48503e}.store{padding:0;background:none;border-radius:12px;transition:transform .25s}.store:hover{transform:translateY(-4px)}.store img{width:202px;height:68px;object-fit:contain}.scroll-cue{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #25282730;padding-top:24px;font-size:11px;font-weight:650;letter-spacing:.1em;text-decoration:none}.scroll-cue span:last-child{font-size:28px}
.chapter{position:relative}.chapter-inner{padding-block:100px;display:grid;align-items:center;gap:60px;min-height:880px}.power .chapter-inner{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.power h2{position:relative;z-index:2;font-size:clamp(60px,7.1vw,110px)}.power-detail{display:grid;grid-template-columns:.8fr 1fr;gap:36px;margin-top:100px}.power-detail p{color:var(--muted)}.metric{font-size:clamp(48px,6.3vw,92px);background:var(--lime);padding:8px 16px;height:fit-content;white-space:nowrap}.mode-note{font-size:13px;line-height:1.6;border-left:3px solid var(--purple);padding-left:14px}.phone-island{background:var(--lime);border-radius:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 30px;gap:25px;will-change:transform}.phone{width:min(100%,282px);border:5px solid var(--ink);border-radius:30px;overflow:hidden;background:var(--ink);box-shadow:0 26px 45px #25282715}.phone img{width:100%}.phone-island small{text-align:center;font-size:10px;color:var(--muted)}.ticker{background:var(--purple);color:var(--lime);overflow:hidden;padding:24px 0}.ticker-track{width:max-content;display:flex;gap:50px;font-size:64px}.ticker-track span{white-space:nowrap}.motion-enabled .ticker-track{animation:marquee 32s linear infinite}@keyframes marquee{to{transform:translateX(calc(-50% - 25px))}}
.data{background:var(--ink);color:white}.data .chapter-inner{grid-template-columns:1fr .95fr .9fr;gap:42px;min-height:960px}.data h2{font-size:clamp(66px,7.8vw,112px)}.data .eyebrow{color:var(--lime)}.data-copy{color:#bfc4be;font-size:18px}.data-copy strong{color:white}.data .mode-note{border-color:var(--lime)}.field-visual{position:relative;padding:20px;will-change:transform}.field-visual>img{position:relative;z-index:1;width:300px;margin:auto;border-radius:24px;box-shadow:0 30px 70px #0003}.setup{display:grid;grid-template-columns:.9fr 1.45fr;gap:64px;padding-block:110px}.setup-art{align-self:start;position:sticky;top:70px}.setup-art .phone-island{min-height:680px}.setup-art img{width:280px;border-radius:24px}.setup h2{font-size:clamp(60px,6.4vw,92px)}.steps{padding:0;margin:48px 0 0;list-style:none}.steps li{display:grid;grid-template-columns:46px 1fr;gap:20px;border-top:1px solid var(--line);padding:32px 0;transition:border-color .5s}.steps li>span{font-family:Barlow,sans-serif;font-size:52px;font-style:italic;line-height:1}.steps h3{margin-bottom:8px}.steps p{color:var(--muted);font-size:16px}.steps li.is-active{border-color:var(--purple)}.steps li.is-active>span{color:var(--purple)}.compatibility{background:white;padding:95px 0}.compatibility h2{font-size:clamp(50px,5.6vw,80px)}dl{margin:40px 0 30px}dl>div{display:grid;grid-template-columns:30% 1fr;gap:32px;border-top:1px solid var(--line);padding:25px 0}dt{font-size:19px;font-weight:750;text-transform:uppercase}dd{margin:0;color:var(--muted);font-size:16px}.pill{background:var(--ink);color:white;border-radius:100px;min-height:52px;padding:15px 27px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:28px;text-decoration:none;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px);background:#42483c}.closing{background:var(--lime);padding:100px 0}.closing-inner{display:grid;grid-template-columns:1.7fr 1fr;gap:64px;align-items:center}.closing h2{font-size:clamp(58px,6vw,88px)}.closing p{font-size:24px;font-weight:700;margin-bottom:28px}footer{background:var(--ink);color:white;padding:48px 0}footer .brand{font-size:32px}footer nav{margin:24px 0}footer p{font-size:12px;color:#bfc4be}#motion-toggle{margin-left:auto}
.motion-enabled [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}.motion-enabled [data-reveal].is-visible{opacity:1;transform:none}.motion-enabled .hero h1 .line{animation:headline 1s cubic-bezier(.16,1,.3,1) both}.motion-enabled .hero h1 .line+ .line{animation-delay:.16s}@keyframes headline{from{opacity:0;transform:translateY(45px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@media(min-width:1000px) and (min-height:650px){.motion-enabled .chapter{min-height:145vh}.motion-enabled .chapter-inner{position:sticky;top:0;min-height:100vh;padding-block:65px}.motion-enabled .power-detail{margin-top:65px}.motion-enabled .power .phone-island{padding-block:28px}.motion-enabled .power-phone{max-width:240px}.motion-enabled .field-visual>img{max-height:72vh;width:auto}.motion-enabled .setup .steps li{padding-block:48px}}
dialog{border:none;background:var(--canvas);color:var(--ink);border-radius:24px;padding:48px;width:min(660px,calc(100% - 32px));max-height:85dvh;overflow:auto;box-shadow:0 30px 120px #0004}dialog::backdrop{background:#111b;backdrop-filter:blur(6px)}dialog h2{font-size:48px;margin-bottom:28px}dialog p{margin-bottom:22px;color:var(--muted)}.dialog-close{position:absolute;right:18px;top:10px;background:none;font-size:32px;padding:8px;line-height:1}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650}details p{margin:14px 0!important;font-size:15px}
@media(max-width:1050px){.edition{display:none}.masthead nav{margin-left:auto}.power-detail{grid-template-columns:1fr;margin-top:45px;gap:28px}.metric{width:fit-content}.chapter-inner{gap:30px}.data .chapter-inner{grid-template-columns:1fr 1fr}.data-copy{grid-column:1/-1;max-width:760px}.data h2 br{display:none}.phone-island{border-radius:60px;padding-inline:20px}.setup{gap:36px}.setup-art .phone-island{min-height:560px}.closing-inner{grid-template-columns:1.4fr 1fr;gap:32px}}
@media(max-width:700px){body{font-size:16px}.masthead{min-height:72px;padding-block:14px;gap:16px}.brand{font-size:16px}.brand img{width:32px;height:32px}.masthead nav{gap:0}.masthead nav a{display:none}.masthead nav button{font-size:12px}.hero{padding-top:32px}h1{font-size:clamp(49px,12.5vw,82px)}.line{display:inline}.line+ .line:before{content:' '}.connection-stage{margin:12px -8px 24px;border-radius:18px}.hero-story{grid-template-columns:1fr;gap:38px}.hero-story h2{font-size:39px}.hero-story .eyebrow{margin-bottom:12px}.hero-cta{margin-block:35px}.hero-cta p{font-size:11px}.chapter-inner,.power .chapter-inner,.data .chapter-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:65px;gap:40px}.power h2,.data h2,.setup h2{font-size:clamp(48px,12.5vw,76px)}.power-detail{margin-top:32px}.power-detail h3{font-size:20px}.metric{font-size:62px}.phone-island{border-radius:50px;max-width:400px;width:100%;margin:auto;padding:28px 24px}.phone{width:235px}.phone-island small{font-size:10px}.ticker{padding:20px 0}.ticker-track{font-size:42px}.data h2 br{display:none}.field-visual>img{width:245px}.field-visual{align-self:center;width:85%;padding:0}.data-copy{font-size:17px}.setup{display:flex;flex-direction:column-reverse;padding-block:65px;gap:32px}.setup-art{position:static}.setup-art .phone-island{min-height:0;padding:28px}.setup-art img{width:235px}.steps{margin-top:30px}.steps li{padding:24px 0;grid-template-columns:30px 1fr;gap:16px}.steps li>span{font-size:42px}.steps h3{font-size:19px}.compatibility{padding-block:65px}.compatibility h2{font-size:48px}dl>div{grid-template-columns:1fr;gap:10px;padding:24px 0}dt{font-size:17px}.closing{padding:65px 0}.closing-inner{display:block}.closing h2{font-size:52px;margin-bottom:32px}.closing p{font-size:20px}.pill{font-size:13px}.closing .pill{width:100%}footer nav{gap:20px;flex-wrap:wrap}#motion-toggle{margin-left:0}footer .brand{font-size:25px}dialog{padding:38px 24px}dialog h2{font-size:40px}.motion-enabled [data-reveal]{transform:translateY(20px);transition-duration:.6s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}[data-parallax]{transform:none!important}}
body.motion-paused{scroll-behavior:auto}.motion-paused [data-parallax]{transform:none!important}.motion-paused *{animation:none!important}.motion-paused [data-reveal]{opacity:1;transform:none}
/* Contain decorative orbits without changing native vertical scrolling. */
.data{overflow:clip}

/* Feather codec color-conversion differences into the hero; no panel edge. */
.connection-stage{border-radius:0}
.connection-stage video{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
/* Permanent support/legal links remain reachable at every viewport size. */
footer nav{flex-wrap:wrap}
@media(max-width:700px){.masthead nav a[href="/support/"]{display:inline;font-size:12px}}
/* Wrapped inline spans are clipped by the headline entrance animation on mobile. */
@media(max-width:700px){.hero h1 .line{display:block}.hero h1 .line+.line:before{content:none}}