:root{--color-navy:#1a2a4a;--color-navy-soft:#243656;--color-teal:#0d8a8a;--color-teal-dark:#0a6e6e;--color-teal-soft:#e6f5f5;--color-purple:#6b3d8f;--color-purple-soft:#f3ebf8;--color-bg:#f7f9fb;--color-surface:#fff;--color-surface-muted:#eef2f6;--color-border:#d5dde7;--color-border-strong:#b8c4d4;--color-text:#1a2a4a;--color-text-muted:#5a6a80;--color-text-inverse:#fff;--color-focus:#0d8a8a;--color-error:#a33a3a;--color-demo:#6b3d8f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-soft:0 8px 28px #1a2a4a14;--container:1120px;--header-h:72px;--font-sans:var(--font-source-sans), "Segoe UI", sans-serif;--font-display:var(--font-source-serif), Georgia, serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem}html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--color-text);background:radial-gradient(1200px 600px at 10% -10%, #0d8a8a14, transparent 55%), radial-gradient(900px 500px at 100% 0%, #6b3d8f0f, transparent 50%), var(--color-bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:1.05rem;line-height:1.6;display:flex}*{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto;display:block}a{color:var(--color-teal-dark);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--color-navy)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-navy);font-weight:600;line-height:1.2}h1{font-size:clamp(1.85rem,4vw,2.75rem)}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:clamp(1.15rem,2vw,1.35rem)}p{color:var(--color-text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-main{flex:1;width:100%}.skip-link{left:var(--space-4);z-index:1000;background:var(--color-navy);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.demo-banner{background:var(--color-purple-soft);border:1px solid color-mix(in srgb, var(--color-purple) 30%, white);color:var(--color-navy);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.95rem}.demo-banner strong{color:var(--color-demo)}.placeholder-block{background:var(--color-surface-muted);border:1px dashed var(--color-border-strong);color:var(--color-text-muted);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;font-size:.95rem}.badge{letter-spacing:.02em;background:var(--color-teal-soft);color:var(--color-teal-dark);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge--purple{background:var(--color-purple-soft);color:var(--color-purple)}.badge--muted{background:var(--color-surface-muted);color:var(--color-text-muted)}