/*
 * NeverMissed typography refinement
 * Keeps the existing Inter typeface while replacing overly heavy weights
 * with a calmer, more readable hierarchy across every page.
 */

html {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body {
  font-weight: 400;
  letter-spacing: -0.006em;
}

h1,
.hero h1,
.nm-title {
  font-weight: 600 !important;
  letter-spacing: -0.034em !important;
  line-height: 1.07 !important;
}

.hero h1,
.nm-title {
  font-size: clamp(2.75rem, 6vw, 5rem) !important;
}

h2,
.section-head h2,
.faq-header h2,
.pricing-header h2,
.features-header h2,
.how-header h2,
.pain-header h2,
.who-header h2,
.ai-cycle-header h2,
.integration-panel h2,
.human-panel h2,
.cta h2,
.page-section h2 {
  font-weight: 600 !important;
  letter-spacing: -0.028em !important;
  line-height: 1.12 !important;
}

h3,
h4,
.ai-cycle-card h3,
.ai-cycle-human h3,
.faq-item h3,
.pain-col h3,
.feature h3,
.step h3,
.article-card h3,
.founding-strip h3 {
  font-weight: 500 !important;
}

strong,
b {
  font-weight: 600;
}

.logo {
  font-weight: 700 !important;
}

.nav-links a,
.btn,
.btn-nav,
.nav-cta,
.vertical-primary,
.industry-action,
.article-collection-link,
.article-card::after,
.nm-cta,
.nm-reveal {
  font-weight: 600 !important;
}

.label,
.hero-label,
.price-tier,
.price-includes,
.founding-kicker,
.coming-soon,
.result-label,
.nm-eyebrow,
.nm-result-label,
.article-card > span {
  font-weight: 500 !important;
}

.hero-promise,
.journey-close,
.system,
.crm,
.industry-card .industry-integration,
.patient-strip span,
.role-strip span,
.visual-points span,
.nm-label,
.nm-audience span,
.field label {
  font-weight: 500 !important;
}

.pain-num,
.step-num,
.how-card .how-num,
.journey-num,
.ai-cycle-num,
.ai-cycle-badge,
.price-amount,
.price-custom,
.price-was,
.nm-result-main,
.nm-stat strong,
.result-value,
.field output {
  font-weight: 600 !important;
}

.hero-sub,
.hero-copy,
.section-head p,
.pricing-header p,
.price-fit,
.price-period,
.faq-header p,
.who-intro,
.who-secondary,
.ai-cycle-header p,
.ai-cycle-card p,
.ai-cycle-human p,
.pain-col p,
.capability-card p,
.how-card p,
.journey-step p,
.industry-card p,
.team-panel p,
.founding-strip p,
.step p,
.feature p,
.faq-item p,
.article-card p,
.integration-panel p,
.human-panel p,
.page-section p,
.page-section li,
.price-item,
.nm-help,
.nm-sub,
.nm-note {
  color: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width: 640px) {
  h1,
  .hero h1,
  .nm-title {
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
  }

  h2,
  .section-head h2,
  .faq-header h2,
  .pricing-header h2,
  .features-header h2,
  .how-header h2,
  .pain-header h2,
  .who-header h2,
  .ai-cycle-header h2,
  .cta h2 {
    line-height: 1.16 !important;
  }
}