:root{--surface-base: #F2F3F5;--surface-raised: #FFFFFF;--surface-overlay: #FFFFFF;--border-subtle: #E2E5EC;--border-default: #CBD0DC;--border-hover: #A8B0C8;--text-primary: #1C2033;--text-secondary: #5B6280;--text-tertiary: #8D93A8;--signal-green-fg: #1A7A4A;--signal-green-bg: rgba(26, 122, 74, .09);--signal-amber-fg: #8C5F00;--signal-amber-bg: rgba(140, 95, 0, .09);--signal-red-fg: #BF2D3B;--signal-red-bg: rgba(191, 45, 59, .09);--brand-logo: #4C604A;--brand-cta: #4C604A;--brand-cta-hover: #3D4D3B;--brand-cta-text: #FFFFFF;--brand-cta-ring: rgba(76, 96, 74, .2);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", monospace;--text-xs: .75rem;--lh-xs: 1.4;--text-sm: .875rem;--lh-sm: 1.5;--text-base: 1rem;--lh-base: 1.625;--text-lg: 1.125rem;--lh-lg: 1.55;--text-xl: 1.25rem;--lh-xl: 1.5;--text-2xl: 1.5rem;--lh-2xl: 1.4;--text-3xl: 1.875rem;--lh-3xl: 1.3;--text-4xl: 2.25rem;--lh-4xl: 1.2;--type-section-eyebrow-size: var(--text-xs);--type-section-eyebrow-line-height: var(--lh-xs);--type-section-heading-size: var(--text-3xl);--type-section-heading-line-height: var(--lh-3xl);--type-section-body-size: var(--text-lg);--type-section-body-line-height: var(--lh-lg);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-32: 8rem;--container: 1200px;--container-narrow: 720px;--radius-sm: 4px;--radius-md: 8px;--duration-fast: .12s;--duration-mid: .24s;--ease-default: cubic-bezier(.4, 0, .2, 1);--bg: var(--surface-base);--bg-subtle: var(--surface-base);--bg-card: var(--surface-raised);--border: var(--border-subtle);--text: var(--text-primary);--text-muted: var(--text-secondary);--nav-bg: rgba(242, 243, 245, .88);--brand: var(--brand-cta);--brand-hover: var(--brand-cta-hover);--brand-subtle: rgba(76, 96, 74, .08);--brand-border: rgba(76, 96, 74, .25);--duration: var(--duration-fast);--ease: var(--ease-default);--text-5xl: 3rem;--text-6xl: 3.75rem;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}@media(prefers-color-scheme:dark){:root{--surface-base: #0B0E1C;--surface-raised: #131827;--surface-overlay: #1A2138;--border-subtle: #1E2540;--border-default: #2A3454;--border-hover: #3A4870;--text-primary: #E8ECFA;--text-secondary: #8490B8;--text-tertiary: #565E80;--signal-green-fg: #2DB56E;--signal-green-bg: rgba(45, 181, 110, .12);--signal-amber-fg: #D4A020;--signal-amber-bg: rgba(212, 160, 32, .12);--signal-red-fg: #E04455;--signal-red-bg: rgba(224, 68, 85, .12);--nav-bg: rgba(11, 14, 28, .88);--brand-logo: #DCFED8;--brand-cta: #DCFED8;--brand-cta-hover: #C5EBBF;--brand-cta-text: #0B0E1C;--brand-cta-ring: rgba(220, 254, 216, .3);--brand: var(--brand-cta);--brand-hover: var(--brand-cta-hover);--brand-subtle: rgba(220, 254, 216, .1);--brand-border: rgba(220, 254, 216, .25)}}:where(.astro-hqcdsjnp){box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);color:var(--text-primary);background:var(--surface-base);padding:var(--sp-8);max-width:900px;margin-inline:auto;-webkit-font-smoothing:antialiased}header:where(.astro-hqcdsjnp){padding-block:var(--sp-8) var(--sp-6);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-8)}header:where(.astro-hqcdsjnp) h1:where(.astro-hqcdsjnp){font-size:var(--text-3xl);line-height:var(--lh-3xl);font-weight:700;color:var(--text-primary)}header:where(.astro-hqcdsjnp) p:where(.astro-hqcdsjnp){margin-top:var(--sp-1);font-size:var(--text-sm);color:var(--text-tertiary)}main:where(.astro-hqcdsjnp){display:flex;flex-direction:column;gap:var(--sp-16)}section:where(.astro-hqcdsjnp) h2:where(.astro-hqcdsjnp){font-size:var(--text-xl);line-height:var(--lh-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-4)}.section-note:where(.astro-hqcdsjnp){font-size:var(--text-sm);font-weight:400;color:var(--text-tertiary)}.section-desc:where(.astro-hqcdsjnp){font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-5);max-width:60ch}.swatch-row:where(.astro-hqcdsjnp){display:flex;flex-wrap:wrap;gap:var(--sp-3)}.swatch:where(.astro-hqcdsjnp){width:180px;height:120px;border-radius:var(--radius-md);padding:var(--sp-3);display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.swatch-name:where(.astro-hqcdsjnp){font-size:var(--text-xs);font-weight:600;font-family:monospace}.swatch-value:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-secondary);font-family:monospace}.swatch-role:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-tertiary)}.border-row:where(.astro-hqcdsjnp){display:flex;flex-direction:column;gap:var(--sp-3)}.border-sample:where(.astro-hqcdsjnp){padding:var(--sp-4);border-radius:var(--radius-sm);background:var(--surface-raised);display:flex;align-items:center;gap:var(--sp-4);font-size:var(--text-sm)}.border-sample:where(.astro-hqcdsjnp) code:where(.astro-hqcdsjnp){font-size:var(--text-xs);min-width:160px}.border-sample:where(.astro-hqcdsjnp) span:where(.astro-hqcdsjnp){color:var(--text-secondary)}.text-samples:where(.astro-hqcdsjnp){display:flex;flex-direction:column;gap:var(--sp-4)}.text-samples:where(.astro-hqcdsjnp) p:where(.astro-hqcdsjnp){display:flex;flex-direction:column;gap:2px}.text-samples:where(.astro-hqcdsjnp) .label:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400}.signal-grid:where(.astro-hqcdsjnp){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4)}.signal-card:where(.astro-hqcdsjnp){background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.signal-header:where(.astro-hqcdsjnp){display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:600}.signal-dot:where(.astro-hqcdsjnp){width:8px;height:8px;border-radius:50%;flex-shrink:0}.signal-chip:where(.astro-hqcdsjnp){display:inline-flex;align-items:center;padding:3px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;align-self:flex-start}.signal-tokens:where(.astro-hqcdsjnp){display:grid;grid-template-columns:auto 1fr;gap:4px var(--sp-3);font-size:var(--text-xs)}.signal-tokens:where(.astro-hqcdsjnp) dt:where(.astro-hqcdsjnp){font-family:monospace;color:var(--text-secondary)}.signal-tokens:where(.astro-hqcdsjnp) dd:where(.astro-hqcdsjnp){color:var(--text-tertiary)}.type-scale:where(.astro-hqcdsjnp){display:flex;flex-direction:column;gap:var(--sp-3)}.type-row:where(.astro-hqcdsjnp){display:grid;grid-template-columns:200px 1fr;gap:var(--sp-4);align-items:start;padding-block:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.type-meta:where(.astro-hqcdsjnp){display:flex;flex-direction:column;gap:2px;padding-top:2px}.type-meta:where(.astro-hqcdsjnp) code:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-primary)}.type-meta:where(.astro-hqcdsjnp) span:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-tertiary)}.type-row:where(.astro-hqcdsjnp) p:where(.astro-hqcdsjnp){color:var(--text-primary)}.spacing-scale:where(.astro-hqcdsjnp){display:flex;flex-direction:column;gap:var(--sp-2)}.spacing-row:where(.astro-hqcdsjnp){display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:var(--sp-3)}.sp-label:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-secondary)}.sp-bar-wrap:where(.astro-hqcdsjnp){height:16px;display:flex;align-items:center}.sp-bar:where(.astro-hqcdsjnp){height:8px;background:var(--signal-green-fg);border-radius:2px}.sp-value:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-tertiary);text-align:right}.radius-row:where(.astro-hqcdsjnp){display:flex;gap:var(--sp-4);flex-wrap:wrap}.radius-sample:where(.astro-hqcdsjnp){width:160px;height:80px;background:var(--surface-raised);border:1px solid var(--border-default);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.radius-sample:where(.astro-hqcdsjnp) code:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-primary)}.radius-sample:where(.astro-hqcdsjnp) span:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.motion-row:where(.astro-hqcdsjnp){display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4)}.motion-demo:where(.astro-hqcdsjnp){width:200px;height:80px;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition-property:background,border-color,transform;transition-timing-function:var(--ease-default)}.motion-fast:where(.astro-hqcdsjnp){transition-duration:var(--duration-fast)}.motion-mid:where(.astro-hqcdsjnp){transition-duration:var(--duration-mid)}.motion-demo:where(.astro-hqcdsjnp):hover{background:var(--signal-green-bg);border-color:var(--signal-green-fg);transform:translateY(-2px)}.motion-demo:where(.astro-hqcdsjnp) code:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-primary)}.motion-demo:where(.astro-hqcdsjnp) span:where(.astro-hqcdsjnp){font-size:var(--text-xs);color:var(--text-tertiary)}.motion-note:where(.astro-hqcdsjnp){font-size:var(--text-sm);color:var(--text-secondary)}.demo-cta:where(.astro-hqcdsjnp){padding:.625rem 1.25rem;background:var(--brand-cta);color:var(--brand-cta-text);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.demo-cta:where(.astro-hqcdsjnp):hover{background:var(--brand-cta-hover)}code:where(.astro-hqcdsjnp){font-family:var(--font-mono)}