:root{--font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fs-5xl: 3.5rem;--fs-6xl: 4.5rem;--fs-display: clamp(2.75rem, 6vw + .5rem, 5.5rem);--lh-tight: 1.05;--lh-snug: 1.2;--lh-base: 1.6;--lh-relaxed: 1.75;--tracking-tight: -.035em;--tracking-snug: -.02em;--tracking-wide: .08em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-7: 1.75rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-14: 3.5rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-32: 8rem;--sp-40: 10rem;--section-py: clamp(5rem, 10vw, 9rem);--section-gap: clamp(4rem, 8vw, 7rem);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 18px;--r-2xl: 28px;--r-full: 9999px;--container-max: 1320px;--container-prose: 68ch;--nav-h: 72px;--border-w: 1px;--border-w-strong: 1.5px;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.2, .64, 1);--grad-primary: linear-gradient(135deg, #a855f7 0%, #6366f1 45%, #06b6d4 100%);--grad-cta: linear-gradient(135deg, #7c3aed 0%, #5b4fe9 45%, #0e7490 100%);--grad-cta-hover: linear-gradient(135deg, #8b4ef7 0%, #6763ff 45%, #0a8dab 100%);--grad-primary-soft: linear-gradient(135deg, color-mix(in srgb, #a855f7 18%, transparent) 0%, color-mix(in srgb, #06b6d4 18%, transparent) 100%);--grad-glow: radial-gradient(circle at 30% 20%, rgba(168, 85, 247, .35), transparent 45%), radial-gradient(circle at 70% 60%, rgba(6, 182, 212, .3), transparent 50%), radial-gradient(circle at 50% 100%, rgba(99, 102, 241, .25), transparent 55%);--bg: #fafaf9;--bg-raised: #ffffff;--surface: #ffffff;--surface-2: #f4f4f2;--surface-3: #ebebe8;--surface-inset: #f0eff0;--surface-strong: #0a0a0b;--surface-strong-text: #fafafa;--border: #e5e5e2;--border-strong: #171717;--border-subtle: #efefec;--text: #0a0a0b;--text-muted: #3f3f46;--text-subtle: #737373;--accent: #6d28d9;--accent-hover: #5b21b6;--accent-soft: #f5f3ff;--accent-ink: #ffffff;--accent-cyan: #0e7490;--danger: #b91c1c;--success: #15803d;--warning: #b45309;--shadow-xs: 0 1px 0 rgb(10 10 11 / .04);--shadow-sm: 0 1px 2px rgb(10 10 11 / .06), 0 1px 1px rgb(10 10 11 / .04);--shadow-md: 0 8px 24px rgb(10 10 11 / .08), 0 2px 6px rgb(10 10 11 / .05);--shadow-lg: 0 24px 48px rgb(10 10 11 / .12), 0 8px 16px rgb(10 10 11 / .06);--shadow-ring: 0 0 0 4px rgb(168 85 247 / .25);--noise-opacity: .04;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0a0b;--bg-raised: #111113;--surface: #0f0f11;--surface-2: #161619;--surface-3: #1d1d21;--surface-inset: #0c0c0e;--surface-strong: #fafafa;--surface-strong-text: #0a0a0b;--border: #1f1f22;--border-strong: #ededed;--border-subtle: #141416;--text: #f5f5f4;--text-muted: #a1a1a9;--text-subtle: #6b6b74;--accent: #c084fc;--accent-hover: #ddaeff;--accent-soft: #221538;--accent-ink: #0a0a0b;--accent-cyan: #22d3ee;--danger: #f87171;--success: #4ade80;--warning: #fbbf24;--shadow-xs: 0 1px 0 rgb(0 0 0 / .4);--shadow-sm: 0 1px 2px rgb(0 0 0 / .6), 0 1px 1px rgb(0 0 0 / .4);--shadow-md: 0 8px 24px rgb(0 0 0 / .55), 0 2px 6px rgb(0 0 0 / .35);--shadow-lg: 0 24px 48px rgb(0 0 0 / .65), 0 8px 16px rgb(0 0 0 / .4);--shadow-ring: 0 0 0 4px rgb(192 132 252 / .3);--noise-opacity: .06;color-scheme:dark}}:root[data-theme=dark]{--bg: #0a0a0b;--bg-raised: #111113;--surface: #0f0f11;--surface-2: #161619;--surface-3: #1d1d21;--surface-inset: #0c0c0e;--surface-strong: #fafafa;--surface-strong-text: #0a0a0b;--border: #1f1f22;--border-strong: #ededed;--border-subtle: #141416;--text: #f5f5f4;--text-muted: #a1a1a9;--text-subtle: #6b6b74;--accent: #c084fc;--accent-hover: #ddaeff;--accent-soft: #221538;--accent-ink: #0a0a0b;--accent-cyan: #22d3ee;--danger: #f87171;--success: #4ade80;--warning: #fbbf24;--shadow-xs: 0 1px 0 rgb(0 0 0 / .4);--shadow-sm: 0 1px 2px rgb(0 0 0 / .6), 0 1px 1px rgb(0 0 0 / .4);--shadow-md: 0 8px 24px rgb(0 0 0 / .55), 0 2px 6px rgb(0 0 0 / .35);--shadow-lg: 0 24px 48px rgb(0 0 0 / .65), 0 8px 16px rgb(0 0 0 / .4);--shadow-ring: 0 0 0 4px rgb(192 132 252 / .3);--noise-opacity: .06;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:calc(var(--nav-h) + var(--sp-6))}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-relaxed);font-feature-settings:"ss01" on,"cv11" on}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text);letter-spacing:var(--tracking-snug);font-weight:600;line-height:var(--lh-snug);margin:0}h1{font-size:clamp(2rem,4vw + .5rem,3rem);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);font-weight:700}h2{font-size:clamp(1.625rem,2.4vw + .5rem,2.25rem);letter-spacing:var(--tracking-tight)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0}a{color:var(--text);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}a:hover{text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}code,kbd,samp{font-family:var(--font-mono);font-size:.875em;font-feature-settings:"zero" on}:not(pre)>code{padding:.125em .4em;background:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--r-xs);color:var(--text)}pre{margin:0;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:var(--lh-base);overflow-x:auto}strong{font-weight:600;color:var(--text)}hr{border:0;border-top:var(--border-w) solid var(--border);margin:var(--sp-10) 0}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}th,td{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:var(--border-w) solid var(--border);vertical-align:top}th{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--surface-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(var(--sp-5),4vw,var(--sp-12))}.section{padding-block:var(--section-py)}.section-sm{padding-block:calc(var(--section-py) * .6)}.kicker{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.kicker-bracket:before{content:"[";color:var(--accent);margin-right:2px}.kicker-bracket:after{content:"]";color:var(--accent);margin-left:2px}.kicker-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}.card{position:relative;background:var(--surface);border:var(--border-w-strong) solid var(--border);border-radius:var(--r-lg);padding:var(--sp-8);transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-interactive:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.card-inverse{background:var(--surface-strong);color:var(--surface-strong-text);border-color:var(--surface-strong)}.card-inverse .muted{color:color-mix(in srgb,var(--surface-strong-text) 60%,transparent)}.card-glass{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 80%,transparent),color-mix(in srgb,var(--surface-2) 80%,transparent));backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px)}.card-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--grad-primary);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}@media(max-width:720px){.card{padding:var(--sp-6)}}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:44px;min-width:44px;padding:0 var(--sp-5);font-family:inherit;font-size:var(--fs-sm);font-weight:500;line-height:1;letter-spacing:var(--tracking-snug);border-radius:var(--r-md);border:var(--border-w-strong) solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn:hover{border-color:var(--border-strong);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--surface-strong);color:var(--surface-strong-text);border-color:var(--surface-strong)}.btn-primary:hover{background:var(--surface-strong);color:var(--surface-strong-text);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:focus-visible{box-shadow:var(--shadow-ring);outline:none}.btn-accent{background:var(--grad-cta);color:#fff;font-weight:600;border-color:transparent;text-shadow:0 1px 1px rgb(0 0 0 / .18);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000026,0 1px 2px #0000001f;position:relative}.btn-accent:hover{background:var(--grad-cta-hover);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,var(--shadow-md);transform:translateY(-1px)}.btn-accent:focus-visible{box-shadow:var(--shadow-ring);outline:none}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:transparent}.btn-sm{height:34px;padding:0 var(--sp-3);font-size:var(--fs-xs);min-width:34px}.btn-icon{width:40px;height:40px;padding:0;min-width:40px}.select{appearance:none;-webkit-appearance:none;padding:0 var(--sp-8) 0 var(--sp-3);height:40px;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text);background:var(--surface);border:var(--border-w-strong) solid var(--border);border-radius:var(--r-sm);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--sp-3) center;background-size:12px 12px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.select:hover{border-color:var(--border-strong)}.select:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-ring);outline:none}.badge{display:inline-flex;align-items:center;gap:var(--sp-2);height:26px;padding:0 var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--r-full);white-space:nowrap}.badge-solid{background:var(--surface-strong);color:var(--surface-strong-text);border-color:var(--surface-strong)}.badge-accent{color:#fff;background:var(--grad-cta);border-color:transparent;font-weight:600;text-shadow:0 1px 1px rgb(0 0 0 / .18)}.badge-soft{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.badge-success{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.badge-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.prose{font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--text);max-width:var(--container-prose)}.prose>*+*{margin-top:var(--sp-5)}.prose h1{margin:0 0 var(--sp-3);font-size:clamp(1.625rem,3vw + 1rem,2.75rem);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.prose h2{margin:var(--sp-14) 0 var(--sp-3);overflow-wrap:anywhere}.prose h3{margin:var(--sp-10) 0 var(--sp-2)}.prose h4{margin:var(--sp-8) 0 var(--sp-2);font-size:var(--fs-lg)}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose p{color:var(--text)}.prose ul,.prose ol{padding-left:var(--sp-6);margin:0}.prose li+li{margin-top:var(--sp-2)}.prose li>p{margin:0}.prose a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}.prose a:hover{text-decoration-color:var(--accent)}.prose p,.prose li{overflow-wrap:break-word}.prose a{overflow-wrap:anywhere}.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:var(--fs-sm);border:var(--border-w) solid var(--border);border-radius:var(--r-sm)}.prose table th,.prose table td{border-bottom:var(--border-w) solid var(--border);white-space:nowrap;vertical-align:top}.prose table td:last-child{white-space:normal;min-width:22ch}.prose table th:first-child,.prose table td:first-child{padding-left:var(--sp-4)}.prose table th:last-child,.prose table td:last-child{padding-right:var(--sp-4)}.prose hr{margin:var(--sp-12) 0}.lede{font-family:var(--font-display);font-size:clamp(1.125rem,1vw + .75rem,1.375rem);line-height:var(--lh-snug);color:var(--text-muted);font-weight:400;letter-spacing:var(--tracking-snug);max-width:60ch}.hint{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.callout{display:flex;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);background:var(--surface-2);border:var(--border-w-strong) solid var(--border);border-radius:var(--r-md);border-left:4px solid var(--accent);margin:var(--sp-5) 0}.callout-warning{border-left-color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,var(--surface-2))}.callout-danger{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--surface-2))}.callout-success{border-left-color:var(--success);background:color-mix(in srgb,var(--success) 6%,var(--surface-2))}.callout>svg{flex-shrink:0;margin-top:2px}.callout p:first-child{margin-top:0}.callout p:last-child{margin-bottom:0}.warning{border-left:4px solid var(--warning);background:color-mix(in srgb,var(--warning) 8%,var(--surface-2));padding:var(--sp-5) var(--sp-6);border-radius:var(--r-md)}.steps{list-style:none;counter-reset:steps;padding:0;margin:var(--sp-5) 0;display:flex;flex-direction:column;gap:var(--sp-5)}.steps li{counter-increment:steps;position:relative;padding-left:calc(var(--sp-10) + var(--sp-2))}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:-2px;width:var(--sp-10);height:var(--sp-10);display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--accent);background:var(--accent-soft);border:var(--border-w-strong) solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--r-sm);letter-spacing:0}.steps h4{margin:0 0 var(--sp-2)}.steps p{margin:0;color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.stack>*+*{margin-top:var(--sp-5)}.stack-sm>*+*{margin-top:var(--sp-2)}.stack-lg>*+*{margin-top:var(--sp-8)}.cluster{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.grid-2{display:grid;gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{display:grid;gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dotgrid{background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text) 12%,transparent) 1px,transparent 0);background-size:24px 24px}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{view-transition-name:site-nav}.site-footer{view-transition-name:site-footer}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:var(--ease-out);mix-blend-mode:normal}::view-transition-old(root){animation-name:route-out}::view-transition-new(root){animation-name:route-in}::view-transition-old(site-nav),::view-transition-new(site-nav),::view-transition-old(site-footer),::view-transition-new(site-footer){animation-duration:.12s}}@keyframes route-out{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-6px);filter:blur(2px)}}@keyframes route-in{0%{opacity:0;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}