@layer foundation,semantic,components;@layer foundation{:root{--typography-fontFamily-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--typography-fontFamily-mono: JetBrains Mono, Courier New, Courier, monospace;--typography-fontFamily-display: "Libre Baskerville", Georgia, serif;--typography-fontSize-xs: .75rem;--typography-fontSize-sm: .875rem;--typography-fontSize-base: 1rem;--typography-fontSize-lg: 1.125rem;--typography-fontSize-xl: 1.25rem;--typography-fontSize-2xl: 1.563rem;--typography-fontSize-3xl: 1.953rem;--typography-fontSize-4xl: 2.441rem;--typography-fontSize-5xl: 3.052rem;--typography-fontSize-6xl: 3.75rem;--typography-fontSize-7xl: 4.5rem;--typography-fontSize-8xl: 6rem;--typography-fontSize-9xl: 8rem;--typography-fontWeight-light: 300;--typography-fontWeight-normal: 400;--typography-fontWeight-medium: 500;--typography-fontWeight-semibold: 600;--typography-fontWeight-bold: 700;--typography-fontWeight-extrabold: 800;--typography-fontWeight-black: 900;--typography-lineHeight-none: 1;--typography-lineHeight-tight: 1.25;--typography-lineHeight-snug: 1.375;--typography-lineHeight-normal: 1.5;--typography-lineHeight-relaxed: 1.625;--typography-lineHeight-loose: 1.75;--typography-letterSpacing-tighter: -.05em;--typography-letterSpacing-tight: -.025em;--typography-letterSpacing-normal: 0em;--typography-letterSpacing-wide: .025em;--typography-letterSpacing-wider: .05em;--typography-letterSpacing-widest: .1em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--density-compact-padding: .5rem;--density-compact-gap: .5rem;--density-compact-margin: .5rem;--density-comfortable-padding: 1rem;--density-comfortable-gap: 1rem;--density-comfortable-margin: 1rem;--density-spacious-padding: 1.5rem;--density-spacious-gap: 1.5rem;--density-spacious-margin: 1.5rem;--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--border-width-thin: .5px;--border-width-hairline: 1px;--border-width-sm: 2px;--border-width-md: 3px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 4px 20px rgba(0, 0, 0, .06);--shadow-md: 0 8px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-2xl: 0 24px 60px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--shadow-brand: 0 4px 16px rgba(50, 138, 148, .2);--shadow-brand-lg: 0 8px 32px rgba(50, 138, 148, .25);--elevation-level0: none;--elevation-level1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--elevation-level2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--elevation-level3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--elevation-level4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--elevation-level5: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);--motion-duration-fast: .15s;--motion-duration-base: .25s;--motion-duration-slow: .35s;--motion-easing-default: cubic-bezier(.4, 0, .2, 1);--motion-easing-in: cubic-bezier(.4, 0, 1, 1);--motion-easing-out: cubic-bezier(0, 0, .2, 1);--animation-duration-instant: 0ms;--animation-duration-fast: .15s;--animation-duration-base: .25s;--animation-duration-slow: .35s;--animation-easing-linear: linear;--animation-easing-ease: ease;--animation-easing-easeIn: cubic-bezier(.4, 0, 1, 1);--animation-easing-easeOut: cubic-bezier(0, 0, .2, 1);--animation-easing-easeInOut: cubic-bezier(.4, 0, .2, 1);--layout-container-maxWidth: 1400px;--layout-container-paddingY: 2rem;--layout-container-paddingX: 1.5rem;--opacity-disabled: .5;--opacity-hover: .92;--opacity-active: .88;--z-index-base: 0;--z-index-sticky: 10;--z-index-dropdown: 100;--z-index-modal: 1000;--z-index-toast: 1100;--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--color-brand-teal-warm-25: #eaf8fa;--color-brand-teal-warm-50: #e0f3f5;--color-brand-teal-warm-100: #c5e1e4;--color-brand-teal-warm-200: #a3cdd2;--color-brand-teal-warm-300: #7db6bc;--color-brand-teal-warm-400: #5b9fa5;--color-brand-teal-warm-500: #3a8b92;--color-brand-teal-warm-600: #1f7075;--color-brand-teal-warm-700: #04585c;--color-brand-teal-warm-800: #004245;--color-brand-teal-warm-900: #002b2d;--color-brand-teal-warm-950: #001b1c;--color-brand-teal-cool-25: #ebf8fc;--color-brand-teal-cool-50: #e1f2f8;--color-brand-teal-cool-100: #c6e0e8;--color-brand-teal-cool-200: #a4ccd8;--color-brand-teal-cool-300: #7fb5c4;--color-brand-teal-cool-400: #5d9dae;--color-brand-teal-cool-500: #3e899b;--color-brand-teal-cool-600: #246e7e;--color-brand-teal-cool-700: #0c5764;--color-brand-teal-cool-800: #00404c;--color-brand-teal-cool-900: #002a32;--color-brand-teal-cool-950: #001a1f;--color-brand-teal-pure-25: #eaf8fc;--color-brand-teal-pure-50: #e0f2f7;--color-brand-teal-pure-100: #c5e0e7;--color-brand-teal-pure-200: #a3ccd5;--color-brand-teal-pure-300: #7eb5c1;--color-brand-teal-pure-400: #5c9eab;--color-brand-teal-pure-500: #3b8a98;--color-brand-teal-pure-600: #216f7a;--color-brand-teal-pure-700: #075761;--color-brand-teal-pure-800: #004149;--color-brand-teal-pure-900: #002a30;--color-brand-teal-pure-950: #001a1e;--color-brand-mustard-warm-25: #fdf8ed;--color-brand-mustard-warm-50: #fcf5e9;--color-brand-mustard-warm-100: #f0e3cb;--color-brand-mustard-warm-200: #e4cea9;--color-brand-mustard-warm-300: #d1b380;--color-brand-mustard-warm-400: #b89151;--color-brand-mustard-warm-500: #a37419;--color-brand-mustard-warm-600: #835a0d;--color-brand-mustard-warm-700: #6a480b;--color-brand-mustard-warm-800: #583c10;--color-brand-mustard-warm-900: #51370f;--color-brand-mustard-warm-950: #442e0f;--color-brand-mustard-cool-25: #fbf9ee;--color-brand-mustard-cool-50: #f9f7e9;--color-brand-mustard-cool-100: #ebe5cb;--color-brand-mustard-cool-200: #dbd1a9;--color-brand-mustard-cool-300: #c6b780;--color-brand-mustard-cool-400: #ac9750;--color-brand-mustard-cool-500: #967b15;--color-brand-mustard-cool-600: #786006;--color-brand-mustard-cool-700: #624d06;--color-brand-mustard-cool-800: #52400d;--color-brand-mustard-cool-900: #4c3b0c;--color-brand-mustard-cool-950: #3f310d;--color-brand-mustard-pure-25: #fcf8ed;--color-brand-mustard-pure-50: #fbf6e9;--color-brand-mustard-pure-100: #eee4cb;--color-brand-mustard-pure-200: #e0d0a8;--color-brand-mustard-pure-300: #ccb580;--color-brand-mustard-pure-400: #b2944f;--color-brand-mustard-pure-500: #9d7715;--color-brand-mustard-pure-600: #7e5d08;--color-brand-mustard-pure-700: #664b07;--color-brand-mustard-pure-800: #553e0e;--color-brand-mustard-pure-900: #4f390d;--color-brand-mustard-pure-950: #422f0d;--color-brand-coral-warm-25: #fff5f2;--color-brand-coral-warm-50: #fdeeea;--color-brand-coral-warm-100: #fbddd5;--color-brand-coral-warm-200: #f3c5b9;--color-brand-coral-warm-300: #e2a293;--color-brand-coral-warm-400: #d1806d;--color-brand-coral-warm-500: #c15b45;--color-brand-coral-warm-600: #9c4533;--color-brand-coral-warm-700: #7a3527;--color-brand-coral-warm-800: #652c21;--color-brand-coral-warm-900: #55251b;--color-brand-coral-warm-950: #421c15;--color-brand-coral-cool-25: #fff6f0;--color-brand-coral-cool-50: #fcefe7;--color-brand-coral-cool-100: #f9ded0;--color-brand-coral-cool-200: #f0c7b2;--color-brand-coral-cool-300: #dfa687;--color-brand-coral-cool-400: #cd845d;--color-brand-coral-cool-500: #bd602a;--color-brand-coral-cool-600: #984a1b;--color-brand-coral-cool-700: #783914;--color-brand-coral-cool-800: #632f13;--color-brand-coral-cool-900: #542710;--color-brand-coral-cool-950: #401e0d;--color-brand-coral-pure-25: #fff6f0;--color-brand-coral-pure-50: #fdeee8;--color-brand-coral-pure-100: #faded3;--color-brand-coral-pure-200: #f2c6b5;--color-brand-coral-pure-300: #e1a48c;--color-brand-coral-pure-400: #cf8264;--color-brand-coral-pure-500: #bf5d37;--color-brand-coral-pure-600: #9a4727;--color-brand-coral-pure-700: #79371e;--color-brand-coral-pure-800: #642e1a;--color-brand-coral-pure-900: #552615;--color-brand-coral-pure-950: #411d11;--color-brand-sage-warm-25: #f3fbf6;--color-brand-sage-warm-50: #f1f9f3;--color-brand-sage-warm-100: #d0e4d5;--color-brand-sage-warm-200: #b3d4bb;--color-brand-sage-warm-300: #92c29b;--color-brand-sage-warm-400: #68a672;--color-brand-sage-warm-500: #40924d;--color-brand-sage-warm-600: #357339;--color-brand-sage-warm-700: #2c592b;--color-brand-sage-warm-800: #264623;--color-brand-sage-warm-900: #1c3517;--color-brand-sage-warm-950: #152411;--color-brand-sage-cool-25: #f2fbf8;--color-brand-sage-cool-50: #eff9f5;--color-brand-sage-cool-100: #cce5da;--color-brand-sage-cool-200: #acd5c3;--color-brand-sage-cool-300: #86c4a8;--color-brand-sage-cool-400: #55a983;--color-brand-sage-cool-500: #099563;--color-brand-sage-cool-600: #10764c;--color-brand-sage-cool-700: #145b39;--color-brand-sage-cool-800: #18482d;--color-brand-sage-cool-900: #11361f;--color-brand-sage-cool-950: #102515;--color-brand-sage-pure-25: #f3fbf7;--color-brand-sage-pure-50: #f0f9f4;--color-brand-sage-pure-100: #cee5d8;--color-brand-sage-pure-200: #b0d5bf;--color-brand-sage-pure-300: #8cc3a1;--color-brand-sage-pure-400: #5fa87b;--color-brand-sage-pure-500: #2d9358;--color-brand-sage-pure-600: #277542;--color-brand-sage-pure-700: #225a32;--color-brand-sage-pure-800: #204727;--color-brand-sage-pure-900: #17361b;--color-brand-sage-pure-950: #132413;--color-brand-teal-50: #e3f6f9;--color-brand-teal-100: #c2e6ea;--color-brand-teal-200: #9bcfd5;--color-brand-teal-300: #71b1b9;--color-brand-teal-400: #47939d;--color-brand-teal-500: #2d8a98;--color-brand-teal-600: #00616b;--color-brand-teal-700: #004d55;--color-brand-teal-800: #00363c;--color-brand-teal-900: #002025;--color-brand-mustard-25: #fcf8ed;--color-brand-mustard-50: #fbf6e9;--color-brand-mustard-100: #eee4cb;--color-brand-mustard-200: #e0d0a8;--color-brand-mustard-300: #ccb580;--color-brand-mustard-400: #b2944f;--color-brand-mustard-500: #9d7715;--color-brand-mustard-600: #7e5d07;--color-brand-mustard-700: #664b07;--color-brand-mustard-800: #553e0e;--color-brand-mustard-900: #4f390d;--color-brand-mustard-950: #422f0d;--color-brand-coral-25: #fff6f1;--color-brand-coral-50: #fdeee8;--color-brand-coral-100: #faded3;--color-brand-coral-200: #f2c6b5;--color-brand-coral-300: #e1a48c;--color-brand-coral-400: #cf8264;--color-brand-coral-500: #bf5d37;--color-brand-coral-600: #9a4728;--color-brand-coral-700: #79371e;--color-brand-coral-800: #642e1a;--color-brand-coral-900: #552616;--color-brand-coral-950: #411d11;--color-brand-sage-25: #f3fbf7;--color-brand-sage-50: #f0f9f4;--color-brand-sage-100: #cee5d8;--color-brand-sage-200: #b0d5bf;--color-brand-sage-300: #8cc3a2;--color-brand-sage-400: #5ea87b;--color-brand-sage-500: #2d9358;--color-brand-sage-600: #267543;--color-brand-sage-700: #215a32;--color-brand-sage-800: #204728;--color-brand-sage-900: #17361b;--color-brand-sage-950: #132413;--color-neutral-warm-0: #FFFFFF;--color-neutral-warm-25: #fcfcf9;--color-neutral-warm-50: #FAF8F4;--color-neutral-warm-100: #f2eee8;--color-neutral-warm-200: #e1dcd0;--color-neutral-warm-300: #D1C9B8;--color-neutral-warm-400: #b4ab9b;--color-neutral-warm-500: #988d7f;--color-neutral-warm-600: #7c7164;--color-neutral-warm-700: #62564A;--color-neutral-warm-800: #473e38;--color-neutral-warm-900: #2C2826;--color-neutral-warm-950: #1e1c1b;--color-neutral-warm-975: #181615;--color-neutral-warm-1000: #0F0E0D;--color-neutral-cool-0: #FCFCFD;--color-neutral-cool-25: #fafafc;--color-neutral-cool-50: #F7F8FA;--color-neutral-cool-100: #edeff2;--color-neutral-cool-200: #dbdde1;--color-neutral-cool-300: #C8CBD1;--color-neutral-cool-400: #a7aab0;--color-neutral-cool-500: #868990;--color-neutral-cool-600: #676a71;--color-neutral-cool-700: #4A4D54;--color-neutral-cool-800: #313438;--color-neutral-cool-900: #1A1C1F;--color-neutral-cool-950: #131517;--color-neutral-cool-975: #101113;--color-neutral-cool-1000: #0B0C0E;--color-neutral-pure-0: #FFFFFF;--color-neutral-pure-25: #fcfcfc;--color-neutral-pure-50: #F9F9F9;--color-neutral-pure-100: #efefef;--color-neutral-pure-200: #dcdcdc;--color-neutral-pure-300: #C8C8C8;--color-neutral-pure-400: #a8a8a8;--color-neutral-pure-500: #888888;--color-neutral-pure-600: #686868;--color-neutral-pure-700: #484848;--color-neutral-pure-800: #313131;--color-neutral-pure-900: #1A1A1A;--color-neutral-pure-950: #131313;--color-neutral-pure-975: #101010;--color-neutral-pure-1000: #080808}}@layer semantic{[data-theme=warm][data-mode=light]{--color-role-bg-base: #FAF8F4;--color-role-bg-subtle: #FAF8F4;--color-role-bg-muted: #f2eee8;--color-role-bg-elevated: #FFFFFF;--color-role-bg-overlay: #FAF8F4;--color-role-bg-mutedStrong: #e1dcd0;--color-role-text-primary: #181615;--color-role-text-secondary: #62564A;--color-role-text-tertiary: #988d7f;--color-role-text-inverse: #fcfcf9;--color-role-text-disabled: #b4ab9b;--color-role-border-subtle: #D1C9B8;--color-role-border-default: #988d7f;--color-role-border-strong: #2C2826;--color-role-brand-bg: #00616b;--color-role-brand-bgHover: #004d55;--color-role-brand-bgActive: #00363c;--color-role-brand-bgDark: #002025;--color-role-brand-accent: #2d8a98;--color-role-brand-accentSubtle: #71b1b9;--color-role-brand-fg: #FFFFFF;--color-role-brand-fgInverse: #1e1c1b;--color-role-code-bg: #f2eee8;--color-role-code-text: #2C2826;--color-role-code-bgSubtle: #f2eee8;--color-role-code-border: #D1C9B8;--color-role-link-default: #00616b;--color-role-link-hover: #004d55;--color-role-link-visited: #00363c;--color-role-link-onMuted: #00616b;--color-role-selection-bg: #a3cdd2;--color-role-selection-fg: #2C2826;--color-role-surfaceTint: #FAF8F4;--color-role-sectionHeader-bg: #FFFFFF;--color-role-sectionHeader-gradientStart: #3a8b92;--color-role-sectionHeader-gradientEnd: #7db6bc;--color-status-info-bg: #e0f3f5;--color-status-info-border: #3a8b92;--color-status-info-fg: #002b2d;--color-status-info-icon: #3a8b92;--color-status-success-bg: #f1f9f3;--color-status-success-bgDark: #357339;--color-status-success-border: #40924d;--color-status-success-fg: #1c3517;--color-status-success-icon: #40924d;--color-status-warning-bg: #fcf5e9;--color-status-warning-bgDark: #835a0d;--color-status-warning-border: #a37419;--color-status-warning-fg: #51370f;--color-status-warning-icon: #a37419;--color-status-error-bg: #fdeeea;--color-status-error-bgDark: #9c4533;--color-status-error-border: #c15b45;--color-status-error-fg: #55251b;--color-status-error-icon: #c15b45;--color-visualization-diverging-1: #3a8b92;--color-visualization-diverging-2: #6BA57C;--color-visualization-diverging-3: #96B37B;--color-visualization-diverging-4: #A8AA65;--color-visualization-diverging-5: #a37419;--color-visualization-diverging-6: #c15b45;--color-visualization-categorical-1: #3a8b92;--color-visualization-categorical-2: #6BA57C;--color-visualization-categorical-3: #96B37B;--color-visualization-categorical-4: #A8AA65;--color-visualization-categorical-5: #a37419;--color-visualization-categorical-6: #c15b45;--color-visualization-chrome-gridline: #e1dcd0;--color-visualization-chrome-axis: #b4ab9b;--color-visualization-chrome-label: #62564A;--interaction-ring-brand: #3a8b92;--interaction-ring-glow: rgba(50, 138, 148, .15);--interaction-focus-ringWidth: 3px;--interaction-focus-ringOffset: 2px;--interaction-focus-outlineStyle: solid;--interaction-state-disabledOpacity: .5;--interaction-state-hoverOpacity: .92;--interaction-state-activeOpacity: .88;--interaction-state-pressedScale: .98;--interaction-overlay-scrimWeak: rgba(0, 0, 0, .2);--interaction-overlay-scrim: rgba(0, 0, 0, .4);--interaction-overlay-scrimStrong: rgba(0, 0, 0, .56);--component-button-borderRadius: 10px;--component-button-fontSize: 1rem;--component-button-fontWeight: 500;--component-button-paddingY: .5rem;--component-button-paddingX: 1rem;--component-button-transition: .15s cubic-bezier(.4, 0, .2, 1);--component-button-primary-bg: #00616b;--component-button-primary-bgHover: #1f7075;--component-button-primary-bgActive: #04585c;--component-button-primary-fg: #FFFFFF;--component-button-primary-ring: #3a8b92;--component-button-primary-ringGlow: rgba(50, 138, 148, .15);--component-button-secondary-bg: #FFFFFF;--component-button-secondary-border: #988d7f;--component-button-secondary-fg: #181615;--component-button-ghost-bg: transparent;--component-button-ghost-fg: #00616b;--component-button-ghost-fgHover: #1f7075;--component-alert-info-bg: #e0f3f5;--component-alert-info-fg: #002b2d;--component-alert-info-border: #3a8b92;--component-alert-info-icon: #3a8b92;--component-alert-success-bg: #f1f9f3;--component-alert-success-fg: #1c3517;--component-alert-success-border: #40924d;--component-alert-success-icon: #40924d;--component-alert-warning-bg: #fcf5e9;--component-alert-warning-fg: #51370f;--component-alert-warning-border: #a37419;--component-alert-warning-icon: #a37419;--component-alert-error-bg: #fdeeea;--component-alert-error-fg: #55251b;--component-alert-error-border: #c15b45;--component-alert-error-icon: #c15b45;--component-input-bg: #FAF8F4;--component-input-border: #988d7f;--component-input-fg: #181615;--component-input-placeholder: #988d7f;--component-input-ring: #3a8b92;--component-card-bg: #FFFFFF;--component-card-border: #D1C9B8;--component-card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--component-card-radius: 16px;--component-card-padding: 1.5rem;--component-card-section-radius: 20px;--component-card-section-padding: 2rem;--component-card-section-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--component-card-section-marginBottom: 2rem;--component-badge-primary-bg: #00616b;--component-badge-primary-fg: #FFFFFF;--component-badge-secondary-bg: #f2eee8;--component-badge-secondary-fg: #62564A;--component-badge-radius: 9999px;--component-badge-padding: .25rem .75rem;--component-progress-bg: #f2eee8;--component-progress-fill: #00616b;--component-progress-height: .5rem;--component-progress-radius: 9999px;--component-sectionHeader-gradient-start: #00616b;--component-sectionHeader-gradient-end: transparent;--component-sectionHeader-gradient-direction: 90deg;--component-sectionHeader-gradient-width: 200px;--component-sectionHeader-gradient-height: 4px;--component-sectionHeader-gradient-position: -12px;--component-sectionHeader-fontSize: 2.441rem;--component-sectionHeader-fontWeight: 700;--component-sectionHeader-letterSpacing: -.025em;--component-sectionHeader-marginBottom: 2.5rem;--component-sectionHeader-paddingBottom: 2rem}[data-theme=cool][data-mode=light]{--color-role-bg-base: #F7F8FA;--color-role-bg-subtle: #F7F8FA;--color-role-bg-muted: #edeff2;--color-role-bg-elevated: #FCFCFD;--color-role-bg-overlay: #F7F8FA;--color-role-bg-mutedStrong: #dbdde1;--color-role-text-primary: #101113;--color-role-text-secondary: #4A4D54;--color-role-text-tertiary: #868990;--color-role-text-inverse: #fafafc;--color-role-text-disabled: #a7aab0;--color-role-border-subtle: #C8CBD1;--color-role-border-default: #868990;--color-role-border-strong: #1A1C1F;--color-role-brand-bg: #00616b;--color-role-brand-bgHover: #004d55;--color-role-brand-bgActive: #00363c;--color-role-brand-bgDark: #002025;--color-role-brand-accent: #2d8a98;--color-role-brand-accentSubtle: #71b1b9;--color-role-brand-fg: #FCFCFD;--color-role-brand-fgInverse: #131517;--color-role-code-bg: #edeff2;--color-role-code-text: #1A1C1F;--color-role-code-bgSubtle: #edeff2;--color-role-code-border: #C8CBD1;--color-role-link-default: #00616b;--color-role-link-hover: #004d55;--color-role-link-visited: #00363c;--color-role-link-onMuted: #00616b;--color-role-selection-bg: #a4ccd8;--color-role-selection-fg: #1A1C1F;--color-role-surfaceTint: #F7F8FA;--color-role-sectionHeader-bg: #FCFCFD;--color-role-sectionHeader-gradientStart: #3e899b;--color-role-sectionHeader-gradientEnd: #7fb5c4;--color-status-info-bg: #e1f2f8;--color-status-info-border: #3e899b;--color-status-info-fg: #002a32;--color-status-info-icon: #3e899b;--color-status-success-bg: #eff9f5;--color-status-success-bgDark: #10764c;--color-status-success-border: #099563;--color-status-success-fg: #11361f;--color-status-success-icon: #099563;--color-status-warning-bg: #f9f7e9;--color-status-warning-bgDark: #786006;--color-status-warning-border: #967b15;--color-status-warning-fg: #4c3b0c;--color-status-warning-icon: #967b15;--color-status-error-bg: #fcefe7;--color-status-error-bgDark: #984a1b;--color-status-error-border: #bd602a;--color-status-error-fg: #542710;--color-status-error-icon: #bd602a;--color-visualization-diverging-1: #3e899b;--color-visualization-diverging-2: #6BA57C;--color-visualization-diverging-3: #96B37B;--color-visualization-diverging-4: #A8AA65;--color-visualization-diverging-5: #967b15;--color-visualization-diverging-6: #bd602a;--color-visualization-categorical-1: #3e899b;--color-visualization-categorical-2: #6BA57C;--color-visualization-categorical-3: #96B37B;--color-visualization-categorical-4: #A8AA65;--color-visualization-categorical-5: #967b15;--color-visualization-categorical-6: #bd602a;--color-visualization-chrome-gridline: #dbdde1;--color-visualization-chrome-axis: #a7aab0;--color-visualization-chrome-label: #4A4D54;--interaction-ring-brand: #3e899b;--interaction-ring-glow: rgba(50, 138, 148, .15);--interaction-focus-ringWidth: 3px;--interaction-focus-ringOffset: 2px;--interaction-focus-outlineStyle: solid;--interaction-state-disabledOpacity: .5;--interaction-state-hoverOpacity: .92;--interaction-state-activeOpacity: .88;--interaction-state-pressedScale: .98;--interaction-overlay-scrimWeak: rgba(0, 0, 0, .2);--interaction-overlay-scrim: rgba(0, 0, 0, .4);--interaction-overlay-scrimStrong: rgba(0, 0, 0, .56);--component-button-borderRadius: 10px;--component-button-fontSize: 1rem;--component-button-fontWeight: 500;--component-button-paddingY: .5rem;--component-button-paddingX: 1rem;--component-button-transition: .15s cubic-bezier(.4, 0, .2, 1);--component-button-primary-bg: #00616b;--component-button-primary-bgHover: #246e7e;--component-button-primary-bgActive: #0c5764;--component-button-primary-fg: #FCFCFD;--component-button-primary-ring: #3e899b;--component-button-primary-ringGlow: rgba(50, 138, 148, .15);--component-button-secondary-bg: #FCFCFD;--component-button-secondary-border: #868990;--component-button-secondary-fg: #101113;--component-button-ghost-bg: transparent;--component-button-ghost-fg: #00616b;--component-button-ghost-fgHover: #246e7e;--component-alert-info-bg: #e1f2f8;--component-alert-info-fg: #002a32;--component-alert-info-border: #3e899b;--component-alert-info-icon: #3e899b;--component-alert-success-bg: #eff9f5;--component-alert-success-fg: #11361f;--component-alert-success-border: #099563;--component-alert-success-icon: #099563;--component-alert-warning-bg: #f9f7e9;--component-alert-warning-fg: #4c3b0c;--component-alert-warning-border: #967b15;--component-alert-warning-icon: #967b15;--component-alert-error-bg: #fcefe7;--component-alert-error-fg: #542710;--component-alert-error-border: #bd602a;--component-alert-error-icon: #bd602a;--component-input-bg: #F7F8FA;--component-input-border: #868990;--component-input-fg: #101113;--component-input-placeholder: #868990;--component-input-ring: #3e899b;--component-card-bg: #FCFCFD;--component-card-border: #C8CBD1;--component-card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--component-card-radius: 16px;--component-card-padding: 1.5rem;--component-card-section-radius: 20px;--component-card-section-padding: 2rem;--component-card-section-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--component-card-section-marginBottom: 2rem;--component-badge-primary-bg: #00616b;--component-badge-primary-fg: #FCFCFD;--component-badge-secondary-bg: #edeff2;--component-badge-secondary-fg: #4A4D54;--component-badge-radius: 9999px;--component-badge-padding: .25rem .75rem;--component-progress-bg: #edeff2;--component-progress-fill: #00616b;--component-progress-height: .5rem;--component-progress-radius: 9999px;--component-sectionHeader-gradient-start: #00616b;--component-sectionHeader-gradient-end: transparent;--component-sectionHeader-gradient-direction: 90deg;--component-sectionHeader-gradient-width: 200px;--component-sectionHeader-gradient-height: 4px;--component-sectionHeader-gradient-position: -12px;--component-sectionHeader-fontSize: 2.441rem;--component-sectionHeader-fontWeight: 700;--component-sectionHeader-letterSpacing: -.025em;--component-sectionHeader-marginBottom: 2.5rem;--component-sectionHeader-paddingBottom: 2rem}[data-theme=neutral][data-mode=light]{--color-role-bg-base: #F9F9F9;--color-role-bg-subtle: #F9F9F9;--color-role-bg-muted: #efefef;--color-role-bg-elevated: #FFFFFF;--color-role-bg-overlay: #F9F9F9;--color-role-bg-mutedStrong: #dcdcdc;--color-role-text-primary: #101010;--color-role-text-secondary: #484848;--color-role-text-tertiary: #888888;--color-role-text-inverse: #fcfcfc;--color-role-text-disabled: #a8a8a8;--color-role-border-subtle: #C8C8C8;--color-role-border-default: #888888;--color-role-border-strong: #1A1A1A;--color-role-brand-bg: #00616b;--color-role-brand-bgHover: #004d55;--color-role-brand-bgActive: #00363c;--color-role-brand-bgDark: #002025;--color-role-brand-accent: #2d8a98;--color-role-brand-accentSubtle: #71b1b9;--color-role-brand-fg: #FFFFFF;--color-role-brand-fgInverse: #131313;--color-role-code-bg: #efefef;--color-role-code-text: #1A1A1A;--color-role-code-bgSubtle: #efefef;--color-role-code-border: #C8C8C8;--color-role-link-default: #00616b;--color-role-link-hover: #004d55;--color-role-link-visited: #00363c;--color-role-link-onMuted: #00616b;--color-role-selection-bg: #a3ccd5;--color-role-selection-fg: #1A1A1A;--color-role-surfaceTint: #F9F9F9;--color-role-sectionHeader-bg: #FFFFFF;--color-role-sectionHeader-gradientStart: #3b8a98;--color-role-sectionHeader-gradientEnd: #7eb5c1;--color-status-info-bg: #e0f2f7;--color-status-info-border: #3b8a98;--color-status-info-fg: #002a30;--color-status-info-icon: #3b8a98;--color-status-success-bg: #f0f9f4;--color-status-success-bgDark: #277542;--color-status-success-border: #2d9358;--color-status-success-fg: #17361b;--color-status-success-icon: #2d9358;--color-status-warning-bg: #fbf6e9;--color-status-warning-bgDark: #7e5d08;--color-status-warning-border: #9d7715;--color-status-warning-fg: #4f390d;--color-status-warning-icon: #9d7715;--color-status-error-bg: #fdeee8;--color-status-error-bgDark: #9a4727;--color-status-error-border: #bf5d37;--color-status-error-fg: #552615;--color-status-error-icon: #bf5d37;--color-visualization-diverging-1: #3b8a98;--color-visualization-diverging-2: #6BA57C;--color-visualization-diverging-3: #96B37B;--color-visualization-diverging-4: #A8AA65;--color-visualization-diverging-5: #9d7715;--color-visualization-diverging-6: #bf5d37;--color-visualization-categorical-1: #3b8a98;--color-visualization-categorical-2: #6BA57C;--color-visualization-categorical-3: #96B37B;--color-visualization-categorical-4: #A8AA65;--color-visualization-categorical-5: #9d7715;--color-visualization-categorical-6: #bf5d37;--color-visualization-chrome-gridline: #dcdcdc;--color-visualization-chrome-axis: #a8a8a8;--color-visualization-chrome-label: #484848;--interaction-ring-brand: #3b8a98;--interaction-ring-glow: rgba(50, 138, 148, .15);--interaction-focus-ringWidth: 3px;--interaction-focus-ringOffset: 2px;--interaction-focus-outlineStyle: solid;--interaction-state-disabledOpacity: .5;--interaction-state-hoverOpacity: .92;--interaction-state-activeOpacity: .88;--interaction-state-pressedScale: .98;--interaction-overlay-scrimWeak: rgba(0, 0, 0, .2);--interaction-overlay-scrim: rgba(0, 0, 0, .4);--interaction-overlay-scrimStrong: rgba(0, 0, 0, .56);--component-button-borderRadius: 10px;--component-button-fontSize: 1rem;--component-button-fontWeight: 500;--component-button-paddingY: .5rem;--component-button-paddingX: 1rem;--component-button-transition: .15s cubic-bezier(.4, 0, .2, 1);--component-button-primary-bg: #00616b;--component-button-primary-bgHover: #216f7a;--component-button-primary-bgActive: #075761;--component-button-primary-fg: #FFFFFF;--component-button-primary-ring: #3b8a98;--component-button-primary-ringGlow: rgba(50, 138, 148, .15);--component-button-secondary-bg: #FFFFFF;--component-button-secondary-border: #888888;--component-button-secondary-fg: #101010;--component-button-ghost-bg: transparent;--component-button-ghost-fg: #00616b;--component-button-ghost-fgHover: #216f7a;--component-alert-info-bg: #e0f2f7;--component-alert-info-fg: #002a30;--component-alert-info-border: #3b8a98;--component-alert-info-icon: #3b8a98;--component-alert-success-bg: #f0f9f4;--component-alert-success-fg: #17361b;--component-alert-success-border: #2d9358;--component-alert-success-icon: #2d9358;--component-alert-warning-bg: #fbf6e9;--component-alert-warning-fg: #4f390d;--component-alert-warning-border: #9d7715;--component-alert-warning-icon: #9d7715;--component-alert-error-bg: #fdeee8;--component-alert-error-fg: #552615;--component-alert-error-border: #bf5d37;--component-alert-error-icon: #bf5d37;--component-input-bg: #F9F9F9;--component-input-border: #888888;--component-input-fg: #101010;--component-input-placeholder: #888888;--component-input-ring: #3b8a98;--component-card-bg: #FFFFFF;--component-card-border: #C8C8C8;--component-card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--component-card-radius: 16px;--component-card-padding: 1.5rem;--component-card-section-radius: 20px;--component-card-section-padding: 2rem;--component-card-section-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--component-card-section-marginBottom: 2rem;--component-badge-primary-bg: #00616b;--component-badge-primary-fg: #FFFFFF;--component-badge-secondary-bg: #efefef;--component-badge-secondary-fg: #484848;--component-badge-radius: 9999px;--component-badge-padding: .25rem .75rem;--component-progress-bg: #efefef;--component-progress-fill: #00616b;--component-progress-height: .5rem;--component-progress-radius: 9999px;--component-sectionHeader-gradient-start: #00616b;--component-sectionHeader-gradient-end: transparent;--component-sectionHeader-gradient-direction: 90deg;--component-sectionHeader-gradient-width: 200px;--component-sectionHeader-gradient-height: 4px;--component-sectionHeader-gradient-position: -12px;--component-sectionHeader-fontSize: 2.441rem;--component-sectionHeader-fontWeight: 700;--component-sectionHeader-letterSpacing: -.025em;--component-sectionHeader-marginBottom: 2.5rem;--component-sectionHeader-paddingBottom: 2rem}[data-theme=warm][data-mode=dark]{--color-role-bg-base: #181615;--color-role-bg-subtle: #181615;--color-role-bg-muted: #2C2826;--color-role-bg-elevated: #0F0E0D;--color-role-bg-overlay: #181615;--color-role-bg-mutedStrong: #473e38;--color-role-text-primary: #fcfcf9;--color-role-text-secondary: #D1C9B8;--color-role-text-tertiary: #988d7f;--color-role-text-inverse: #181615;--color-role-text-disabled: #7c7164;--color-role-border-subtle: #62564A;--color-role-border-default: #988d7f;--color-role-border-strong: #f2eee8;--color-role-brand-bg: #71b1b9;--color-role-brand-bgHover: #9bcfd5;--color-role-brand-bgActive: #c2e6ea;--color-role-brand-bgDark: #002025;--color-role-brand-accent: #47939d;--color-role-brand-accentSubtle: #2d8a98;--color-role-brand-fg: #0F0E0D;--color-role-brand-fgInverse: #FAF8F4;--color-role-code-bg: #2C2826;--color-role-code-text: #f2eee8;--color-role-code-bgSubtle: #2C2826;--color-role-code-border: #62564A;--color-role-link-default: #71b1b9;--color-role-link-hover: #9bcfd5;--color-role-link-visited: #c2e6ea;--color-role-link-onMuted: #71b1b9;--color-role-selection-bg: #a3cdd2;--color-role-selection-fg: #f2eee8;--color-role-surfaceTint: #181615;--color-role-sectionHeader-bg: #0F0E0D;--color-role-sectionHeader-gradientStart: #3a8b92;--color-role-sectionHeader-gradientEnd: #7db6bc;--color-status-info-bg: #001b1c;--color-status-info-border: #1f7075;--color-status-info-fg: #c5e1e4;--color-status-info-icon: #3a8b92;--color-status-success-bg: #152411;--color-status-success-bgDark: #357339;--color-status-success-border: #357339;--color-status-success-fg: #d0e4d5;--color-status-success-icon: #40924d;--color-status-warning-bg: #442e0f;--color-status-warning-bgDark: #835a0d;--color-status-warning-border: #835a0d;--color-status-warning-fg: #f0e3cb;--color-status-warning-icon: #a37419;--color-status-error-bg: #421c15;--color-status-error-bgDark: #9c4533;--color-status-error-border: #9c4533;--color-status-error-fg: #fbddd5;--color-status-error-icon: #c15b45;--color-visualization-diverging-1: #3a8b92;--color-visualization-diverging-2: #6BA57C;--color-visualization-diverging-3: #96B37B;--color-visualization-diverging-4: #A8AA65;--color-visualization-diverging-5: #a37419;--color-visualization-diverging-6: #c15b45;--color-visualization-categorical-1: #3a8b92;--color-visualization-categorical-2: #6BA57C;--color-visualization-categorical-3: #96B37B;--color-visualization-categorical-4: #A8AA65;--color-visualization-categorical-5: #a37419;--color-visualization-categorical-6: #c15b45;--color-visualization-chrome-gridline: #473e38;--color-visualization-chrome-axis: #7c7164;--color-visualization-chrome-label: #D1C9B8;--interaction-ring-brand: #3a8b92;--interaction-ring-glow: rgba(50, 138, 148, .15);--interaction-focus-ringWidth: 3px;--interaction-focus-ringOffset: 2px;--interaction-focus-outlineStyle: solid;--interaction-state-disabledOpacity: .5;--interaction-state-hoverOpacity: .92;--interaction-state-activeOpacity: .88;--interaction-state-pressedScale: .98;--interaction-overlay-scrimWeak: rgba(0, 0, 0, .2);--interaction-overlay-scrim: rgba(0, 0, 0, .4);--interaction-overlay-scrimStrong: rgba(0, 0, 0, .56);--component-button-borderRadius: 10px;--component-button-fontSize: 1rem;--component-button-fontWeight: 500;--component-button-paddingY: .5rem;--component-button-paddingX: 1rem;--component-button-transition: .15s cubic-bezier(.4, 0, .2, 1);--component-button-primary-bg: #71b1b9;--component-button-primary-bgHover: #1f7075;--component-button-primary-bgActive: #04585c;--component-button-primary-fg: #0F0E0D;--component-button-primary-ring: #3a8b92;--component-button-primary-ringGlow: rgba(50, 138, 148, .15);--component-button-secondary-bg: #0F0E0D;--component-button-secondary-border: #988d7f;--component-button-secondary-fg: #fcfcf9;--component-button-ghost-bg: transparent;--component-button-ghost-fg: #71b1b9;--component-button-ghost-fgHover: #1f7075;--component-alert-info-bg: #e0f3f5;--component-alert-info-fg: #002b2d;--component-alert-info-border: #3a8b92;--component-alert-info-icon: #3a8b92;--component-alert-success-bg: #f1f9f3;--component-alert-success-fg: #1c3517;--component-alert-success-border: #40924d;--component-alert-success-icon: #40924d;--component-alert-warning-bg: #fcf5e9;--component-alert-warning-fg: #51370f;--component-alert-warning-border: #a37419;--component-alert-warning-icon: #a37419;--component-alert-error-bg: #fdeeea;--component-alert-error-fg: #55251b;--component-alert-error-border: #c15b45;--component-alert-error-icon: #c15b45;--component-input-bg: #181615;--component-input-border: #988d7f;--component-input-fg: #fcfcf9;--component-input-placeholder: #988d7f;--component-input-ring: #3a8b92;--component-card-bg: #0F0E0D;--component-card-border: #62564A;--component-card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--component-card-radius: 16px;--component-card-padding: 1.5rem;--component-card-section-radius: 20px;--component-card-section-padding: 2rem;--component-card-section-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--component-card-section-marginBottom: 2rem;--component-badge-primary-bg: #71b1b9;--component-badge-primary-fg: #0F0E0D;--component-badge-secondary-bg: #2C2826;--component-badge-secondary-fg: #D1C9B8;--component-badge-radius: 9999px;--component-badge-padding: .25rem .75rem;--component-progress-bg: #2C2826;--component-progress-fill: #71b1b9;--component-progress-height: .5rem;--component-progress-radius: 9999px;--component-sectionHeader-gradient-start: #71b1b9;--component-sectionHeader-gradient-end: transparent;--component-sectionHeader-gradient-direction: 90deg;--component-sectionHeader-gradient-width: 200px;--component-sectionHeader-gradient-height: 4px;--component-sectionHeader-gradient-position: -12px;--component-sectionHeader-fontSize: 2.441rem;--component-sectionHeader-fontWeight: 700;--component-sectionHeader-letterSpacing: -.025em;--component-sectionHeader-marginBottom: 2.5rem;--component-sectionHeader-paddingBottom: 2rem}[data-theme=cool][data-mode=dark]{--color-role-bg-base: #101113;--color-role-bg-subtle: #101113;--color-role-bg-muted: #1A1C1F;--color-role-bg-elevated: #0B0C0E;--color-role-bg-overlay: #101113;--color-role-bg-mutedStrong: #313438;--color-role-text-primary: #fafafc;--color-role-text-secondary: #C8CBD1;--color-role-text-tertiary: #868990;--color-role-text-inverse: #101113;--color-role-text-disabled: #676a71;--color-role-border-subtle: #4A4D54;--color-role-border-default: #868990;--color-role-border-strong: #edeff2;--color-role-brand-bg: #71b1b9;--color-role-brand-bgHover: #9bcfd5;--color-role-brand-bgActive: #c2e6ea;--color-role-brand-bgDark: #002025;--color-role-brand-accent: #47939d;--color-role-brand-accentSubtle: #2d8a98;--color-role-brand-fg: #0B0C0E;--color-role-brand-fgInverse: #F7F8FA;--color-role-code-bg: #1A1C1F;--color-role-code-text: #edeff2;--color-role-code-bgSubtle: #1A1C1F;--color-role-code-border: #4A4D54;--color-role-link-default: #71b1b9;--color-role-link-hover: #9bcfd5;--color-role-link-visited: #c2e6ea;--color-role-link-onMuted: #71b1b9;--color-role-selection-bg: #a4ccd8;--color-role-selection-fg: #edeff2;--color-role-surfaceTint: #101113;--color-role-sectionHeader-bg: #0B0C0E;--color-role-sectionHeader-gradientStart: #3e899b;--color-role-sectionHeader-gradientEnd: #7fb5c4;--color-status-info-bg: #001a1f;--color-status-info-border: #246e7e;--color-status-info-fg: #c6e0e8;--color-status-info-icon: #3e899b;--color-status-success-bg: #102515;--color-status-success-bgDark: #10764c;--color-status-success-border: #10764c;--color-status-success-fg: #cce5da;--color-status-success-icon: #099563;--color-status-warning-bg: #3f310d;--color-status-warning-bgDark: #786006;--color-status-warning-border: #786006;--color-status-warning-fg: #ebe5cb;--color-status-warning-icon: #967b15;--color-status-error-bg: #401e0d;--color-status-error-bgDark: #984a1b;--color-status-error-border: #984a1b;--color-status-error-fg: #f9ded0;--color-status-error-icon: #bd602a;--color-visualization-diverging-1: #3e899b;--color-visualization-diverging-2: #6BA57C;--color-visualization-diverging-3: #96B37B;--color-visualization-diverging-4: #A8AA65;--color-visualization-diverging-5: #967b15;--color-visualization-diverging-6: #bd602a;--color-visualization-categorical-1: #3e899b;--color-visualization-categorical-2: #6BA57C;--color-visualization-categorical-3: #96B37B;--color-visualization-categorical-4: #A8AA65;--color-visualization-categorical-5: #967b15;--color-visualization-categorical-6: #bd602a;--color-visualization-chrome-gridline: #313438;--color-visualization-chrome-axis: #676a71;--color-visualization-chrome-label: #C8CBD1;--interaction-ring-brand: #3e899b;--interaction-ring-glow: rgba(50, 138, 148, .15);--interaction-focus-ringWidth: 3px;--interaction-focus-ringOffset: 2px;--interaction-focus-outlineStyle: solid;--interaction-state-disabledOpacity: .5;--interaction-state-hoverOpacity: .92;--interaction-state-activeOpacity: .88;--interaction-state-pressedScale: .98;--interaction-overlay-scrimWeak: rgba(0, 0, 0, .2);--interaction-overlay-scrim: rgba(0, 0, 0, .4);--interaction-overlay-scrimStrong: rgba(0, 0, 0, .56);--component-button-borderRadius: 10px;--component-button-fontSize: 1rem;--component-button-fontWeight: 500;--component-button-paddingY: .5rem;--component-button-paddingX: 1rem;--component-button-transition: .15s cubic-bezier(.4, 0, .2, 1);--component-button-primary-bg: #71b1b9;--component-button-primary-bgHover: #246e7e;--component-button-primary-bgActive: #0c5764;--component-button-primary-fg: #0B0C0E;--component-button-primary-ring: #3e899b;--component-button-primary-ringGlow: rgba(50, 138, 148, .15);--component-button-secondary-bg: #0B0C0E;--component-button-secondary-border: #868990;--component-button-secondary-fg: #fafafc;--component-button-ghost-bg: transparent;--component-button-ghost-fg: #71b1b9;--component-button-ghost-fgHover: #246e7e;--component-alert-info-bg: #e1f2f8;--component-alert-info-fg: #002a32;--component-alert-info-border: #3e899b;--component-alert-info-icon: #3e899b;--component-alert-success-bg: #eff9f5;--component-alert-success-fg: #11361f;--component-alert-success-border: #099563;--component-alert-success-icon: #099563;--component-alert-warning-bg: #f9f7e9;--component-alert-warning-fg: #4c3b0c;--component-alert-warning-border: #967b15;--component-alert-warning-icon: #967b15;--component-alert-error-bg: #fcefe7;--component-alert-error-fg: #542710;--component-alert-error-border: #bd602a;--component-alert-error-icon: #bd602a;--component-input-bg: #101113;--component-input-border: #868990;--component-input-fg: #fafafc;--component-input-placeholder: #868990;--component-input-ring: #3e899b;--component-card-bg: #0B0C0E;--component-card-border: #4A4D54;--component-card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--component-card-radius: 16px;--component-card-padding: 1.5rem;--component-card-section-radius: 20px;--component-card-section-padding: 2rem;--component-card-section-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--component-card-section-marginBottom: 2rem;--component-badge-primary-bg: #71b1b9;--component-badge-primary-fg: #0B0C0E;--component-badge-secondary-bg: #1A1C1F;--component-badge-secondary-fg: #C8CBD1;--component-badge-radius: 9999px;--component-badge-padding: .25rem .75rem;--component-progress-bg: #1A1C1F;--component-progress-fill: #71b1b9;--component-progress-height: .5rem;--component-progress-radius: 9999px;--component-sectionHeader-gradient-start: #71b1b9;--component-sectionHeader-gradient-end: transparent;--component-sectionHeader-gradient-direction: 90deg;--component-sectionHeader-gradient-width: 200px;--component-sectionHeader-gradient-height: 4px;--component-sectionHeader-gradient-position: -12px;--component-sectionHeader-fontSize: 2.441rem;--component-sectionHeader-fontWeight: 700;--component-sectionHeader-letterSpacing: -.025em;--component-sectionHeader-marginBottom: 2.5rem;--component-sectionHeader-paddingBottom: 2rem}[data-theme=neutral][data-mode=dark]{--color-role-bg-base: #101010;--color-role-bg-subtle: #101010;--color-role-bg-muted: #1A1A1A;--color-role-bg-elevated: #080808;--color-role-bg-overlay: #101010;--color-role-bg-mutedStrong: #313131;--color-role-text-primary: #fcfcfc;--color-role-text-secondary: #C8C8C8;--color-role-text-tertiary: #888888;--color-role-text-inverse: #101010;--color-role-text-disabled: #686868;--color-role-border-subtle: #484848;--color-role-border-default: #888888;--color-role-border-strong: #efefef;--color-role-brand-bg: #71b1b9;--color-role-brand-bgHover: #9bcfd5;--color-role-brand-bgActive: #c2e6ea;--color-role-brand-bgDark: #002025;--color-role-brand-accent: #47939d;--color-role-brand-accentSubtle: #2d8a98;--color-role-brand-fg: #080808;--color-role-brand-fgInverse: #F9F9F9;--color-role-code-bg: #1A1A1A;--color-role-code-text: #efefef;--color-role-code-bgSubtle: #1A1A1A;--color-role-code-border: #484848;--color-role-link-default: #71b1b9;--color-role-link-hover: #9bcfd5;--color-role-link-visited: #c2e6ea;--color-role-link-onMuted: #71b1b9;--color-role-selection-bg: #a3ccd5;--color-role-selection-fg: #efefef;--color-role-surfaceTint: #101010;--color-role-sectionHeader-bg: #080808;--color-role-sectionHeader-gradientStart: #3b8a98;--color-role-sectionHeader-gradientEnd: #7eb5c1;--color-status-info-bg: #001a1e;--color-status-info-border: #216f7a;--color-status-info-fg: #c5e0e7;--color-status-info-icon: #3b8a98;--color-status-success-bg: #132413;--color-status-success-bgDark: #277542;--color-status-success-border: #277542;--color-status-success-fg: #cee5d8;--color-status-success-icon: #2d9358;--color-status-warning-bg: #422f0d;--color-status-warning-bgDark: #7e5d08;--color-status-warning-border: #7e5d08;--color-status-warning-fg: #eee4cb;--color-status-warning-icon: #9d7715;--color-status-error-bg: #411d11;--color-status-error-bgDark: #9a4727;--color-status-error-border: #9a4727;--color-status-error-fg: #faded3;--color-status-error-icon: #bf5d37;--color-visualization-diverging-1: #3b8a98;--color-visualization-diverging-2: #6BA57C;--color-visualization-diverging-3: #96B37B;--color-visualization-diverging-4: #A8AA65;--color-visualization-diverging-5: #9d7715;--color-visualization-diverging-6: #bf5d37;--color-visualization-categorical-1: #3b8a98;--color-visualization-categorical-2: #6BA57C;--color-visualization-categorical-3: #96B37B;--color-visualization-categorical-4: #A8AA65;--color-visualization-categorical-5: #9d7715;--color-visualization-categorical-6: #bf5d37;--color-visualization-chrome-gridline: #313131;--color-visualization-chrome-axis: #686868;--color-visualization-chrome-label: #C8C8C8;--interaction-ring-brand: #3b8a98;--interaction-ring-glow: rgba(50, 138, 148, .15);--interaction-focus-ringWidth: 3px;--interaction-focus-ringOffset: 2px;--interaction-focus-outlineStyle: solid;--interaction-state-disabledOpacity: .5;--interaction-state-hoverOpacity: .92;--interaction-state-activeOpacity: .88;--interaction-state-pressedScale: .98;--interaction-overlay-scrimWeak: rgba(0, 0, 0, .2);--interaction-overlay-scrim: rgba(0, 0, 0, .4);--interaction-overlay-scrimStrong: rgba(0, 0, 0, .56);--component-button-borderRadius: 10px;--component-button-fontSize: 1rem;--component-button-fontWeight: 500;--component-button-paddingY: .5rem;--component-button-paddingX: 1rem;--component-button-transition: .15s cubic-bezier(.4, 0, .2, 1);--component-button-primary-bg: #71b1b9;--component-button-primary-bgHover: #216f7a;--component-button-primary-bgActive: #075761;--component-button-primary-fg: #080808;--component-button-primary-ring: #3b8a98;--component-button-primary-ringGlow: rgba(50, 138, 148, .15);--component-button-secondary-bg: #080808;--component-button-secondary-border: #888888;--component-button-secondary-fg: #fcfcfc;--component-button-ghost-bg: transparent;--component-button-ghost-fg: #71b1b9;--component-button-ghost-fgHover: #216f7a;--component-alert-info-bg: #e0f2f7;--component-alert-info-fg: #002a30;--component-alert-info-border: #3b8a98;--component-alert-info-icon: #3b8a98;--component-alert-success-bg: #f0f9f4;--component-alert-success-fg: #17361b;--component-alert-success-border: #2d9358;--component-alert-success-icon: #2d9358;--component-alert-warning-bg: #fbf6e9;--component-alert-warning-fg: #4f390d;--component-alert-warning-border: #9d7715;--component-alert-warning-icon: #9d7715;--component-alert-error-bg: #fdeee8;--component-alert-error-fg: #552615;--component-alert-error-border: #bf5d37;--component-alert-error-icon: #bf5d37;--component-input-bg: #101010;--component-input-border: #888888;--component-input-fg: #fcfcfc;--component-input-placeholder: #888888;--component-input-ring: #3b8a98;--component-card-bg: #080808;--component-card-border: #484848;--component-card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--component-card-radius: 16px;--component-card-padding: 1.5rem;--component-card-section-radius: 20px;--component-card-section-padding: 2rem;--component-card-section-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--component-card-section-marginBottom: 2rem;--component-badge-primary-bg: #71b1b9;--component-badge-primary-fg: #080808;--component-badge-secondary-bg: #1A1A1A;--component-badge-secondary-fg: #C8C8C8;--component-badge-radius: 9999px;--component-badge-padding: .25rem .75rem;--component-progress-bg: #1A1A1A;--component-progress-fill: #71b1b9;--component-progress-height: .5rem;--component-progress-radius: 9999px;--component-sectionHeader-gradient-start: #71b1b9;--component-sectionHeader-gradient-end: transparent;--component-sectionHeader-gradient-direction: 90deg;--component-sectionHeader-gradient-width: 200px;--component-sectionHeader-gradient-height: 4px;--component-sectionHeader-gradient-position: -12px;--component-sectionHeader-fontSize: 2.441rem;--component-sectionHeader-fontWeight: 700;--component-sectionHeader-letterSpacing: -.025em;--component-sectionHeader-marginBottom: 2.5rem;--component-sectionHeader-paddingBottom: 2rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button{font-family:inherit;line-height:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font-family:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--typography-fontFamily-sans);font-size:var(--typography-fontSize-base);line-height:var(--typography-lineHeight-normal);background:var(--color-role-bg-base);color:var(--color-role-text-primary)}h1{font-family:var(--typography-fontFamily-display);font-size:var(--typography-fontSize-6xl);font-weight:var(--typography-fontWeight-medium);line-height:var(--typography-lineHeight-tight);letter-spacing:-.02em;color:var(--color-role-text-primary);margin:0 0 var(--spacing-6) 0}h2{font-family:var(--typography-fontFamily-display);font-size:var(--typography-fontSize-5xl);font-weight:var(--typography-fontWeight-medium);line-height:var(--typography-lineHeight-tight);letter-spacing:-.02em;color:var(--color-role-text-primary);margin:0 0 var(--spacing-5) 0}h3{font-size:var(--typography-fontSize-4xl);font-weight:var(--typography-fontWeight-bold);line-height:var(--typography-lineHeight-snug);letter-spacing:var(--typography-letterSpacing-tight);color:var(--color-role-text-primary);margin:0 0 var(--spacing-4) 0}h4{font-size:var(--typography-fontSize-xl);font-weight:var(--typography-fontWeight-semibold);line-height:var(--typography-lineHeight-snug);color:var(--color-role-text-primary);margin:0 0 var(--spacing-3) 0}h5{font-size:var(--typography-fontSize-lg);font-weight:var(--typography-fontWeight-semibold);line-height:var(--typography-lineHeight-normal);color:var(--color-role-text-primary);margin:0 0 var(--spacing-2) 0}h6{font-size:var(--typography-fontSize-base);font-weight:var(--typography-fontWeight-semibold);line-height:var(--typography-lineHeight-normal);color:var(--color-role-text-primary);margin:0 0 var(--spacing-2) 0}code,pre,kbd,samp{font-family:var(--typography-fontFamily-mono)}@layer components;.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--color-role-bg-elevated);color:var(--color-role-text-primary);padding:var(--component-button-paddingY) var(--component-button-paddingX);border:1px solid var(--color-role-border-subtle);border-radius:var(--component-button-borderRadius);font-size:var(--component-button-fontSize);font-weight:var(--component-button-fontWeight);line-height:1;cursor:pointer;transition:var(--component-button-transition)}.btn--primary{background:var(--color-role-brand-bg);color:var(--color-role-brand-fg);border-color:var(--color-role-brand-bg)}.btn--secondary{background:var(--color-role-bg-elevated);color:var(--color-role-text-primary);border:1px solid var(--color-role-border-default)}.btn--ghost{background:transparent;color:var(--color-role-text-primary);border:1px solid transparent}.btn--outline{background:transparent;color:var(--color-role-brand-bg);border-color:var(--color-role-brand-bg)}.btn--danger{background:var(--color-status-error-bg);color:var(--color-status-error-fg);border-color:var(--color-status-error-bg)}.btn--link{background:transparent;color:var(--color-role-link-default);border:none;text-decoration:underline;padding:0}.btn:hover:not(:disabled){box-shadow:0 0 0 3px var(--interaction-ring-glow);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 0 0 3px var(--interaction-ring-glow)}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none;box-shadow:none}.btn--ghost:hover:not(:disabled){background:var(--color-role-bg-subtle);box-shadow:0 0 0 3px var(--interaction-ring-glow)}.btn--secondary:hover:not(:disabled){background:var(--color-role-bg-muted);box-shadow:0 0 0 3px var(--interaction-ring-glow)}.btn.btn--md{padding:var(--component-button-paddingY) var(--component-button-paddingX);font-size:var(--component-button-fontSize)}.btn.btn--sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--typography-fontSize-sm);border-radius:var(--component-button-borderRadius)}.btn.btn--lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--typography-fontSize-lg);border-radius:var(--component-button-borderRadius)}.btn--compact{min-width:auto}.btn--full{width:100%}.btn__content{display:flex;align-items:center}.btn__icon{display:flex;align-items:center;margin:0 var(--spacing-1)}.btn__icon--left{margin-left:0}.btn__icon--right{margin-right:0}.btn__spinner{width:1em;height:1em;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-group{display:flex;align-items:center;gap:var(--spacing-2)}.btn-group--vertical{flex-direction:column}.btn--mono{font-family:var(--typography-fontFamily-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:.875rem 1.5rem;background:var(--color-role-text-primary);color:var(--color-role-brand-fg);border-color:transparent}.btn--mono:hover:not(:disabled){background:var(--color-brand-teal-900);box-shadow:var(--shadow-sm)}.btn--mono-inverse{font-family:var(--typography-fontFamily-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:.875rem 1.5rem;background:#fff;color:var(--color-role-text-primary);border-color:transparent}.btn--mono-inverse:hover:not(:disabled){background:#ffffffe6;box-shadow:var(--shadow-sm)}.btn--mono-outline{font-family:var(--typography-fontFamily-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:.875rem 1.5rem;background:transparent;color:currentColor;border:1px solid currentColor}.btn--mono-outline-inverse{font-family:var(--typography-fontFamily-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:.875rem 1.5rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.btn--mono-outline-inverse:hover:not(:disabled){border-color:#fff;background:#ffffff1a}@layer components;.card{border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);overflow:hidden;transition:box-shadow var(--motion-duration-fast) var(--motion-easing-default),transform var(--motion-duration-fast) var(--motion-easing-default);background:var(--color-role-bg-elevated);border:none;box-shadow:var(--shadow-sm)}.card--stack{display:flex;flex-direction:column;gap:var(--spacing-4)}.card--elevation-none{box-shadow:none}.card--elevation-sm{box-shadow:var(--shadow-xs)}.card--elevation-md{box-shadow:var(--shadow-sm)}.card--elevation-lg{box-shadow:var(--shadow-md)}.card--hoverable.card--elevation-none:hover{box-shadow:var(--shadow-xs)}.card--hoverable.card--elevation-sm:hover{box-shadow:var(--shadow-sm)}.card--hoverable.card--elevation-md:hover{box-shadow:var(--shadow-md)}.card--hoverable.card--elevation-lg:hover{box-shadow:var(--shadow-lg)}.card--hoverable:hover{transform:translateY(-2px)}.card--flat{box-shadow:none;background:transparent!important;border:none!important}.card--elevated{box-shadow:var(--shadow-sm)}.card--flat:hover{box-shadow:var(--shadow-xs)}.card--elevated:hover{box-shadow:var(--shadow-md)}.card--glass{background:#002025d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:none}.card--glass:hover,.card--glass.card--hoverable:hover{border-color:#7db7ba4d;box-shadow:0 8px 32px #0020254d}.card--glass .card__header,.card--glass .card__footer{background:transparent;border-color:#ffffff1a}.card--glass .card__title{color:#fff}.card--glass .card__subtitle{color:#ffffffb3}.card--gradient{position:relative}.card--gradient .card__header,.card--gradient .card__body,.card--gradient .card__footer{background:transparent;color:var(--color-role-text-on-accent)}.card--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.card__header{padding:var(--spacing-4) var(--spacing-6);background:var(--color-role-bg-subtle)}.card__title{font-size:var(--typography-fontSize-lg);font-weight:var(--typography-fontWeight-semibold);color:var(--color-role-text-primary);margin-bottom:var(--spacing-1)}.card__subtitle{font-size:var(--typography-fontSize-sm);color:var(--color-role-text-secondary)}.card__body{padding:var(--spacing-6)}.card__footer{padding:var(--spacing-4) var(--spacing-6);background:var(--color-role-bg-subtle);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-3)}.card__footer--actions{justify-content:flex-start}.card--compact .card__header,.card--compact .card__footer{padding:var(--spacing-2) var(--spacing-4)}.card--compact .card__body{padding:var(--spacing-4)}.card--spacious .card__header,.card--spacious .card__footer{padding:var(--spacing-6) var(--spacing-8)}.card--spacious .card__body{padding:var(--spacing-8)}@layer components;.input{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--typography-fontSize-base);line-height:var(--typography-lineHeight-normal);color:var(--color-role-text-primary);background-color:var(--color-role-bg-elevated);border:var(--border-width-hairline) solid var(--color-role-border-default);border-radius:var(--radius-md);transition:border-color var(--motion-duration-fast) var(--motion-easing-default),box-shadow var(--motion-duration-fast) var(--motion-easing-default)}.input::placeholder{color:var(--color-role-text-tertiary)}.input:hover:not(:disabled){border-color:var(--color-role-border-strong)}.input:focus{outline:none;border-color:var(--color-role-brand-bg);box-shadow:0 0 0 3px var(--interaction-ring-glow)}.input:disabled{background-color:var(--color-role-bg-muted);color:var(--color-role-text-tertiary);cursor:not-allowed;opacity:var(--opacity-disabled)}.input--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--typography-fontSize-sm)}.input--md{padding:var(--spacing-2) var(--spacing-3);font-size:var(--typography-fontSize-base)}.input--lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--typography-fontSize-lg)}.input--error{border-color:var(--color-status-error-border)}.input--error:focus{border-color:var(--color-status-error-border);box-shadow:0 0 0 3px var(--color-status-error-bg)}.input--success{border-color:var(--color-status-success-border)}.input--success:focus{border-color:var(--color-status-success-border);box-shadow:0 0 0 3px var(--color-status-success-bg)}.select{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-8);font-size:var(--typography-fontSize-base);line-height:var(--typography-lineHeight-normal);color:var(--color-role-text-primary);background-color:var(--color-role-bg-elevated);border:var(--border-width-hairline) solid var(--color-role-border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-easing-default),box-shadow var(--motion-duration-fast) var(--motion-easing-default)}.select:hover:not(:disabled){border-color:var(--color-role-border-strong)}.select:focus{outline:none;border-color:var(--color-role-brand-bg);box-shadow:0 0 0 3px var(--interaction-ring-glow)}.select:disabled{background-color:var(--color-role-bg-muted);color:var(--color-role-text-tertiary);cursor:not-allowed;opacity:var(--opacity-disabled)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-medium);color:var(--color-role-text-primary)}.form-label--required:after{content:" *";color:var(--color-status-error-fg)}.form-help{display:block;margin-top:var(--spacing-1);font-size:var(--typography-fontSize-xs);color:var(--color-role-text-secondary)}.form-error{display:block;margin-top:var(--spacing-1);font-size:var(--typography-fontSize-xs);color:var(--color-status-error-fg)}.form-success{display:block;margin-top:var(--spacing-1);font-size:var(--typography-fontSize-xs);color:var(--color-status-success-fg)}.form-warning{display:block;margin-top:var(--spacing-1);font-size:var(--typography-fontSize-xs);color:var(--color-status-warning-fg)}.checkbox,.radio{width:var(--spacing-4);height:var(--spacing-4);color:var(--color-role-brand-bg);background-color:var(--color-role-bg-elevated);border:var(--border-width-hairline) solid var(--color-role-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-easing-default),background-color var(--motion-duration-fast) var(--motion-easing-default),box-shadow var(--motion-duration-fast) var(--motion-easing-default)}.radio{border-radius:50%}.checkbox:hover:not(:disabled),.radio:hover:not(:disabled){border-color:var(--color-role-border-strong)}.checkbox:focus,.radio:focus{outline:none;border-color:var(--color-role-brand-bg);box-shadow:0 0 0 3px var(--interaction-ring-glow)}.checkbox:disabled,.radio:disabled{background-color:var(--color-role-bg-muted);cursor:not-allowed;opacity:var(--opacity-disabled)}.range{width:100%;height:var(--spacing-2);background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.range::-webkit-slider-runnable-track{width:100%;height:var(--spacing-1);background:var(--color-role-border-default);border-radius:var(--radius-full)}.range::-moz-range-track{width:100%;height:var(--spacing-1);background:var(--color-role-border-default);border-radius:var(--radius-full)}.range::-webkit-slider-thumb{width:var(--spacing-4);height:var(--spacing-4);margin-top:calc((var(--spacing-1) - var(--spacing-4)) / 2);background:var(--color-role-brand-bg);border:var(--border-width-hairline) solid var(--color-role-bg-elevated);border-radius:50%;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:var(--shadow-sm);transition:background-color var(--motion-duration-fast) var(--motion-easing-default),box-shadow var(--motion-duration-fast) var(--motion-easing-default)}.range::-moz-range-thumb{width:var(--spacing-4);height:var(--spacing-4);background:var(--color-role-brand-bg);border:var(--border-width-hairline) solid var(--color-role-bg-elevated);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--motion-duration-fast) var(--motion-easing-default),box-shadow var(--motion-duration-fast) var(--motion-easing-default)}.range:hover::-webkit-slider-thumb{background:var(--color-role-brand-bg-hover);box-shadow:var(--shadow-md)}.range:hover::-moz-range-thumb{background:var(--color-role-brand-bg-hover);box-shadow:var(--shadow-md)}.range:focus{outline:none}.range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--interaction-ring-glow)}.range:focus::-moz-range-thumb{box-shadow:0 0 0 3px var(--interaction-ring-glow)}.range:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.range:disabled::-webkit-slider-thumb{background:var(--color-role-bg-muted);cursor:not-allowed}.range:disabled::-moz-range-thumb{background:var(--color-role-bg-muted);cursor:not-allowed}@layer components;.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-medium);font-family:var(--typography-fontFamily-mono);line-height:1;white-space:nowrap}.badge--success{background:var(--color-status-success-bg);color:var(--color-status-success-fg);border:1px solid var(--color-status-success-border)}.badge--error{background:var(--color-status-error-bg);color:var(--color-status-error-fg);border:1px solid var(--color-status-error-border)}.badge--warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-fg);border:1px solid var(--color-status-warning-border)}.badge--info{background:var(--color-status-info-bg);color:var(--color-status-info-fg);border:1px solid var(--color-status-info-border)}.badge--neutral{background:var(--color-role-bg-muted);color:var(--color-role-text-secondary);border:1px solid var(--color-role-border-default)}.badge--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--typography-fontSize-xs);border-radius:var(--radius-sm)}.badge--md{padding:var(--spacing-2) var(--spacing-3);font-size:var(--typography-fontSize-sm);border-radius:var(--radius-sm)}.badge--lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--typography-fontSize-base);border-radius:var(--radius-md)}.badge--with-icon .badge__icon{display:inline-flex;align-items:center;margin-right:var(--spacing-1);line-height:0}.badge--with-icon .badge__text{display:inline-flex;align-items:center}.badge--lg.badge--gradient{border:none;color:var(--color-role-text-on-accent)}.badge-group{position:relative;display:inline-flex;align-items:center}.badge-remove{margin-left:var(--spacing-1);background:none;border:none;cursor:pointer;font-size:var(--typography-fontSize-sm);opacity:.7;transition:opacity var(--motion-duration-fast) var(--motion-easing-default)}.badge-remove:hover{opacity:1}.badge--mono{font-family:var(--typography-fontFamily-mono);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#78716c1a;color:var(--color-role-text-secondary);border:none}.badge--mono-primary{font-family:var(--typography-fontFamily-mono);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#328a941a;color:var(--color-brand-teal-500);border:none}.badge--mono-success{font-family:var(--typography-fontFamily-mono);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#6b8f711a;color:var(--color-brand-sage-500);border:none}@layer components;.progress{width:100%;height:8px;background:var(--color-role-bg-subtle);border-radius:var(--radius-full);overflow:hidden}.progress--sm{height:4px}.progress--md{height:8px}.progress--lg{height:12px}.progress__bar{height:100%;background:var(--color-role-brand-bg);border-radius:var(--radius-full);transition:width var(--motion-duration-base) var(--motion-easing-default)}.progress__bar--success{background:var(--color-status-success-bg)}.progress__bar--error{background:var(--color-status-error-bg)}.progress__bar--warning{background:var(--color-status-warning-bg)}.progress__bar--info{background:var(--color-status-info-bg)}.divider{height:1px;width:100%;background:var(--color-border-primary);margin:var(--spacing-4) 0}.divider--gradient{height:2px;background:linear-gradient(to right,transparent,var(--color-border-primary),transparent);margin:var(--spacing-6) 0}.divider--gradient-inverse{height:3px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9),transparent);margin:var(--spacing-6) auto;max-width:400px;border-radius:2px;box-shadow:0 0 10px #ffffff4d}.divider--thick{height:3px}.divider--tight{margin:var(--spacing-2) 0}.divider--loose{margin:var(--spacing-8) 0}.divider--narrow{max-width:200px;margin-left:auto;margin-right:auto}.divider--medium{max-width:400px;margin-left:auto;margin-right:auto}.divider--wide{max-width:600px;margin-left:auto;margin-right:auto}@layer components;.alert{display:flex;align-items:flex-start;padding:var(--spacing-4);border-radius:var(--radius-sm);border-left-width:var(--border-width-thick);border-left-style:solid}.alert--success{background:var(--color-status-success-bg);border-left-color:var(--color-status-success-border);color:var(--color-status-success-fg)}.alert--error{background:var(--color-status-error-bg);border-left-color:var(--color-status-error-border);color:var(--color-status-error-fg)}.alert--warning{background:var(--color-status-warning-bg);border-left-color:var(--color-status-warning-border);color:var(--color-status-warning-fg)}.alert--info{background:var(--color-status-info-bg);border-left-color:var(--color-status-info-border);color:var(--color-status-info-fg)}.alert--sm{padding:var(--spacing-2);font-size:var(--typography-fontSize-xs)}.alert--md{padding:var(--spacing-4);font-size:var(--typography-fontSize-sm)}.alert--lg{padding:var(--spacing-6);font-size:var(--typography-fontSize-base)}.alert__icon{margin-right:var(--spacing-3);font-size:var(--typography-fontSize-lg)}.alert__content{flex:1}.alert__action{margin-left:var(--spacing-3);flex-shrink:0}.alert__close{margin-left:var(--spacing-3);background:none;border:none;cursor:pointer;font-size:var(--typography-fontSize-lg);opacity:.7;transition:opacity var(--motion-duration-fast) var(--motion-easing-default)}.alert__close:hover{opacity:1}.alert__title{font-size:var(--typography-fontSize-base);font-weight:var(--typography-fontWeight-semibold);margin-bottom:var(--spacing-1);display:block}.alert__description{font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-normal);line-height:var(--typography-lineHeight-relaxed)}@layer components.layouts;.section{background:var(--color-role-bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-8);box-shadow:0 4px 12px #0000001f}.section__header{margin-bottom:var(--spacing-6)}.section__title{color:var(--color-role-text-primary);margin-bottom:var(--component-sectionHeader-marginBottom);display:block}.section__title--gradient{padding-bottom:var(--component-sectionHeader-paddingBottom);position:relative}.section__title--gradient:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--component-sectionHeader-gradient-height);background:linear-gradient(var(--component-sectionHeader-gradient-direction),var(--component-sectionHeader-gradient-start),var(--component-sectionHeader-gradient-end))}.section__subtitle{font-size:var(--typography-fontSize-base);color:var(--color-role-text-secondary)}.section__footer{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-role-border-subtle);display:flex;align-items:center;justify-content:space-between}.section--compact{padding:var(--spacing-6)}.section--comfortable{padding:var(--spacing-8)}.section--spacious{padding:var(--spacing-10)}.section__body--grid{display:grid;gap:var(--spacing-6)}.section__body--flex{display:flex;flex-direction:column;gap:var(--spacing-4)}.page-header{margin-bottom:var(--spacing-10)}.page-header__title{font-size:var(--typography-fontSize-5xl);font-weight:var(--typography-fontWeight-bold);color:var(--color-role-text-primary);margin-bottom:var(--spacing-2);letter-spacing:-.02em}.page-header__subtitle{font-size:var(--typography-fontSize-xl);color:var(--color-role-text-secondary);margin-bottom:var(--spacing-6)}.container{max-width:1400px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)}.container--narrow{max-width:1000px}.container--wide{max-width:1600px}.container--full{max-width:none}[data-context=presentation] .section--presentation{background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}[data-context=presentation] .section--presentation .section__header{margin-bottom:var(--spacing-8);padding-bottom:1rem;position:relative}[data-context=presentation] .section--presentation .section__header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--component-sectionHeader-gradient-start, #3a8c8f),var(--component-sectionHeader-gradient-end, transparent))}[data-context=presentation] .section--presentation .section__title{font-size:calc(3rem * var(--slide-font-scale, 1));font-weight:700;line-height:1.2;color:var(--color-role-text-primary);margin:0 0 .5rem;letter-spacing:-.025em}[data-context=presentation] .section--presentation .section__title--gradient{padding-bottom:0}[data-context=presentation] .section--presentation .section__title--gradient:after{display:none}[data-context=presentation] .section--presentation .section__subtitle{font-size:calc(1.5rem * var(--slide-font-scale, 1));font-weight:400;line-height:1.5;color:var(--color-role-text-secondary);margin:0}[data-context=presentation] .section--presentation .section__body{padding:0;font-size:calc(1rem * var(--slide-font-scale, 1));margin:0}@media (max-width: 768px){.section{padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.section--compact{padding:var(--spacing-4)}.section--spacious{padding:var(--spacing-8)}.page-header__subtitle{font-size:var(--typography-fontSize-lg)}.container{padding:var(--spacing-6) var(--spacing-4)}}@media (max-width: 480px){.section{padding:var(--spacing-4)}.section__header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.section__title{font-size:var(--typography-fontSize-xl)}.page-header__title{font-size:var(--typography-fontSize-3xl)}}.section:focus-within{outline:2px solid var(--color-role-brand-bg);outline-offset:2px}@media (prefers-contrast: high){.section{border:2px solid var(--color-role-border-default)}.section__header:after{height:6px}}@media print{.section{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.section__header:after{background:var(--color-role-text-primary)}}.hero-slide{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-role-bg-elevated);--hero-logo-size: 480px;--hero-hex-decoration-size: 1300px;--hero-hex-decoration-opacity: .06;--hero-corner-accent-size: 200px}.fluid-harmonics-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.fluid-harmonics-background canvas{width:100%;height:100%;display:block}.hero-slide__content{position:relative;z-index:1;text-align:center;color:#fff;max-width:90%;padding:32px;margin-top:-80px}.hero-slide__logo{margin-bottom:12px;display:inline-block;width:var(--hero-logo-size);height:var(--hero-logo-size)}.hero-slide__title{font-size:80px;font-weight:800;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-slide__subtitle{font-size:24px;font-weight:400;letter-spacing:.15em;margin:12px 0;opacity:.9;color:#fff;text-transform:uppercase}.hero-slide__badge{margin-top:24px;display:inline-block}.hero-slide__children{margin-top:32px}.hero-slide .divider--gradient-inverse{margin:12px auto;max-width:60%}.hero-slide__hex-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,var(--hero-hex-decoration-opacity));pointer-events:none;z-index:0;line-height:1;font-size:var(--hero-hex-decoration-size)}.hero-slide__corner-accent{position:absolute;width:var(--hero-corner-accent-size);height:var(--hero-corner-accent-size);border:2px solid rgba(255,255,255,.1);pointer-events:none;z-index:2}.hero-slide__corner-accent--tl{top:0;left:0;border-right:none;border-bottom:none}.hero-slide__corner-accent--br{bottom:0;right:0;border-left:none;border-top:none}@media (max-width: 1024px){.hero-slide{--hero-corner-accent-size: 150px}.hero-slide__title{font-size:3.5rem}.hero-slide__subtitle{font-size:1.2rem}.hero-slide__logo{margin-bottom:1.5rem}}@media (max-width: 768px){.hero-slide{--hero-corner-accent-size: 100px}.hero-slide__title{font-size:2.5rem}.hero-slide__subtitle{font-size:1rem;letter-spacing:.1em}.hero-slide__logo{margin-bottom:1rem}.hero-slide .divider--gradient-inverse{max-width:80%}}[data-mode=dark] .hero-slide{background:var(--color-role-bg-base)}[data-mode=dark] .hero-slide__title,[data-mode=dark] .hero-slide__subtitle{color:var(--color-role-text-primary)}[data-context=presentation] .hero-slide__title{font-size:96px}[data-context=presentation] .hero-slide__subtitle{font-size:28px}.section-header{display:block;margin:0 0 var(--spacing-6) 0}.section-header--align-left{text-align:left}.section-header--align-center{text-align:center}.section-header--align-right{text-align:right}.section-header--default .section-header__title{font-size:var(--typography-fontSize-2xl, 1.5rem);font-weight:var(--typography-fontWeight-semibold, 600);line-height:var(--typography-lineHeight-tight, 1.25);color:var(--color-role-text-primary);margin:0 0 var(--spacing-3) 0}.section-header--default .section-header__subtitle{font-size:var(--typography-fontSize-base, 1rem);font-weight:var(--typography-fontWeight-normal, 400);line-height:var(--typography-lineHeight-relaxed, 1.5);color:var(--color-role-text-secondary);margin:var(--spacing-2) 0 0 0}.section-header--default .divider{margin:var(--spacing-4) 0}.section-header--hero{text-align:center;margin:0 auto var(--spacing-8) auto;max-width:900px}.section-header--hero .section-header__title{font-size:var(--typography-fontSize-4xl, 2.25rem);font-weight:var(--typography-fontWeight-bold, 700);line-height:var(--typography-lineHeight-tight, 1.25);color:var(--color-role-text-primary);margin:0 0 var(--spacing-4) 0;letter-spacing:-.025em}.section-header--hero .section-header__subtitle{font-size:var(--typography-fontSize-xl, 1.25rem);font-weight:var(--typography-fontWeight-medium, 500);line-height:var(--typography-lineHeight-relaxed, 1.5);color:var(--color-role-text-secondary);margin:var(--spacing-3) 0 0 0}.section-header--hero .divider{margin:var(--spacing-6) auto;max-width:200px}.section-header--section .section-header__title{font-size:var(--typography-fontSize-3xl, 1.875rem);font-weight:var(--typography-fontWeight-bold, 700);line-height:var(--typography-lineHeight-tight, 1.25);color:var(--color-role-text-primary);margin:0 0 var(--spacing-4) 0}.section-header--section .section-header__subtitle{font-size:var(--typography-fontSize-lg, 1.125rem);font-weight:var(--typography-fontWeight-normal, 400);line-height:var(--typography-lineHeight-relaxed, 1.5);color:var(--color-role-text-secondary);margin:var(--spacing-2) 0 0 0}.section-header--section .divider{margin:var(--spacing-5) 0}.section-header--compact{margin:0 0 var(--spacing-4) 0}.section-header--compact .section-header__title{font-size:var(--typography-fontSize-lg, 1.125rem);font-weight:var(--typography-fontWeight-semibold, 600);line-height:var(--typography-lineHeight-snug, 1.375);color:var(--color-role-text-primary);margin:0 0 var(--spacing-2) 0}.section-header--compact .section-header__subtitle{font-size:var(--typography-fontSize-sm, .875rem);font-weight:var(--typography-fontWeight-normal, 400);line-height:var(--typography-lineHeight-normal, 1.5);color:var(--color-role-text-secondary);margin:var(--spacing-1) 0 0 0}.section-header--compact .divider{margin:var(--spacing-2) 0}.section-header__badge{margin-top:var(--spacing-3);display:inline-flex}.section-header--align-center .section-header__badge{margin-left:auto;margin-right:auto}@layer components.composed;.header{background:var(--color-role-bg-elevated);border-bottom:1px solid var(--color-role-border-subtle);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #0000000d}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--layout-container-maxWidth);margin:0 auto;padding:0 var(--spacing-6)}.header-logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--color-role-text-primary);font-weight:var(--typography-fontWeight-bold);font-size:var(--typography-fontSize-lg);transition:color var(--motion-duration-fast) var(--motion-easing-default);letter-spacing:-.01em}.header-logo:hover{color:var(--color-brand-teal-warm-500)}.header-logo__icon{font-size:var(--typography-fontSize-xl)}.header-nav{display:flex;align-items:center;gap:var(--spacing-8);position:relative;z-index:10}.nav-list{display:flex;align-items:center;gap:var(--spacing-6);list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);color:var(--color-role-text-secondary);text-decoration:none;transition:all var(--motion-duration-fast) var(--motion-easing-default);font-weight:var(--typography-fontWeight-medium);border-bottom:1px solid transparent;position:relative;outline:none}.nav-link:hover{color:var(--color-role-text-primary);border-bottom-color:var(--color-role-border-default)}.nav-link:hover:before{content:"⬡ ";color:var(--color-role-text-tertiary);font-size:.75rem;margin-right:var(--spacing-1);opacity:0;animation:hexagon-fade-in var(--motion-duration-fast) var(--motion-easing-default) forwards}@keyframes hexagon-fade-in{0%{opacity:0;transform:translate(-4px)}to{opacity:.6;transform:translate(0)}}.nav-link.active{color:var(--color-brand-teal-warm-500);border-bottom:2px solid var(--color-brand-teal-warm-500)}.nav-link.active:before{content:"⬢ ";color:var(--color-brand-teal-warm-500);font-size:.75rem;margin-right:var(--spacing-1);animation:hexagon-pop var(--motion-duration-base) var(--motion-easing-default)}.nav-link.active:hover:before{opacity:1;animation:none}@keyframes hexagon-pop{0%{opacity:0;transform:scale(.5) rotate(-15deg)}60%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}[data-theme=cool] .nav-link.active{color:var(--color-brand-teal-cool-500);border-bottom:2px solid var(--color-brand-teal-cool-500)}[data-theme=cool] .nav-link.active:before{color:var(--color-brand-teal-cool-500)}[data-mode=dark] .nav-link.active{color:var(--color-brand-teal-warm-500);border-bottom:2px solid var(--color-brand-teal-warm-500)}[data-mode=dark] .nav-link.active:before{color:var(--color-brand-teal-warm-500)}[data-theme=cool][data-mode=dark] .nav-link.active{color:var(--color-brand-teal-cool-500);border-bottom:2px solid var(--color-brand-teal-cool-500)}[data-theme=cool][data-mode=dark] .nav-link.active:before{color:var(--color-brand-teal-cool-500)}.sidebar{background:var(--color-role-bg-elevated);border-right:1px solid var(--color-role-border-subtle);width:280px;height:100vh;position:fixed;top:0;left:0;z-index:200;overflow-y:auto;transform:translate(-100%);transition:transform var(--motion-duration-base) var(--motion-easing-default)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-role-border-subtle)}.sidebar-nav{padding:var(--spacing-4)}.sidebar-section{margin-bottom:var(--spacing-6)}.sidebar-section-title{font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-semibold);color:var(--color-role-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3);padding:0 var(--spacing-3)}.sidebar-nav-list{list-style:none;margin:0;padding:0}.sidebar-nav-item{margin-bottom:var(--spacing-1)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);color:var(--color-role-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--motion-duration-fast) var(--motion-easing-default),background-color var(--motion-duration-fast) var(--motion-easing-default);font-weight:var(--typography-fontWeight-medium)}.sidebar-nav-link:hover{color:var(--color-role-text-primary);background:var(--color-role-bg-subtle)}.sidebar-nav-link.active{color:var(--color-role-brand-bg);background:var(--color-role-brand-bg-alpha-10, var(--color-status-info-bg))}.sidebar-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) 0;font-size:var(--typography-fontSize-sm)}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-2)}.breadcrumb-link{color:var(--color-role-text-secondary);text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-easing-default)}.breadcrumb-link:hover{color:var(--color-role-text-primary)}.breadcrumb-current{color:var(--color-role-text-primary);font-weight:var(--typography-fontWeight-medium)}.breadcrumb-separator{color:var(--color-role-text-tertiary);font-size:var(--typography-fontSize-xs)}.breadcrumb-icon{margin-right:var(--spacing-1)}.mobile-nav-toggle{display:none;background:none;border:none;padding:var(--spacing-2);color:var(--color-role-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--motion-duration-fast) var(--motion-easing-default)}.mobile-nav-toggle:hover{background:var(--color-role-bg-subtle)}.mobile-nav-toggle .hamburger{width:24px;height:2px;background:currentColor;position:relative;transition:transform var(--motion-duration-base) var(--motion-easing-default)}.mobile-nav-toggle .hamburger:before,.mobile-nav-toggle .hamburger:after{content:"";position:absolute;width:100%;height:2px;background:currentColor;transition:transform var(--motion-duration-base) var(--motion-easing-default)}.mobile-nav-toggle .hamburger:before{top:-8px}.mobile-nav-toggle .hamburger:after{top:8px}.mobile-nav-toggle.open .hamburger{background:transparent}.mobile-nav-toggle.open .hamburger:before{transform:rotate(45deg);top:0}.mobile-nav-toggle.open .hamburger:after{transform:rotate(-45deg);top:0}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-role-bg-elevated);border-bottom:1px solid var(--color-role-border-subtle);padding:var(--spacing-4)}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-item{margin-bottom:var(--spacing-2)}.mobile-nav-link{display:flex;align-items:center;padding:var(--spacing-3);color:var(--color-role-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--motion-duration-fast) var(--motion-easing-default)}.mobile-nav-link:hover{background:var(--color-role-bg-subtle);color:var(--color-role-text-primary)}.mobile-nav-link.active{color:var(--color-brand-teal-warm-500);font-weight:var(--typography-fontWeight-semibold)}.mobile-nav-link__icon{margin-right:var(--spacing-2)}@media (max-width: 768px){.header-nav{display:none}.mobile-nav-toggle{display:block}.sidebar{width:100%;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.breadcrumbs{flex-wrap:wrap;gap:var(--spacing-1)}.breadcrumb-separator{display:none}}@media (max-width: 480px){.header-content{padding:0 var(--spacing-4)}.header-logo{font-size:var(--typography-fontSize-lg)}.breadcrumbs{font-size:var(--typography-fontSize-xs)}}.nav-link:focus-visible,.sidebar-nav-link:focus-visible,.breadcrumb-link:focus-visible,.mobile-nav-toggle:focus-visible{outline:2px solid var(--interaction-ring-glow);outline-offset:2px;border-radius:var(--radius-sm)}.sidebar[aria-hidden=true]{display:none}@media (prefers-contrast: high){.header{border-bottom-width:2px}.sidebar{border-right-width:2px}.nav-link.active,.sidebar-nav-link.active{border:1px solid var(--color-role-brand-bg)}}@media (prefers-reduced-motion: reduce){.sidebar,.nav-link,.sidebar-nav-link,.breadcrumb-link,.mobile-nav-toggle .hamburger{transition:none}}@layer components.composed;.table-container{background:var(--color-role-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-role-border-subtle);overflow:hidden;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:var(--typography-fontSize-sm)}.table th{background:var(--color-role-bg-muted);color:var(--color-role-text-primary);font-weight:var(--typography-fontWeight-semibold);text-align:left;padding:var(--spacing-4);border-bottom:1px solid var(--color-role-border-subtle);font-size:var(--typography-fontSize-xs);text-transform:uppercase;letter-spacing:.05em}.table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-role-border-subtle);color:var(--color-role-text-primary);vertical-align:top}.table tbody tr:hover{background:var(--color-role-bg-subtle)}.table tbody tr:last-child td{border-bottom:none}.table-compact th,.table-compact td{padding:var(--spacing-2) var(--spacing-3)}.table-bordered th,.table-bordered td{border:1px solid var(--color-role-border-subtle)}.table-borderless th,.table-borderless td{border:none}.list{list-style:none;margin:0;padding:0}.list-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-role-border-subtle);transition:background-color var(--motion-duration-fast) var(--motion-easing-default)}.list-item:hover{background:var(--color-role-bg-subtle)}.list-item:last-child{border-bottom:none}.list-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-role-text-tertiary)}.list-item-content{flex:1}.list-item-title{font-weight:var(--typography-fontWeight-medium);color:var(--color-role-text-primary);margin-bottom:var(--spacing-1)}.list-item-description{font-size:var(--typography-fontSize-sm);color:var(--color-role-text-secondary)}.list-item-action{margin-left:auto}.list-card .list-item{background:var(--color-role-bg-elevated);border:1px solid var(--color-role-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);box-shadow:var(--shadow-sm)}.list-card .list-item:last-child{margin-bottom:0}.list-divided .list-item{border-bottom:1px solid var(--color-role-border-subtle)}.list-divided .list-item:last-child{border-bottom:none}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin:var(--spacing-6) 0}.pagination-item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-3);border:1px solid var(--color-role-border-subtle);background:var(--color-role-bg-elevated);color:var(--color-role-text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-weight:var(--typography-fontWeight-medium);transition:background-color var(--motion-duration-fast) var(--motion-easing-default),color var(--motion-duration-fast) var(--motion-easing-default),border-color var(--motion-duration-fast) var(--motion-easing-default)}.pagination-item:hover{background:var(--color-role-bg-subtle);color:var(--color-role-text-primary);border-color:var(--color-role-border)}.pagination-item.active{background:var(--color-role-brand-bg);color:var(--color-role-brand-fg);border-color:var(--color-role-brand-bg)}.pagination-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{color:var(--color-role-text-tertiary);padding:0 var(--spacing-2)}.data-card{background:var(--color-role-bg-elevated);border:1px solid var(--color-role-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-duration-base) var(--motion-easing-default),transform var(--motion-duration-base) var(--motion-easing-default)}.data-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.data-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.data-card-title{font-size:var(--typography-fontSize-lg);font-weight:var(--typography-fontWeight-semibold);color:var(--color-role-text-primary);margin:0}.data-card-value{font-size:var(--typography-fontSize-3xl);font-weight:var(--typography-fontWeight-bold);color:var(--color-role-brand-bg);margin:var(--spacing-2) 0}.data-card-description{color:var(--color-role-text-secondary);font-size:var(--typography-fontSize-sm);margin:0}.data-card-trend{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-medium)}.data-card-trend.positive{color:var(--color-status-success-text)}.data-card-trend.negative{color:var(--color-status-error-text)}.data-card-trend.neutral{color:var(--color-role-text-tertiary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin:var(--spacing-6) 0}.stats-item{background:var(--color-role-bg-elevated);border:1px solid var(--color-role-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;box-shadow:var(--shadow-sm)}.stats-value{font-size:var(--typography-fontSize-4xl);font-weight:var(--typography-fontWeight-bold);color:var(--color-role-brand-bg);margin-bottom:var(--spacing-2)}.stats-label{color:var(--color-role-text-secondary);font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-medium);text-transform:uppercase;letter-spacing:.05em}.stats-change{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);margin-top:var(--spacing-2);font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-medium)}.stats-change.positive{color:var(--color-status-success-text)}.stats-change.negative{color:var(--color-status-error-text)}@media (max-width: 768px){.table-container{overflow-x:auto}.table{min-width:600px}.pagination{flex-wrap:wrap;gap:var(--spacing-1)}.pagination-item{min-width:36px;height:36px;font-size:var(--typography-fontSize-sm)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.data-card{padding:var(--spacing-4)}.data-card-value{font-size:var(--typography-fontSize-2xl)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.list-item,.table th,.table td{padding:var(--spacing-2) var(--spacing-3)}}.table th[scope=col]{text-align:left}.table th[scope=row]{text-align:right;font-weight:var(--typography-fontWeight-semibold)}.pagination-item:focus{outline:2px solid var(--interaction-ring-glow);outline-offset:2px}.list-item:focus-within{outline:2px solid var(--interaction-ring-glow);outline-offset:2px}@media (prefers-contrast: high){.table-container,.data-card,.stats-item{border-width:2px}.table th,.table td{border-width:1px}}@media print{.table-container{box-shadow:none;border:1px solid #ccc}.pagination{display:none}.data-card,.stats-item{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@layer components.composed;.metric-card{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-role-bg-elevated);border:1px solid var(--color-role-border-subtle);border-radius:var(--radius-md);transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.metric-card__content{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.metric-card__label{font-size:var(--typography-fontSize-sm);color:var(--color-role-text-secondary);font-weight:var(--typography-fontWeight-medium)}.metric-card__value{font-size:var(--typography-fontSize-2xl);font-weight:var(--typography-fontWeight-bold);color:var(--color-role-text-primary);font-family:var(--typography-fontFamily-mono)}.metric-card__change{font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-medium);display:flex;align-items:center;gap:var(--spacing-1)}.metric-card__subtitle{font-size:var(--typography-fontSize-xs);color:var(--color-role-text-tertiary)}.metric-card .badge{align-self:flex-start}.metric-card__change--positive:before{content:"↗ "}.metric-card__change--negative:before{content:"↘ "}.metric-card__change--neutral:before{content:"→ "}.metric-card__change--positive{color:var(--color-status-success-fg)}.metric-card__change--negative{color:var(--color-status-error-fg)}.metric-card__change--neutral{color:var(--color-role-text-secondary)}.metric-card--outlined{background:transparent;border:2px solid var(--color-role-border-default)}.metric-card--filled{background:var(--color-palette-neutral-100);border:none}.metric-card--gradient{border:none;color:#fff}.metric-card--gradient .metric-card__label,.metric-card--gradient .metric-card__value,.metric-card--gradient .metric-card__subtitle{color:#fff}.metric-card--glass{background:#ffffffb3;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a}[data-mode=dark] .metric-card--glass{background:#0006;border:1px solid rgba(255,255,255,.18)}.metric-card--horizontal{flex-direction:row;align-items:center;justify-content:space-between}.metric-card--horizontal .metric-card__content{flex-direction:row;align-items:center;gap:var(--spacing-4)}.metric-card--compact{padding:var(--spacing-3);gap:var(--spacing-1)}.metric-card--compact .metric-card__value{font-size:var(--typography-fontSize-xl)}.metric-card--elevation-none{box-shadow:none}.metric-card--elevation-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.metric-card--elevation-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.metric-card--elevation-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.metric-card__action{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);margin-top:var(--spacing-2);border:none;border-radius:var(--radius-sm);font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-medium);cursor:pointer;transition:all .2s ease}.metric-card__action--primary{background:var(--color-role-accent-default);color:#fff}.metric-card__action--primary:hover{background:var(--color-role-accent-hover)}.metric-card__action--secondary{background:transparent;color:var(--color-role-accent-default);border:1px solid var(--color-role-accent-default)}.metric-card__action--secondary:hover{background:var(--color-role-accent-subtle)}.metric-card__action-icon{font-size:var(--typography-fontSize-base)}.metric-card__footer{margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-role-border-subtle);font-size:var(--typography-fontSize-xs);color:var(--color-role-text-tertiary)}button.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.table-striped tbody tr:nth-child(odd){background:#00000005}.table-striped tbody tr:nth-child(odd):hover{background:var(--color-role-bg-subtle)}.table-container{border:1px solid var(--color-role-border-default);border-radius:var(--radius-md);overflow:hidden}.data-table th{background:var(--color-role-bg-subtle);padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-semibold);color:var(--color-role-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-role-border-subtle)}.data-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--typography-fontSize-sm);color:var(--color-role-text-primary);border-bottom:1px solid var(--color-role-border-subtle)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-role-bg-subtle)}.text-block{margin:0;padding:0;line-height:var(--line-height-relaxed, 1.6);color:var(--color-text, #1a1a1a)}.text-block--body .text-block__body{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-normal, 400);line-height:var(--line-height-relaxed, 1.6);margin:0}.text-block--body .text-block__body+.text-block__body{margin-top:var(--spacing-4, 1rem)}.text-block--lead .text-block__lead{font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-medium, 500);line-height:var(--line-height-relaxed, 1.6);color:var(--color-text-secondary, #4a4a4a);margin:0}.text-block--heading .text-block__heading{font-size:var(--font-size-3xl, 1.875rem);font-weight:var(--font-weight-bold, 700);line-height:var(--line-height-tight, 1.25);color:var(--color-text, #1a1a1a);margin:0}.text-block--subheading .text-block__subheading{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-snug, 1.375);color:var(--color-text, #1a1a1a);margin:0}.text-block--quote .text-block__quote{font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-medium, 500);font-style:italic;line-height:var(--line-height-relaxed, 1.6);color:var(--color-text-secondary, #4a4a4a);margin:0;padding-left:var(--spacing-6, 1.5rem);border-left:4px solid var(--color-primary, #4a90e2)}.text-block--callout .text-block__callout{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-medium, 500);line-height:var(--line-height-relaxed, 1.6);background-color:var(--color-background-secondary, #f5f5f5);border-left:4px solid var(--color-accent, #ff6b6b);padding:var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);margin:0;border-radius:var(--border-radius-sm, 4px)}.text-block--callout .text-block__callout p{margin:0}.text-block--align-left{text-align:left}.text-block--align-center{text-align:center}.text-block--align-right{text-align:right}.text-block__body strong,.text-block__body b{font-weight:var(--font-weight-bold, 700)}.text-block__body em,.text-block__body i{font-style:italic}.text-block__body code{font-family:var(--font-family-mono, "Courier New", monospace);font-size:.9em;padding:.125rem .25rem;background-color:var(--color-background-secondary, #f5f5f5);border-radius:var(--border-radius-xs, 2px)}.text-block__body a{color:var(--color-primary, #4a90e2);text-decoration:none;border-bottom:1px solid currentColor;transition:opacity var(--transition-duration-base, .2s)}.text-block__body a:hover{opacity:.7}.text-block__body ul,.text-block__body ol{margin:var(--spacing-2, .5rem) 0;padding-left:var(--spacing-6, 1.5rem)}.text-block__body li{margin:var(--spacing-1, .25rem) 0}@layer components;.brand-logo{display:inline-block;width:120px;height:120px;vertical-align:middle;flex-shrink:0}.brand-logo--sm{width:80px;height:80px}.brand-logo--md{width:120px;height:120px}.brand-logo--lg{width:240px;height:240px}.brand-logo--xl{width:480px;height:480px}.brand-logo--white{color:#fff}.brand-logo--brand{color:var(--color-role-brand-bg)}.brand-logo--mono{color:var(--color-role-text-primary)}.brand-logo--inverted .brand-logo__hexagon{fill:currentColor;opacity:1}.brand-logo--inverted.brand-logo--white .brand-logo__hexagon{fill:#fff}.brand-logo--inverted.brand-logo--brand .brand-logo__hexagon{fill:var(--color-role-brand-bg)}.brand-logo--inverted .brand-logo__line,.brand-logo--inverted .brand-logo__dot{opacity:.6}.brand-logo--pulse{animation:brand-logo-pulse 2s ease-in-out infinite}@keyframes brand-logo-pulse{0%,to{opacity:1}50%{opacity:.6}}.brand-logo--glow{filter:drop-shadow(0 0 8px currentColor);animation:brand-logo-glow 2s ease-in-out infinite}@keyframes brand-logo-glow{0%,to{filter:drop-shadow(0 0 8px currentColor)}50%{filter:drop-shadow(0 0 16px currentColor)}}.brand-logo--breathe{animation:brand-logo-breathe 3s ease-in-out infinite}@keyframes brand-logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@layer components.composed;.hex-bullet{list-style:none;padding-left:0}.hex-bullet li{position:relative;padding-left:2rem;margin-bottom:var(--spacing-4);font-size:1.5rem;line-height:1.6}.hex-bullet li:before{content:"⬡";position:absolute;left:0;top:.05em;color:var(--color-brand-teal-warm-500);font-size:1.2rem;line-height:1.6}.hex-bullet--filled li:before{content:"⬢"}.hex-bullet .hex-bullet li:before{content:"⬡";color:var(--color-brand-teal-warm-400);font-size:.875rem}.hex-number{width:2.5rem;height:2.5rem;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-brand-teal-warm-500),var(--color-brand-teal-warm-600));color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-family:var(--typography-fontFamily-mono);font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-bold);line-height:1;box-shadow:0 4px 8px #3f8d824d;flex-shrink:0}.hex-number--outline{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);color:var(--color-brand-teal-warm-700);box-shadow:0 2px 4px #3f8d8233,inset 0 0 0 1px var(--color-brand-teal-warm-400);border:none}.hex-number--current{background:linear-gradient(135deg,var(--color-brand-teal-warm-400),var(--color-brand-teal-warm-600));box-shadow:0 8px 16px #3f8d8259,0 0 0 4px #3f8d821f}.hex-number:hover{transform:scale(1.05);box-shadow:0 6px 12px #3f8d8266;transition:transform .2s ease,box-shadow .2s ease}.hex-number:focus-visible{outline:2px solid var(--color-brand-teal-warm-500);outline-offset:4px}.hex-number--outline:hover{box-shadow:0 4px 8px #3f8d824d,inset 0 0 0 1px var(--color-brand-teal-warm-500)}.hex-number--current:hover{box-shadow:0 10px 20px #3f8d8273,0 0 0 4px #3f8d822e}.hex-number--text{position:relative;width:1.75rem;height:1.75rem;aspect-ratio:1 / 1;background:transparent;clip-path:none;border:0;box-shadow:none}.hex-number--text:before{content:"⬢";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-brand-teal-warm-600);font-size:1.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(63,141,130,.25))}.hex-number--text.hex--outline:before{content:"⬡";color:var(--color-brand-teal-warm-600);filter:none}.hex-number--text>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);color:#fff;font-family:var(--typography-fontFamily-mono);font-weight:var(--typography-fontWeight-bold);font-size:.6875rem;letter-spacing:.02em}.hex-number--text.hex--outline>span{color:var(--color-brand-teal-warm-700)}.hex-number--text.is-current:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--radius-full);box-shadow:0 0 0 3px #3f8d822e,0 8px 16px #3f8d8240}.hex-progress{display:flex;gap:var(--spacing-2);align-items:center}.hex-progress-item{font-size:1.5rem;color:var(--color-role-text-tertiary);transition:all .3s ease}.hex-progress-item.filled{color:var(--color-brand-teal-warm-500)}.hex-progress--glow .hex-progress-item.filled{text-shadow:0 0 8px rgba(63,141,130,.4);filter:drop-shadow(0 0 4px rgba(63,141,130,.3))}.hex-progress--interactive .hex-progress-item{cursor:pointer;transition:all .2s ease}.hex-progress--interactive .hex-progress-item:hover{color:var(--color-brand-teal-warm-600);transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(63,141,130,.4))}.hex-progress--interactive .hex-progress-item.filled:hover{color:var(--color-brand-teal-warm-600);text-shadow:0 0 12px rgba(63,141,130,.6)}.hex-progress--success .hex-progress-item.filled{color:var(--color-semantic-success-text);text-shadow:0 0 8px rgba(34,197,94,.4);filter:drop-shadow(0 0 4px rgba(34,197,94,.3))}.hex-progress--success.hex-progress--interactive .hex-progress-item:hover{color:var(--color-semantic-success-text)}.hex-progress--success.hex-progress--interactive .hex-progress-item.filled:hover{text-shadow:0 0 12px rgba(34,197,94,.6)}.hex-icon{display:inline-block;animation:hexPulse 3s ease-in-out infinite;color:var(--color-brand-teal-warm-500)}@keyframes hexPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.hex-cluster-icon{width:40px;height:40px;display:inline-block}.hex-cluster-icon path,.hex-cluster path{fill:none;stroke:var(--color-role-icon-default, var(--color-brand-teal-warm-600));stroke-width:2;stroke-linejoin:round;transition:stroke .3s ease}.hex-cluster-icon circle,.hex-cluster circle{fill:var(--color-role-icon-default, var(--color-brand-teal-warm-600));transition:fill .3s ease}button:hover .hex-cluster path,.hex-cluster-icon:hover path{stroke:var(--color-role-icon-hover, var(--color-brand-teal-warm-700))}button:hover .hex-cluster circle,.hex-cluster-icon:hover circle{fill:var(--color-role-icon-hover, var(--color-brand-teal-warm-700))}.hex-number--sm{width:2rem;height:2rem;font-size:var(--typography-fontSize-xs)}.hex-number--lg{width:3rem;height:3rem;font-size:var(--typography-fontSize-base)}.hex-number--xl{width:4rem;height:4rem;font-size:var(--typography-fontSize-lg)}[data-theme=cool] .hex-bullet li:before{color:var(--color-brand-teal-cool-500)}[data-theme=cool] .hex-number{background:linear-gradient(135deg,var(--color-brand-teal-cool-500),var(--color-brand-teal-cool-600))}[data-theme=cool] .hex-progress-item.filled,[data-theme=cool] .hex-icon{color:var(--color-brand-teal-cool-500)}[data-mode=dark] .hex-bullet li:before{color:var(--color-brand-teal-warm-500)}[data-mode=dark] .hex-progress-item{color:var(--color-role-text-tertiary)}[data-mode=dark] .hex-progress-item.filled,[data-mode=dark] .hex-icon{color:var(--color-brand-teal-warm-500)}[data-mode=dark] .subsection__title:before{color:var(--color-brand-teal-warm-500)}[data-theme=cool][data-mode=dark] .hex-bullet li:before{color:var(--color-brand-teal-cool-500)}[data-theme=cool][data-mode=dark] .hex-progress-item.filled,[data-theme=cool][data-mode=dark] .hex-icon{color:var(--color-brand-teal-cool-500)}.header-wrapper{position:relative}.header-actions{position:fixed;top:.75rem;right:1rem;z-index:1001;display:flex;align-items:center;gap:.25rem}.theme-controls{display:flex;align-items:center;gap:.25rem}.theme-icon-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:.375rem;border-radius:var(--radius-sm, 4px);opacity:.7;transition:opacity .15s ease,transform .15s ease}.theme-icon-btn:hover{opacity:1;transform:scale(1.15)}.theme-icon-btn:active{transform:scale(.95)}.hero-section{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:80px}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-content{position:relative;z-index:1;text-align:center;padding:var(--spacing-16, 4rem) var(--spacing-8, 2rem);max-width:800px}.hero-content h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--typography-fontWeight-extrabold, 800);color:#fff;margin-bottom:var(--spacing-6, 1.5rem);line-height:var(--typography-lineHeight-tight, 1.25);font-family:var(--typography-fontFamily-sans)}.hero-content p{font-size:var(--typography-fontSize-xl, 1.25rem);color:#ffffffe6;margin-bottom:var(--spacing-8, 2rem)}.hero-cta{display:flex;gap:var(--spacing-4, 1rem);justify-content:center;flex-wrap:wrap}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-6)}.section-grid--projects{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-actions{margin-top:var(--spacing-8);text-align:center}.service-card__header{display:flex;align-items:center;gap:var(--spacing-3)}.service-card__icon{font-size:2rem;line-height:1}.project-card__media{height:160px;display:flex;align-items:center;justify-content:center;font-size:3rem;border-radius:var(--radius-md);margin:var(--spacing-4);background:linear-gradient(135deg,var(--color-role-sectionHeader-gradientStart),var(--color-role-sectionHeader-gradientEnd))}.project-card__content{padding:0 var(--spacing-6) var(--spacing-6)}.book-call-section{background:linear-gradient(135deg,var(--color-role-sectionHeader-gradientStart),var(--color-role-sectionHeader-gradientEnd))}.book-call-section h2,.book-call-section h4{color:#fff}.book-call-section h4{font-weight:400;opacity:.9;max-width:600px;margin:0 auto var(--spacing-8, 2rem)}.consultation-form-container{max-width:600px;margin:0 auto;background:var(--color-role-bg-elevated);padding:var(--spacing-10, 2.5rem);border-radius:var(--radius-lg, .5rem);box-shadow:var(--shadow-xl)}.consultation-form{display:flex;flex-direction:column;gap:var(--spacing-6, 1.5rem)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4, 1rem)}.form-group{display:flex;flex-direction:column;text-align:left}.form-group label{font-weight:var(--typography-fontWeight-semibold, 600);color:var(--color-role-text-secondary);margin-bottom:var(--spacing-2, .5rem);font-size:var(--typography-fontSize-sm, .875rem)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem);border:1px solid var(--color-role-border-default);border-radius:var(--radius-md, .375rem);font-size:var(--typography-fontSize-base, 1rem);font-family:inherit;background:var(--color-role-bg-base);color:var(--color-role-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-role-brand-bg)}.form-group textarea{resize:vertical;min-height:100px}.contact-alternatives{margin-top:var(--spacing-6, 1.5rem);padding-top:var(--spacing-6, 1.5rem);border-top:1px solid var(--color-role-border-subtle);color:var(--color-role-text-secondary);font-size:var(--typography-fontSize-sm, .875rem)}.contact-alternatives a{color:var(--color-role-brand-bg);text-decoration:none}.site-footer{background:var(--color-role-bg-elevated);color:var(--color-role-text-secondary)}.site-footer .container{padding-top:var(--spacing-16, 4rem);padding-bottom:var(--spacing-8, 2rem);background:transparent}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-8, 2rem);margin-bottom:var(--spacing-10, 2.5rem)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-2, .5rem);margin-bottom:var(--spacing-4, 1rem)}.footer-logo__icon{color:var(--color-role-brand-bg);font-size:1.5rem}.footer-logo__text{font-size:1.5rem;font-weight:700;color:var(--color-role-text-primary)}.footer-tagline{color:var(--color-role-text-secondary);max-width:280px}.footer-heading{font-size:var(--typography-fontSize-sm, .875rem);font-weight:var(--typography-fontWeight-semibold, 600);text-transform:uppercase;letter-spacing:.05em;color:var(--color-role-text-primary);margin-bottom:var(--spacing-4, 1rem)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-3, .75rem)}.footer-links li,.footer-links a{color:var(--color-role-text-secondary);text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:var(--color-role-brand-bg)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-6, 1.5rem);border-top:1px solid var(--color-role-border-subtle)}.footer-copy{font-size:var(--typography-fontSize-sm, .875rem);color:var(--color-role-text-tertiary)}.footer-legal{display:flex;gap:var(--spacing-6, 1.5rem)}.footer-legal a{color:var(--color-role-text-tertiary);text-decoration:none;font-size:var(--typography-fontSize-sm, .875rem)}.footer-legal a:hover{color:var(--color-role-brand-bg)}.stub-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8, 2rem);padding-top:150px;text-align:center}.about-page,.projects-page,.contact-page{padding-top:80px}.about-hero,.projects-hero,.contact-hero{padding:var(--spacing-24, 6rem) var(--spacing-8, 2rem);text-align:center;background:linear-gradient(135deg,var(--color-role-sectionHeader-gradientStart),var(--color-role-sectionHeader-gradientEnd))}.about-hero h1,.projects-hero h1,.contact-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--typography-fontWeight-extrabold, 800);color:#fff;margin-bottom:var(--spacing-4, 1rem)}.about-hero .lead,.projects-hero .lead,.contact-hero .lead{font-size:var(--typography-fontSize-xl, 1.25rem);color:#ffffffe6;max-width:700px;margin:0 auto}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.form-row{grid-template-columns:1fr}}@media (max-width: 600px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{grid-column:span 1}.footer-tagline{max-width:none;margin:0 auto}.footer-bottom{flex-direction:column;gap:var(--spacing-4, 1rem);text-align:center}.header-actions{right:4rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out forwards;opacity:0}