:root {
  --navy-900: #07132D;
  --navy-800: #0F1F44;
  --navy-700: #102247;
  --navy-600: #1E3668;
  --navy-500: #2A4A8F;
  --blue:     #0051FF;
  --blue-light: #427EFF;
  --slate:    #475C88;
  --periwinkle: #93AADB;
  --muted:    #748AB9;
  --white:    #FFFFFF;

  --tab-active: rgba(0, 81, 255, .20);
  --tab-hover:  rgba(7, 19, 45, .06);
  --ink-60:     rgba(7, 19, 45, .60);
  --fade-navy:  rgba(9, 20, 44, 0);

  --font-display: "Sharp Grotesk PE", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Suisse Intl", "Helvetica Neue", Arial, sans-serif;

  --fs-h1:         clamp(34px, calc(34px + 38 * (100vw - 375px) / 1065), 72px);
  --fs-h2:         clamp(28px, calc(28px + 14 * (100vw - 375px) / 1065), 42px);
  --fs-feature:    clamp(24px, calc(24px + 6 * (100vw - 375px) / 1065), 30px);
  --fs-price:      clamp(28px, calc(38px + 14 * (100vw - 375px) / 1065), 52px);
  --fs-plan:       clamp(20px, calc(20px + 4 * (100vw - 375px) / 1065), 24px);
  --fs-lead:       clamp(16px, calc(16px + 2 * (100vw - 375px) / 1065), 18px);
  --fs-body:      16px;
  --fs-tab:       16px;

  --track-display: -0.01em;
  --track-tab: 0.01em;

  --gutter:        clamp(8px, calc(8px + 4 * (100vw - 375px) / 1065), 12px);
  --radius-block:  clamp(28px, calc(28px + 36 * (100vw - 375px) / 1065), 64px);
  --radius-card:   24px;
  --pad-hero:      clamp(24px, calc(24px + 56 * (100vw - 375px) / 1065), 80px);
  --pad-block:     clamp(24px, calc(24px + 40 * (100vw - 375px) / 1065), 64px);
  --pad-footer:    clamp(24px, calc(24px + 12 * (100vw - 375px) / 1065), 36px);
  --header-inset:  clamp(20px, calc(20px + 22 * (100vw - 375px) / 1065), 42px);
  --gap-grid:      clamp(32px, calc(32px + 32 * (100vw - 375px) / 1065), 64px);
  --gap-section:   clamp(32px, calc(32px + 32 * (100vw - 375px) / 1065), 64px);
  --gap-cards:     24px;
  --header-h:      64px;
  --marquee-h:     114px;

  --grad-hero: linear-gradient(180deg, var(--white) 0%, var(--blue) 25%, var(--fade-navy) 100%);
  --grad-ultimate: linear-gradient(0deg, var(--white) 0%, var(--blue) 25%, var(--fade-navy) 100%);
  --grad-title: linear-gradient(270deg, var(--white) 0%, var(--blue-light) 100%);
  --grad-plan: linear-gradient(270deg, var(--blue-light) 0%, var(--white) 100%);

  --shadow-hero: inset 0 0 22px var(--white), inset 0 0 42px var(--blue), inset 0 0 42px var(--blue);
  --shadow-ultimate: inset 0 0 12px var(--white), inset 0 0 42px var(--blue), inset 0 0 42px var(--blue);
  --shadow-pill: 0 12px 40px rgba(7, 19, 45, .18);
  --shadow-cta: 0 10px 30px rgba(0, 81, 255, .25);
  --shadow-card: 0 24px 60px rgba(0, 24, 72, .45);

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: .18s;
  --dur: .3s;
  --dur-slow: .6s;
}