:root,[data-theme=light]{--color-bg:#f5f4f0;--color-surface:#faf9f6;--color-surface-2:#fdfdfb;--color-surface-offset:#efede8;--color-surface-offset-2:#e8e5df;--color-divider:#d8d5cf;--color-border:#d0ccc5;--color-text:#1a1d1b;--color-text-muted:#6b6e6c;--color-text-faint:#a8aaa8;--color-text-inverse:#faf9f6;--color-primary:#0d5c5f;--color-primary-hover:#0a4a4c;--color-primary-active:#073839;--color-primary-highlight:#c5dedf;--color-accent:#c47e0a;--color-accent-hover:#a66800;--color-accent-active:#8a5400;--color-accent-highlight:#f0e0c4;--color-success:#3a7a2a;--color-success-highlight:#d2e4cc;--color-warning:#b85a1a;--color-warning-highlight:#f0dcc8;--color-error:#b03a3a;--color-error-highlight:#f0d4d4;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-full:9999px;--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 2px oklch(20% .01 80/.05);--shadow-md:0 4px 12px oklch(20% .01 80/.07);--shadow-lg:0 12px 32px oklch(20% .01 80/.1);--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--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;--content-narrow:640px;--content-default:960px;--content-wide:1200px;--font-display:"Cabinet Grotesk", "Helvetica Neue", sans-serif;--font-body:"Satoshi", "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace}[data-theme=dark]{--color-bg:#0f1211;--color-surface:#161a18;--color-surface-2:#1c211e;--color-surface-offset:#1a1f1c;--color-surface-offset-2:#222825;--color-divider:#252b28;--color-border:#36403c;--color-text:#d4d8d5;--color-text-muted:#7c827e;--color-text-faint:#565a57;--color-text-inverse:#161a18;--color-primary:#5fb0b4;--color-primary-hover:#4a9ea3;--color-primary-active:#3a8489;--color-primary-highlight:#1e3838;--color-accent:#e8b450;--color-accent-hover:#f0c470;--color-accent-active:#f8d690;--color-accent-highlight:#3d3422;--shadow-sm:0 1px 2px oklch(0% 0 0/.2);--shadow-md:0 4px 12px oklch(0% 0 0/.3);--shadow-lg:0 12px 32px oklch(0% 0 0/.4)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}::selection{background:oklch(55% .12 170/.25)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--content-wide);padding-inline:var(--space-6);margin-inline:auto}.container-narrow{max-width:var(--content-default)}.container-prose{max-width:72ch}.site-header{z-index:100;background:color-mix(in oklab, var(--color-bg) 85%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid oklch(20% .01 80/.08);position:sticky;top:0}.site-header-inner{padding-block:var(--space-3);max-width:var(--content-wide);padding-inline:var(--space-6);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-base);color:var(--color-text);letter-spacing:-.02em;display:flex}.logo svg{flex-shrink:0;width:40px;height:40px}.nav{align-items:center;gap:var(--space-1);display:flex}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-interactive);font-weight:500}.nav-link:hover{color:var(--color-text);background:var(--color-surface-offset)}.nav-link[aria-current=page]{color:var(--color-primary);background:var(--color-primary-highlight)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.theme-toggle{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-interactive);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-primary)}.nav-toggle{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;display:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;min-height:44px;transition:all var(--transition-interactive);border:1px solid #0000;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.site-footer{padding-block:var(--space-12);border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:var(--content-wide);padding-inline:var(--space-6);flex-wrap:wrap;margin-inline:auto;display:flex}.footer-text{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-links{gap:var(--space-6);display:flex}.footer-links a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-interactive)}.footer-links a:hover{color:var(--color-primary)}.section{padding-block:var(--space-20)}.section-alt{background:var(--color-surface)}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-3);font-weight:600}.section-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:var(--space-3);font-weight:700}.section-desc{font-size:var(--text-base);color:var(--color-text-muted);max-width:60ch}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-interactive)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-2)}.card-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.prose{max-width:72ch}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);margin-top:var(--space-12);margin-bottom:var(--space-4);font-weight:700;line-height:1.2}.prose h1{font-size:var(--text-2xl)}.prose h2{font-size:var(--text-xl)}.prose h3{font-size:var(--text-lg)}.prose p{margin-bottom:var(--space-6);max-width:72ch}.prose ul,.prose ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose code{font-family:var(--font-mono);background:var(--color-surface-offset);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.875em}.prose pre{background:var(--color-surface-offset);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.prose blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-6);margin-bottom:var(--space-6);color:var(--color-text-muted);font-style:italic}.blog-list{gap:var(--space-4);flex-direction:column;display:flex}.blog-item{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-interactive);display:block}.blog-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.blog-item-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-2)}.blog-item-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.blog-item-excerpt{font-size:var(--text-sm);color:var(--color-text-muted)}.logo-img{transition:height var(--transition-interactive)}@media (width<=768px){.logo-img{height:64px!important}.nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4);gap:var(--space-1);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav.open,.nav-toggle{display:flex}.section{padding-block:var(--space-12)}}