@font-face{font-family:Figtree;src:url(/fonts/Figtree-latin-wght-normal.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFontMono-Regular-Base.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFontMono-Bold-Base.woff2)format("woff2");font-weight:700;font-display:swap}:root{color-scheme:dark;--bg:#0f0f13;--bg-dim:#09090b;--ink:#e7e5ef;--acc:#a277ff;--dither-dot:#1f1f26;--gray-100:color-mix(in oklab, var(--ink) 4%, var(--bg));--gray-200:color-mix(in oklab, var(--ink) 7%, var(--bg));--gray-300:color-mix(in oklab, var(--ink) 11%, var(--bg));--gray-400:color-mix(in oklab, var(--ink) 15%, var(--bg));--gray-500:color-mix(in oklab, var(--ink) 22%, var(--bg));--gray-700:color-mix(in oklab, var(--ink) 42%, var(--bg));--gray-800:color-mix(in oklab, var(--ink) 58%, var(--bg));--gray-900:color-mix(in oklab, var(--ink) 76%, var(--bg));--surface-sunken:var(--bg-dim);--surface:var(--bg);--surface-raised:var(--gray-100);--surface-hover:color-mix(in oklab, var(--ink) 6%, transparent);--surface-selected:color-mix(in oklab, var(--acc) 14%, transparent);--text-primary:var(--ink);--text-secondary:var(--gray-900);--text-tertiary:var(--gray-800);--border:var(--gray-300);--border-strong:var(--gray-500);--border-selected:color-mix(in oklab, var(--acc) 42%, transparent);--on-accent:var(--bg-dim);--focus-ring:0 0 0 1px var(--bg-dim), 0 0 0 3px color-mix(in oklab, var(--acc) 55%, transparent);--brand-claude:#d97757;--brand-codex:#7a9dff;--brand-hermes:#e0a050;--brand-pi:#7dd3fc;--brand-opencode:#a78bfa;--brand-omp:#f97316;--brand-grok:#fcfcfc;--live:#61ffca;--ui:"Figtree", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--kbd:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--radius-1:4px;--radius-2:6px;--radius-3:10px;--radius-4:14px;--dur-1:90ms;--dur-2:.14s;--ease-out:cubic-bezier(.2, .8, .2, 1);--page:1200px;--gutter:clamp(16px, 4vw, 40px)}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s}}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0}html{background:var(--surface-sunken);scroll-behavior:smooth;scroll-padding-top:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--ui);letter-spacing:-.005em;color:var(--text-secondary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55}h1,h2,h3{color:var(--text-primary);text-wrap:balance;margin:0;font-weight:600}h2{letter-spacing:-.035em;font-size:clamp(30px,4vw,48px);line-height:1.06}h3{letter-spacing:-.015em;font-size:17px;line-height:1.3}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}code,pre,.mono{font-family:var(--mono);font-size:.86em}img{max-width:100%;height:auto;display:block}:focus-visible{box-shadow:var(--focus-ring);outline:none}.page{width:min(100% - 2 * var(--gutter), var(--page));margin-inline:auto}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px}main{counter-reset:section}.section{border-top:1px solid var(--border);padding-block:clamp(64px,8vw,104px);position:relative}.section-head{gap:16px;max-width:680px;margin-bottom:56px;display:grid}.section-head>.label{counter-increment:section;color:var(--text-secondary);align-items:center;gap:10px;display:inline-flex}.section-head>.label:before{content:counter(section, decimal-leading-zero);border:1px solid var(--border);border-radius:var(--radius-1);color:var(--text-primary);padding:2px 6px}.section-head p:not(.label){font-size:17px;line-height:1.6}.btn{border-radius:var(--radius-2);border:1px solid var(--border);height:40px;color:var(--text-primary);transition:background var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);align-items:center;gap:10px;padding-inline:16px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.shot{border:1px solid var(--border);border-radius:var(--radius-3);background:var(--surface-sunken);overflow:hidden}.shot img{width:100%}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}