*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --navy: #021527;
  --navy2: #051e33;
  --navy3: #0a2d4a;
  --navy4: #061a2e;

  --amber: #f5a700;
  --amber2: #ffbe40;
  --amber-dark: #d49000;
  --amber-hover: #d49000;

  --green: #13627C;
  --blue: #4a9eff;
  --purple: #c084fc;
  --red: #f87171;

  --white: #fff;

  --text: #ffffff;
  --text2: #ffffff;
  --text3: #ffffff;

  --border: rgba(255, 255, 255, 0.07);
  --border2: rgba(255, 255, 255, 0.13);
  --border-navy: rgba(255, 255, 255, 0.08);
  --border-navy2: rgba(255, 255, 255, 0.14);
  --text-light: #ffffff;

  --mont: "Montserrat", sans-serif;
  --outfit: "Outfit", sans-serif;
  --mono: "DM Mono", ui-monospace, monospace;

  --r: 8px;
  --r2: 14px;
  --radius: 8px;
  --radius-lg: 12px;

  --off-white: #f4f6fb;
  --text-muted: #7a92a8;
  --yellow: #ffd166;

  --crt-fs-xs: 10px;
  --crt-fs-sm: 12px;
  --crt-fs-base: 14px;
  --crt-fs-md: 15px;
  --crt-fs-lg: 16px;
  --crt-fs-xl: 20px;
  --crt-fs-2xl: 24px;
  --crt-fs-hero: clamp(26px, 2.8vw, 36px);

  --crt-cat-fs: 12px;
  --crt-cat-fw: 500;
  --crt-cat-ls: 0.14em;
  --crt-pill-fs: 13px;
  --crt-pill-fw: 500;

  --crt-ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --crt-ease-out: ease-out;
  --crt-dur-ui: 0.15s;
  --crt-dur-motion: 0.22s;
  --crt-dur-panel: 0.28s;
  --crt-dur-tip: 0.15s;
  --crt-lift-card: -2px;
  --crt-lift-subtle: -1px;
  --crt-alpha-amber-09: 0.09;
  --crt-alpha-amber-18: 0.18;
  --crt-alpha-amber-22: 0.22;
  --crt-alpha-amber-35: 0.35;
  --crt-alpha-amber-45: 0.45;
  --crt-shadow-card-hover-a: 0 8px 22px -8px rgba(245, 167, 0, 0.22);
  --crt-shadow-card-hover-b: 0 3px 10px -3px rgba(0, 0, 0, 0.45);
  --crt-shadow-nav-demo-hover-a: 0 8px 16px -12px rgba(245, 167, 0, 0.36);
  --crt-shadow-nav-demo-hover-b: 0 2px 6px -3px rgba(0, 0, 0, 0.22);
  --crt-cursor-interactive: pointer;
  --crt-cursor-help: help;
}

html {
  scroll-behavior: smooth;
}

a { color: inherit; }

:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
}

button:not(:disabled):hover, a[href]:hover {
  text-decoration-skip-ink: auto;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  :root {
    --crt-ease-smooth: linear;
    --crt-ease-out: linear;
    --crt-dur-ui: 0.01ms;
    --crt-dur-motion: 0.01ms;
    --crt-dur-panel: 0.01ms;
    --crt-dur-tip: 0.01ms;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}