/* TrialPro design controls. See ../DESIGN.md for composition and motion rules. */
@font-face { font-family: Geist; src: url('assets/geist-latin.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: Newsreader; src: url('assets/newsreader-latin.woff2') format('woff2'); font-weight: 400 600; font-style: normal; font-display: swap; }
:root {
  color-scheme: light;
  --color-page: #faf9f6;
  --color-surface: #fff;
  --color-ink: #252722;
  --color-muted: #62645e;
  --color-soft-ink: #62645e;
  --color-line: #dcded5;
  --color-stage: #f0f0eb;
  --color-blue: #2454eb;
  --color-blue-hover: #1742c9;
  --color-blue-soft: #edf1fc;
  --color-blue-ink: #1742c9;
  --color-on-blue: #fff;
  --color-on-blue-secondary: #edf1ff;
  --font-body: Geist, 'Helvetica Neue', sans-serif;
  --font-display: Newsreader, Georgia, serif;
  --text-body: 1.125rem;
  --text-small: .875rem;
  --text-h1: clamp(3.7rem, 8.3vw, 7.7rem);
  --text-h2: clamp(2.8rem, 5.2vw, 5rem);
  --leading-body: 1.6;
  --leading-heading: 1.04;
  --tracking-heading: -.045em;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --section-gap: clamp(6rem, 11vw, 10rem);
  --page-gutter: clamp(1.25rem, 5vw, 5rem);
  --content-width: 1280px;
  --radius-button: 5px;
  --radius-panel: 10px;
  --radius-product: 6px;
  --shadow-product: 0 15px 45px -28px rgb(36 49 98 / 32%);
  --shadow-paper: 0 18px 42px -26px rgb(29 34 27 / 30%);
  --duration-fast: 180ms;
  --duration-state: 450ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}