@font-face {
  font-family: 'Clashdisplay';
  src: url('https://cdn.prod.website-files.com/677ca44598d8bae2633f6b99/677ca44598d8bae2633f6bee_ClashDisplay-Medium.ttf') format('truetype');
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://cdn.prod.website-files.com/677ca44598d8bae2633f6b99/677ca44598d8bae2633f6bf6_Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('https://cdn.prod.website-files.com/677ca44598d8bae2633f6b99/677ca44598d8bae2633f6bf5_Satoshi-Medium.ttf') format('truetype');
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}
html, body, h1, h2, h3, h4, h5, h6, p, span, a, button, input { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-family: var(--font-family-body); font-size: 1.125rem; font-weight: 400; line-height: 1.6; color: var(--color-body); }
h1, h2, h3, h4, h5, h6, .font-display, .headline-homepage, .section-title, .metrics-heading {
  font-family: var(--font-family-display); font-weight: 500; letter-spacing: -0.015em; margin-top: 0; color: var(--color-heading);
}
h1, .display-1, .headline-homepage { font-size: 2.5rem; font-weight: 500; line-height: 1.2; letter-spacing: -0.015em; color: var(--color-heading); max-width: 640px; }
@media (min-width: 992px) { h1, .display-1, .headline-homepage { font-size: 3.25rem; line-height: 1.2; } }
h2, .display-2, .section-title, .metrics-heading { font-size: 2rem; font-weight: 500; line-height: 1.25; letter-spacing: -0.015em; }
@media (min-width: 992px) { h2, .display-2, .section-title, .metrics-heading { font-size: 2.5rem; line-height: 1.25; } }
h3, .display-3 { font-size: 1.5rem; font-weight: 500; line-height: 1.3; letter-spacing: -0.01em; }
h4, .display-4 { font-size: 1.25rem; font-weight: 500; line-height: 1.35; letter-spacing: -0.01em; }
.hero-eyebrow, .banner-tag { font-size: 15px; color: var(--color-body); margin-bottom: 16px; }
.hero-lead, .text-lead, .banner-details { font-size: 18px; line-height: 1.55; color: var(--color-body); max-width: 480px; margin-bottom: 24px; }
p { margin-top: 0; margin-bottom: var(--space-4); font-size: 16px; line-height: 1.6; color: var(--color-body); }
.stat-digit, .feature-digit { font-family: var(--font-family-display); font-size: 3.5rem; font-weight: 500; line-height: 1.0; letter-spacing: -0.02em; color: var(--color-primary-blue); }
.stat-label { font-size: 16px; font-weight: 500; color: var(--color-body); margin-top: 6px; }
.btn-primary, .btn-secondary, .btn-glass, .btn-white { font-size: 15px; font-weight: 500; }