:root{--bg: #050506;--ink-rgb: 244 244 246;--ink: rgb(var(--ink-rgb));--dim: rgb(var(--ink-rgb) / .42);--faint: rgb(var(--ink-rgb) / .26);--hair: rgb(var(--ink-rgb) / .1);--store-bg: #f4f4f6;--store-ink: #050506;--phone-frame: #18181a;--gutter: clamp(22px, 6vw, 112px);color-scheme:dark}body{background:var(--bg);color:var(--ink)}.mono{font-family:Geist Mono,ui-monospace,monospace;font-size:12.5px;letter-spacing:.02em;color:var(--faint)}.top{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);background:linear-gradient(var(--bg) 30%,rgb(5 5 6 / 0))}.logo{font-weight:800;font-size:24px;letter-spacing:-.06em}.lit{margin:0;font-weight:600;letter-spacing:-.052em;text-wrap:balance;color:rgb(var(--ink-rgb) / calc(.1 + .16 * var(--p, 0)))}.lit b{font-weight:inherit;color:rgb(var(--ink-rgb) / calc(.26 + .74 * var(--l, 0)))}.line b{transition:color .3s linear}.line{font-size:clamp(40px,6.4vw,108px);line-height:1.02;max-width:12.5em}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--gutter) 64px;position:relative}.hero-line{font-size:clamp(54px,9.2vw,158px);line-height:.96;letter-spacing:-.06em;max-width:9.5em;color:rgb(var(--ink-rgb) / .26);transition:color 1.6s ease}.hero-line b{color:rgb(var(--ink-rgb) / .26);transition:color 1.1s cubic-bezier(.22,1,.36,1)}.hero.on .hero-line b{color:var(--ink)}.hero.on .hero-line b:nth-of-type(1){transition-delay:.45s}.hero.on .hero-line b:nth-of-type(2){transition-delay:.95s}.hero-foot{display:flex;align-items:center;gap:22px;margin-top:clamp(40px,5vw,64px);flex-wrap:wrap;opacity:0;transform:translateY(14px);transition:opacity 1s ease 1.4s,transform 1.2s cubic-bezier(.22,1,.36,1) 1.4s}.hero.on .hero-foot{opacity:1;transform:none}.hero-foot .mono{margin:0}.scroll{position:absolute;left:var(--gutter);bottom:34px;margin:0;animation:breathe 2.8s ease-in-out infinite}@keyframes breathe{50%{opacity:.35}}.beat{padding:clamp(110px,22vh,240px) var(--gutter)}.with-proof{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(40px,6vw,120px);align-items:center}.with-proof .line{font-size:clamp(40px,5.4vw,92px)}.with-proof.flip{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.with-proof.flip .proof{order:-1}.proof{margin:0;display:flex;flex-direction:column;align-items:center;gap:22px}.proof .phone{--phone-w: clamp(220px, 22vw, 300px)}.proof figcaption{text-align:center}.portrait{display:flex;flex-direction:column;gap:clamp(56px,8vw,110px)}.sample{margin:0;max-width:760px;align-self:flex-end;display:flex;flex-direction:column;gap:34px}.gauge{display:grid;grid-template-columns:auto;justify-items:start;gap:2px;color:var(--ink)}.gauge svg{width:210px;height:auto;margin-bottom:-26px}.gauge-fill{stroke-dasharray:0 100;transition:stroke-dasharray 1.6s cubic-bezier(.22,1,.36,1) .3s}.sample.filled .gauge-fill{stroke-dasharray:3 100}.pct{font-size:34px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-left:70px}.gauge .mono{margin-left:48px}.nut{margin:0;font-size:clamp(24px,2.5vw,36px);line-height:1.28;letter-spacing:-.025em;color:rgb(var(--ink-rgb) / .32)}.nut b{color:var(--ink);font-weight:500}.sample figcaption{max-width:34em;line-height:1.6}.yours .facts{list-style:none;padding:0;margin:clamp(48px,6vw,80px) 0 0;display:flex;gap:12px 40px;flex-wrap:wrap}.yours .facts li:before{content:"— ";color:var(--hair)}.end{padding:clamp(160px,28vh,300px) var(--gutter) clamp(110px,16vh,180px)}.end-line{position:relative;font-size:clamp(40px,6.4vw,108px)}.end-line .line{font-size:1em}.sitter{position:absolute;bottom:calc(100% - .17em);left:2.95em;width:1.3em;height:auto;pointer-events:none;filter:drop-shadow(0 .06em .05em rgb(0 0 0 / .5))}.end-foot{display:flex;align-items:center;gap:22px;margin-top:clamp(40px,5vw,64px);flex-wrap:wrap}.end-foot .mono{margin:0}.foot{display:flex;gap:28px;padding:36px var(--gutter) 90px;border-top:1px solid var(--hair)}.foot a:hover{color:var(--ink)}@media(max-width:860px){.with-proof,.with-proof.flip{grid-template-columns:1fr}.with-proof.flip .proof{order:0}.with-proof .line{font-size:clamp(40px,9vw,64px)}.line,.end-line{font-size:clamp(38px,10.4vw,64px)}.hero-line{font-size:clamp(52px,14.5vw,96px)}.sample{align-self:stretch}.yours .facts{flex-direction:column}}@media(prefers-reduced-motion:reduce){.hero-line b,.hero-foot,.gauge-fill{transition:none}.scroll{animation:none}}