*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}:root{--color-bg: #f6f5f0;--color-bg-raised: #fdfcfa;--color-bg-sunken: #eeedea;--color-bg-overlay: rgba(0, 0, 0, .03);--color-border: #d6d2c9;--color-border-subtle: #e8e5dd;--color-text: #1a1816;--color-text-secondary: #4a4744;--color-text-muted: #9a968f;--color-text-inverse: #fafaf9;--color-accent: #3d32b0;--color-accent-hover: #322898;--color-accent-subtle: #eceafc;--color-accent-text: #ffffff;--color-accent-glow: rgba(61, 50, 176, .08);--color-logo-from: #4a3dc0;--color-logo-to: #3d32b0;--color-logo-fg: #ffffff;--color-accent-warm: #c06c1d;--color-accent-warm-subtle: #fef8f0;--color-status-success: #16a34a;--color-status-success-bg: #f0fdf4;--color-status-warning: #c06c1d;--color-status-warning-bg: #fef8f0;--color-status-error: #c43030;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.3rem;--text-2xl: clamp(1.5rem, 1.3rem + .6vw, 1.8rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.1vw, 2.5rem);--text-4xl: clamp(2.5rem, 1.9rem + 1.7vw, 3.375rem);--text-5xl: clamp(3rem, 2.2rem + 2.2vw, 4.125rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .06em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 680px;--max-width-wide: 960px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 24, 22, .05);--shadow-md: 0 1px 3px rgba(26, 24, 22, .04), 0 4px 14px rgba(26, 24, 22, .07);--shadow-lg: 0 2px 6px rgba(26, 24, 22, .03), 0 10px 28px rgba(26, 24, 22, .09);--shadow-xl: 0 4px 10px rgba(26, 24, 22, .03), 0 16px 48px rgba(26, 24, 22, .12);--shadow-card: 0 0 0 1px rgba(26, 24, 22, .06), 0 1px 4px rgba(26, 24, 22, .04);--shadow-card-hover: 0 0 0 1px rgba(61, 50, 176, .18), 0 6px 20px rgba(26, 24, 22, .1);--shadow-accent: 0 1px 3px rgba(61, 50, 176, .25), 0 6px 16px rgba(61, 50, 176, .18);--shadow-accent-hover: 0 2px 6px rgba(61, 50, 176, .25), 0 10px 28px rgba(61, 50, 176, .22);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .5s;--easing: cubic-bezier(.16, 1, .3, 1);--easing-bounce: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{--color-bg: #121110;--color-bg-raised: #1d1c1a;--color-bg-sunken: #0b0a09;--color-bg-overlay: rgba(255, 255, 255, .04);--color-border: #302e2a;--color-border-subtle: #252320;--color-text: #eeeded;--color-text-secondary: #a3a09d;--color-text-muted: #6d6b68;--color-text-inverse: #121110;--color-accent: #8b94f7;--color-accent-hover: #aab2fc;--color-accent-subtle: #1e1b4b;--color-accent-text: #0f0e22;--color-accent-glow: rgba(139, 148, 247, .06);--color-logo-from: #8b94f7;--color-logo-to: #7b83e8;--color-logo-fg: #0f0e22;--color-accent-warm: #f0a83a;--color-accent-warm-subtle: #1c1706;--color-status-success: #4ade80;--color-status-success-bg: #052e16;--color-status-warning: #f0a83a;--color-status-warning-bg: #1c1706;--color-status-error: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 1px 3px rgba(0, 0, 0, .25), 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .2), 0 10px 28px rgba(0, 0, 0, .4);--shadow-xl: 0 4px 10px rgba(0, 0, 0, .2), 0 16px 48px rgba(0, 0, 0, .45);--shadow-card: 0 0 0 1px rgba(255, 255, 255, .06), 0 1px 4px rgba(0, 0, 0, .35);--shadow-card-hover: 0 0 0 1px rgba(139, 148, 247, .3), 0 6px 20px rgba(0, 0, 0, .45);--shadow-accent: 0 1px 3px rgba(139, 148, 247, .25), 0 6px 16px rgba(139, 148, 247, .18);--shadow-accent-hover: 0 2px 6px rgba(139, 148, 247, .25), 0 10px 28px rgba(139, 148, 247, .22)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);letter-spacing:var(--tracking-normal);position:relative}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;mix-blend-mode:multiply}@media(prefers-color-scheme:dark){body:after{opacity:.12;mix-blend-mode:soft-light}}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-5)}.container--wide{max-width:var(--max-width-wide)}.prose{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.prose h1,.prose h2,.prose h3{color:var(--color-text);line-height:var(--leading-tight);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p+p{margin-top:var(--space-4)}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-sunken);padding:.15em .4em;border-radius:var(--radius-sm)}.prose pre{background:var(--color-bg-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal)}.prose pre code{background:none;padding:0;border-radius:0}.skip-nav{position:absolute;top:-100%;left:var(--space-5);z-index:100;padding:var(--space-3) var(--space-5);background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none}.skip-nav:focus{top:var(--space-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.site-header{padding:var(--space-6) 0 var(--space-5)}.logo{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;transition:opacity var(--duration-fast) var(--easing);text-decoration:none}.logo:hover{opacity:.65}.logo-mark{flex-shrink:0;border-radius:6px}.logo-text{font-family:var(--font-display);font-size:1.625rem;font-style:italic;color:var(--color-text);letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.75rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:none;transition:all var(--duration-normal) var(--easing);min-height:44px;font-family:inherit;text-decoration:none;letter-spacing:var(--tracking-wide);position:relative}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-accent-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(.5px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-raised);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-ghost:active:not(:disabled){transform:translateY(.5px)}.step-number{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1.5px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-weight:var(--weight-normal);font-size:var(--text-sm)}.step-content h3{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-1);letter-spacing:var(--tracking-tight)}.step-content p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.section-divider{border:none;height:1px;background:var(--color-border-subtle);max-width:120px;margin:var(--space-16) auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeUp var(--duration-slow) var(--easing) both}.animate-in-delay-1{animation:fadeUp var(--duration-slow) var(--easing) both;animation-delay:.1s}.animate-in-delay-2{animation:fadeUp var(--duration-slow) var(--easing) both;animation-delay:.2s}.animate-in-delay-3{animation:fadeUp var(--duration-slow) var(--easing) both;animation-delay:.3s}.animate-in-delay-4{animation:fadeUp var(--duration-slow) var(--easing) both;animation-delay:.4s}
