:root{--seed-bg: #f8f9fb;--seed-fg: #111827;--seed-primary: #0f172a;--seed-accent: #2563eb;--seed-surface: #ffffff;--seed-radius: 8px;--bg: var(--seed-bg);--surface: var(--seed-surface);--surface-alt: color-mix(in srgb, var(--seed-surface) 92%, var(--seed-fg) 8%);--fg: var(--seed-fg);--fg-muted: color-mix(in srgb, var(--seed-fg) 55%, transparent);--border: color-mix(in srgb, var(--seed-fg) 10%, transparent);--accent: var(--seed-accent);--accent-hover: color-mix(in srgb, var(--seed-accent) 85%, #000);--primary: var(--seed-primary);--primary-text: #f0f4f8;--success: #059669;--warn: #d97706;--danger: #dc2626;--radius-sm: calc(var(--seed-radius) * .5);--radius-md: var(--seed-radius);--radius-lg: calc(var(--seed-radius) * 2);--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--space-section: 120px;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--type-scale: 1.25;--fs-caption: .75rem;--fs-small: .875rem;--fs-body: 1rem;--fs-body-lg: 1.125rem;--fs-h3: 1.25rem;--fs-h2: 1.563rem;--fs-h1: 1.953rem;--fs-display: 2.75rem;--fs-hero: 3.5rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--max-width: 1200px;--max-width-narrow: 800px;--navbar-height: 72px}[data-theme=dark]{--seed-bg: #0b0f19;--seed-fg: #e8ecf4;--seed-primary: #1a2235;--seed-accent: #3b82f6;--seed-surface: #131a2b;--bg: var(--seed-bg);--surface: var(--seed-surface);--surface-alt: color-mix(in srgb, var(--seed-surface) 88%, var(--seed-fg) 12%);--fg: var(--seed-fg);--fg-muted: color-mix(in srgb, var(--seed-fg) 55%, transparent);--border: rgba(255,255,255,.08);--accent: var(--seed-accent);--accent-hover: color-mix(in srgb, var(--seed-accent) 80%, #fff);--primary: var(--seed-primary);--primary-text: #e8ecf4;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1}body{font-family:var(--font-body);font-size:var(--fs-body);font-weight:400;line-height:1.6;color:var(--fg);background-color:var(--bg);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;color:var(--fg)}h1{font-size:var(--fs-h1);letter-spacing:-.02em}h2{font-size:var(--fs-h2);letter-spacing:-.015em}h3{font-size:var(--fs-h3);letter-spacing:-.01em}p{max-width:65ch;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px dashed var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.label-caps{font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 28px;font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;line-height:1;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none}.btn:focus-visible{outline:2px dashed var(--accent);outline-offset:3px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--fg);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--fg);padding:8px 16px}.btn-ghost:hover{color:var(--accent)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5)}.section{padding:var(--space-section) 0}.section-header{margin-bottom:var(--space-8)}.section-header .label-caps{display:block;margin-bottom:var(--space-3)}.section-header h2{margin-bottom:var(--space-3)}.section-header p{color:var(--fg-muted);font-size:var(--fs-body-lg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.reveal{opacity:0;transform:translateY(24px)}.reveal.active{opacity:1;transform:translateY(0)}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media(max-width:1024px){:root{--space-section: 80px;--fs-hero: 2.75rem;--fs-display: 2.25rem}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){:root{--space-section: 64px;--fs-hero: 2.25rem;--fs-display: 1.75rem;--fs-h1: 1.5rem;--fs-h2: 1.25rem;--navbar-height: 60px}.container{padding:0 var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}