:root{--bg: #f7f8f9;--bg-translucent: #f7f8f9e6;--ink: #0d1117;--ink-soft: #2c333b;--muted: #565e68;--hairline: #e2e5e9;--hairline-strong: #d3d8dd;--card: #ffffff;--grid-line: #0d111708;--blue: oklch(.6 .19 260);--font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono: "Space Mono", "SFMono-Regular", Menlo, monospace;--size-h1: clamp(34px, 10.5vw, 176px);--size-h2: clamp(44px, 7vw, 110px);--size-lead: clamp(22px, 2.4vw, 30px);--size-stat: clamp(40px, 4.2vw, 64px);--size-closing: clamp(24px, 3vw, 40px);--size-hindsight: clamp(19px, 2vw, 24px);--size-ghost: clamp(140px, 26vw, 380px);--content-max: 1320px;--pad-x: 32px;--section-pad: 90px;--ease-zoom: cubic-bezier(.7, 0, .2, 1);--ease-reveal: cubic-bezier(.2, .7, .2, 1);--accent: var(--ink);--accent-text: var(--ink);--tint: transparent;--stripe: var(--hairline)}@media(max-width:640px){:root{--pad-x: 20px;--section-pad: 64px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:clip}body.is-locked{overflow:hidden}a{color:var(--ink);text-decoration:none}a:hover{color:var(--muted)}::selection{background:var(--ink);color:var(--bg)}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.mono-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.mono-label--wide{font-size:11px;letter-spacing:.16em}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:80px 80px}.grid-glow{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px var(--pad-x);border-bottom:1px solid var(--hairline);background:var(--bg-translucent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav__name{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em}.nav__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--muted)}.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--pad-x) 0;position:relative}.hero__inner{max-width:var(--content-max);margin:0 auto;width:100%;position:relative}.hero__chips{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px}.chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--muted);border:1px solid var(--hairline-strong);padding:6px 12px;white-space:nowrap}.hero__title{font-weight:700;font-size:var(--hero-size, var(--size-h1));line-height:.92;margin:0 0 48px;letter-spacing:-.04em;text-transform:uppercase}.hero__line{display:block}.hero__line-inner{display:inline-block}.hero__underscore{color:var(--blue)}.hero__strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));border-top:1px solid var(--hairline-strong)}.hero__cell{border-right:1px solid var(--hairline-strong);padding:22px 24px}.hero__cell:first-child{padding-left:0}.hero__cell:last-child{border-right:none;padding-right:0}.hero__cell .mono-label{margin-bottom:8px}.hero__cell p{font-size:15px;line-height:1.55;margin:0;color:var(--ink-soft)}@media(max-width:640px){.hero__cell,.hero__cell:first-child,.hero__cell:last-child{border-right:none;border-bottom:1px solid var(--hairline-strong);padding:18px 0}}.js-anim .hero__chips .chip{opacity:0;transform:translateY(14px)}.js-anim .hero__line-inner{opacity:0;transform:translateY(36px)}.js-anim .hero__strip{opacity:0;transform:translateY(20px)}.index{max-width:var(--content-max);margin:0 auto;padding:110px var(--pad-x);position:relative}.index__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:24px}.index__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px}.card{background:var(--card);border:1px solid var(--hairline);padding:28px;cursor:pointer;position:relative;text-align:left;display:block;width:100%;transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover,.card:focus-visible{transform:translateY(-6px);box-shadow:0 24px 48px -24px #0d111740;border-color:var(--accent)}.card__top{display:flex;justify-content:space-between;gap:12px;margin-bottom:56px}.card__num{font-family:var(--font-mono);font-size:12px;color:var(--accent-text)}.card__tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-align:right}.card__still{aspect-ratio:2 / 1;overflow:hidden;margin-bottom:24px;background:repeating-linear-gradient(-45deg,var(--stripe) 0 6px,transparent 6px 14px);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center}.card__still img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}.card__still span{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--muted);background:var(--card);padding:4px 10px}.card__title{display:block;font-weight:700;font-size:26px;line-height:1.12;margin:0 0 10px;letter-spacing:-.02em}.card__teaser{display:block;font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 24px}.card__enter{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--accent-text)}.card--pending{cursor:default;background:transparent;border-style:dashed}.card--pending:hover{transform:none;box-shadow:none;border-color:var(--hairline)}.card--pending .card__num,.card--pending .card__title,.card--pending .card__enter{color:var(--muted)}.card--pending .card__still{opacity:.45}.closing{border-top:1px solid var(--hairline);padding:110px var(--pad-x) 130px;text-align:center;position:relative}.closing__label{display:block;margin-bottom:24px}.closing__statement{font-size:var(--size-closing);line-height:1.3;font-weight:500;letter-spacing:-.015em;max-width:820px;margin:0 auto 40px}.closing__accent{color:var(--blue)}.closing__links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.btn-link{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;border:1px solid var(--hairline-strong);padding:12px 20px;transition:background .2s,color .2s,border-color .2s}.btn-link:hover,.btn-link:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink)}@media(prefers-reduced-motion:reduce){.card,.btn-link{transition:none}html{scroll-behavior:auto}}.chapter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);overflow:hidden}.chapter[hidden]{display:none}.chapter__scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden}.chapter__bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--pad-x);border-bottom:1px solid var(--hairline);background:var(--bg-translucent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.chapter__bar-id{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--accent-text)}.chapter__progress{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);width:0%}.chapter__close{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;background:var(--card);border:1px solid var(--hairline-strong);padding:8px 16px;transition:background .2s,color .2s}.chapter__close:hover,.chapter__close:focus-visible{background:var(--ink);color:#fff}.chapter__close .esc{opacity:.5}.chapter__cover{min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;padding:80px var(--pad-x) 56px;position:relative;overflow:hidden;background:var(--bg)}.chapter__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--bg) 30%,var(--tint));pointer-events:none}.chapter__ghost,.chapter__cover-inner{z-index:1}.chapter__ghost{position:absolute;top:6vh;right:var(--pad-x);font-family:var(--font-mono);font-weight:700;font-size:var(--size-ghost);line-height:1;color:var(--grid-line);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform}.chapter__cover-inner{max-width:var(--content-max);margin:0 auto;width:100%;position:relative}.chapter__title{font-weight:700;font-size:var(--size-h2);line-height:.96;margin:0 0 36px;letter-spacing:-.035em;text-transform:uppercase;max-width:1050px;will-change:transform}.chapter__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));border-top:1px solid var(--hairline-strong);max-width:1000px}.chapter__meta-cell{padding:18px 20px 0 0}.chapter__meta-cell .mono-label{margin-bottom:6px}.chapter__meta-cell div:last-child{font-size:14px;font-weight:500}.chapter__body{max-width:var(--content-max);margin:0 auto;padding:0 var(--pad-x)}.section{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:var(--section-pad) 0;border-top:1px solid var(--hairline)}.section__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--muted)}.section--roads{display:block}.section--roads .section__head{display:grid;grid-template-columns:200px 1fr;gap:40px;margin-bottom:48px}.section p.lead{font-size:var(--size-lead);line-height:1.35;font-weight:500;letter-spacing:-.01em;margin:0 0 20px}.section p.body{font-size:16px;line-height:1.65;color:var(--muted);margin:0;max-width:740px}.section .context-wrap{max-width:740px}.roads{display:grid;gap:20px}.road{position:sticky;background:var(--card);border:1px solid var(--hairline);padding:32px;display:grid;grid-template-columns:minmax(110px,max-content) 1fr 200px;gap:28px;align-items:start;box-shadow:0 -12px 32px -24px #0d111730}.road--shipped{border-color:var(--accent)}.road__status{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;padding:5px 10px;border:1px solid var(--muted);color:var(--muted);text-align:center;white-space:nowrap}.road--shipped .road__status{border-color:var(--accent-text);color:var(--accent-text)}.road__name{font-size:20px;font-weight:700;margin:0 0 8px;letter-spacing:-.015em}.road__why{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.road__call{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--muted);border-left:1px solid var(--hairline);padding-left:20px}.road__call span{color:var(--ink)}.demo-shell{background:var(--card);border:1px solid var(--hairline);padding:40px 32px}.demo-caption{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:24px;text-align:center}.ai-notes{display:grid;gap:14px;max-width:780px}.ai-note{display:grid;grid-template-columns:120px 1fr;gap:24px;background:var(--card);border:1px solid var(--hairline);border-left:3px solid var(--accent);padding:20px 24px}.ai-note__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--accent-text)}.ai-note p{font-size:15px;line-height:1.65;color:var(--ink-soft);margin:0}.calls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:40px;max-width:900px}.calls__col-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;margin-bottom:16px}.calls__col-label--mine{color:var(--accent-text)}.calls__col-label--team{color:var(--muted)}.calls__list{display:grid;gap:12px}.calls__list p{font-size:15px;line-height:1.6;margin:0;border-bottom:1px solid var(--hairline);padding-bottom:12px}.calls__list--team p{color:var(--muted)}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;margin-bottom:48px}.result{background:var(--card);border:1px solid var(--hairline);padding:28px}.result__n{font-weight:700;font-size:var(--size-stat);line-height:1;letter-spacing:-.03em;color:var(--accent-text)}.result__label{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.5}.hindsight{font-size:var(--size-hindsight);line-height:1.5;font-weight:500;margin:0;max-width:700px}.chapter__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hairline);padding:32px 0 64px;gap:16px;flex-wrap:wrap}.chapter__back{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;background:var(--card);border:1px solid var(--hairline-strong);padding:14px 24px;transition:background .2s,color .2s}.chapter__back:hover,.chapter__back:focus-visible{background:var(--ink);color:#fff}.chapter__next{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:14px 24px;transition:background .2s,color .2s}.chapter__next:hover,.chapter__next:focus-visible{background:var(--card);color:var(--ink)}.js-anim [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-reveal),transform .8s var(--ease-reveal)}.js-anim [data-reveal].is-revealed{opacity:1;transform:translateY(0)}@media(max-width:860px){.section,.section--roads .section__head{grid-template-columns:1fr;gap:20px}.road{grid-template-columns:1fr;gap:18px;padding:24px}.road__status{justify-self:start}.road__call{border-left:none;border-top:1px solid var(--hairline);padding-left:0;padding-top:14px}.ai-note{grid-template-columns:1fr;gap:10px}.demo-shell{padding:20px}.chapter__ghost{top:10vh}}@media(prefers-reduced-motion:reduce){.chapter__close,.chapter__back,.chapter__next{transition:none}}.pd__toggles{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.pd__toggle{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;padding:10px 18px;border:1px solid var(--hairline-strong);background:var(--card);color:var(--muted);transition:background .2s,color .2s,border-color .2s}.pd__toggle[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.pd__panel{max-width:420px;margin:0 auto;background:var(--bg);border:1px solid var(--hairline);border-radius:8px;overflow:hidden;font-size:13px}.pd__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--hairline);background:var(--card)}.pd__head strong{font-size:14px}.pd__send{font-size:12px;padding:6px 12px;border-radius:5px;background:var(--accent);color:#fff;font-family:var(--font-display);transition:opacity .2s}.pd__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #eceef1;transition:background .15s}.pd__row:hover{background:#eef0f3}.pd__row-k{font-size:11px;color:var(--muted)}.pd__act{font-size:11px;padding:4px 10px;border:1px solid var(--accent);border-radius:4px;background:transparent;color:var(--accent-text);font-family:var(--font-mono);transition:background .2s,color .2s}.pd__act[data-done=true]{background:var(--accent);color:#fff}.pd__footnote{padding:12px 16px;font-size:12px;color:var(--muted)}.proto{display:grid}.proto__poster{position:relative;display:block;width:100%;padding:0;border:1px solid var(--hairline-strong);background:var(--card);overflow:hidden;cursor:pointer;line-height:0}.proto__poster img{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s;filter:saturate(.94)}.proto__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d111700 45%,#0d111766);transition:opacity .35s}.proto__poster:hover img,.proto__poster:focus-visible img{transform:scale(1.015);filter:saturate(1)}.proto__poster:hover:after,.proto__poster:focus-visible:after{opacity:.75}.proto__cta{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:1;display:inline-flex;align-items:center;gap:12px;padding:13px 22px;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1;transition:background .25s}.proto__poster:hover .proto__cta,.proto__poster:focus-visible .proto__cta{background:var(--accent)}.proto__cta-mark{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}.proto__caption{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--muted);margin:20px 0 0;text-align:center}@keyframes protoIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.proto-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:var(--bg);animation:protoIn .3s cubic-bezier(.2,.7,.2,1)}.proto-layer__bar{flex:none;display:flex;align-items:center;gap:16px;flex-wrap:nowrap;padding:12px var(--pad-x);border-bottom:1px solid var(--hairline);background:var(--card)}.proto-layer__id{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--accent-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.proto-layer__note{font-size:12px;line-height:1.45;color:var(--muted);min-width:0}.proto-layer__open,.proto-layer__close{font-family:var(--font-mono);letter-spacing:.12em;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.proto-layer__open{margin-left:auto;font-size:11px;border:1px solid var(--hairline-strong);background:var(--bg);padding:10px 14px}.proto-layer__open:hover,.proto-layer__open:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink)}.proto-layer__close{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:10px 12px 10px 16px;font-size:12px;font-weight:700}.proto-layer__close:hover,.proto-layer__close:focus-visible{background:var(--accent);border-color:var(--accent)}.proto-layer__x{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ffffff26;font-size:11px;line-height:1}.proto-layer__stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#171b22}.proto-layer.has-gutter .proto-layer__stage{cursor:zoom-out}.proto-layer__stage iframe{cursor:auto}.proto-layer__stage iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center;border:0;display:block;background:#fff;box-shadow:0 30px 90px -30px #00000080}.proto-layer__hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;display:none}.proto-layer.has-gutter .proto-layer__hint{display:block}.proto-layer__fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:20px 24px;background:var(--card);border:1px solid var(--hairline-strong);font-size:14px;line-height:1.5;color:var(--ink);text-align:center;max-width:420px}.proto-layer__fallback[hidden]{display:none}.proto-layer__fallback a{text-decoration:underline}@media(max-width:900px){.proto-layer__note{display:none}}@media(max-width:560px){.proto-layer__bar{gap:8px;padding:10px 16px}.proto-layer__open{padding:9px 10px;letter-spacing:.08em}.proto-layer__close{padding:9px 10px 9px 13px;gap:8px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.proto-layer{animation:none}.proto__poster img,.proto__poster:after,.proto__cta,.proto-layer__open,.proto-layer__close{transition:none}.proto__poster:hover img,.proto__poster:focus-visible img{transform:none}}