/* AHB Solutions Design System — generated from tokens.json */
:root, [data-theme="web"] {
  --axis-blue: #0030BF;
  --gravity-blue: #00076D;
  --velocity-cyan: #0286D5;
  --white: #FFFFFF;
  --black: #000000;
  --ink: #0B1437;
  --ink-strong: var(--axis-blue);
  --ink-muted: #4A5578;
  --surface: var(--white);
  --surface-tint: #F3F7FF;
  --surface-dark: var(--gravity-blue);
  --on-dark: var(--white);
  --on-dark-muted: #C9D6FF;
  --accent-on-dark: #9ED8FF;
  --line: #DCE5F7;
  --line-on-dark: rgba(255, 255, 255, 0.18);
  --field-border: rgba(0, 7, 109, 0.5);
  --field-border-on-dark: rgba(255, 255, 255, 0.55);
  --glass-on-dark: rgba(255, 255, 255, 0.08);
  --focus-on-light: var(--axis-blue);
  --focus-on-dark: var(--white);
  --danger: #B42318;
  --danger-on-dark: #FFB4A8;
  --success: #067647;
  --success-on-dark: #7EE2B0;
  --disabled-ink: rgba(0, 7, 109, 0.4);
  --shadow-card: 0 12px 32px rgba(0, 7, 109, 0.08);
  --glow-cyan: 0 0 48px rgba(2, 134, 213, 0.45);
  --glow-soft: 0 18px 48px rgba(2, 134, 213, 0.22);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --gutter-mobile: 16px;
  --gutter: 32px;
  --container: 1200px;
  --section-y: 120px;
  --section-y-sm: 72px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-latin: "Rethink Sans", "Inter", system-ui, sans-serif;
}
.t-hero { font-family: var(--font-sans); font-size: 72px; line-height: 1.05; font-weight: 800; letter-spacing: -0.01em; }
.t-display { font-family: var(--font-sans); font-size: 56px; line-height: 1.1; font-weight: 800; letter-spacing: -0.01em; }
.t-headline { font-family: var(--font-sans); font-size: 32px; line-height: 1.25; font-weight: 600; }
.t-title { font-family: var(--font-sans); font-size: 22px; line-height: 1.3; font-weight: 600; }
.t-lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.55; font-weight: 500; }
.t-body { font-family: var(--font-sans); font-size: 17px; line-height: 1.65; font-weight: 500; }
.t-number { font-family: var(--font-sans); font-size: 48px; line-height: 1.0; font-weight: 700; }
.t-label { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 500; }
.t-annotation { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 400; }
.t-button { font-family: var(--font-sans); font-size: 16px; line-height: 1.0; font-weight: 600; }
.t-latin-display { font-family: var(--font-latin); font-size: 56px; line-height: 1.05; font-weight: 700; }
.t-latin-eyebrow { font-family: var(--font-latin); font-size: 15px; line-height: 1.3; font-weight: 600; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Variable.ttf"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Italic-Variable.ttf"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Rethink Sans"; src: url("fonts/RethinkSans-Variable.ttf"); font-weight: 400 800; font-style: normal; font-display: swap; }