:root{--max-width:1240px;--header-height:68px;--font-stack-body:var(--ws-font-body,"Poppins"), system-ui, -apple-system, "Segoe UI", sans-serif;--font-stack-display:var(--ws-font-display,"Unbounded"), var(--ws-font-body,"Poppins"), system-ui, sans-serif;--font-stack-mono:var(--ws-font-mono,"JetBrains Mono"), ui-monospace, SFMono-Regular, Menlo, monospace;--font-display:clamp(2rem, 1.2rem + 2.6vw, 3.25rem);--font-h1:clamp(1.75rem, 1.25rem + 2vw, 2.6rem);--font-h2:clamp(1.4rem, 1.1rem + 1.2vw, 2rem);--font-h3:clamp(1.1rem, 1rem + .45vw, 1.3rem);--font-h4:1.125rem;--font-lead:clamp(1.05rem, 1rem + .3vw, 1.2rem);--font-body:1rem;--font-sm:.9rem;--font-xs:.8rem;--font-eyebrow:.75rem;--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.7;--bg:#f4f7f6;--surface:#fff;--surface-2:#eaf0ee;--ink:#0d1d21;--ink-2:#44565b;--ink-3:#6b7d82;--line:#d3dedb;--accent:#00806b;--accent-strong:#00a386;--accent-tint:#ddf1ec;--amber:#a85f00;--amber-tint:#fcefd9;--violet:#5847c2;--violet-tint:#ece9fb;--red:#b4282e;--red-tint:#fbe6e6;--band:#0a2226;--band-ink:#e7f2ef;--band-ink-2:#a9c1bc;--band-accent:#2fd3b5;--code-bg:#0f2427;--code-ink:#d9ece7;--shadow:0 1px 2px #0a22260f, 0 8px 24px #0a22260f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1619;--surface:#11211f;--surface-2:#162a29;--ink:#e4efec;--ink-2:#a8bcb7;--ink-3:#7f9792;--line:#27403d;--accent:#38d1b2;--accent-strong:#5fe3c7;--accent-tint:#123630;--amber:#f2b04f;--amber-tint:#3a2a12;--violet:#a99bf5;--violet-tint:#26214a;--red:#f08a8a;--red-tint:#3d1d1f;--band:#071417;--code-bg:#08191b;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-padding-top:calc(var(--header-height) + 16px)}body{background:var(--bg);color:var(--ink);font-family:var(--font-stack-body);font-size:var(--font-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{color:var(--ink);text-wrap:balance}h1{font-family:var(--font-stack-display);font-size:var(--font-h1);line-height:var(--leading-snug);letter-spacing:-.01em;font-weight:700}h2{font-family:var(--font-stack-display);font-size:var(--font-h2);line-height:var(--leading-snug);letter-spacing:-.01em;font-weight:700}h3{font-family:var(--font-stack-body);font-size:var(--font-h3);line-height:var(--leading-snug);letter-spacing:-.01em;font-weight:600}h4{font-size:var(--font-h4);font-weight:600}p{color:var(--ink-2)}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-strong)}code,kbd,pre,.mono{font-family:var(--font-stack-mono)}:not(pre)>code{background:var(--surface-2);color:var(--ink);overflow-wrap:anywhere;border-radius:4px;padding:.1em .35em;font-size:.88em}pre{background:var(--code-bg);color:var(--code-ink);border-radius:8px;margin:1.25rem 0;padding:1rem 1.15rem;font-size:.85rem;line-height:1.6;overflow-x:auto}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:4px}hr{border-color:var(--line);opacity:1}.container-x{max-width:var(--max-width);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.section{padding-block:clamp(3rem,2rem + 4vw,5.5rem)}.section--tint{background:var(--surface-2)}.eyebrow{font-family:var(--font-stack-mono);font-size:var(--font-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .75rem;font-weight:500}.lead-x{font-size:var(--font-lead);color:var(--ink-2);max-width:68ch}.display-x{font-family:var(--font-stack-display);font-size:var(--font-display);line-height:var(--leading-tight);letter-spacing:-.02em;font-weight:700}.muted{color:var(--ink-3)}.prose>:where(p,ul,ol,h2,h3,h4,blockquote,.callout,dl){max-width:72ch}.prose p,.prose li{color:var(--ink-2)}.prose h2{margin-top:2.75rem}.prose h3{margin-top:2rem}.prose table{width:100%}.site-header{top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--line);position:sticky}.site-header__inner{height:var(--header-height);align-items:center;gap:1.5rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand__mark{width:30px;height:30px}.brand__name{font-family:var(--font-stack-display);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.nav-links{align-items:center;gap:.25rem;margin-bottom:0;margin-left:auto;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink-2);border-radius:6px;padding:.45rem .7rem;font-size:.93rem;font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink);background:var(--surface-2)}.nav-actions{align-items:center;gap:.5rem;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}.icon-btn svg{width:18px;height:18px}.menu-btn{display:none}@media (max-width:960px){.menu-btn{display:inline-grid}.nav-links{top:var(--header-height);background:var(--surface);border-bottom:1px solid var(--line);padding:.5rem max(16px,env(safe-area-inset-left,0px)) 1rem;flex-direction:column;align-items:stretch;display:none;position:absolute;left:0;right:0}.nav-links.is-open{display:flex}.nav-actions{margin-left:auto}.nav-links a{padding:.7rem .5rem}}.btn-x{border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.15rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-x--primary{background:var(--accent);color:#fff}.btn-x--primary:hover{background:var(--accent-strong);color:#04211c}.btn-x--ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}.btn-x--ghost:hover{border-color:var(--accent);color:var(--accent)}.band .btn-x--ghost{color:var(--band-ink);background:0 0;border-color:#e7f2ef4d}.band .btn-x--ghost:hover{color:var(--band-accent);border-color:var(--band-accent)}.band .btn-x--primary{background:var(--band-accent);color:#04211c}.band .btn-x--primary:hover{background:#6ae6cf}.band{background:var(--band);color:var(--band-ink)}.band h1,.band h2,.band h3{color:var(--band-ink)}.band p{color:var(--band-ink-2)}.band .eyebrow{color:var(--band-accent)}.hero{padding-block:clamp(3.5rem,2rem + 6vw,6.5rem);position:relative;overflow:hidden}.hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:3rem;display:grid}@media (max-width:960px){.hero__grid{grid-template-columns:1fr}}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.hero__chips{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;padding:0;list-style:none;display:flex}.hero__chips li{font-family:var(--font-stack-mono);color:var(--band-ink-2);border:1px solid #2fd3b559;border-radius:999px;padding:.25rem .6rem;font-size:.78rem}.terminal{font-family:var(--font-stack-mono);background:#061114;border:1px solid #2fd3b540;border-radius:10px;min-width:0;font-size:.82rem;overflow:hidden}.terminal__bar{border-bottom:1px solid #ffffff0f;gap:6px;padding:10px 12px;display:flex}.terminal__bar span{background:#2a3c3f;border-radius:50%;width:10px;height:10px}.terminal pre{color:#cfe7e1;background:0 0;border-radius:0;margin:0;padding:1rem 1.1rem}.t-dim{color:#6f8c86}.t-acc{color:#2fd3b5}.t-amb{color:#f5b14f}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}@media (max-width:760px){.grid-2{grid-template-columns:1fr}}.card-x{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.5rem;min-width:0;padding:1.25rem 1.25rem 1.1rem;display:flex}.card-x h3{margin:0;font-size:1.05rem}.card-x p{font-size:var(--font-sm);margin:0;line-height:1.6}a.card-x{text-decoration:none;transition:border-color .15s,transform .15s}a.card-x:hover{border-color:var(--accent);transform:translateY(-2px)}.card-x__meta{font-family:var(--font-stack-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.card-x__foot{color:var(--accent);margin-top:auto;padding-top:.5rem;font-size:.85rem;font-weight:600}.tag{font-family:var(--font-stack-mono);background:var(--accent-tint);color:var(--accent);border-radius:999px;margin:0 .3rem .3rem 0;padding:.15rem .5rem;font-size:.7rem;display:inline-block}.tag--amber{background:var(--amber-tint);color:var(--amber)}.tag--violet{background:var(--violet-tint);color:var(--violet)}.feature-group{margin-top:3rem}.feature-group__head{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:1rem;display:flex}.feature-group__head h2{margin:0}.code-chip{font-family:var(--font-stack-mono);color:var(--ink-3);font-size:.72rem}.table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:1.25rem 0;overflow-x:auto}.table-x{border-collapse:collapse;width:100%;font-size:.92rem}.table-x th,.table-x td{border-bottom:1px solid var(--line);vertical-align:top;text-align:left;padding:.65rem .85rem}.table-x th{color:var(--ink);background:var(--surface-2);white-space:nowrap;font-weight:600}.table-x td{color:var(--ink-2)}.table-x tr:last-child td{border-bottom:0}.callout{border-left:3px solid var(--accent);background:var(--accent-tint);border-radius:0 8px 8px 0;margin:1.5rem 0;padding:.9rem 1.1rem}.callout p{color:var(--ink);margin:0}.callout--amber{border-color:var(--amber);background:var(--amber-tint)}.callout--violet{border-color:var(--violet);background:var(--violet-tint)}.callout strong{color:var(--ink)}.figure-x{margin:2rem 0}.figure-x__frame{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem;overflow-x:auto}.figure-x__frame svg{width:100%;height:auto;min-width:var(--fig-min,720px);display:block}.figure-x figcaption{font-size:var(--font-sm);color:var(--ink-3);max-width:80ch;margin-top:.6rem}.dg-text{font-family:var(--font-stack-body);fill:var(--ink);font-size:13px}.dg-strong{font-weight:600}.dg-title{font-family:var(--font-stack-body);fill:var(--ink);font-size:14px;font-weight:600}.dg-mono{font-family:var(--font-stack-mono);fill:var(--ink-3);font-size:11.5px}.dg-small{fill:var(--ink-2);font-size:11.5px}.dg-box{fill:var(--surface);stroke:var(--line);stroke-width:1.3px}.dg-box--accent{fill:var(--accent-tint);stroke:var(--accent)}.dg-box--amber{fill:var(--amber-tint);stroke:var(--amber)}.dg-box--violet{fill:var(--violet-tint);stroke:var(--violet)}.dg-box--red{fill:var(--red-tint);stroke:var(--red)}.dg-box--muted{fill:var(--surface-2);stroke:var(--line)}.dg-zone{fill:none;stroke:var(--accent);stroke-width:1.3px;stroke-dasharray:6 5}.dg-zone--amber{fill:none;stroke:var(--amber);stroke-width:1.3px;stroke-dasharray:6 5}.dg-line{stroke:var(--ink-2);stroke-width:1.4px;fill:none}.dg-line--dash{stroke:var(--ink-3);stroke-width:1.3px;fill:none;stroke-dasharray:6 4}.dg-line--accent{stroke:var(--accent);stroke-width:1.6px;fill:none}.dg-line--red{stroke:var(--red);stroke-width:1.4px;fill:none;stroke-dasharray:5 4}.dg-life{stroke:var(--line);stroke-width:1.2px;stroke-dasharray:3 5}.dg-head{fill:var(--ink-2)}.dg-head--accent{fill:var(--accent)}.dg-head--red{fill:var(--red)}.dg-step{fill:var(--accent)}.dg-step-t{fill:var(--surface);font-family:var(--font-stack-mono);font-size:11px;font-weight:500}.article-head{padding-block:clamp(2.5rem,2rem + 3vw,4rem) 1.5rem}.article-meta{font-size:var(--font-sm);color:var(--ink-3);flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1rem;display:flex}.article-body{padding-bottom:4rem}.article-body .prose>p:first-child{font-size:var(--font-lead)}.toc{font-size:var(--font-sm)}.breadcrumb-x{font-size:var(--font-sm);color:var(--ink-3)}.breadcrumb-x a{color:var(--ink-3)}.site-footer{background:var(--band);color:var(--band-ink-2);margin-top:0;padding-block:3rem 2rem}.site-footer a{color:var(--band-ink);text-decoration:none}.site-footer a:hover{color:var(--band-accent)}.site-footer h4{color:var(--band-ink);font-size:.95rem;font-family:var(--font-stack-body)}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;display:grid}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-grid ul{gap:.4rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.footer-base{border-top:1px solid #e7f2ef1f;margin-top:2.5rem;padding-top:1.25rem;font-size:.85rem}.cred{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:.5rem .9rem;padding:1rem 1.15rem;display:grid}.cred dt{font-size:var(--font-sm);color:var(--ink-3);font-weight:500}.cred dd{font-family:var(--font-stack-mono);color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:.92rem}.copy-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);cursor:pointer;border-radius:6px;padding:.3rem .6rem;font-size:.78rem}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.steps{counter-reset:s;gap:.75rem;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;color:var(--ink-2);padding-left:2.6rem;position:relative}.steps li:before{content:counter(s);background:var(--accent-tint);width:1.8rem;height:1.8rem;color:var(--accent);font-family:var(--font-stack-mono);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid;position:absolute;top:.1rem;left:0}.stat-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.stat{border-top:2px solid var(--accent);padding-top:.6rem}.stat__n{font-family:var(--font-stack-display);color:var(--ink);font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem);font-weight:700;line-height:1.1}.stat__l{font-size:var(--font-sm);color:var(--ink-3)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}