:root{--bg:#f0f5ff;--bg-subtle:#e6f0fa;--bg-sunken:#dbe7f5;--surface:#fff;--surface-hover:#f6f9fe;--ink:#0f172a;--ink-2:#1e293b;--muted:#334155;--faint:#64748b;--primary:#0284c7;--primary-ink:#0369a1;--primary-soft:#e0f2fe;--primary-ring:#0284c747;--accent:#06b6d4;--accent-text:var(--primary);--hero-glow:radial-gradient(700px circle at 50% 30%, #38bdf859 0%, #6366f138 45%, #06b6d424 70%, transparent 100%);--hero-lede-gradient:linear-gradient(135deg, #0284c7 0%, #0369a1 40%, #0891b2 75%, #4f46e5 100%);--pill-shadow:0 2px 8px #0284c712;--pill-shadow-hover:0 6px 18px #0284c729;--pill-shadow-active:0 4px 16px #0284c752;--pill-active-gradient:linear-gradient(135deg, var(--primary) 0%, var(--primary-ink) 100%);--pill-active-ink:#fff;--border:#cbd5e1;--border-strong:#94a3b8;--border-width:1px;--nav-bg-scrolled:#f0f5ffe0;--nav-blur:saturate(160%) blur(16px);--contact-bg:#060913;--contact-ink:#f1f5f9;--code-bg:#090d16;--code-bg-2:#111726;--code-border:#1e293b;--code-text:#e2e8f0;--code-muted:#94a3b8;--code-green:#38bdf8;--code-amber:#f59e0b;--code-red:#f43f5e;--code-violet:#a855f7;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 16px #0f172a14, 0 1px 4px #0f172a0a;--shadow-lg:0 16px 40px #0f172a1f, 0 4px 12px #0f172a0f;--shadow-primary:0 2px 10px #0284c740;--r-sm:4px;--r:6px;--r-lg:10px;--r-xl:16px;--r-pill:999px;--r-full:50%;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--container:1360px;--container-narrow:840px;--nav-h:64px;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.18s var(--ease);--t:.28s var(--ease)}:root[data-theme=dark]{--bg:#060913;--bg-subtle:#0c1222;--bg-sunken:#04060c;--surface:#0e1628;--surface-hover:#152038;--ink:#f1f5f9;--ink-2:#cbd5e1;--muted:#94a3b8;--faint:#64748b;--primary:#38bdf8;--primary-ink:#7dd3fc;--primary-soft:#0c2a4a;--primary-ring:#38bdf859;--accent:#818cf8;--accent-text:var(--primary);--hero-glow:radial-gradient(750px circle at 50% 30%, #38bdf847 0%, #818cf833 50%, #06b6d41a 75%, transparent 100%);--hero-lede-gradient:linear-gradient(135deg, #38bdf8 0%, #7dd3fc 45%, #818cf8 80%, #a5b4fc 100%);--pill-shadow:0 2px 8px #00000059;--pill-shadow-hover:0 6px 18px #38bdf82e;--pill-shadow-active:0 4px 20px #38bdf866;--pill-active-gradient:linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);--pill-active-ink:#060913;--border:#1e293b;--border-strong:#334155;--nav-bg-scrolled:#060913d9;--contact-bg:#03050a;--contact-ink:#fff;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 6px 20px #0009, 0 2px 6px #0006;--shadow-lg:0 20px 50px #000000bf, 0 6px 16px #00000080;--shadow-primary:0 2px 14px #38bdf840}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--bg);color:var(--ink-2);font-family:var(--font-sans);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}.bg-canvas{pointer-events:none;z-index:-1;opacity:.65;width:100%;height:100%;position:fixed;inset:0}h1,h2,h3,h4,h5{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;font-weight:650;line-height:1.12}a{color:var(--primary);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--primary-ink)}button{cursor:pointer;font-family:inherit}::selection{background:var(--primary-soft);color:var(--primary-ink)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(24px,5vw,64px)}.section{padding-block:clamp(56px,9vw,112px)}.section--subtle{background:var(--bg-subtle)}.section-head{max-width:640px;margin-bottom:48px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:14px;font-size:.78rem;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.4vw,2.5rem)}.section-sub{color:var(--muted);margin-top:14px;font-size:1.075rem}.btn{border:var(--border-width) solid transparent;border-radius:var(--r);transition:transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), border-color var(--t-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn--primary:hover{background:var(--primary-ink);color:#fff;transform:translateY(-1px)}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary-ink)}.btn--sm{padding:9px 16px;font-size:.875rem}.chip{border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-ink);border:var(--border-width) solid transparent;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.chip--neutral{background:var(--bg-sunken);color:var(--ink-2)}.theme-toggle{border-radius:var(--r-full);border:var(--border-width) solid var(--border-strong);background:var(--surface);width:38px;height:38px;color:var(--ink-2);transition:color var(--t-fast), border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);flex:none;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--primary-ink);border-color:var(--primary);background:var(--primary-soft)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--t), transform var(--t), border-color var(--t)}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.code-island{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--r);color:var(--code-text);font-family:var(--font-mono);font-size:.82rem;line-height:1.7;overflow:hidden}.code-island__bar{background:var(--code-bg-2);border-bottom:1px solid var(--code-border);align-items:center;gap:7px;padding:10px 14px;display:flex}.code-island__dot{border-radius:var(--r-full);width:11px;height:11px}.code-island__title{color:var(--code-muted);margin-left:10px;font-size:.74rem}.skip-link{background:var(--primary);border-radius:0 0 var(--r-sm) var(--r-sm);z-index:1001;box-shadow:var(--shadow-md);padding:10px 20px;font-size:.9rem;font-weight:600;transition:top .2s;position:absolute;top:-100px;left:24px;color:#fff!important}.skip-link:focus{outline:none;top:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}