:root{--bg-page:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--text-title:#0f172a;--text-body:#1e293b;--text-lead:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--btn-primary-bg:#0f172a;--btn-primary-hover:#1e293b;--btn-primary-fg:#fff;--accent:#0284c7;--accent-link:#0369a1;--accent-light:#e0f2fe;--accent-subtle:#f0f9ff;--token-key:#0369a1;--token-string:#15803d;--token-comment:#94a3b8;--token-cmd:#0284c7;--token-flag:#d97706;--token-boolean:#ea580c;--token-variable:#9333ea;--token-punctuation:#64748b;--amber-500:#f59e0b;--red-600:#ef4444;--green-500:#22c55e;--ink-950:var(--text-title);--ink-800:var(--text-body);--ink-700:var(--text-lead);--ink-600:var(--text-muted);--cloud-50:var(--bg-page);--white:var(--bg-surface);--line-200:var(--border-subtle);--line-300:var(--border-strong);--teal-800:var(--btn-primary-hover);--teal-700:var(--btn-primary-bg);--teal-600:var(--accent);--teal-100:var(--bg-subtle);--content-width:74rem;--shadow-soft:0 1.25rem 3.5rem #0f172a0f;--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.25rem;--font-sans:"Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hero-title-size:clamp(2.55rem, 4.5vw, 3rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-title);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.7}body.menu-open{overflow:hidden}img,svg{max-width:100%;display:block}[data-image-frame]{position:relative}[data-image-frame]>[data-fallback-image]{z-index:1;position:relative}.image-fallback{background:linear-gradient(145deg, var(--text-title), var(--text-body));color:var(--border-strong);letter-spacing:.08em;text-align:center;text-transform:uppercase;place-items:center;padding:1.5rem;font-size:.75rem;font-weight:700;display:grid;position:absolute;inset:0}[data-image-frame].has-image-error>[data-fallback-image]{opacity:0}a{color:inherit}button,input,textarea,select{font:inherit}button{color:inherit}:focus-visible{outline:.1875rem solid var(--accent);outline-offset:.1875rem}::selection{background:var(--accent-light);color:var(--text-title)}h1,h2,h3{letter-spacing:-.025em;color:var(--text-title);margin:0;line-height:1.16}h1{font-size:var(--hero-title-size);letter-spacing:-.035em;line-height:1.18}h2{font-size:clamp(1.85rem,4vw,2.75rem)}h3{font-size:clamp(1.1rem,2vw,1.35rem)}p{margin:0}.container{width:min(calc(100% - 2.5rem), var(--content-width));margin-inline:auto}.section{padding-block:clamp(4.5rem,9vw,7rem)}.section--white{background:var(--bg-surface)}.section--tint{background:var(--bg-subtle)}.section-heading{max-width:52rem;margin-bottom:clamp(2.5rem,5vw,3.75rem)}.section-heading .eyebrow{color:var(--accent);margin-bottom:.85rem}.section-heading h2{text-wrap:balance;max-width:46rem}.section-heading__lead{max-width:48rem;color:var(--text-lead);margin-top:1.15rem;font-size:1.075rem;line-height:1.7}.eyebrow{color:var(--accent);letter-spacing:.105em;text-transform:uppercase;font-size:.78rem;font-weight:700}.muted{color:var(--text-lead)}.button{border-radius:var(--radius-sm);background:var(--btn-primary-bg);min-height:2.875rem;color:var(--btn-primary-fg);border:.0625rem solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1.1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.button:hover{background:var(--btn-primary-hover);transform:translateY(-.0625rem)}.button--secondary{border-color:var(--border-strong);color:var(--text-title);background:0 0}.button--secondary:hover{border-color:var(--btn-primary-bg);background:var(--bg-subtle)}.button--light{background:var(--bg-surface);color:var(--text-title)}.button--light:hover{background:var(--bg-subtle)}.button__arrow{font-size:1.15em}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.skip-link{z-index:100;background:var(--bg-surface);color:var(--text-title);border-radius:.5rem;padding:.65rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.code-block{border:.0625rem solid var(--border-subtle);background:var(--bg-page);border-radius:.75rem;margin-top:1.35rem;overflow:hidden;box-shadow:0 .0625rem .1875rem #00000008}.code-block__header{background:var(--bg-subtle);border-bottom:.0625rem solid var(--border-subtle);justify-content:space-between;align-items:center;min-height:2.25rem;padding:.45rem .85rem .45rem 1.15rem;display:flex}.code-block__lang{color:var(--text-muted);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;font-weight:500}.code-copy-btn{width:1.85rem;height:1.85rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.code-copy-btn:hover{background:var(--border-subtle);color:var(--text-body)}.code-copy-btn.is-copied{color:#0e806d;background:#ddf2ec}.code-copy-btn.is-error{color:#b83a3a;background:#fee2e2}.code-copy-btn svg{flex-shrink:0;display:block}.article-content pre{background:var(--bg-page);color:var(--text-body);margin:0;padding:1.15rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.88rem;line-height:1.7;position:relative;overflow-x:auto}.article-content pre code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.article-content>pre,.article-content>div>pre{border:.0625rem solid var(--border-subtle);background:var(--bg-page);border-radius:.75rem}.article-content :not(pre)>code{border:.0625rem solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-title);border-radius:.3rem;padding:.15rem .38rem;font-size:.88em;font-weight:500}.article-content h1 code,.article-content h2 code,.article-content h3 code{color:inherit;background:var(--bg-subtle)}.article-content a{color:var(--accent-link);font-weight:600;text-decoration:none}.article-content a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent-link);text-decoration-color:var(--accent-link);text-underline-offset:3px;text-decoration-thickness:1px}.article-content pre .token-key{color:var(--token-key);font-weight:600}.article-content pre .token-string{color:var(--token-string)}.article-content pre .token-comment{color:var(--token-comment);font-style:italic}.article-content pre .token-cmd{color:var(--token-cmd);font-weight:600}.article-content pre .token-flag{color:var(--token-flag)}.article-content pre .token-boolean{color:var(--token-boolean);font-weight:500}.article-content pre .token-variable{color:var(--token-variable)}.article-content pre .token-bullet{color:var(--text-faint);font-weight:600}.article-content pre .token-punctuation{color:var(--token-punctuation)}@media (width<=48rem){:root{--hero-title-size:clamp(2rem, 8.5vw, 2.35rem)}h2{font-size:clamp(1.55rem,7vw,1.85rem)}.container{width:min(calc(100% - 2rem), var(--content-width))}.section-heading{max-width:46rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}