/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-ink-50: #F6F9FB;
  --primitive-color-ink-100: #EDF2F7;
  --primitive-color-ink-200: #DFE8EF;
  --primitive-color-ink-300: #C7D5E0;
  --primitive-color-ink-400: #93A7B8;
  --primitive-color-ink-500: #6B8195;
  --primitive-color-ink-600: #4D6376;
  --primitive-color-ink-700: #374B5C;
  --primitive-color-ink-800: #233544;
  --primitive-color-ink-900: #13232F;
  --primitive-color-blue-50: #ECF6FB;
  --primitive-color-blue-100: #D6ECF6;
  --primitive-color-blue-200: #AAD8EC;
  --primitive-color-blue-300: #71BEDD;
  --primitive-color-blue-400: #369FCA;
  --primitive-color-blue-500: #1682B3;
  --primitive-color-blue-600: #0E6890;
  --primitive-color-blue-700: #0B5475;
  --primitive-color-blue-800: #0A4562;
  --primitive-color-blue-900: #093A53;
  --primitive-color-teal-50: #E9FAF5;
  --primitive-color-teal-100: #CDF2E8;
  --primitive-color-teal-300: #79DCC3;
  --primitive-color-teal-500: #1FB894;
  --primitive-color-teal-600: #12A081;
  --primitive-color-teal-700: #0E7F67;
  --primitive-color-amber-50: #FEF6E7;
  --primitive-color-amber-500: #E9A21B;
  --primitive-color-amber-600: #C6820C;
  --primitive-color-red-50: #FDEEEE;
  --primitive-color-red-500: #DC4A4A;
  --primitive-color-red-600: #C13434;
  --primitive-color-white: #FFFFFF;
  --primitive-color-alpha-ink-04: rgba(19, 35, 47, 0.04);
  --primitive-color-alpha-ink-06: rgba(19, 35, 47, 0.06);
  --primitive-color-alpha-ink-08: rgba(19, 35, 47, 0.08);
  --primitive-color-alpha-ink-10: rgba(19, 35, 47, 0.10);
  --primitive-color-alpha-blue-14: rgba(14, 104, 144, 0.14);
  --primitive-color-alpha-blue-22: rgba(14, 104, 144, 0.22);
  --primitive-color-alpha-white-70: rgba(255, 255, 255, 0.70);
  --primitive-color-alpha-white-88: rgba(255, 255, 255, 0.88);
  --primitive-font-display: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --primitive-font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --primitive-weight-regular: 400;
  --primitive-weight-medium: 500;
  --primitive-weight-semibold: 600;
  --primitive-weight-bold: 700;
  --primitive-size-2xs: 0.625rem;
  --primitive-size-xs: 0.75rem;
  --primitive-size-sm: 0.8125rem;
  --primitive-size-base: 0.9375rem;
  --primitive-size-md: 1rem;
  --primitive-size-lg: 1.125rem;
  --primitive-size-xl: 1.375rem;
  --primitive-size-2xl: clamp(1.5rem, 1.28rem + 0.9vw, 1.875rem);
  --primitive-size-3xl: clamp(1.75rem, 1.35rem + 1.6vw, 2.375rem);
  --primitive-size-4xl: clamp(2.125rem, 1.55rem + 2.4vw, 3.125rem);
  --primitive-leading-tight: 1.15;
  --primitive-leading-snug: 1.3;
  --primitive-leading-normal: 1.55;
  --primitive-leading-relaxed: 1.7;
  --primitive-tracking-tight: -0.02em;
  --primitive-tracking-normal: 0;
  --primitive-tracking-wide: 0.08em;
  --primitive-space-0: 0;
  --primitive-space-1: 0.25rem;
  --primitive-space-2: 0.5rem;
  --primitive-space-3: 0.75rem;
  --primitive-space-4: 1rem;
  --primitive-space-5: 1.25rem;
  --primitive-space-6: 1.5rem;
  --primitive-space-8: 2rem;
  --primitive-space-10: 2.5rem;
  --primitive-space-12: 3rem;
  --primitive-space-16: 4rem;
  --primitive-space-20: 5rem;
  --primitive-space-24: 6rem;
  --primitive-radius-none: 0;
  --primitive-radius-sm: 6px;
  --primitive-radius-md: 10px;
  --primitive-radius-lg: 14px;
  --primitive-radius-xl: 20px;
  --primitive-radius-2xl: 28px;
  --primitive-radius-full: 999px;
  --primitive-shadow-none: none;
  --primitive-shadow-xs: 0 1px 2px rgba(19, 35, 47, 0.05);
  --primitive-shadow-sm: 0 1px 2px rgba(19, 35, 47, 0.04), 0 4px 12px -8px rgba(19, 35, 47, 0.10);
  --primitive-shadow-md: 0 1px 2px rgba(19, 35, 47, 0.04), 0 10px 28px -14px rgba(19, 35, 47, 0.16);
  --primitive-shadow-lg: 0 2px 4px rgba(19, 35, 47, 0.04), 0 22px 46px -20px rgba(14, 104, 144, 0.26);
  --primitive-shadow-ring: 0 0 0 3px rgba(14, 104, 144, 0.22);
  --primitive-duration-instant: 120ms;
  --primitive-duration-fast: 180ms;
  --primitive-duration-normal: 260ms;
  --primitive-duration-slow: 520ms;
  --primitive-easing-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --primitive-easing-out: cubic-bezier(0.16, 1, 0.3, 1);
  --primitive-easing-linear: linear;
  --primitive-icon-dot: 6px;
  --primitive-icon-3xs: 9px;
  --primitive-icon-2xs: 11px;
  --primitive-icon-xs: 13px;
  --primitive-icon-sm: 15px;
  --primitive-icon-md: 18px;
  --primitive-icon-lg: 22px;
  --primitive-control-2xs: 16px;
  --primitive-control-xs: 26px;
  --primitive-control-sm: 30px;
  --primitive-control-md: 34px;
  --primitive-control-lg: 40px;
  --primitive-control-xl: 44px;
  --primitive-control-2xl: 62px;
  --primitive-stroke-hairline: 1px;
  --primitive-stroke-thick: 2px;
  --primitive-layout-container: 1200px;
  --primitive-layout-container-wide: 1360px;
  --primitive-layout-measure: 62ch;
  --primitive-layout-header-h: 72px;
  --primitive-layout-topbar-h: 38px;
}

/* === SEMANTIC === */
:root {
  --color-background: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-subtle: #F6F9FB;
  --color-surface-tint: #ECF6FB;
  --color-surface-inverse: #093A53;
  --color-foreground: #13232F;
  --color-foreground-muted: #6B8195;
  --color-foreground-subtle: #93A7B8;
  --color-foreground-inverse: #FFFFFF;
  --color-primary: #0E6890;
  --color-primary-hover: #0B5475;
  --color-primary-active: #0A4562;
  --color-primary-soft: #ECF6FB;
  --color-primary-foreground: #FFFFFF;
  --color-accent: #12A081;
  --color-accent-hover: #0E7F67;
  --color-accent-soft: #E9FAF5;
  --color-accent-foreground: #FFFFFF;
  --color-success: #12A081;
  --color-success-soft: #E9FAF5;
  --color-warning: #C6820C;
  --color-warning-soft: #FEF6E7;
  --color-danger: #C13434;
  --color-danger-soft: #FDEEEE;
  --color-border: #DFE8EF;
  --color-border-strong: #C7D5E0;
  --color-border-subtle: #EDF2F7;
  --color-ring: 0 0 0 3px rgba(14, 104, 144, 0.22);
  --color-overlay: rgba(19, 35, 47, 0.10);
  --color-glass: rgba(255, 255, 255, 0.88);
  --font-heading: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --text-display: clamp(2.125rem, 1.55rem + 2.4vw, 3.125rem);
  --text-h1: clamp(2.125rem, 1.55rem + 2.4vw, 3.125rem);
  --text-h2: clamp(1.75rem, 1.35rem + 1.6vw, 2.375rem);
  --text-h3: clamp(1.5rem, 1.28rem + 0.9vw, 1.875rem);
  --text-h4: 1.375rem;
  --text-lead: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.9375rem;
  --text-caption: 0.8125rem;
  --text-eyebrow: 0.75rem;
  --text-micro: 0.625rem;
  --leading-heading: 1.15;
  --leading-subheading: 1.3;
  --leading-body: 1.55;
  --leading-prose: 1.7;
  --tracking-heading: -0.02em;
  --tracking-eyebrow: 0.08em;
  --weight-body: 400;
  --weight-emphasis: 500;
  --weight-heading: 600;
  --weight-strong: 700;
  --space-xs: 0.25rem;
  --space-sm: 0.75rem;
  --space-inline: 0.5rem;
  --space-stack: 1rem;
  --space-component: 1.5rem;
  --space-block: 2.5rem;
  --space-section: 6rem;
  --space-section-tight: 4rem;
  --space-gutter: 1.5rem;
  --radius-control: 10px;
  --radius-surface: 14px;
  --radius-panel: 20px;
  --radius-feature: 28px;
  --radius-pill: 999px;
  --elevation-flat: none;
  --elevation-raised: 0 1px 2px rgba(19, 35, 47, 0.04), 0 4px 12px -8px rgba(19, 35, 47, 0.10);
  --elevation-overlay: 0 1px 2px rgba(19, 35, 47, 0.04), 0 10px 28px -14px rgba(19, 35, 47, 0.16);
  --elevation-lifted: 0 2px 4px rgba(19, 35, 47, 0.04), 0 22px 46px -20px rgba(14, 104, 144, 0.26);
  --elevation-focus: 0 0 0 3px rgba(14, 104, 144, 0.22);
  --motion-hover: 180ms;
  --motion-control: 120ms;
  --motion-surface: 260ms;
  --motion-reveal: 520ms;
  --motion-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-linear: linear;
  --motion-reveal-shift: 18px;
  --motion-lift-shift: -4px;
  --icon-dot: 6px;
  --icon-3xs: 9px;
  --icon-2xs: 11px;
  --icon-xs: 13px;
  --icon-sm: 15px;
  --icon-md: 18px;
  --icon-lg: 22px;
  --control-2xs: 16px;
  --control-xs: 26px;
  --control-sm: 30px;
  --control-md: 34px;
  --control-lg: 40px;
  --control-xl: 44px;
  --control-2xl: 62px;
  --stroke-hairline: 1px;
  --stroke-thick: 2px;
  --layout-container: 1200px;
  --layout-container-wide: 1360px;
  --layout-measure: 62ch;
  --layout-header-height: 72px;
  --layout-topbar-height: 38px;
}

/* === COMPONENTS === */
:root {
  --topbar-bg: #093A53;
  --topbar-fg: #D6ECF6;
  --topbar-fg-hover: #FFFFFF;
  --topbar-height: 38px;
  --topbar-font-size: 0.8125rem;
  --header-bg: rgba(255, 255, 255, 0.88);
  --header-border: #EDF2F7;
  --header-height: 72px;
  --header-shadow-scrolled: 0 1px 2px rgba(19, 35, 47, 0.04), 0 4px 12px -8px rgba(19, 35, 47, 0.10);
  --nav-fg: #374B5C;
  --nav-fg-hover: #0E6890;
  --nav-fg-active: #0E6890;
  --nav-font-size: 0.9375rem;
  --nav-weight: 500;
  --nav-indicator: #0E6890;
  --nav-gap: 1.5rem;
  --button-font-size: 0.9375rem;
  --button-weight: 600;
  --button-radius: 10px;
  --button-padding-x: 1.25rem;
  --button-padding-y: 0.75rem;
  --button-primary-bg: #0E6890;
  --button-primary-bg-hover: #0B5475;
  --button-primary-bg-active: #0A4562;
  --button-primary-fg: #FFFFFF;
  --button-primary-shadow: 0 1px 2px rgba(19, 35, 47, 0.04), 0 4px 12px -8px rgba(19, 35, 47, 0.10);
  --button-primary-shadow-hover: 0 2px 4px rgba(19, 35, 47, 0.04), 0 22px 46px -20px rgba(14, 104, 144, 0.26);
  --button-ghost-bg: transparent;
  --button-ghost-bg-hover: #ECF6FB;
  --button-ghost-fg: #0E6890;
  --button-ghost-border: #DFE8EF;
  --button-ghost-border-hover: #AAD8EC;
  --button-disabled-bg: #EDF2F7;
  --button-disabled-fg: #93A7B8;
  --card-bg: #FFFFFF;
  --card-border: #EDF2F7;
  --card-border-hover: #AAD8EC;
  --card-radius: 20px;
  --card-padding: 1.5rem;
  --card-shadow: 0 1px 2px rgba(19, 35, 47, 0.04), 0 4px 12px -8px rgba(19, 35, 47, 0.10);
  --card-shadow-hover: 0 2px 4px rgba(19, 35, 47, 0.04), 0 22px 46px -20px rgba(14, 104, 144, 0.26);
  --card-lift: -4px;
  --product-media-bg: #F6F9FB;
  --product-media-ratio: 4 / 3;
  --product-title-size: 1rem;
  --product-meta-size: 0.75rem;
  --product-meta-color: #93A7B8;
  --product-spec-bg: #F6F9FB;
  --product-spec-fg: #4D6376;
  --product-badge-bg: #E9FAF5;
  --product-badge-fg: #0E7F67;
  --pagehead-bg: #ECF6FB;
  --pagehead-padding-y: 4rem;
  --pagehead-title-size: clamp(2.125rem, 1.55rem + 2.4vw, 3.125rem);
  --pagehead-subtitle-color: #6B8195;
  --breadcrumb-fg: #6B8195;
  --breadcrumb-fg-current: #0E6890;
  --breadcrumb-separator: #93A7B8;
  --breadcrumb-font-size: 0.8125rem;
  --breadcrumb-gap: 0.5rem;
  --filter-bg: #FFFFFF;
  --filter-border: #EDF2F7;
  --filter-radius: 20px;
  --filter-padding: 1.5rem;
  --filter-item-fg: #4D6376;
  --filter-item-fg-active: #0E6890;
  --filter-item-bg-active: #ECF6FB;
  --filter-width: 260px;
  --table-border: #EDF2F7;
  --table-head-bg: #F6F9FB;
  --table-head-fg: #4D6376;
  --table-cell-padding-x: 1rem;
  --table-cell-padding-y: 0.75rem;
  --table-font-size: 0.8125rem;
  --table-stripe-bg: #F6F9FB;
  --form-label-size: 0.8125rem;
  --form-label-color: #374B5C;
  --form-label-weight: 600;
  --form-field-gap: 0.5rem;
  --form-row-gap: 1.25rem;
  --form-hint-color: #93A7B8;
  --form-hint-size: 0.75rem;
  --badge-radius: 999px;
  --badge-padding-x: 0.75rem;
  --badge-padding-y: 0.25rem;
  --badge-font-size: 0.75rem;
  --badge-weight: 600;
  --badge-tracking: 0.08em;
  --input-bg: #FFFFFF;
  --input-fg: #13232F;
  --input-placeholder: #93A7B8;
  --input-border: #DFE8EF;
  --input-border-hover: #C7D5E0;
  --input-border-focus: #0E6890;
  --input-radius: 10px;
  --input-padding-x: 1rem;
  --input-padding-y: 0.75rem;
  --input-font-size: 0.9375rem;
  --section-padding-y: 6rem;
  --section-padding-y-tight: 4rem;
  --section-header-gap: 3rem;
  --section-grid-gap: 1.5rem;
  --section-eyebrow-color: #0E6890;
  --section-title-color: #13232F;
  --section-subtitle-color: #6B8195;
  --footer-bg: #093A53;
  --footer-fg: #D6ECF6;
  --footer-heading-fg: #FFFFFF;
  --footer-link-hover: #79DCC3;
  --footer-border: #0A4562;
  --footer-padding-y: 5rem;
  --marquee-duration: 38s;
  --marquee-gap: 4rem;
  --marquee-logo-color: #93A7B8;
  --marquee-logo-color-hover: #0E6890;
  --marquee-fade-width: 120px;
}