/* Amlok 2.1.1: Rounded surfaces / Precise graphics / Clear signals. Source: /brand */
:root {
  --canvas: #ffffff;
  --ink: #101828;
  --surface: #f5f7fb;
  --surface-raised: #ffffff;
  --line: #d7deeb;
  --line-strong: #8290a8;
  --muted: #58657b;
  --identity-blue: #052698;
  --blue: var(--identity-blue);
  --blue-secondary: #2567ff;
  --blue-secondary-hover: #174fc9;
  --blue-deep: #1b4fe0;
  --blue-soft: #eaf1ff;
  --blue-field: #1239b0;
  --navy: var(--blue-field);
  --hero-blue-middle: #1140c3;
  --on-brand: #ffffff;
  --on-brand-muted: color-mix(in srgb, var(--on-brand) 85%, var(--blue-field));
  --on-brand-line: color-mix(in srgb, var(--on-brand) 24%, transparent);
  --on-brand-surface: color-mix(in srgb, var(--on-brand) 8%, transparent);
  --signal-violet: #7b3ff2;
  --signal-violet-soft: #f2ebff;
  --signal-orange: #f15a24;
  --signal-orange-soft: #fff0e8;
  --signal-green: #41b978;
  --signal-green-soft: #e8f6ee;
  --success-bg: #e8f6ee;
  --success-fg: #087b46;
  --warning-bg: #fff7e0;
  --warning-fg: #815600;
  --danger-bg: #fff0f0;
  --danger-fg: #b42336;
  --action-fill: #052698;
  --action-ink: #ffffff;
  --focus: #2567ff;
  --gradient-hero: radial-gradient(ellipse at 50% 42%, var(--blue-deep) 0%, var(--hero-blue-middle) 42%, var(--identity-blue) 100%);
  --gradient-orchid: linear-gradient(180deg, #FBEAF9 0%, #E8B9E5 100%);
  --gradient-periwinkle: linear-gradient(180deg, #D8E3FA 0%, #7198F4 100%);
  --gradient-lavender: linear-gradient(180deg, #BB9FE7 0%, #E2D7F4 100%);
  --gradient-lagoon: linear-gradient(180deg, #C2EFF4 0%, #0D775E 100%);
  --gradient-apricot: linear-gradient(180deg, #FCDCCF 0%, #F8713A 100%);
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-control: 10px;
  --radius-inner: 12px;
  --radius-card: 20px;
  --radius-panel: 24px;
  --radius-media: 20px;
  --radius-overlay: 16px;
  --radius-pill: 999px;
  --radius-signal: 50%;
  --border-width: 1px;
  --focus-width: 2px;
  --shadow-color: #101828;
  --border-subtle: color-mix(in srgb, var(--ink) 8%, transparent);
  --border-default: color-mix(in srgb, var(--ink) 12%, transparent);
  --edge-inset: inset 0 0 0 1px var(--border-subtle);
  --shadow-button: 0 1px 2px color-mix(in srgb, var(--shadow-color) 6%, transparent);
  --shadow-raised: 0 2px 4px color-mix(in srgb, var(--shadow-color) 3%, transparent), 0 12px 32px color-mix(in srgb, var(--shadow-color) 5%, transparent);
  --shadow-overlay: 0 4px 12px color-mix(in srgb, var(--shadow-color) 6%, transparent), 0 24px 64px color-mix(in srgb, var(--shadow-color) 12%, transparent);
  --shadow-navigation: 0 4px 24px color-mix(in srgb, var(--shadow-color) 4%, transparent);
  --site-content-max: 1280px;
  --site-min-gutter: 48px;
  --site-gutter: max(var(--site-min-gutter), calc((100vw - var(--site-content-max)) / 2));
  --site-content-width: min(var(--site-content-max), calc(100vw - var(--site-gutter) - var(--site-gutter)));
  --page-max: 1200px;
  --section-gap: 64px;
  --space-section: clamp(64px, 7vw, 112px);
  --space-section-content: 48px;
  --space-heading-body: 24px;
  --space-copy-actions: 24px;
  --space-actions-media: 32px;
  --space-media-caption: 16px;
  --space-card-gap: 24px;
  --space-card-inset: 24px;
  --media-panel-height: 240px;
  --control-height: 44px;
  --control-height-compact: 40px;
  --control-height-marketing: 48px;
  --reading-width: 65ch;
  --menu-panel-padding: 24px;
  --menu-media-height: 292px;
  --font-sans: 'Inter Variable', Inter, ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono Variable', ui-monospace, monospace;
  --text-section-heading: clamp(36px, 4.4vw, 62px);
  --text-section-description: clamp(16px, 1.25vw, 18px);
  --text-risk-card-title: clamp(18px, 2vw, 28px);
  --text-body: 16px;
  --text-secondary: 14px;
  --text-label: 12px;
  --menu-link-size: 14px;
  --menu-title-size: 16px;
  --menu-description-size: 12px;
  --menu-label-size: 10px;
  --leading-body: 1.6;
  --leading-heading: 1.08;
  --motion-fast: 150ms;
  --motion-base: 200ms;
  --motion-slow: 400ms;
  --motion-scan: 4000ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --z-dropdown: 20;
  --z-sticky: 30;
  --z-navigation: 40;
  --z-overlay: 50;
  --z-notification: 80;
  --z-access: 100;
}
[data-amlok-theme="dark"] {
  --shadow-color: #000000;
  --canvas: #09162d;
  --ink: #f4f7ff;
  --surface: #101f38;
  --surface-raised: #162740;
  --line: #33445f;
  --line-strong: #7184a3;
  --muted: #b4c2d8;
  --blue: #9cbaff;
  --blue-soft: #182e58;
  --action-fill: #a9c3ff;
  --action-ink: var(--blue-field);
  --focus: #9cbaff;
  --success-bg: #11372b;
  --success-fg: #8ce0af;
  --warning-bg: #3d3012;
  --warning-fg: #f4d17a;
  --danger-bg: #451d2b;
  --danger-fg: #ffadba;
}
@media (max-width: 1023px) { :root { --site-min-gutter: 20px; } }
@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; --motion-slow: 0ms; }
}