@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22.5%;line-gap-override:0%}:root{--color-navy: #081726;--color-navy-raised: #0e2236;--color-primary: #0f766e;--color-primary-hover: #0d655e;--color-primary-strong: #0b524d;--color-secondary: #0d9488;--color-secondary-soft: #e6f6f4;--color-accent: #43e8d0;--color-accent-strong: #0f766e;--color-accent-soft: #e8fbf8;--color-blue: #3b82f6;--color-teal-glow: #2dd4bf;--color-mint-hover: #6ff0dc;--color-navy-deep: #06202b;--color-teal-deep: #0b3d44;--demo-canvas: #f6f8fa;--demo-topbar: #1a1a1a;--demo-topbar-text: #e3e3e3;--demo-sidebar: #ebeef1;--color-blue-text: #2563eb;--color-background: #f4f7fa;--color-surface: #ffffff;--color-surface-muted: #eef2f6;--color-text: #102335;--color-muted: #5b6b7d;--color-muted-strong: #4f5e70;--color-on-dark: #e6eef5;--color-on-dark-muted: #a3b5c7;--field-border: #8a8a8a;--field-border-hover: #616161;--field-bg: #ffffff;--field-bg-disabled: #f7f7f7;--field-text: #303030;--field-focus: #303030;--field-focus-ring: 0 0 0 3px rgb(48 48 48 / 12%);--field-option-selected: #ebebeb;--field-option-hover: #f7f7f7;--field-option-check: #303030;--action-bg: #e3e3e3;--action-bg-hover: #d4d4d4;--action-bg-active: #cccccc;--action-text: #303030;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-on-brand: #ffffff;--color-ink: #081726;--color-track: #e5ebf1;--color-teal-text: #0f766e;--color-mint: #43e8d0;--color-image-placeholder: #eef2f6;--color-media-backdrop: #081726;--score-low: #d92d20;--score-mid: #e08a00;--score-high: #0f766e;--severity-critical: #b42318;--severity-critical-soft: #fef0ee;--severity-warning: #b45309;--severity-warning-soft: #fff6e5;--severity-suggestion: #4f5e70;--severity-suggestion-soft: #eef2f6;--color-fixed: #0f766e;--color-fixed-soft: #e6f6f4;--serp-link: #1a0dab;--serp-url: #4d5156;--color-success: #10b981;--color-success-text: #047857;--color-warning: #f59e0b;--color-warning-text: #b45309;--color-error: #ef4444;--color-error-text: #b91c1c;--accent-teal: #0f766e;--accent-teal-soft: #e6f6f4;--accent-teal-gradient: linear-gradient(135deg, #0f766e 0%, #2dd4bf 100%);--accent-emerald: #047857;--accent-emerald-soft: #e7f7ef;--accent-emerald-gradient: linear-gradient(135deg, #059669 0%, #34d399 100%);--accent-mint: #0b524d;--accent-mint-soft: #e8fbf8;--accent-mint-gradient: linear-gradient(135deg, #0d9488 0%, #43e8d0 100%);--accent-critical: #b42318;--accent-critical-soft: #fef3f2;--accent-critical-gradient: linear-gradient(135deg, #d92d20 0%, #f97066 100%);--accent-amber: #b45309;--accent-amber-soft: #fff6e5;--accent-amber-gradient: linear-gradient(135deg, #f59e0b 0%, #fcd34d 100%);--accent-blue: #1d5fbf;--accent-blue-soft: #eaf2fd;--accent-blue-gradient: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);--accent-navy: #0e2236;--accent-navy-soft: #eef2f6;--accent-navy-gradient: linear-gradient(135deg, #081726 0%, #0b3d44 100%);--card-radius: 16px;--card-padding: 22px;--card-border: 1px solid var(--color-border);--card-shadow: 0 1px 2px rgb(16 35 53 / .04), 0 8px 24px -16px rgb(8 23 38 / .18);--card-shadow-hover: 0 2px 4px rgb(16 35 53 / .05), 0 16px 32px -18px rgb(8 23 38 / .32);--gradient-signal: linear-gradient(120deg, #0d9488 0%, #2dd4bf 55%, #43e8d0 100%);--gradient-brand: linear-gradient(120deg, #081726 0%, #0f766e 60%, #2dd4bf 100%);--gradient-teal: linear-gradient(135deg, #081726 0%, #0f766e 60%, #0d9488 100%);--gradient-glow: radial-gradient(60% 60% at 50% 40%, rgb(67 232 208 / .28) 0%, rgb(244 247 250 / 0) 70%);--font-sans: "Inter", "Inter Variable", "Inter Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-hero: clamp(2.5rem, 1.6rem + 3.4vw, 4rem);--text-section: clamp(1.875rem, 1.4rem + 1.6vw, 2.5rem);--text-page: clamp(1.5rem, 1.3rem + .6vw, 1.875rem);--text-card: clamp(1rem, .95rem + .25vw, 1.25rem);--text-body: 1rem;--text-small: .875rem;--text-xs: .75rem;--leading-tight: 1.1;--leading-snug: 1.3;--leading-body: 1.6;--tracking-tight: -.025em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--section-padding: clamp(4rem, 3rem + 4vw, 7rem);--container: 1200px;--gutter: clamp(1rem, .5rem + 2vw, 2rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgb(16 35 53 / .06);--shadow-sm: 0 2px 8px rgb(16 35 53 / .06), 0 1px 2px rgb(16 35 53 / .04);--shadow-md: 0 10px 30px -12px rgb(8 23 38 / .18), 0 2px 6px rgb(16 35 53 / .05);--shadow-lg: 0 30px 60px -24px rgb(8 23 38 / .28), 0 8px 20px -10px rgb(16 35 53 / .12);--focus-ring: 0 0 0 3px var(--color-surface), 0 0 0 5px var(--color-secondary);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .6s;--duration-emphasis: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-emphasis: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}