@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--font-sans: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--green-50: #e8ffe7;--green-200: #9bf79a;--green-300: #5cf25a;--green-400: #36ee33;--green-500: #1deb1b;--green-600: #14c012;--green-700: #0e8f0d;--radius: 10px;--radius-sm: 6px;--maxw: 1120px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0a0c0b;--bg-2: #0d100e;--bg-elev: #111512;--panel: rgba(255, 255, 255, .025);--panel-2: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--fg: #e9efe9;--fg-muted: #9aa69b;--fg-dim: #5f6c62;--accent: var(--green-500);--accent-fg: #021a02;--accent-soft: rgba(29, 235, 27, .1);--accent-border: rgba(29, 235, 27, .32);--glow: rgba(29, 235, 27, .22);--code-bg: #070a08;--grid-line: rgba(255, 255, 255, .035);--glass: rgba(255, 255, 255, .025);--glass-hi: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .09);--glass-shine: rgba(255, 255, 255, .05)}:root[data-theme=light]{color-scheme:light;--bg: #fcfdfc;--bg-2: #f4f6f4;--bg-elev: #ffffff;--panel: rgba(8, 18, 9, .025);--panel-2: rgba(8, 18, 9, .05);--border: rgba(8, 25, 10, .11);--border-strong: rgba(8, 25, 10, .2);--fg: #0b130c;--fg-muted: #48564b;--fg-dim: #76857b;--accent: var(--green-700);--accent-fg: #ffffff;--accent-soft: rgba(20, 192, 18, .1);--accent-border: rgba(14, 143, 13, .4);--glow: rgba(29, 235, 27, .14);--code-bg: #0a0f0b;--grid-line: rgba(8, 25, 10, .05);--glass: rgba(8, 18, 9, .02);--glass-hi: rgba(8, 18, 9, .045);--glass-border: rgba(8, 25, 10, .11);--glass-shine: rgba(255, 255, 255, .6)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background .4s var(--ease-out),color .3s var(--ease-out)}h1,h2,h3,h4,h5{font-family:var(--font-mono);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-fg)}code,pre,kbd{font-family:var(--font-mono)}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.eyebrow:before{content:"// ";color:var(--accent)}.gradient-text{background:none;-webkit-text-fill-color:currentColor;color:var(--accent)}.tick{display:inline-block;width:7px;height:7px;background:var(--accent);flex-shrink:0}.tick--pulse{animation:tick-pulse 2.2s ease-in-out infinite}@keyframes tick-pulse{0%,to{opacity:1}50%{opacity:.35}}.pane{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.pane__label{position:absolute;top:-9px;left:16px;display:inline-flex;align-items:center;gap:7px;padding:0 8px;background:var(--bg);font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);line-height:18px;border-radius:4px}.pane__label b{color:var(--accent);font-weight:600}.rule{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);white-space:nowrap}.rule:before{content:"";width:24px;height:1px;background:var(--border-strong)}.rule:after{content:"";flex:1;height:1px;background:var(--border)}.rule b{color:var(--accent);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.84rem;font-weight:600;border:1px solid transparent;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .18s var(--ease-out);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--green-400);box-shadow:0 0 0 1px var(--accent-border),0 8px 28px -14px var(--glow)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--fg-dim);background:var(--panel)}.kbd{font-family:var(--font-mono);font-size:.68rem;padding:2px 7px;border-radius:5px;border:1px solid var(--border);border-bottom-width:2px;background:var(--panel);color:var(--fg-muted)}.surface,.glass{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.surface:hover,.glass:hover{border-color:var(--border-strong);background:var(--panel-2)}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);pointer-events:none}.bg-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.3;pointer-events:none;will-change:transform;background:radial-gradient(circle,var(--glow),transparent 70%)}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;font-size:.85rem}.code-block-head{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--border)}.code-dot{width:9px;height:9px;border-radius:50%;opacity:.85}.code-block pre{margin:0;padding:18px;overflow-x:auto;line-height:1.7;color:#d3e0d4}.tok-key{color:var(--green-300)}.tok-fn{color:#8fe9d0}.tok-str{color:var(--green-200)}.tok-cmt{color:#5d6b60;font-style:italic}.tok-num{color:#c9e89a}.prose{max-width:720px;font-size:.95rem;line-height:1.7}.prose h1{font-size:1.85rem;letter-spacing:-.035em;margin:0 0 .4rem}.prose h2{font-size:1.28rem;letter-spacing:-.025em;margin:2.4rem 0 .9rem;padding-top:1.3rem;border-top:1px solid var(--border)}.prose h3{font-size:1.05rem;letter-spacing:-.02em;margin:1.7rem 0 .5rem}.prose p{color:var(--fg-muted);margin:0 0 1rem}.prose ul,.prose ol{color:var(--fg-muted);padding-left:1.25rem;margin:0 0 1.1rem}.prose li{margin:.3rem 0}.prose li::marker{color:var(--accent)}.prose strong{color:var(--fg);font-weight:600}.prose a{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .2s}.prose a:hover{border-bottom-color:var(--accent)}.prose hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.prose code{background:var(--accent-soft);padding:.1em .4em;border-radius:5px;font-size:.82em;color:var(--green-300)}:root[data-theme=light] .prose code{color:var(--green-700)}.prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:15px 17px;overflow-x:auto;margin:0 0 1.3rem;font-size:.82rem;line-height:1.65}.prose pre code{background:none;padding:0;color:#d3e0d4;font-size:1em}.prose table{width:100%;border-collapse:collapse;margin:0 0 1.3rem;font-size:.86rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.prose th,.prose td{text-align:left;padding:8px 13px;border-bottom:1px solid var(--border)}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr:hover td{background:var(--panel)}.prose th{color:var(--fg);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;background:var(--panel-2)}.prose td{color:var(--fg-muted)}.prose blockquote{border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;margin:0 0 1.3rem;padding:.6rem 1rem;color:var(--fg-muted)}.prose blockquote p:last-child{margin:0}.dx-cards{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:14px;margin:0 0 1.4rem}.dx-card{position:relative;display:block;padding:18px 18px 20px;border-radius:var(--radius);text-decoration:none;border-bottom:none!important;transition:border-color .2s,background .2s}a.dx-card:hover{border-color:var(--border-strong);background:var(--panel-2)}.dx-card--static:hover{transform:none}.dx-card-ic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}.dx-card-title{font-weight:650;font-size:.97rem;letter-spacing:-.01em;color:var(--fg);margin-bottom:5px}.dx-card-body{font-size:.85rem;line-height:1.55;color:var(--fg-muted)}.dx-card-body p{margin:0;color:var(--fg-muted)}.dx-card-body code{font-size:.8em}.dx-card-arrow{position:absolute;top:16px;right:16px;color:var(--fg-dim);transition:transform .25s,color .25s}a.dx-card:hover .dx-card-arrow{color:var(--accent);transform:translate(3px)}.dx-callout{display:flex;gap:11px;padding:13px 16px;border-radius:9px;margin:0 0 1.3rem;border:1px solid var(--border);background:var(--panel);border-left-width:3px}.dx-callout-ic{flex-shrink:0;margin-top:1px;color:var(--accent)}.dx-callout-body{font-size:.88rem;line-height:1.6;min-width:0}.dx-callout-body>div{display:contents}.dx-callout-body p{margin:0 0 .5rem;color:var(--fg-muted)}.dx-callout-body p:last-child{margin:0}.dx-callout--note,.dx-callout--info{border-left-color:var(--accent)}.dx-callout--tip{border-left-color:#38bdf8}.dx-callout--tip .dx-callout-ic{color:#38bdf8}.dx-callout--warning{border-left-color:#f5a524}.dx-callout--warning .dx-callout-ic{color:#f5a524}.dx-callout--success{border-left-color:var(--accent)}.dx-tabs{margin:0 0 1.4rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.dx-tab-bar{display:flex;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.dx-tab-bar::-webkit-scrollbar{display:none}.dx-tab{padding:9px 14px;font-size:.82rem;font-family:var(--font-mono);color:var(--fg-muted);background:none;border:none;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s}.dx-tab:hover{color:var(--fg)}.dx-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.dx-tab-panel{padding:16px 18px}.dx-tab-panel>div{display:contents}.dx-tab-panel p:first-child{margin-top:0}.dx-tab-panel p:last-child{margin-bottom:0}.dx-steps{list-style:none;padding:0;margin:0 0 1.4rem;counter-reset:none}.dx-step{display:flex;gap:14px;padding-bottom:18px;position:relative}.dx-step:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;bottom:0;width:1px;background:var(--border)}.dx-step-n{flex-shrink:0;width:27px;height:27px;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:.8rem;font-weight:600;z-index:1}.dx-step-body{min-width:0;flex:1}.dx-step-body>div{display:contents}.dx-step-title{font-weight:600;font-size:.98rem;color:var(--fg);margin:3px 0 8px}.dx-step-body p:first-of-type{margin-top:0}.dx-acc-group{display:flex;flex-direction:column;gap:8px;margin:0 0 1.4rem}.dx-acc{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--panel)}.dx-acc-head{display:flex;align-items:center;gap:9px;width:100%;padding:13px 16px;background:none;border:none;font-size:.92rem;font-weight:550;color:var(--fg);text-align:left;cursor:pointer}.dx-acc-chevron{color:var(--accent);transition:transform .22s var(--ease-out);display:inline-block}.dx-acc.is-open .dx-acc-chevron{transform:rotate(90deg)}.dx-acc-body{padding:0 16px 14px}.dx-acc-body>div{display:contents}.dx-acc-body p:first-child{margin-top:0}.dx-codegroup{margin:0 0 1.4rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dx-cg-bar{display:flex;gap:2px;padding:7px 8px;background:var(--panel-2);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.dx-cg-bar::-webkit-scrollbar{display:none}.dx-cg-tab{padding:5px 11px;font-size:.74rem;font-family:var(--font-mono);color:var(--fg-muted);background:none;border:none;border-radius:6px;white-space:nowrap;cursor:pointer;transition:color .2s,background .2s}.dx-cg-tab:hover{color:var(--fg)}.dx-cg-tab.is-active{color:var(--accent);background:var(--accent-soft)}.dx-codegroup pre{margin:0;border:none;border-radius:0}@media(max-width:760px){.prose{font-size:.9rem}.prose h1{font-size:1.55rem}.prose pre{font-size:.76rem}.dx-cards{grid-template-columns:1fr!important}}.cv-auto{content-visibility:auto;contain-intrinsic-size:auto 640px}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.reveal{opacity:0;transform:translateY(24px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(max-width:880px){.container{padding:0 18px}.prose h1{font-size:1.9rem}}