/* Type roles transcribed from the landing frames (the Figma file defines no
   text styles, so these are the de-facto styles). Values are verbatim. */
:root {
  --font-display: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-text: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-chat: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.sr-hero { font-family: var(--font-display); font-weight: 800; font-size: 58px; line-height: 1; letter-spacing: -1.012px; }
.sr-h2 { font-family: var(--font-text); font-weight: 800; font-size: 58px; line-height: 1; letter-spacing: -1px; }
.sr-h2-cta { font-family: var(--font-text); font-weight: 800; font-size: 64px; line-height: 62.72px; letter-spacing: -3.52px; }
.sr-h2-onest { font-family: var(--font-display); font-weight: 800; font-size: 58px; line-height: 1.1; letter-spacing: -1px; }
.sr-h3-panel { font-family: var(--font-display); font-weight: 800; font-size: 48px; line-height: 1.1; letter-spacing: -1px; }
.sr-stat { font-family: var(--font-display); font-weight: 700; font-size: 48px; line-height: 1.1; letter-spacing: -1px; }
.sr-card-title { font-family: var(--font-text); font-weight: 700; font-size: 27px; line-height: 27.54px; letter-spacing: -1.08px; }
.sr-step-title { font-family: var(--font-text); font-weight: 700; font-size: 28px; line-height: 37.8px; letter-spacing: -1.26px; }
.sr-form-title { font-family: var(--font-text); font-weight: 700; font-size: 24px; line-height: 32.4px; letter-spacing: -0.96px; }
.sr-body { font-family: var(--font-text); font-weight: 400; font-size: 14px; line-height: 23.1px; }
.sr-body-sm { font-family: var(--font-text); font-weight: 400; font-size: 13px; line-height: 20.8px; }
.sr-lead { font-family: var(--font-display); font-weight: 400; font-size: 16px; line-height: 100%; }
.sr-eyebrow { font-family: var(--font-text); font-weight: 400; font-size: 14px; line-height: 100%; text-transform: uppercase; color: var(--sr-blue); }
.sr-eyebrow-sm { font-family: var(--font-text); font-weight: 400; font-size: 11px; line-height: 14.85px; letter-spacing: 0.88px; text-transform: uppercase; color: var(--sr-blue); }
.sr-tag { font-family: var(--font-text); font-weight: 400; font-size: 10px; line-height: 13.5px; text-transform: uppercase; }
.sr-label { font-family: var(--font-text); font-weight: 800; font-size: 10px; line-height: 13.5px; }
.sr-link-label { font-family: var(--font-text); font-weight: 700; font-size: 11px; line-height: 14.85px; }
.sr-question { font-family: var(--font-text); font-weight: 700; font-size: 13px; line-height: 17.55px; }
.sr-pill-text { font-family: var(--font-display); font-weight: 400; font-size: 12px; line-height: 100%; }
.sr-caption { font-family: var(--font-text); font-weight: 400; font-size: 11px; line-height: 18.7px; }
.sr-button-text { font-family: var(--font-ui); font-weight: 500; font-size: 16px; line-height: 100%; }
.sr-tab-text { font-family: var(--font-ui); font-weight: 400; font-size: 14px; line-height: 1.3; }