/* Above-the-fold landing page styles (formerly inline in index.html) */
body.landing-page {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  color: #0f172a;
}

body.landing-page #top-nav.landing-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  height: var(--landing-fixed-nav-height, 68px);
}

body.landing-page #hero.hero-section {
  padding-top: clamp(6.75rem, 12vh, 9rem);
  position: relative;
  z-index: 1;
}

body.landing-page .hero-inner,
body.landing-page .hero-headline {
  opacity: 1;
}

body.landing-page .hero-headline {
  font-size: clamp(28px, 2.6vw + 0.95rem, 40px);
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
}

body.landing-page .hero-subtext {
  font-size: clamp(15px, 1vw + 14px, 17px);
  color: #475569;
  margin: 0;
}