/* Vercel brand tokens, from unfairly.ai/brand-guidelines/vercel (checked 2026-10-31).
   Sizes, spacing and components were measured on https://vercel.com/design/brands (Vercel's public brand page and the Geist design system (vercel.com/geist: colors, typography, materials, grid, button, terminal), the Geist font page, and the Web Interface Guidelines, read 2026-10-31; color values from the Geist CSS tokens in light theme).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name Vercel's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #FFFFFF;
  --color-surface: #FAFAFA;
  --color-ink: #171717;
  --color-ink-muted: #4D4D4D;
  --color-accent: #171717;
  --color-on-accent: #FFFFFF;
  --color-accent-secondary: #0072F5;
  --color-night: #000000;
  --color-on-night: #EDEDED;
  --color-hairline: #EBEBEB;
  --color-background-1-background-100: #FFFFFF;
  --color-background-2-background-200: #FAFAFA;
  --color-gray-100: #F2F2F2;
  --color-gray-200: #EBEBEB;
  --color-gray-300: #E6E6E6;
  --color-gray-400: #EBEBEB;
  --color-gray-500: #C9C9C9;
  --color-gray-600: #A8A8A8;
  --color-gray-700: #8F8F8F;
  --color-gray-800: #7D7D7D;
  --color-gray-900: #4D4D4D;
  --color-gray-1000: #171717;
  --color-blue-700: #0072F5;
  --color-blue-900: #0068D6;
  --color-blue-600-gradient-top-observed: #52AEFF;
  --color-status-blue-observed: #0070F3;
  --color-red-700: #E5484D;
  --color-red-900: #CB2A2F;
  --color-amber-700: #FFB224;
  --color-amber-900: #A35200;
  --color-green-700: #45A557;
  --color-green-900: #297A3A;
  --color-teal-700: #12A594;
  --color-teal-900: #067A6E;
  --color-purple-700: #8E4EC6;
  --color-purple-900: #7820BC;
  --color-pink-700: #EA3E83;
  --color-pink-900: #BD2864;
  --color-dark-background-1: #0A0A0A;
  --color-dark-background-2: #000000;
  --color-dark-gray-1000: #EDEDED;
  --color-dark-gray-400: #2E2E2E;
  --color-dark-gray-900: #A1A1A1;
  --color-terminal-light-ground: #FBFBFA;
  --color-button-primary-pill-fill: #171717;
  --color-button-primary-pill-text: #FFFFFF;
  --color-button-secondary-pill-fill: #FFFFFF;
  --color-button-secondary-pill-text: #171717;
  --color-button-secondary-pill-ring: #EBEBEB;
  --color-nav-button-primary-fill: #171717;
  --color-nav-button-primary-text: #FFFFFF;
  --color-nav-button-secondary-fill: #FFFFFF;
  --color-nav-button-secondary-text: #171717;
  --color-nav-button-secondary-ring: #EBEBEB;
  --color-card-fill: #FAFAFA;
  --color-card-ring: #EBEBEB;
  --color-badge-fill: #EBEBEB;
  --color-badge-text: #171717;
  --color-chat-bubble-fill: #FFFFFF;
  --color-chat-bubble-text: #171717;
  --color-chat-bubble-ring: #EBEBEB;
  --color-onboard-chip-fill: #FFFFFF;
  --color-onboard-chip-text: #171717;
  --color-onboard-chip-ring: #EBEBEB;
  --color-two-tone-lead-text: #4D4D4D;
  --color-two-tone-lead-on: #171717;
  --color-feature-list-text: #171717;
  --font-display: Geist, Geist, "Helvetica Neue", Arial, sans-serif;
  --font-display-original: "Geist Sans", Geist, Geist, "Helvetica Neue", Arial, sans-serif;
  --font-body: Geist, Geist, "Helvetica Neue", Arial, sans-serif;
  --font-body-original: "Geist Sans", Geist, Geist, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "Geist Mono", ui-monospace, Menlo, monospace;
  --page-margin: 24px;
  --section-padding: 208px;
  --container-max: 1392px;
  --hero-text-max: 444px;
  --card-gap: 20px;
  --nav-height: 64px;
  --grid-gutter: 20px;
  --grid-columns: 2;
  --text-display-xl-size: 64px;
  --text-display-xl-line: 1;
  --text-display-xl-weight: 400;
  --text-display-xl-tracking: -3.84px;
  --text-display-l-size: 56px;
  --text-display-l-line: 1;
  --text-display-l-weight: 450;
  --text-display-l-tracking: -3.36px;
  --text-lead-size: 24px;
  --text-lead-line: 1.3333;
  --text-lead-weight: 450;
  --text-lead-tracking: -0.96px;
  --text-title-m-size: 24px;
  --text-title-m-line: 1.1;
  --text-title-m-weight: 450;
  --text-title-m-tracking: -1.2px;
  --text-body-l-size: 16px;
  --text-body-l-line: 1.5;
  --text-body-l-weight: 450;
  --text-body-l-tracking: -0.32px;
  --text-button-16-size: 16px;
  --text-button-16-line: 1.5;
  --text-button-16-weight: 500;
  --text-body-s-size: 14px;
  --text-body-s-line: 1.4286;
  --text-body-s-weight: 400;
  --text-copy-13-size: 13px;
  --text-copy-13-line: 1.3846;
  --text-copy-13-weight: 400;
  --text-label-11-size: 11px;
  --text-label-11-line: 1.818;
  --text-label-11-weight: 500;
  --text-mono-16-size: 16px;
  --text-mono-16-line: 1.5;
  --text-mono-16-weight: 400;
  --text-mono-12-size: 12px;
  --text-mono-12-line: 1.6667;
  --text-mono-12-weight: 500;
  --radius-button-primary-pill: 999px;
  --radius-button-secondary-pill: 999px;
  --radius-nav-button-primary: 6px;
  --radius-nav-button-secondary: 6px;
  --radius-card: 6px;
  --radius-badge: 999px;
  --radius-chat-bubble: 20px;
  --radius-onboard-chip: 999px;
  --duration-loading-delay: 150ms;
  --duration-autoplay-limit: 5000ms;
  --icon-default: 16px;
  --icon-small: 14px;
  --icon-inline-large: 20px;
}
/* Phone values measured at 390px. Vercel's breakpoint wasn't measured: 600px is our default. */
@media (max-width: 600px) {
  :root {
    --page-margin: 24px;
    --section-padding: 80px;
    --text-display-xl-size: 48px;
    --text-display-l-size: 32px;
  }
}
.button-primary-pill {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 40px; padding: 0 12px; border-radius: 999px;
  background: #171717; color: #FFFFFF;
  font: 500 16px/1 var(--font-body);
}
.button-secondary-pill {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 40px; padding: 0 12px; border-radius: 999px;
  background: #FFFFFF; color: #171717;
  box-shadow: inset 0 0 0 1px #EBEBEB;
  font: 500 16px/1 var(--font-body);
}
.nav-button-primary {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 32px; padding: 0 12px; border-radius: 6px;
  background: #171717; color: #FFFFFF;
  font: 500 14px/1 var(--font-body);
}
.nav-button-secondary {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 32px; padding: 0 12px; border-radius: 6px;
  background: #FFFFFF; color: #171717;
  box-shadow: inset 0 0 0 1px #EBEBEB;
  font: 500 14px/1 var(--font-body);
}