@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-400_800-normal.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-400_700-normal.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "DejaVu Sans Mono", monospace;--bg-body:#111915;--bg-surface:#19251f;--bg-surface-2:#223129;--bg-code:#202e25;--bg-card:#19251f;--bg-card-hover:#24352b;--border:#33463a;--border-strong:#718a73;--text-primary:#eef2e8;--text-secondary:#b7c4b8;--text-muted:#92a395;--text-warning:#e3ba7c;--text-error:#efaaaa;--accent:#b4d7a6;--accent-strong:#cbe8c1;--accent-dim:#91b98d;--accent-ink:#142017;--accent-soft:#25382b;--accent-line:#648768;--lilac:#c9b2eb;--lilac-soft:#30283b;--blue:#91b6f5;--green:#b4d7a6;--pink:#e5a0bd;--btn-bg:var(--accent);--btn-bg-hover:var(--accent-strong);--btn-ink:var(--accent-ink);--btn-border:transparent;--step-hero:clamp(3.4rem, 7vw, 6.5rem);--step-h1:clamp(2.6rem, 6vw, 4.8rem);--step-h2:clamp(1.8rem, 3.4vw, 3rem);--step-h3:clamp(1.2rem, 2.2vw, 1.5rem);--r-sm:4px;--r:8px;--r-lg:12px;--shadow-soft:0 2px 8px #00000026;--shadow-card:0 12px 36px #00000038;--shadow-lift:0 16px 44px #0000004d;--ease:cubic-bezier(.22, 1, .36, 1);--nav-height:84px}html{background:var(--bg-body);scroll-padding-top:120px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;margin:0;line-height:1.65;position:relative}#main-content{display:flow-root}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a:active,button:active{opacity:.8}button,input,textarea{font:inherit}h1,h2,h3{text-wrap:balance}.skip-link{z-index:200;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);padding:12px 20px;position:fixed;top:12px;left:20px;transform:translateY(-160%)}.skip-link:focus{color:var(--accent-ink);transform:none}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-strong)}img{max-width:100%;height:auto}::selection{background:var(--accent-soft);color:var(--text-primary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}*{scrollbar-color:var(--border-strong) transparent}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.prose{max-width:100%}.prose h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);margin:0 0 16px;font-size:clamp(2.2rem,4vw,2.7rem);font-weight:800;line-height:1.12}.prose h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:48px 0 16px;font-size:clamp(1.6rem,3vw,1.95rem);font-weight:700;line-height:1.2}.prose h3{font-family:var(--font-display);color:var(--text-primary);margin:32px 0 12px;font-size:clamp(1.2rem,2vw,1.32rem);font-weight:700}.prose p{color:var(--text-secondary);margin:0 0 18px;font-size:1.04rem}.prose a{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline #8fd0a866}.prose a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.prose ul,.prose ol{color:var(--text-secondary);margin:0 0 18px 22px;padding:0}.prose li{margin:7px 0}.prose strong{color:var(--text-primary);font-weight:650}.prose hr{border:none;border-top:1px solid var(--border);margin:36px 0}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:22px 0;padding:4px 0 4px 18px;font-style:italic}.prose code{font-family:var(--font-mono);background:var(--bg-code);color:var(--accent-strong);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:4px;padding:2px 6px;font-size:.875em}.prose pre{border-radius:var(--r-sm);border:1px solid var(--border);background:#0d1410;padding:18px;overflow-x:auto}.prose pre code{color:#e9e3d8;background:0 0;border:0;padding:0}.prose .callout-box{border-radius:var(--r-sm);background:var(--bg-surface);border-left:4px solid;margin:18px 0;padding:16px 18px;box-shadow:0 1px 2px #0003}.prose .callout-box h4{margin:0 0 8px;font-size:.9rem;font-weight:700}.prose .callout-box p{color:var(--text-secondary);margin:0;line-height:1.6}.prose .callout-box a{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}.prose .callout-box a:hover{color:var(--accent-strong)}.prose .callout-box.tip{border-left-color:var(--blue);background:#8fb6dc14}.prose .callout-box.tip h4{color:var(--blue)}.prose .callout-box.warning{background:#dca76314;border-left-color:#dca763}.prose .callout-box.warning h4{color:var(--text-warning)}.prose .callout-box.success{background:var(--accent-soft);border-left-color:var(--green)}.prose .callout-box.success h4{color:var(--accent)}.prose .callout-box.error{background:#dc787814;border-left-color:#d87878}.prose .callout-box.error h4{color:var(--text-error)}.prose .callout-box.note{background:var(--lilac-soft);border-left-color:var(--lilac)}.prose .callout-box.note h4{color:var(--lilac)}.prose .copy-box{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-soft);margin:18px 0;overflow:hidden}.prose .copy-box-header{border-bottom:1px solid var(--border);background:var(--bg-surface-2);justify-content:space-between;align-items:center;padding:9px 16px;display:flex}.prose .copy-box-header h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.78rem;font-weight:700}.prose .copy-btn{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg-surface);min-height:30px;color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;padding:5px 11px;font-size:.75rem;font-weight:700;transition:color .15s,background .15s;display:flex}.prose .copy-btn:hover,.prose .copy-btn.copied{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.prose .copy-box pre{background:#0d1410;border:0;margin:0;padding:16px;overflow-x:auto}.prose .copy-box pre code{font-family:var(--font-mono);color:#e9e3d8;background:0 0;border-radius:0;padding:0;font-size:.85rem;line-height:1.6}.btn-primary,.btn-ghost{border-radius:var(--r-sm);min-height:50px;transition:transform .2s var(--ease), background .2s, border-color .2s;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:13px 23px;font-size:.9375rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--btn-bg);color:var(--btn-ink)}.btn-primary:hover{background:var(--btn-bg-hover);color:var(--btn-ink);transform:translateY(-2px)}.btn-ghost{border-color:var(--border-strong);color:var(--text-primary)}.btn-ghost:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);transform:translateY(-2px)}.back-link{min-height:28px;color:var(--text-muted);align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--accent-strong)}.site-nav{z-index:100;background:var(--bg-body);border-bottom:1px solid var(--border);position:fixed;inset:0 0 auto}.site-nav-inner{width:min(100%,1264px);height:var(--nav-height);justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:0 32px;display:flex}.site-brand{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.045em;white-space:nowrap;align-items:center;gap:12px;font-size:1.35rem;font-weight:700;display:inline-flex}.site-mark{flex:none;width:40px;height:40px;display:block}.site-links{align-items:center;gap:24px;font-size:.875rem;font-weight:500;display:flex}.site-links a{min-height:44px;color:var(--text-secondary);border-bottom:2px solid #0000;align-items:center;padding:10px 0;display:inline-flex}.site-links a:hover,.site-links a[aria-current=page]{color:var(--text-primary);border-color:var(--accent)}.site-links a:last-child{border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-primary);padding:9px 18px}.site-links a:last-child:hover,.site-links a:last-child[aria-current=page]{border-color:var(--accent);background:var(--accent-soft)}.site-footer{border-top:1px solid var(--border);margin-top:40px;padding:48px 32px 28px}.site-footer-inner{width:min(100%,1200px);margin:auto}.footer-top{justify-content:space-between;align-items:start;gap:32px;display:flex}.footer-brand{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.7rem;font-weight:700}.footer-top p{max-width:36ch;color:var(--text-secondary);margin:8px 0 0;font-size:.9375rem}.footer-links{flex-wrap:wrap;gap:16px 28px;padding-top:8px;font-size:.875rem;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;font-size:.75rem;display:flex}.footer-bottom p{margin:0}@media (width<=640px){:root{--nav-height:108px}html{scroll-padding-top:140px}#main-content{padding-top:28px}.site-nav-inner{flex-direction:column;justify-content:center;gap:5px;padding:12px 20px 8px}.site-brand{gap:9px;font-size:1.2rem}.site-mark{width:36px;height:36px}.site-links{gap:24px;font-size:.8125rem}.site-links a,.site-links a:last-child{border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:center;min-width:44px;min-height:44px;padding:7px 0}.site-links a:last-child:hover,.site-links a:last-child[aria-current=page]{border-bottom-color:var(--accent);background:0 0}.site-footer{margin-top:24px;padding:36px 20px 24px}.footer-top{flex-direction:column;gap:24px}.footer-links{gap:12px 24px;padding:0}.footer-bottom{flex-direction:column;gap:6px;margin-top:28px}}