@charset "UTF-8";:root{--brand-paper: #f7f3ea;--brand-paper-white: #fffdfa;--brand-ink: #102a43;--brand-cobalt: #276ef1;--brand-coral: #f36f52;--brand-pale-blue: #ddebfa;--font-heading: "IBM Plex Mono", ui-monospace, monospace;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--color-bg: var(--brand-paper);--color-surface: var(--brand-paper-white);--color-surface-2: #eee7dc;--color-border: #d9d2c7;--color-text: var(--brand-ink);--color-text-muted: #5e6b7d;--color-accent: var(--brand-cobalt);--color-accent-hover: #1459db;--color-accent-text: #1b57c9;--color-accent-subtle: rgb(39 110 241 / .1);--color-accent-glow: rgb(39 110 241 / .16);--color-action: var(--brand-coral);--color-action-hover: #df5d42;--color-on-accent: var(--brand-paper-white);--color-on-action: var(--brand-ink);--color-action-text: #c04421;--panel-invert-bg: var(--brand-ink);--panel-invert-text: var(--brand-paper-white);--color-success: #257852;--color-success-subtle: rgb(37 120 82 / .1);--color-error: #b64035;--radius: 4px;--density: 1;--ease: cubic-bezier(.4, 0, .2, 1);--t: .2s cubic-bezier(.4, 0, .2, 1);--t-slow: .5s cubic-bezier(.4, 0, .2, 1);--nav-h: 76px;--footer-h: 85px;--shadow-panel: 0 16px 40px rgb(16 42 67 / .14);--shadow-modal: 0 32px 80px rgb(16 42 67 / .22);--overlay-scrim: rgb(16 42 67 / .55);--card-shadow: 0 1px 2px rgb(16 42 67 / .05);--card-shadow-hover: 0 8px 24px rgb(16 42 67 / .1);--code-bg: #e9e3d9;--code-header-bg: #ded7cc;--code-accent-line: rgb(39 110 241 / .45);--code-text: #102a43;--code-muted: #525e6d;--code-btn: #5e6b7d;--code-btn-border: #b8b0a5;--code-btn-hover: #10233f;--code-btn-hover-border: #276ef1;--code-scrollbar: #a59d92;--code-scrollbar-hover: #71695f;--code-token-string: #23714d;--code-token-type: #076e7e;--code-token-function: #205fcf;--code-token-number: #9c5024}[data-theme=dark]{--color-bg: var(--brand-ink);--color-surface: #15324e;--color-surface-2: #1c3c5b;--color-border: #365773;--color-text: #fffdfa;--color-text-muted: #b6c0cf;--color-accent: #6e9eff;--color-accent-hover: #91b6ff;--color-accent-text: #8ab4ff;--color-accent-subtle: rgb(110 158 255 / .14);--color-accent-glow: rgb(39 110 241 / .24);--color-action: #f36f52;--color-action-hover: #ff896f;--color-action-text: var(--brand-coral);--panel-invert-bg: var(--brand-paper);--panel-invert-text: var(--brand-ink);--color-on-accent: var(--brand-ink);--color-success: #63c792;--color-success-subtle: rgb(99 199 146 / .12);--color-error: #ff8d7c;--shadow-panel: 0 16px 40px rgb(0 0 0 / .45);--shadow-modal: 0 32px 80px rgb(0 0 0 / .5);--overlay-scrim: rgb(0 0 0 / .82);--card-shadow: none;--card-shadow-hover: 0 8px 24px rgb(0 0 0 / .2);--code-bg: #0b1a30;--code-header-bg: #132845;--code-accent-line: rgb(110 158 255 / .38);--code-text: #e9eef6;--code-muted: #a7b5c8;--code-btn: #a7b5c8;--code-btn-border: #365773;--code-btn-hover: #fffdfa;--code-btn-hover-border: #6e9eff;--code-scrollbar: #46617f;--code-scrollbar-hover: #6f89a7;--code-token-string: #83d4a8;--code-token-type: #75d4dd;--code-token-function: #91b6ff;--code-token-number: #efb176}@property --color-bg{syntax: "<color>"; inherits: true; initial-value: #f7f3ea;}@property --color-surface{syntax: "<color>"; inherits: true; initial-value: #fffdfa;}@property --color-surface-2{syntax: "<color>"; inherits: true; initial-value: #eee7dc;}@property --color-border{syntax: "<color>"; inherits: true; initial-value: #d9d2c7;}@property --color-text{syntax: "<color>"; inherits: true; initial-value: #102a43;}@property --color-text-muted{syntax: "<color>"; inherits: true; initial-value: #5e6b7d;}@property --color-accent{syntax: "<color>"; inherits: true; initial-value: #276ef1;}@property --color-accent-hover{syntax: "<color>"; inherits: true; initial-value: #1459db;}@property --color-accent-text{syntax: "<color>"; inherits: true; initial-value: #1b57c9;}@property --color-accent-subtle{syntax: "<color>"; inherits: true; initial-value: rgba(39,110,241,.1);}@property --color-accent-glow{syntax: "<color>"; inherits: true; initial-value: rgba(39,110,241,.16);}@property --color-action{syntax: "<color>"; inherits: true; initial-value: #f36f52;}@property --color-action-hover{syntax: "<color>"; inherits: true; initial-value: #df5d42;}@property --color-action-text{syntax: "<color>"; inherits: true; initial-value: #c04421;}@property --color-on-accent{syntax: "<color>"; inherits: true; initial-value: #fffdfa;}@property --color-on-action{syntax: "<color>"; inherits: true; initial-value: #102a43;}@property --color-success{syntax: "<color>"; inherits: true; initial-value: #257852;}@property --color-success-subtle{syntax: "<color>"; inherits: true; initial-value: rgba(37,120,82,.1);}@property --color-error{syntax: "<color>"; inherits: true; initial-value: #b64035;}@property --panel-invert-bg{syntax: "<color>"; inherits: true; initial-value: #102a43;}@property --panel-invert-text{syntax: "<color>"; inherits: true; initial-value: #fffdfa;}@property --overlay-scrim{syntax: "<color>"; inherits: true; initial-value: rgba(16,42,67,.55);}@property --code-bg{syntax: "<color>"; inherits: true; initial-value: #e9e3d9;}@property --code-header-bg{syntax: "<color>"; inherits: true; initial-value: #ded7cc;}@property --code-accent-line{syntax: "<color>"; inherits: true; initial-value: rgba(39,110,241,.45);}@property --code-text{syntax: "<color>"; inherits: true; initial-value: #102a43;}@property --code-muted{syntax: "<color>"; inherits: true; initial-value: #525e6d;}@property --code-btn{syntax: "<color>"; inherits: true; initial-value: #5e6b7d;}@property --code-btn-border{syntax: "<color>"; inherits: true; initial-value: #b8b0a5;}@property --code-btn-hover{syntax: "<color>"; inherits: true; initial-value: #10233f;}@property --code-btn-hover-border{syntax: "<color>"; inherits: true; initial-value: #276ef1;}@property --code-scrollbar{syntax: "<color>"; inherits: true; initial-value: #a59d92;}@property --code-scrollbar-hover{syntax: "<color>"; inherits: true; initial-value: #71695f;}@property --code-token-string{syntax: "<color>"; inherits: true; initial-value: #23714d;}@property --code-token-type{syntax: "<color>"; inherits: true; initial-value: #076e7e;}@property --code-token-function{syntax: "<color>"; inherits: true; initial-value: #205fcf;}@property --code-token-number{syntax: "<color>"; inherits: true; initial-value: #9c5024;}.theme-transitioning{transition-property:--color-bg,--color-surface,--color-surface-2,--color-border,--color-text,--color-text-muted,--color-accent,--color-accent-hover,--color-accent-text,--color-accent-subtle,--color-accent-glow,--color-action,--color-action-hover,--color-action-text,--color-on-accent,--color-on-action,--color-success,--color-success-subtle,--color-error,--panel-invert-bg,--panel-invert-text,--overlay-scrim,--code-bg,--code-header-bg,--code-accent-line,--code-text,--code-muted,--code-btn,--code-btn-border,--code-btn-hover,--code-btn-hover-border,--code-scrollbar,--code-scrollbar-hover,--code-token-string,--code-token-type,--code-token-function,--code-token-number;transition-duration:.5s;transition-timing-function:var(--ease)}.theme-transitioning *:not(.reveal){transition:none!important}.theme-transitioning .reveal{transition:opacity .65s var(--ease),transform .65s var(--ease)!important}@media(prefers-reduced-motion:reduce){.theme-transitioning{transition:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h);color-scheme:light}[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}::selection{color:var(--color-on-accent);background:var(--color-accent)}:focus-visible{outline:3px solid var(--color-action);outline-offset:3px}ul{list-style:none}code{font-family:var(--font-mono);font-size:.85em;color:var(--color-accent);background:var(--color-accent-subtle);padding:.1em .4em;border-radius:4px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Bold.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}:root{--text-2xs: clamp(.75rem, .733rem + .075vw, .8rem);--text-xs: clamp(.8125rem, .79rem + .094vw, .875rem);--text-sm: clamp(.875rem, .853rem + .094vw, .9375rem);--text-base: clamp(1rem, .978rem + .094vw, 1.0625rem);--text-md: clamp(1.0625rem, 1.019rem + .188vw, 1.1875rem);--text-lg: clamp(1.125rem, 1.059rem + .282vw, 1.3125rem)}.container{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}.section{padding:clamp(4rem,10vw,7rem) 0}.section-stack>*{display:block;background:var(--color-bg)}.section-stack>*:nth-child(2n){background:var(--color-surface)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-text);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem}.section-title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.4rem);font-weight:700;letter-spacing:-.045em;line-height:1.15;margin-bottom:.75rem}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.in-view{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media(prefers-reduced-motion:reduce){.reveal,.reveal.in-view{opacity:1;transform:none;transition:none}}