:root{--sheet: #ffffff;--ink: #1f2328;--ink-2: #57606a;--ink-3: #8c959f;--line: #1f2328;--line-faint: #d0d7de;--green: #1a7f37;--green-bg: #dafbe1;--blue: #0969da;--blue-bg: #ddf4ff;--amber: #d4a72c;--amber-ink: #9a6700;--amber-bg: #fff8c5;--red: #cf222e;--red-bg: #ffebe9;--mono: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: clamp(20px, 3.33vw, 64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--sheet);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:var(--blue-bg);color:var(--ink)}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.12}a{color:inherit}.mono{font-family:var(--mono);font-weight:500;letter-spacing:.02em}.dot{width:9px;height:9px;border-radius:50%;background:var(--ink-3);flex:none;display:inline-block}.dot.green{background:var(--green)}.dot.blue{background:var(--blue)}.dot.amber{background:var(--amber-ink)}.dot.red{background:var(--red)}.chip{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--ink);border-radius:999px;background:var(--sheet);padding:5px 13px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;border:2px solid var(--green);border-radius:8px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.05em;text-decoration:none;padding:10px 18px;cursor:pointer;transition:transform .12s ease-out,background-color .12s ease-out}.btn-primary:hover{background:#146a2d;border-color:#146a2d}.btn-primary:active{transform:translateY(1px)}.btn-primary .dot{background:#fff}.btn-quiet{display:inline-flex;align-items:center;gap:8px;background:var(--sheet);color:var(--ink);border:2px solid var(--ink);border-radius:8px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.05em;text-decoration:none;padding:10px 18px;cursor:pointer;transition:background-color .12s ease-out}.btn-quiet:hover{background:var(--green-bg)}.section{position:relative;width:100%;padding:clamp(56px,7vh,96px) 0;border-top:1px solid var(--line-faint)}.section>.inner{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1440px;margin:0 auto}.section-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:10px}.section-head h2{font-size:clamp(28px,3vw,40px)}.section-head .chip{align-self:center;border-width:1.5px}.lede{margin:0 0 40px;max-width:62ch;color:var(--ink-2);font-size:17px}.row{display:grid;grid-template-columns:minmax(110px,150px) minmax(150px,230px) 1fr auto;gap:12px 28px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line-faint)}.row:first-of-type{border-top:2px solid var(--line)}.row .when{font-family:var(--mono);font-size:13px;color:var(--ink-2);letter-spacing:.02em}.row .what{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.01em}.row .how{margin:0;color:var(--ink-2);font-size:15px;max-width:66ch}.row .state{justify-self:end}@media(max-width:899px){.row{grid-template-columns:1fr auto;grid-template-rows:auto auto}.row .when{grid-column:1 / -1;order:-1}.row .what{grid-column:1 / -1}}.reveal{opacity:1}@media(prefers-reduced-motion:no-preference){.reveal.pending{opacity:0;transform:translateY(18px)}.reveal{transition:opacity .6s cubic-bezier(.2,.6,.2,1),transform .6s cubic-bezier(.2,.6,.2,1)}}.site-foot{border-top:1px solid var(--ink);padding:22px var(--gutter);display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-3)}.site-foot a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-faint)}.site-foot a:hover{color:var(--ink);border-color:var(--ink)}.prose{max-width:68ch}.prose h1{font-size:clamp(30px,4vw,44px);margin:0 0 18px}.prose h2{font-size:clamp(21px,2.4vw,26px);margin:44px 0 14px}.prose p{margin:0 0 18px;color:var(--ink)}.prose .meta{font-family:var(--mono);font-size:13px;color:var(--ink-3);letter-spacing:.03em;margin:0 0 28px;display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.prose .meta .chip{border-width:1.5px;padding:3px 10px}.prose code{font-family:var(--mono);font-size:.9em;background:#f6f8fa;border:1px solid var(--line-faint);border-radius:4px;padding:1px 5px}.topbar{position:absolute;top:0;left:0;right:0;height:72px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--gutter);background:var(--sheet);z-index:5}.topbar .wordmark{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:.14em;text-decoration:none;white-space:nowrap}.topbar .wordmark .tld{color:var(--ink-3);font-weight:600}.topbar nav{display:flex;gap:clamp(12px,1.8vw,26px);margin-right:auto;padding-left:clamp(12px,2.4vw,40px)}.topbar nav a{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--ink-2);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}.topbar nav a:hover{color:var(--ink);border-bottom-color:var(--ink)}.chiprow{display:flex;gap:8px}.chiprow .chip{padding:4px 11px;font-size:11px}.chiprow .chip .dot{width:8px;height:8px}.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--sheet)}.hero h1{position:absolute;left:3.3333%;top:15.5%;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.02em;max-width:46ch}.hero .sub{position:absolute;left:3.4%;top:calc(15.5% + 58px);font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--ink-2);text-transform:uppercase}.hero svg.wires{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.wires .wire{stroke:var(--line);stroke-width:2;fill:none}.wires .wire-dash{stroke:var(--ink-3);stroke-width:2;fill:none;stroke-dasharray:6 6}.wires .token{fill:var(--blue);stroke:var(--sheet);stroke-width:3;transition:fill .3s ease-out}.wires .token.deployed{fill:var(--green)}.stage{position:absolute;background:var(--sheet);border:2px solid var(--ink);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px 10px}.stage .lb{font-family:var(--display);font-weight:700;font-size:clamp(13px,1.55vw,22px);letter-spacing:.02em;white-space:nowrap}.stage .st{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3);white-space:nowrap;min-height:13px}.stage .st.ok{color:var(--green);font-weight:700}.stage .st.run{color:var(--blue);font-weight:700}.stage .st.wait{color:var(--amber-ink)}.stage .dot{width:11px;height:11px}.stage-pr{left:15.9722%;top:34.4444%;width:13.8889%;height:8.8889%}.stage-build{left:38.8889%;top:34.4444%;width:13.8889%;height:8.8889%}.stage-preview{left:61.1111%;top:28.8889%;width:13.8889%;height:8.8889%}.stage-writing{left:61.1111%;top:40%;width:13.8889%;height:8.8889%}.stage-production{left:81.9444%;top:28.8889%;width:12.5%;height:8.8889%;border-width:2px}.stage-pr .btn-primary{padding:5px 14px;font-size:11px;margin-top:2px}.career-label{position:absolute;left:15.9722%;top:62%;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}.cnode{position:absolute;top:66.6667%;height:12.2222%;background:var(--sheet);border:2px solid var(--line-faint);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;transition:border-color .42s ease-out,background-color .42s ease-out}.cnode .yr{font-family:var(--display);font-weight:700;font-size:clamp(13px,1.55vw,22px);color:var(--ink-3);transition:color .42s ease-out}.cnode .tag{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--ink-3);text-align:center;text-transform:uppercase;line-height:1.35;transition:color .42s ease-out}.cnode.lit{border-color:var(--ink)}.cnode.lit .yr{color:var(--ink)}.cnode.lit .tag{color:var(--ink-2)}.cnode .nd{position:absolute;top:-6px;right:-6px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid var(--sheet);opacity:0;transition:opacity .3s ease-out}.cnode.lit .nd{opacity:1}.cn-1{left:15.9722%;width:9.7222%}.cn-2{left:28.4722%;width:8.3333%}.cn-3{left:36.8056%;width:9.7222%}.cn-4{left:46.5278%;width:8.3333%}.cn-5{left:54.8611%;width:9.7222%}.legend{position:absolute;left:var(--gutter);bottom:4%;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-2);display:flex;align-items:center;gap:10px}.legend .dot{width:8px;height:8px}.legend .sep{color:var(--line-faint)}.scrollcue{position:absolute;right:var(--gutter);bottom:4%;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3);text-decoration:none;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.scrollcue:hover{color:var(--ink)}@media(max-width:899px){.topbar{height:56px}.topbar nav{display:none}.chiprow .chip .lb-txt{display:none}.chiprow .chip{padding:5px 9px}.hero{min-height:0;padding:84px 0 56px}.hero h1,.hero .sub{position:static;padding:0 var(--gutter);margin:0}.hero h1{font-size:30px;margin-bottom:10px}.hero .sub{margin-bottom:34px}.vline{position:absolute;left:calc(var(--gutter) + 11px);top:190px;bottom:240px;width:2px;background:var(--line)}.vline.dashed{top:auto;background:repeating-linear-gradient(to bottom,var(--ink-3) 0 6px,transparent 6px 12px)}.stage{position:static;width:min(300px,calc(100% - var(--gutter) * 2 - 44px));margin:26px 0 26px calc(var(--gutter) + 44px);flex-direction:row;flex-wrap:wrap;gap:6px 12px;justify-content:flex-start;align-items:center;padding:12px 16px;height:auto}.stage .lb{font-size:15px}.stage .dot{order:2}.stage .st{order:3}.stage .btn-primary{order:4}.stage-preview,.stage-production{margin-left:calc(var(--gutter) + 76px)}.stage-writing{margin-left:calc(var(--gutter) + 108px)}.vbranch{position:absolute;left:calc(var(--gutter) + 12px);width:64px;height:2px;background:var(--line)}.vbranch.dashed{background:repeating-linear-gradient(to right,var(--ink-3) 0 6px,transparent 6px 12px)}.career-label{position:static;padding:40px var(--gutter) 16px}.cnode{position:static;width:min(220px,calc(100% - var(--gutter) * 2 - 44px));height:auto;min-height:64px;margin:18px 0 18px calc(var(--gutter) + 44px);padding:10px 14px}.cnode .yr{font-size:16px}.cnode .tag{font-size:9px}.legend{position:static;flex-wrap:wrap;padding:30px var(--gutter) 0}.scrollcue{display:none}.hero svg.wires{display:none}.mtoken{position:absolute;left:calc(var(--gutter) + 11px);top:190px;width:14px;height:14px;margin-left:-6px;border-radius:50%;background:var(--blue);border:3px solid var(--sheet);box-shadow:0 0 0 1px var(--line);display:none}.mtoken.deployed{background:var(--green)}}