@font-face{font-family:Inter;src:url('assets/fonts/inter.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Geist;src:url('assets/fonts/geist.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--green:#006b4b;--mint:#8bd9b4;--lime:#cbf24d;--ink:#202923;--paper:#fff;--muted:#59665d;--orange:#f3630f;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);font:16px/1.5 Geist,Inter,Arial,sans-serif;color:var(--ink);background:white;font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:0}body{margin:0;min-width:320px}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{display:block;max-width:100%}button img{pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #cf7000;outline-offset:6px}button:disabled{opacity:.35;cursor:default}button:active:not(:disabled),.pill:active{transform:scale(.97)}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:14px;background:white;color:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:none}
#site-header{position:fixed;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;gap:22px;padding:26px 40px;color:var(--ink);pointer-events:none}#site-header>*{pointer-events:auto}.header-brand{display:block;width:182px;position:relative}.header-brand>.wordmark{width:100%;height:auto}.header-brand>.wordmark:last-child{position:absolute;inset:0;opacity:0}.on-dark .header-brand>.wordmark:first-child{opacity:0}.on-dark .header-brand>.wordmark:last-child{opacity:1}#site-header.on-dark{color:white}.menu-pill{border:0;background:var(--ink);color:white;display:flex;align-items:center;gap:11px;min-height:44px;border-radius:30px;padding:11px 19px;font-size:14px;transition:transform 160ms var(--ease-out)}.on-dark .menu-pill{background:white;color:var(--ink)}.menu-lines{width:15px;height:9px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.header-site{margin-left:auto;font-size:14px;display:flex;gap:10px;align-items:center;min-height:44px}.header-site svg{width:22px;height:22px}
#site-header::before{content:'';position:absolute;inset:12px 20px;z-index:-1;border-radius:42px;background:rgba(255,255,255,.72);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.8);box-shadow:0 7px 28px rgba(18,48,30,.08),inset 0 1px 0 rgba(255,255,255,.6);opacity:0;transition:opacity 180ms var(--ease-out);pointer-events:none}
#site-header.scrolled::before{opacity:1}#site-header.on-dark::before{background:rgba(23,40,31,.74);border-color:rgba(255,255,255,.2);box-shadow:0 8px 30px rgba(0,20,12,.13),inset 0 1px 0 rgba(255,255,255,.12)}
@media(max-width:760px){#site-header::before{inset:7px 10px;border-radius:36px}}
@media(prefers-reduced-transparency:reduce){#site-header::before{background:#f3f7f3;backdrop-filter:none;-webkit-backdrop-filter:none}#site-header.on-dark::before{background:#202923}}
.section{min-height:100svh;position:relative;overflow:hidden;background:white}.section-body{max-width:1700px;margin:0 auto;padding:126px 7.4vw 106px;min-height:100svh;position:relative}.section.split>.section-body,.section.case-scene>.section-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6.4vw;align-items:center}.section.stack>.section-body{display:flex;flex-direction:column;justify-content:center;gap:38px}.section.soft{background:#f1f4f0}.section.mint{background:var(--mint)}.section.green{background:var(--green);color:white}.section.dark{background:#181818;color:white}.section.mint .note{color:#314d3b}.section.green .note,.section.dark .note{color:#d3e1d7}.section .folio{position:absolute;bottom:31px;right:42px;font-size:12px;line-height:1;font-variant-numeric:tabular-nums;opacity:.65}.wordmark{width:330px;height:auto}.symbol{width:100%;height:auto}.eyebrow{font-size:14px;line-height:1.4;margin:0 0 22px;font-weight:400;letter-spacing:.005em}.copy h2,.closing h2{font:600 clamp(42px,4.8vw,80px)/1.02 Inter,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 28px;text-wrap:balance}.copy .lede{font-size:clamp(17px,1.45vw,22px);line-height:1.5;max-width:40ch;margin:0;letter-spacing:-.02em}.stack .copy .lede{max-width:57ch}.stack .copy h2{max-width:18ch}.note{font-size:13px;line-height:1.6;max-width:75ch;color:var(--muted);margin:22px 0 0}.text-link{display:inline-flex;gap:16px;align-items:center;min-height:48px;font-size:16px;font-weight:600;margin-top:25px}.text-link svg{width:24px;height:24px;transition:transform 180ms var(--ease-out)}.pill{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:14px 24px;border-radius:40px;font-size:15px;transition:transform 160ms var(--ease-out)}.pill svg{width:23px;height:23px}.pill.light{background:white;color:var(--ink)}.pill.ink{background:var(--ink);color:white}.pill.outline{border:1px solid currentColor}.large-aside{font:400 clamp(23px,2.5vw,38px)/1.25 Inter,sans-serif;letter-spacing:-.035em;margin:36px 0 24px}.editorial-list{list-style:none;margin:0;padding:0}.editorial-list li{padding:13px 0;border-bottom:1px solid #20292325;line-height:1.5;font-size:16px}.green .editorial-list li,.dark .editorial-list li{border-color:#ffffff35}.evidence-list{margin-top:28px;max-width:430px}.evidence-list h3{font-size:15px;font-weight:600;margin:0 0 5px}
.hero{background:var(--green);color:white}.hero>.section-body{max-width:none;padding:0;min-height:100svh}.hero-media{position:absolute;inset:-4%;left:27%;overflow:hidden;background:var(--green);will-change:transform}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#003d2df5 0%,#003d2dde 24%,#003d2d35 57%,transparent 80%),linear-gradient(0deg,#003d2d75,transparent 42%)}.hero-copy{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:170px 7.4vw 116px}.hero-tag{font-size:15px;margin:0 0 25px}.hero h1{font:600 clamp(58px,7.8vw,128px)/.98 Inter,sans-serif;letter-spacing:-.065em;margin:0 0 30px;max-width:11ch}.hero-copy>p:not(.hero-tag){font-size:clamp(18px,1.55vw,25px);line-height:1.45;margin:0 0 28px}.hero-signature{position:absolute;right:6vw;bottom:84px;display:flex;flex-direction:column;align-items:flex-end;gap:13px}.hero-signature .wordmark{width:230px}.hero-signature>span{font-family:Poppins,sans-serif;font-size:13px}.hero .folio{color:white}
.symbol-stage{display:flex;min-height:460px;align-items:center;justify-content:center;flex-direction:column;gap:38px}.large-symbol{width:min(410px,80%);filter:drop-shadow(0 25px 30px #004f3220)}.stage-caption{font-size:13px;color:var(--muted)}.geometry{position:relative;padding:25px 32px}.grid-symbol{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#006b4b12 1px,transparent 1px),linear-gradient(90deg,#006b4b12 1px,transparent 1px);background-size:6.25% 6.25%;border:1px solid #006b4b75}.grid-symbol .symbol{width:75%;height:auto}.centerline{position:absolute;background:#006b4b60}.centerline.horizontal{width:100%;height:1px;top:50%;left:0}.centerline.vertical{height:100%;width:1px;left:50%;top:0}.measure{font-size:12px;color:var(--green);position:absolute}.measure.top{top:0;left:50%;transform:translateX(-50%)}.measure.side{left:-40px;top:42%;transform:rotate(-90deg)}.measure-spec{display:flex;gap:20px;margin:25px -12px 0;justify-content:space-between}.measure-spec span{font-size:11px}.measure-spec b{display:block;font:600 25px/1.3 Inter,sans-serif;color:var(--green);margin-bottom:6px}.fibonacci{position:relative;display:flex;aspect-ratio:13/8;max-width:820px;width:75%;align-self:center;border:1px solid #006b4b66}.fib-wide{width:61.538%;display:flex;align-items:center;justify-content:center;background:#ffffff24;position:relative}.fib-wide .symbol{width:48%}.fib-wide>span,.fib-narrow>span{position:absolute;top:14px;left:14px;font-size:13px}.fib-narrow{position:relative;flex:1;border-left:1px solid #006b4b66;display:flex;flex-direction:column;justify-content:flex-end}.fib-narrow>div{height:37.5%;border-top:1px solid #006b4b66;font-size:13px;padding:12px}.fib-narrow .fib-small{display:flex;align-items:center;justify-content:space-between}.fib-small span{padding:22px;border:1px solid #006b4b66}.fibonacci>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fibonacci path{fill:none;stroke:var(--green);stroke-width:2}.fib-dimension{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:13px}.fibonacci+.note{align-self:center;margin-top:15px}.wordmark-stage{position:relative;padding:70px 0 50px;width:100%;margin:10px auto 0}.wordmark-stage .wordmark{width:90%;max-width:1060px;margin:auto}.wordmark-stage p{text-align:center;font-size:14px;margin-top:35px}.type-baseline{display:block;position:absolute;left:3%;right:3%;top:70%;border-top:1px solid #006b4b35}.palette{display:grid;grid-template-columns:2fr 1.25fr 1fr;gap:12px}.swatch{border:1px solid #20292315;border-radius:4px;min-height:180px;padding:25px;display:flex;flex-direction:column;text-align:left;align-items:flex-start;justify-content:space-between;transition:transform 160ms var(--ease-out)}.swatch span{font-size:20px;letter-spacing:-.02em}.swatch b{font-size:16px;font-weight:400;margin-top:24px}.swatch small{font-size:12px;margin-top:6px}.swatch-0{grid-row:span 2}.swatch-3{min-height:140px}.tagline>.section-body{display:flex;flex-direction:column;justify-content:center}.tagline-display h2{font:400 clamp(70px,11vw,180px)/1.03 Poppins,sans-serif;letter-spacing:-.07em;margin:12px 0 36px}.tagline-display>p:last-child{font-size:23px;line-height:1.45}.tagline-font{display:flex;justify-content:space-between;margin-top:45px;border-top:1px solid #ffffff55;padding-top:22px;font-size:13px}.signature-lockup{display:flex;flex-direction:column;align-items:center;gap:23px;padding:10px 0}.signature-lockup .symbol{width:170px}.signature-lockup .wordmark{width:400px}.signature-lockup p{font:400 22px Poppins,sans-serif;margin:0}.lockup-strip{display:flex;justify-content:center;gap:60px;font-size:13px;margin-top:10px}
.editorial-photo{border-radius:36px;overflow:hidden;max-height:650px;background:#f7f7ed;aspect-ratio:.85}.editorial-photo img{height:100%;width:100%;object-fit:cover;transform:scale(1.04)}.portrait .copy h2{font-size:clamp(47px,5.3vw,88px)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.pillar-art{height:180px;width:100%;object-fit:contain;mix-blend-mode:multiply;object-position:left center}.pillars h3{font:600 clamp(24px,2.3vw,38px)/1.1 Inter,sans-serif;letter-spacing:-.045em;margin:20px 0 16px}.pillars p{font-size:17px;line-height:1.55;max-width:28ch}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.profiles article{border-top:1px solid #20292345;padding-top:24px}.profile-avatar{display:block;width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:25px}.profile-avatar img{height:100%;width:100%;object-fit:cover;transform:scale(1.1)}.profile-avatar.art{background:#dfece2}.profile-avatar.art img{object-fit:contain;transform:none;mix-blend-mode:multiply}.profiles h3{font:600 30px/1.1 Inter,sans-serif;letter-spacing:-.035em;margin:0 0 15px}.profiles p{max-width:36ch;font-size:17px}.profiles article>span:last-child{font-size:12px;color:var(--muted)}.use-index{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin:10px 0}.use-link{padding:21px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff55;font:400 30px/1.2 Inter,sans-serif;letter-spacing:-.035em}.use-link svg{height:28px;width:28px}.case-photo{height:min(69vh,650px);min-height:430px;position:relative;overflow:hidden;border-radius:30px;background:#d8e8dc}.case-photo img{width:100%;height:100%;object-fit:cover}.case-photo .image-caption{position:absolute;bottom:18px;left:20px;border-radius:20px;background:#ffffffdf;color:var(--ink);padding:6px 12px;font-size:11px;backdrop-filter:blur(8px)}.case-copy .copy h2{font-size:clamp(42px,4.3vw,73px)}.case-copy .copy .lede{font-size:18px}.case-question{font-size:20px;line-height:1.35;margin:27px 0 0;max-width:25ch;letter-spacing:-.025em}.use-response .copy h2{font-size:clamp(38px,3.75vw,64px)}.use-response .copy .lede{font-size:17px;line-height:1.55}.use-response .section-body{gap:5vw}.phone-with-callout{position:relative;display:flex;justify-content:center;padding-right:48px}.phone-callout{position:absolute;right:-12px;bottom:155px;background:white;padding:18px;border:1px solid #dce4dc;border-radius:18px;box-shadow:0 18px 50px #143d2420;width:210px;font-size:13px;line-height:1.5;display:flex;gap:10px}.callout-dot{display:block;border-radius:50%;width:9px;height:9px;flex:none;background:var(--green);margin-top:5px}.phone-callout strong{font-weight:400}
.device-group{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.phone{display:block;position:relative;width:clamp(250px,23vw,345px);max-width:100%;margin:0;padding:7px;border:1.5px solid #909890;border-radius:clamp(42px,3.5vw,53px);background:#101413;box-shadow:inset 0 0 0 2px #454a47,0 35px 55px -23px #14241960;text-align:left;flex:none}.phone-surface{display:block;position:relative;background:white;border-radius:clamp(36px,3vw,46px);overflow:hidden;padding-bottom:16px}.phone-surface>img{width:100%;height:auto}.phone .status-bar{display:flex;align-items:center;justify-content:space-between;height:32px;position:relative;padding:6px 22px 2px;font-size:10px;color:var(--ink);font-family:Inter,sans-serif}.phone .status-bar>i{position:absolute;left:50%;top:6px;width:28%;height:18px;background:#050706;border-radius:20px;transform:translateX(-50%)}.phone .status-bar>i:after{content:'';position:absolute;right:8px;top:6px;width:6px;height:6px;border-radius:50%;background:#152329}.phone .status-bar>span{font-size:9px;letter-spacing:.3px}.phone .home-bar{display:block;position:absolute;bottom:7px;left:36%;width:28%;height:4px;border-radius:6px;background:#181818}.phone-rail{position:absolute;right:-4px;top:165px;width:3px;height:58px;border-radius:4px;background:#758078}.tone-dark .phone-surface{background:#181818}.tone-dark .status-bar{color:white}.tone-dark .home-bar{background:white}.device-label{font-size:11px;color:var(--muted);text-align:center}.green .device-label,.dark .device-label{color:#c3d5c9}.phone-pair{position:relative;height:680px;display:flex;align-items:center;justify-content:center}.phone-pair .phone{width:270px}.phone-pair .back-phone{position:absolute;left:-4%;top:0;width:auto;transform:rotate(-5deg)}.phone-pair .front-phone{position:absolute;right:-2%;top:65px;width:auto;transform:rotate(5deg)}.phone-pair .device-label{display:none}.phone-pair .status-bar{font-size:9px}.phone-pair .phone-surface{border-radius:34px}.phone-pair .phone{border-radius:41px}.concept .phone-surface{min-height:610px}.concept .wordmark{width:132px;margin:16px auto 26px}.concept-body{padding:0 19px 25px;color:var(--ink)}.concept-back{font-size:11px;color:var(--green);margin:0 0 10px}.concept-body h3{font:600 24px/1.1 Inter,sans-serif;letter-spacing:-.04em;margin:0 0 10px}.concept-body>p:not(.concept-back){font-size:11px;line-height:1.4;margin:0 0 18px;color:#657168}.concept-card{border-radius:19px;background:var(--green);color:white;padding:18px;position:relative;overflow:hidden;margin-bottom:15px;min-height:155px}.concept-card .symbol{position:absolute;width:105px;right:-12px;top:18px;opacity:.3}.concept-card>span{font-size:11px}.concept-card>strong{display:block;font:600 22px/1.1 Inter,sans-serif;letter-spacing:-.04em;margin:15px 0 10px}.concept-card>small{font-size:9px}.concept-row{padding:10px 0;border-bottom:1px solid #e4e9e5;display:flex;justify-content:space-between;gap:10px;font-size:10px}.concept-row>span{color:#667269}.concept-row strong{font-weight:600;text-align:right;max-width:60%}.concept-cta{display:flex;gap:10px;align-items:center;justify-content:center;border-radius:22px;padding:13px 10px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:600;margin-top:18px;min-height:42px}.concept-cta svg{width:17px;height:17px}.concept-status{display:block;font-size:9px;text-align:center;margin-top:14px;color:#68776d}.journey{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:10px 0 0}.journey li{border-top:1px solid #20292350;padding-top:20px}.journey li>span{font:400 65px/1 Inter,sans-serif;letter-spacing:-.06em;color:var(--green)}.journey h3{font:600 28px/1.2 Inter,sans-serif;letter-spacing:-.04em;margin:25px 0 12px}.journey p{font-size:17px;max-width:26ch;margin:0}.theme-switch{display:inline-flex;gap:4px;border:1px solid #20292350;padding:4px;border-radius:30px;margin-top:25px}.theme-switch button{padding:9px 18px;border:0;border-radius:24px;background:none;min-height:42px;font-size:13px}.theme-switch button[aria-pressed=true]{background:var(--ink);color:white}.mini-feature{display:flex;align-items:flex-start;gap:24px;margin-top:28px;max-width:390px}.mini-feature>span{font-size:12px;border-radius:50%;border:1px solid #20292345;display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none}.mini-feature p{font-size:16px;line-height:1.55;margin:0}.mini-feature b{font-weight:600}.score-explainer{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.score-crop{position:relative;aspect-ratio:1.14;overflow:hidden;border-radius:28px;background:#f5f5f7}.score-crop>img{position:absolute;top:-38%;left:0;width:100%;height:auto}.score-notes article{padding:20px 0;border-bottom:1px solid #20292330}.score-notes article>span{font:600 23px Inter,sans-serif;letter-spacing:-.03em}.score-notes p{font-size:16px;max-width:31ch;margin:10px 0 0}.recipient-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;max-width:450px}.recipient-checks span{border-bottom:1px solid #20292340;font-size:14px;padding:12px 0}.case-explorer{display:grid;grid-template-columns:1fr 1.5fr;gap:7vw;margin-top:5px}.case-tabs{display:flex;flex-direction:column;align-items:stretch;gap:4px}.case-tabs button{border:0;border-bottom:1px solid #20292335;background:none;min-height:55px;padding:12px 18px;text-align:left;font:400 24px Inter,sans-serif;letter-spacing:-.04em}.case-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-radius:10px}.case-panels article h3{font:600 clamp(26px,2.9vw,44px)/1.12 Inter,sans-serif;letter-spacing:-.04em;margin:0 0 20px}.case-panels article>p{font-size:18px;max-width:36ch}.case-panels .editorial-list{margin-top:24px}.ecosystem{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:center;margin-top:35px}.ecosystem article{flex:1}.ecosystem article>span{font:600 24px Inter,sans-serif;letter-spacing:-.04em}.ecosystem article p{font-size:16px;line-height:1.55}.ecosystem-core{background:#eff5ef;padding:30px 20px;border-radius:30px}.ecosystem-core .symbol{width:110px;margin:0 auto 24px}.connector svg{width:40px;height:40px}.design-family{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:70px}.art-line{display:flex;align-items:center;gap:0}.art-line>img{width:35%;mix-blend-mode:multiply}.art-line>img:nth-child(2){width:40%;margin:-15px -5% 0}.font-line{display:flex;gap:25px;justify-content:space-between}.font-line>div{display:flex;flex-direction:column;gap:12px}.font-line span{font-size:66px;letter-spacing:-.05em;line-height:1}.font-inter{font-family:Inter,sans-serif}.font-geist{font-family:Geist,sans-serif}.font-poppins{font-family:Poppins,sans-serif}.font-line b{font-size:15px}.font-line small{font-size:11px}.principles-list{display:grid;grid-template-columns:1fr 1fr;gap:35px 80px}.principles-list article{padding-top:24px;border-top:1px solid #ffffff55}.principles-list h3{font:400 32px/1.1 Inter,sans-serif;letter-spacing:-.04em;margin:0 0 15px}.principles-list p{font-size:17px;max-width:35ch;color:#d1d8d3}.closing>.section-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:40px}.closing-lockup{display:flex;align-items:center;gap:18px;margin:0 0 50px}.closing-lockup .symbol{width:74px}.closing-lockup .wordmark{width:255px}.closing h2{font-size:clamp(48px,7vw,115px);margin:0}.closing-tagline{font:400 21px Poppins,sans-serif;margin:25px 0 32px}.closing-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.source-details{margin-top:55px;width:min(680px,100%);text-align:left;font-size:13px}.source-details summary{cursor:pointer;text-align:center;padding:12px;min-height:44px}.source-details>div{padding:14px 0;line-height:1.65}.source-details a{text-decoration:underline;text-underline-offset:3px}.closing footer{width:100%;margin-top:40px;border-top:1px solid #20292345;padding:22px 0 30px;display:flex;gap:22px;justify-content:space-between;font-size:11px}.closing .folio{display:none}
.step-list{list-style:none;counter-reset:steps;padding:0;margin:30px 0}.step-list li{counter-increment:steps;position:relative;padding:15px 0 15px 42px;border-bottom:1px solid #20292335;font-size:15px}.step-list li:before{content:counter(steps);position:absolute;left:0;top:17px;font-size:12px;color:var(--green)}.step-list b,.step-list span{display:block}.step-list span{color:var(--muted);margin-top:5px;font-size:14px}.product-quote{font:400 clamp(22px,2.3vw,34px)/1.3 Inter,sans-serif;letter-spacing:-.035em;border-left:2px solid var(--green);margin:32px 0;padding-left:25px}.ladder-metrics{display:flex;gap:24px;margin:35px 0}.ladder-metrics b{display:block;font:600 36px/1.1 Inter,sans-serif;letter-spacing:-.045em}.ladder-metrics span{display:block;font-size:12px;margin-top:10px}.league-path{font-size:14px;line-height:1.8;max-width:40ch}.league-path span{color:var(--mint);padding:0 6px}
.page-nav{position:fixed;z-index:25;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid #ffffff25;border-radius:38px;background:#202923ef;color:white;padding:5px 9px;box-shadow:0 7px 25px #00000018;backdrop-filter:blur(15px);font-size:12px;font-variant-numeric:tabular-nums;max-width:calc(100vw - 25px)}.page-nav button{border:0;border-radius:50%;background:none;color:inherit;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:none}.page-nav svg{width:22px;height:22px}#prev-page svg{transform:rotate(180deg)}#page-title{max-width:225px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid #ffffff45;padding-left:14px;margin:0 5px}.counter-divider,#page-total{opacity:.6}.reading-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--lime);z-index:35;transform:scaleX(0);transform-origin:left}
dialog{border:0;padding:0}#contents{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:#181818;color:white;overflow:auto;overscroll-behavior:contain}#contents[open]{animation:menu-enter 240ms var(--ease-out)}#contents::backdrop{background:#181818}.menu-top{display:flex;align-items:center;gap:25px;padding:26px 40px;position:sticky;top:0;z-index:1;background:#181818}.menu-top .wordmark{width:182px}.menu-top .menu-pill{background:white;color:var(--ink)}.menu-top .menu-pill>span{font-size:21px;line-height:1}.menu-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:30px 8vw 70px}.menu-primary{display:flex;flex-direction:column;align-items:flex-start}.menu-primary h2{font:600 clamp(48px,6vw,90px)/.98 Inter,sans-serif;letter-spacing:-.06em;margin:10px 0 40px;color:var(--mint)}.menu-primary>a{font:400 clamp(25px,3.3vw,48px)/1.1 Inter,sans-serif;letter-spacing:-.045em;padding:10px 0;min-height:44px}.menu-primary>button{font-size:12px;border:1px solid #79847e;background:none;color:white;min-height:44px;padding:12px 16px;border-radius:30px;margin-top:35px}.menu-pages label{font-size:13px;display:block;margin-bottom:10px}.menu-pages input{border:1px solid #7b847e;background:none;color:white;border-radius:6px;padding:15px;width:100%;margin-bottom:32px}.menu-pages input::placeholder{color:#adb6b0}.menu-group{margin-bottom:24px}.menu-group h3{font-size:12px;font-weight:400;color:var(--mint);margin:0 0 8px}.menu-group ol{list-style:none;margin:0;padding:0}.menu-page a{display:flex;gap:16px;padding:12px 0;min-height:44px;font-size:14px}.menu-page span{font-size:11px;color:#a5b2a9;min-width:20px}.menu-page a[aria-current=page]{color:var(--lime)}.menu-page a[aria-current=page] span{color:var(--lime)}#screen-viewer{position:fixed;inset:0;margin:auto;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);background:#f2f5f1;border-radius:20px;padding:55px 30px 20px;overflow:auto;color:var(--ink)}#screen-viewer::backdrop{background:#001d16cc;backdrop-filter:blur(8px)}#screen-close{position:absolute;top:10px;right:14px;border:0;background:none;min-height:36px;font-size:13px}#screen-image{height:calc(100dvh - 160px);width:auto;max-width:100%;object-fit:contain;margin:auto}#screen-caption{font-size:12px;text-align:center;max-width:430px;margin:16px auto 0}#status{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:60;border-radius:15px;padding:13px 22px;background:var(--ink);color:white;box-shadow:0 8px 30px #0003;font-size:13px;max-width:calc(100vw - 30px)}#status:empty{display:none}
@keyframes menu-enter{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.text-link:hover svg,.header-site:hover svg{transform:translateX(4px)}.menu-page a:hover,.menu-primary>a:hover{color:var(--mint)}.case-tabs button:not([aria-pressed=true]):hover{background:#ffffff45}.phone[data-screen]:hover{box-shadow:inset 0 0 0 2px #454a47,0 40px 65px -20px #14241970}.swatch:hover{transform:translateY(-3px)}.page-nav button:hover{background:#ffffff20}}
@media(min-width:1900px){.section-body{padding-left:125px;padding-right:125px}.hero-copy{padding-left:max(125px,calc((100vw - 1450px)/2))}.phone{width:355px}.case-photo{max-height:760px;height:70vh}.hero h1{font-size:138px}}
@media(max-width:1100px){#site-header{padding:24px 30px}.section-body{padding:120px 6vw 100px}.section.split>.section-body,.section.case-scene>.section-body{gap:5vw}.copy h2{font-size:48px}.copy .lede{font-size:17px}.phone{width:275px;border-radius:42px}.phone-surface{border-radius:35px}.concept-body{padding-left:16px;padding-right:16px}.concept-body h3{font-size:22px}.phone-callout{width:175px;right:-15px;bottom:115px;font-size:12px;padding:14px}.phone-with-callout{padding-right:15px}.phone-pair .phone{width:220px}.phone-pair{height:570px}.phone-pair .back-phone{left:-6%}.phone-pair .front-phone{right:-3%}.phone-pair .phone-surface{border-radius:28px}.phone-pair .phone{border-radius:36px}.hero-signature .wordmark{width:180px}.score-explainer{gap:40px}.design-family{gap:30px;grid-template-columns:1fr 1fr}.font-line{gap:12px}.font-line span{font-size:52px}.principles-list{gap:22px 40px}.case-copy .copy .lede{font-size:16px}.case-photo{min-height:400px}.measure-spec{gap:8px}.mini-feature{gap:16px}.menu-layout{gap:5vw}.pillar-art{height:145px}}
@media(max-width:760px){#site-header{padding:17px 20px;gap:16px}.header-brand{width:145px}.header-site{display:none}.menu-pill{margin-left:auto;min-height:42px;padding:10px 16px;font-size:12px}.section-body{padding:105px 24px 94px}.section.split>.section-body,.section.case-scene>.section-body{grid-template-columns:1fr;gap:40px}.section.stack>.section-body{gap:28px}.section{min-height:100svh}.section .folio{bottom:31px;right:25px;font-size:10px}.copy h2,.case-copy .copy h2,.portrait .copy h2,.use-response .copy h2{font-size:clamp(39px,9.2vw,64px);margin-bottom:22px}.eyebrow{font-size:12px;margin-bottom:18px}.copy .lede,.use-response .copy .lede,.case-copy .copy .lede{font-size:16px;line-height:1.6;max-width:50ch}.hero-media{left:0;inset:-4%;bottom:15%}.hero-media img{object-position:57% 26%;object-fit:cover}.hero-shade{background:linear-gradient(0deg,#003d2d 0%,#003d2de6 23%,#003d2d30 65%,#003d2d30 100%)}.hero-copy{padding:140px 25px 125px;justify-content:flex-end;min-height:100svh}.hero h1{font-size:clamp(52px,12vw,90px);letter-spacing:-.065em;line-height:.99;margin-bottom:23px}.hero-copy>p:not(.hero-tag){font-size:17px;margin-bottom:25px}.hero-tag{font-size:12px;margin-bottom:16px}.hero-signature{display:none}.hero .pill{min-height:47px;font-size:13px;padding:12px 19px}.large-symbol{width:270px}.symbol-stage{min-height:360px;gap:30px}.geometry{padding:20px 23px}.measure.side{left:-48px}.grid-symbol{max-width:400px;margin:auto}.measure-spec{margin-top:22px;gap:15px}.measure-spec b{font-size:22px}.measure-spec span{font-size:10px}.fibonacci{width:100%;margin:20px auto 20px}.fibonacci+.note{margin-top:5px}.fib-narrow>div{padding:6px}.fib-small span{padding:12px}.wordmark-stage{padding:70px 0;min-height:270px;display:flex;flex-direction:column;justify-content:center}.wordmark-stage .wordmark{width:100%}.wordmark-stage p{font-size:11px;margin-top:30px}.type-baseline{top:59%;left:0;right:0}.palette{grid-template-columns:1fr 1fr;gap:8px}.swatch{min-height:150px;padding:19px}.swatch-0{grid-row:auto;grid-column:span 2;min-height:180px}.swatch-5{grid-column:span 2;min-height:115px}.swatch span{font-size:18px}.swatch b{font-size:14px}.swatch small{font-size:11px}.tagline-display h2{font-size:clamp(58px,13vw,100px)}.tagline-display>p:last-child{font-size:20px}.tagline-font{font-size:11px;gap:20px}.signature-lockup{gap:20px;margin:20px 0}.signature-lockup .symbol{width:150px}.signature-lockup .wordmark{width:100%;max-width:360px}.signature-lockup p{font-size:18px}.lockup-strip{gap:20px;font-size:10px}.editorial-photo{max-height:500px;aspect-ratio:1;border-radius:25px;grid-row:2}.pillars{grid-template-columns:1fr;gap:30px}.pillars article{display:grid;grid-template-columns:100px 1fr;gap:0 18px;align-items:start}.pillar-art{grid-row:span 2;height:110px;object-position:center}.pillars h3{font-size:26px;margin:8px 0 12px}.pillars p{font-size:15px;max-width:none;margin:0}.profiles{gap:25px;grid-template-columns:1fr}.profiles article{display:grid;grid-template-columns:90px 1fr;gap:0 20px}.profile-avatar{width:90px;height:90px;grid-row:span 3}.profiles h3{font-size:24px;margin-bottom:10px}.profiles p{font-size:15px;margin:0 0 12px}.profiles article>span:last-child{grid-column:2;font-size:11px}.use-index{gap:0 22px}.use-link{font-size:22px;padding:20px 0}.use-link svg{width:22px;height:22px}.case-photo{height:420px;min-height:0;grid-row:2;border-radius:24px}.case-copy{grid-row:1}.case-question{font-size:19px;margin-top:24px}.phone{width:300px;max-width:88vw;border-radius:46px}.phone-surface{border-radius:39px}.device-group{padding:0}.phone-with-callout{padding-right:30px;max-width:400px;justify-self:center}.phone-callout{width:170px;right:-10px;bottom:100px}.concept .phone-surface{min-height:605px}.concept-body h3{font-size:24px}.concept .wordmark{width:145px}.concept-body{padding:0 20px 25px}.concept-body>p:not(.concept-back){font-size:12px}.concept-row{font-size:11px}.concept-status{font-size:9px}.concept-cta{font-size:12px}.journey{grid-template-columns:1fr;gap:22px}.journey li{display:grid;grid-template-columns:40px 1fr;gap:0 20px}.journey li>span{grid-row:span 2;font-size:42px}.journey h3{font-size:25px;margin:2px 0 10px}.journey p{font-size:16px;max-width:none}.reverse .device-group{grid-row:2}.section.split:not(.use-response)>.section-body>.device-group:first-child{grid-row:2}.mini-feature{margin-top:23px}.mini-feature p{font-size:15px}.score-explainer{grid-template-columns:1fr;gap:24px}.score-crop{max-width:470px;width:100%;justify-self:center;border-radius:22px}.score-notes article{padding:18px 0}.score-notes p{max-width:none;font-size:15px}.score-notes article>span{font-size:21px}.phone-pair{height:580px;max-width:450px;width:100%;justify-self:center}.phone-pair .phone{width:235px}.phone-pair .back-phone{left:0}.phone-pair .front-phone{right:0;top:65px}.evidence-list{margin-top:24px}.editorial-list li{font-size:15px}.large-aside{font-size:26px;margin:26px 0}.note{font-size:12px}.recipient-checks{gap:10px}.recipient-checks span{font-size:12px}.case-explorer{grid-template-columns:1fr;gap:28px}.case-tabs{flex-direction:row;flex-wrap:wrap;gap:6px}.case-tabs button{min-height:44px;font-size:15px;padding:10px 14px;border:1px solid #20292335;border-radius:25px}.case-tabs button[aria-pressed=true]{border-radius:25px}.case-panels article h3{font-size:30px}.case-panels article>p{font-size:16px}.ecosystem{flex-direction:column;gap:18px;margin-top:5px}.ecosystem article{width:100%}.ecosystem article>span{font-size:23px}.ecosystem article p{font-size:15px}.ecosystem-core{padding:25px 20px;max-width:400px}.ecosystem-core .symbol{width:90px;margin-bottom:20px}.connector svg{transform:rotate(90deg);width:27px;height:27px}.design-family{grid-template-columns:1fr;gap:45px}.font-line{justify-content:space-around;gap:10px}.art-line{max-width:500px;margin:auto}.font-line span{font-size:58px}.principles-list{grid-template-columns:1fr;gap:15px}.principles-list h3{font-size:29px;margin-bottom:12px}.principles-list p{font-size:16px;max-width:none}.closing-lockup{gap:12px;margin-bottom:40px}.closing-lockup .symbol{width:55px}.closing-lockup .wordmark{width:220px}.closing h2{font-size:clamp(43px,10vw,75px)}.closing-tagline{font-size:18px}.closing-links{gap:12px}.closing-links .pill{font-size:13px;padding:12px 18px;min-height:48px}.closing footer{flex-direction:column;align-items:center;gap:11px;padding-bottom:70px}.source-details{font-size:12px;margin-top:35px}.page-nav{bottom:16px;gap:8px;padding:4px 6px;font-size:11px}.page-nav button{width:34px;height:36px}#page-title{max-width:155px;font-size:10px;padding-left:10px;margin:0 1px}.menu-top{padding:17px 20px;gap:16px}.menu-top .wordmark{width:145px}.menu-top .menu-pill{margin-left:auto}.menu-layout{grid-template-columns:1fr;padding:20px 25px 55px;gap:40px}.menu-primary h2{font-size:60px;margin:15px 0 25px}.menu-primary>a{font-size:29px;padding:8px 0}.menu-primary>button{margin-top:22px}.menu-page a{font-size:14px}.menu-pages input{font-size:16px}#screen-viewer{padding:55px 12px 18px}#screen-image{height:auto;max-height:calc(100dvh - 150px)}#screen-caption{font-size:11px}}
@media(max-width:380px){#site-header{gap:12px;padding-left:16px;padding-right:16px}.header-brand{width:130px}.section-body{padding-left:20px;padding-right:20px}.hero h1{font-size:49px}.copy h2{font-size:37px}.phone-pair .phone{width:210px}.phone-pair{height:525px}.phone{width:280px}.phone-callout{width:150px;right:-5px;font-size:11px}.phone-with-callout{padding-right:15px}#page-title{max-width:120px}.use-link{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-media{transform:none!important;will-change:auto}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-paused .hero-media{transform:none!important;will-change:auto}
body.keyboard-navigation *,body.keyboard-navigation *::before,body.keyboard-navigation *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-transparency:reduce){.page-nav{background:#202923;backdrop-filter:none}.case-photo .image-caption{background:white;backdrop-filter:none}}
@media(prefers-contrast:more){.note,.device-label,.stage-caption{color:inherit}.page-nav{background:#181818;border-color:white}.eyebrow{font-weight:600}.editorial-list li{border-color:currentColor}}
@media print{#site-header,.page-nav,.reading-progress,dialog,#status,.skip-link{display:none!important}.section{min-height:0;break-after:page}.section-body{min-height:0;padding:50px}.hero-copy{min-height:750px}.phone{box-shadow:none}.source-details>div{display:block}.section:last-child{break-after:auto}}
.capture-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.capture-actions .pill{font-size:14px}