/* ============================================================
   Evolver 360 — Typography Scale
   Display: Russo One (uppercase headlines)
   Body: Manrope (all UI and copy)
   Mono: JetBrains Mono (stats, labels, data)
   ============================================================ */

/* ---- Hero headline ---- */
.h-hero {
  font-family: 'Russo One', sans-serif;
  font-size: clamp(48px, 8vw, 120px);
  line-height: 0.96;
  letter-spacing: 0.005em;
  text-transform: uppercase;
}

/* ---- Section headline (H2) ---- */
.h-section {
  font-family: 'Russo One', sans-serif;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.05;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

/* ---- Card / module headline (H3) ---- */
.h-card {
  font-family: 'Russo One', sans-serif;
  font-size: clamp(22px, 2.8vw, 36px);
  line-height: 1.05;
  text-transform: uppercase;
}

/* ---- Small display (nav brand, labels) ---- */
.h-label {
  font-family: 'Russo One', sans-serif;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ---- Body copy ---- */
.body-lg {
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.65;
  font-weight: 300;
  color: var(--muted);
}

.body-md {
  font-size: 15px;
  line-height: 1.7;
  font-weight: 300;
  color: var(--muted);
}

.body-sm {
  font-size: 13px;
  line-height: 1.7;
  font-weight: 400;
  color: var(--muted);
}

/* ---- Stat / data number ---- */
.stat-number {
  font-family: 'JetBrains Mono', monospace;
  font-size: clamp(28px, 4vw, 56px);
  color: var(--green);
  font-weight: 500;
  line-height: 1;
}

/* ---- Accent / highlight ---- */
.accent {
  color: var(--green);
}