:root{color-scheme:dark;--color-ink-950:#020617;--color-ink-900:#0f172a;--color-ink-850:#111827;--color-ink-800:#1e293b;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-white:#f8fafc;--color-indigo-500:#6366f1;--color-violet-500:#a855f7;--color-cyan-500:#06b6d4;--color-cyan-300:#67e8f9;--color-amber-500:#f97316;--color-amber-300:#fdba74;--color-emerald-500:#10b981;--color-emerald-300:#6ee7b7;--color-rose-300:#fda4af;--surface-canvas:var(--color-ink-950);--surface-page:var(--color-ink-900);--surface-card:#111827d1;--surface-card-strong:#1e293bf0;--surface-glow-primary:#6366f147;--surface-glow-accent:#06b6d42e;--text-primary:var(--color-white);--text-secondary:var(--color-slate-300);--text-muted:var(--color-slate-400);--text-inverse:var(--color-ink-950);--brand-primary:var(--color-indigo-500);--brand-secondary:var(--color-violet-500);--brand-accent:var(--color-cyan-300);--status-covered:var(--color-emerald-300);--status-partial:var(--color-amber-300);--status-planned:var(--color-rose-300);--border-subtle:#cbd5e12e;--border-focus:var(--color-cyan-300);--shadow-elevated:0 24px 80px #0006;--font-family-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--font-size-step--1:clamp(.86rem, .81rem + .2vw, .95rem);--font-size-step-0:clamp(1rem, .95rem + .28vw, 1.125rem);--font-size-step-1:clamp(1.12rem, 1.02rem + .55vw, 1.35rem);--font-size-step-2:clamp(2.1rem, 1.65rem + 2.2vw, 4rem);--font-size-step-3:clamp(2.8rem, 2rem + 4.2vw, 5.7rem);--space-1:.5rem;--space-2:.875rem;--space-3:1.25rem;--space-4:1.75rem;--space-5:2.25rem;--space-6:3rem;--space-7:4.5rem;--space-8:5.5rem;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:1.75rem;--radius-xl:2rem;--motion-fast:.15s ease;font-family:var(--font-family-sans)}:root[data-theme=light]{color-scheme:light;--surface-canvas:#f8fafc;--surface-page:#eef2ff;--surface-card:#ffffffdb;--surface-card-strong:#eef2fff5;--surface-glow-primary:#6366f12e;--surface-glow-accent:#06b6d429;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#f8fafc;--brand-accent:#0369a1;--status-covered:#047857;--status-partial:#c2410c;--status-planned:#be123c;--border-subtle:#0f172a24;--border-focus:#0891b2;--shadow-elevated:0 24px 80px #0f172a21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 16% 10%, var(--surface-glow-primary), transparent 28rem), radial-gradient(circle at 84% 18%, var(--surface-glow-accent), transparent 26rem), linear-gradient(180deg, var(--surface-canvas) 0%, var(--surface-page) 46%, var(--surface-canvas) 100%);color:var(--text-primary);margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--border-focus);outline-offset:4px}main{overflow:hidden}.hero,.section{width:min(1180px, calc(100vw - var(--space-5)));margin:0 auto}.hero{min-height:92vh;padding:var(--space-4) 0 var(--space-7)}.nav{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0 var(--space-7);display:flex}.brand,.nav-links{align-items:center;gap:var(--space-2);display:flex}.brand{letter-spacing:-.03em;font-weight:800;text-decoration:none}.brand-mark{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--brand-accent);background:linear-gradient(135deg,#6366f152,#a855f73d);border:1px solid #67e8f98c;place-items:center;display:grid}.nav a{color:var(--text-secondary);font-size:var(--font-size-step--1);transition:color var(--motion-fast);font-weight:650;text-decoration:none}.nav a:hover{color:var(--text-primary)}.theme-toggle{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:40px;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:var(--font-size-step--1);border-radius:999px;align-items:center;gap:.5rem;padding:0 .8rem;font-weight:750;display:inline-flex}.theme-toggle:hover{color:var(--text-primary)}.theme-toggle-icon{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary), var(--color-cyan-500));border-radius:999px;width:.75rem;height:.75rem}.hero-grid,.split,.principles{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;display:grid}.hero-copy{max-width:740px}.eyebrow{margin:0 0 var(--space-2);color:var(--brand-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800}h1,h2,h3{letter-spacing:-.045em;margin:0;line-height:1}h1{max-width:780px;font-size:var(--font-size-step-3)}h2{font-size:var(--font-size-step-2)}h3{font-size:clamp(2rem,3.2vw,3.1rem)}.lede,.section-heading p,.scenario-card p,.principles li{color:var(--text-secondary);font-size:var(--font-size-step-0);line-height:1.75}.lede{max-width:720px;margin:var(--space-4) 0 0;font-size:var(--font-size-step-1)}.hero-actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.button{border:1px solid var(--border-subtle);min-height:48px;transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast);border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary) 52%, var(--color-cyan-500));color:var(--text-primary);border-color:#0000}:root[data-theme=light] .button.primary{color:#fff}.button.secondary{color:var(--text-primary);background:#ffffff0a}:root[data-theme=light] .button.secondary{background:#ffffffb3}.mermaid-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-elevated);margin:0;overflow:hidden}.mermaid-card figcaption{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:16px 20px;font-size:.9rem;font-weight:800}.mermaid-card .mermaid{min-height:260px;padding:var(--space-4);place-items:center;margin:0;display:grid;overflow-x:auto}.mermaid-card .mermaid svg{width:100%;min-width:min(36rem,100%);max-width:none;height:auto}.section{padding:var(--space-8) 0}.stats{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stats article,.language-grid article,.scenario-card,.flow-table,.principles{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-elevated);backdrop-filter:blur(16px)}.stats article{border-radius:var(--radius-md);padding:var(--space-4)}.stats strong{color:var(--status-covered);letter-spacing:-.06em;font-size:3rem;display:block}.stats span,.language-grid span,.flow-row small{color:var(--text-muted)}.language-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.language-grid article{border-radius:var(--radius-md);padding:var(--space-3)}.language-grid span,.language-grid strong{display:block}.language-grid strong{font-size:var(--font-size-step-0);margin-top:8px}.section-heading{max-width:760px;margin-bottom:var(--space-5)}.scenario-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scenario-card{gap:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;display:flex}.scenario-card ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.scenario-card li{color:var(--text-secondary);border:1px solid #5ce1e633;border-radius:999px;padding:7px 10px;font-size:.86rem}.scenario-card>a{width:max-content;color:var(--brand-accent);font-weight:800;text-decoration:none}.scenario-card .mermaid-card{box-shadow:none}.flow-table{border-radius:var(--radius-lg);overflow:hidden}.flow-row{gap:var(--space-3);border-bottom:1px solid var(--border-subtle);grid-template-columns:90px 1.1fr .8fr 1.6fr;align-items:start;padding:18px 20px;display:grid}.flow-row:last-child{border-bottom:0}.flow-row.header{background:var(--surface-card-strong);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:900}.flow-row strong,.flow-row small{display:block}.flow-id{color:var(--brand-accent);font-weight:900}mark{color:var(--text-primary);background:#ffffff0f;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900;display:inline-flex}mark.covered{color:var(--status-covered);background:#10b9812e}mark.partial{color:var(--status-partial);background:#f973162e}mark.planned{color:var(--status-planned);background:#fda4af29}.principles{border-radius:var(--radius-xl);padding:var(--space-5);align-items:start}.principles ol{margin:0;padding-left:24px}.principles li+li{margin-top:var(--space-2)}@media (width<=900px){.hero-grid,.split,.principles,.scenario-grid,.stats{grid-template-columns:1fr}.nav{padding-bottom:var(--space-6);flex-direction:column;align-items:flex-start}.flow-row{grid-template-columns:1fr}.flow-row.header{display:none}}@media (width<=620px){.hero,.section{width:min(100vw - 24px,1180px)}h1{font-size:clamp(3.2rem,16vw,4.6rem)}.language-grid{grid-template-columns:1fr}}