@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100svh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{text-wrap:balance;letter-spacing:.005em;font-weight:600;line-height:1.2}p{text-wrap:pretty}a{color:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer base{:root{color-scheme:dark;--bg:#040404;--bg-deep:#000;--surface:#0d0e0d;--surface-solid:#111211;--surface-hover:#171a17;--border:#8f9e8f2e;--border-strong:#8f9e8f57;--text:#efffef;--text-muted:#adb9ad;--text-faint:#7d887d;--brand:#00b000;--brand-strong:#0f0;--brand-soft:#0080002e;--brand-flat:green;--brand-flat-hover:#00b000;--accent:#0f0;--accent-soft:#00ff001a;--leaf:#00c800;--leaf-soft:#00c8001a;--ink:#001e00;--shell:72rem;--shell-narrow:46rem;--gutter:clamp(1.15rem, 4vw, 2.5rem);--radius-sm:.375rem;--radius:.5rem;--radius-lg:.625rem;--radius-pill:100vmax;--shadow-sm:0 1px 2px #0006;--shadow:0 16px 40px -20px #000000e6;--shadow-lg:0 32px 70px -30px #000;--ring:0 0 0 2px var(--bg), 0 0 0 4px var(--brand-strong);--ease:cubic-bezier(.22, 1, .36, 1);--font-sans:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}html[data-theme=light]{color-scheme:light;--bg:#fbfcfb;--bg-deep:#fff;--surface:#eef0ee;--surface-solid:#eceeec;--surface-hover:#e2e6e2;--border:#08090824;--border-strong:#08090847;--text:#080908;--text-muted:#3f453f;--text-faint:#5e655e;--brand:#006b00;--brand-strong:green;--brand-soft:#0080001a;--brand-flat:green;--brand-flat-hover:#006b00;--accent:green;--accent-soft:#00800014;--leaf:#007000;--leaf-soft:#00700014;--ink:#001e00;--shadow-sm:0 1px 2px #08090814;--shadow:0 12px 30px -14px #08090840;--shadow-lg:0 30px 60px -30px #0809084d}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);font-size:clamp(.9375rem,.91rem + .15vw,1rem);line-height:1.7;overflow-x:hidden}body:before,body:after{content:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:.7rem;height:.7rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:.2rem solid var(--bg);border-radius:var(--radius);background:var(--border-strong)}::selection{background:var(--brand-flat);color:var(--text)}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}hr{border:0;border-top:1px solid var(--border)}}@layer layout{.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.shell--narrow{max-width:var(--shell-narrow)}.section{padding-block:clamp(3.75rem,9vw,7rem)}.section--tight{padding-block:clamp(2.5rem,6vw,4.5rem)}.stack{flex-direction:column;display:flex}}@layer components{.site-header{z-index:50;transition:background-color .25s var(--ease), border-color .25s var(--ease);background:var(--bg);border-bottom:1px solid #0000;padding-block:.75rem;position:sticky;top:0}.site-header[data-scrolled]{border-bottom-color:var(--border)}.site-header .shell{align-items:center;gap:1rem;display:flex}.brand{letter-spacing:0;align-items:center;gap:.6rem;margin-inline-end:auto;font-weight:620;text-decoration:none;display:inline-flex}.brand__mark{border-radius:var(--radius);filter:none;flex:none;width:2rem;height:2rem}.brand__name{letter-spacing:.02em;font-size:.9375rem}.brand__name span{color:var(--text-faint);font-weight:500}@media (width<=26rem){.brand__name span{display:none}}.nav{align-items:center;gap:.25rem;display:flex}.nav a{border-radius:var(--radius-sm);letter-spacing:.03em;color:var(--text-muted);transition:color .2s var(--ease), background-color .2s var(--ease);padding:.45rem .7rem;font-size:.8125rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--brand-strong);background:var(--brand-soft)}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease), background-color .2s var(--ease);place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.icon-btn svg{width:1.05rem;height:1.05rem}.theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .sun{display:block}html[data-theme=dark] .theme-toggle .moon{display:none}@media (width<=46rem){.nav--desktop{display:none}}.btn{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-border:var(--border-strong);border:1px solid var(--btn-border);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:border-color .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease);justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.15rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn:hover{border-color:var(--brand);background:var(--surface-hover)}.btn:active{background:var(--surface)}.btn--primary{--btn-fg:#fff;--btn-border:transparent;background:var(--brand-flat);color:#fff}.btn--primary:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:var(--ink)}html[data-theme=light] .btn--primary:hover{background:var(--brand-flat-hover);border-color:var(--brand-flat-hover);color:#fff}.btn--ghost{--btn-bg:transparent}.btn--ghost:hover{background:var(--brand-soft)}.btn--lg{padding:.85rem 1.5rem;font-size:1rem}.btn--play{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.btn--play:hover{box-shadow:none;opacity:.88;transform:none}.btn--play img{border-radius:0;width:12rem;max-width:100%;height:auto}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:none;padding:clamp(1.35rem,2.5vw,1.85rem);position:relative}.eyebrow{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.32rem .7rem .32rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.eyebrow b{border-radius:var(--radius-sm);background:var(--brand-flat);color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:.12rem .42rem;font-size:.625rem;font-weight:700}.lead{color:var(--text-muted);font-size:clamp(.9375rem,.9rem + .3vw,1.0625rem);line-height:1.7}.gradient-text{color:var(--brand-strong)}.prose{max-width:68ch;color:var(--text-muted)}.prose>*+*{margin-block-start:1.15em}.prose h2{color:var(--text);margin-block:2.75em .75em;scroll-margin-top:6rem;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}.prose h3{color:var(--text);margin-block:2em .55em;scroll-margin-top:6rem;font-size:1.0625rem}.prose a{color:var(--brand);text-decoration-color:color-mix(in oklab, var(--brand) 40%, transparent);text-underline-offset:.2em;font-weight:520}.prose a:hover{text-decoration-color:currentColor}.prose strong{color:var(--text);font-weight:640}.prose ul,.prose ol{padding-inline-start:1.3em}.prose li+li{margin-block-start:.5em}.prose li::marker{color:var(--brand)}.prose blockquote{border-inline-start:3px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--brand-soft);color:var(--text);padding:.9rem 1.15rem;font-size:.9375rem}.site-footer{border-block-start:1px solid var(--border);background:var(--bg-deep);margin-block-start:clamp(3rem,8vw,6rem);padding-block:clamp(2.5rem,5vw,3.5rem) 2rem}.site-footer .shell{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:2rem;display:grid}@media (width<=46rem){.site-footer .shell{grid-template-columns:1fr}}.site-footer h3{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);font-size:.8125rem;font-weight:680}.site-footer ul{gap:.6rem;margin-block-start:1rem;padding:0;list-style:none;display:grid}.site-footer a{color:var(--text-muted);font-size:.9375rem;text-decoration:none}.site-footer a:hover{color:var(--text);text-underline-offset:.2em;text-decoration:underline}.site-footer__bottom{border-block-start:1px solid var(--border);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-block-start:2rem;padding-block-start:2rem;font-size:.875rem;display:flex}}@layer utilities{.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.center{text-align:center}.nowrap{white-space:nowrap}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--surface-solid);border:1px solid var(--border-strong);transition:transform .2s var(--ease);padding:.6rem 1rem;text-decoration:none;position:absolute;inset-block-start:.5rem;inset-inline-start:1rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}}