:root{--bg: oklch(.99 .001 90);--bg-2: oklch(.97 .003 88);--bg-3: oklch(.945 .004 86);--surface: oklch(1 0 0);--surface-2: oklch(.985 .002 90);--line: oklch(.91 .003 85);--line-md: oklch(.76 .005 85);--ink: oklch(.1 .006 260);--ink-2: oklch(.38 .008 258);--ink-3: oklch(.6 .007 256);--accent: oklch(.47 .23 264);--accent-dim: oklch(.47 .23 264 / .08);--accent-text: oklch(.47 .23 264);--success: oklch(.54 .17 145);--danger: oklch(.54 .2 28);--nav-bg: oklch(.99 .001 90 / .92);--chrome-bg: color-mix(in oklch, var(--bg), transparent 6%);--chrome-bg-soft: color-mix(in oklch, var(--ink), transparent 96%);--chrome-border: color-mix(in oklch, var(--line), transparent 18%);--chrome-shadow: 0 10px 28px color-mix(in oklch, var(--ink), transparent 93%), 0 22px 48px color-mix(in oklch, var(--ink), transparent 96%), inset 0 1px 0 color-mix(in oklch, white, transparent 56%);--font-display: "Geist Mono", "JetBrains Mono", "SF Mono", "Cascadia Code", ui-monospace, monospace;--font-body: "Geist Mono", "JetBrains Mono", "SF Mono", "Cascadia Code", ui-monospace, monospace;--font: var(--font-display);--sz-xs: .72rem;--sz-sm: .875rem;--sz-base: 1rem;--sz-lg: 1.125rem;--sz-xl: 1.375rem;--sz-2xl: clamp(1.5rem, 2.5vw, 2rem);--sz-3xl: clamp(2rem, 4vw, 3.5rem);--sz-4xl: clamp(3rem, 6vw, 5.5rem);--sz-hero: clamp(3.5rem, 9.5vw, 8.5rem);--text-label: .875rem;--text-caption: .75rem;--text-ui: .875rem;--text-body-sm: 1rem;--text-body: var(--sz-base);--text-body-lg: clamp(1rem, 1.5vw, 1.125rem);--text-title-xs: clamp(1.25rem, 2vw, 1.5rem);--text-title-sm: var(--text-title-xs);--text-title-md: var(--text-title-xs);--text-title-lg: clamp(2rem, 4vw, 3.5rem);--text-display: clamp(3rem, 6vw, 5.5rem);--lh-tight: 1.1;--lh-title: 1.05;--lh-body: 1.65;--lh-relaxed: 1.75;--sp-xs: .5rem;--sp-sm: 1rem;--sp-md: 1.75rem;--sp-lg: 3rem;--sp-xl: 5.5rem;--sp-2xl: clamp(5rem, 9vw, 8rem);--px: clamp(1.75rem, 5vw, 4.5rem);--max-w: 1080px;--sidebar-w: 192px;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease: var(--ease-out-quart);--t-fast: .13s;--t-base: .25s;--t-slow: .45s;--color-bg-dark: var(--bg);--color-bg-card: var(--bg-2);--color-white: oklch(1 0 0);--color-black: var(--ink);--color-text-primary: var(--ink);--color-text-secondary: var(--ink-2);--color-text-muted: var(--ink-3);--color-border-soft: var(--line);--color-border-strong: var(--line-md);--color-surface-soft: var(--bg-2);--color-link: var(--ink);--color-link-hover: var(--accent);--spacing-xs: var(--sp-xs);--spacing-sm: var(--sp-sm);--spacing-md: var(--sp-md);--spacing-lg: var(--sp-lg);--spacing-xl: var(--sp-xl);--spacing-2xl: var(--sp-2xl);--shadow-soft: 0 1px 3px color-mix(in oklch, var(--ink), transparent 94%), 0 4px 16px color-mix(in oklch, var(--ink), transparent 96%);--shadow-medium: 0 2px 8px color-mix(in oklch, var(--ink), transparent 91%), 0 12px 40px color-mix(in oklch, var(--ink), transparent 94%);--shadow-strong: 0 4px 20px color-mix(in oklch, var(--ink), transparent 87%), 0 24px 64px color-mix(in oklch, var(--ink), transparent 92%);--font-family: var(--font-body);--font-family-display: var(--font-display);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;color-scheme:light}@media(max-width:480px){:root{--px: clamp(1.25rem, 5vw, 1.5rem);--sp-2xl: clamp(4rem, 12vw, 5.5rem)}}@media(max-width:640px){:root{--text-label: .82rem;--text-caption: .72rem;--text-ui: .82rem;--text-body-sm: .95rem;--text-title-xs: clamp(1.1rem, 4.4vw, 1.25rem);--text-title-sm: var(--text-title-xs);--text-title-md: var(--text-title-xs);--text-title-lg: clamp(1.5rem, 7vw, 2.2rem);--text-display: clamp(2rem, 9vw, 3rem);--sz-hero: clamp(2.2rem, 12vw, 3.8rem)}}:root[data-theme=dark]{--bg: oklch(.09 .007 252);--bg-2: oklch(.14 .01 252);--bg-3: oklch(.19 .012 252);--surface: oklch(.16 .011 252 / .8);--surface-2: oklch(.19 .013 252 / .88);--line: oklch(.25 .012 252);--line-md: oklch(.38 .014 252);--ink: oklch(.96 .004 248);--ink-2: oklch(.76 .011 252);--ink-3: oklch(.54 .012 252);--accent: oklch(.68 .18 264);--accent-dim: oklch(.68 .18 264 / .13);--success: oklch(.7 .145 145);--danger: oklch(.68 .18 28);--color-white: oklch(.18 .01 90);--nav-bg: oklch(.105 .008 252 / .9);--chrome-bg: color-mix(in oklch, var(--bg), transparent 10%);--chrome-bg-soft: color-mix(in oklch, var(--ink), transparent 95%);--chrome-border: color-mix(in oklch, var(--line), transparent 10%);--chrome-shadow: 0 10px 28px color-mix(in oklch, black, transparent 72%), 0 20px 54px color-mix(in oklch, black, transparent 82%), inset 0 1px 0 color-mix(in oklch, white, transparent 86%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--sz-base);line-height:var(--lh-body);color:var(--ink);background:var(--bg);transition:background-color var(--t-base) var(--ease),color var(--t-base) var(--ease);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-main{margin-left:var(--sidebar-w)}@media(max-width:768px){.site-main{margin-left:0;padding-top:60px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--lh-title);color:var(--ink)}p{margin-bottom:1em}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none;transition:color var(--t-fast) var(--ease)}button,input,textarea,select{font:inherit}::selection{background:color-mix(in oklch,var(--accent),oklch(.82 .18 178) 38%);color:#fbfaf8;text-shadow:0 0 .45em oklch(.82 .18 178 / .72)}::-moz-selection{background:color-mix(in oklch,var(--accent),oklch(.82 .18 178) 38%);color:#fbfaf8;text-shadow:0 0 .45em oklch(.82 .18 178 / .72)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line-md)}*{scrollbar-width:thin;scrollbar-color:var(--line-md) var(--bg)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.reveal.is-visible{opacity:1;transform:none}@keyframes reveal-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal{opacity:1;transform:none;transition:none;animation:reveal-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.section-label{font-family:var(--font-display);font-size:var(--text-caption);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0;line-height:1}.section-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--text-caption);font-weight:500;color:var(--ink-3);letter-spacing:.08em;line-height:1}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}@media(hover:none)and (pointer:coarse){button,a{min-height:44px}*{-webkit-tap-highlight-color:rgba(0,82,255,.06);touch-action:manipulation}}@supports not (--css: variables){body{font-family:system-ui,-apple-system,sans-serif;color:#111}}@supports not (display: grid){.grid-fallback{display:flex;flex-wrap:wrap}}@media print{*,*:before,*:after{animation:none!important;transition:none!important}body{background:#fff;color:#000}}