/* --- VIREXA TYPOGRAPHY EXACT VISUAL MATCH --- */
.hero-title {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: clamp(4.2rem, 6.2vw, 6.4rem) !important;
  font-weight: 800 !important;
  line-height: 0.9 !important;
  letter-spacing: -0.055em !important;
}
.hero-title .highlight {
  font-family: inherit !important;
  font-size: clamp(1.65rem, 2.5vw, 2.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}
.hero-desc {
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.reveal-title {
  font-family: inherit !important;
  font-size: clamp(2.4rem, 4vw, 3.6rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}
.reveal-desc {
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
}
.section-title {
  font-family: inherit !important;
  font-size: clamp(2.35rem, 3.5vw, 3.2rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}
.section-desc {
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
}
.stat-number {
  font-size: clamp(3.5rem, 5.6vw, 5rem) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
}
.stat-label {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}
.audience-card h3,
.step-box h3 {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}
.audience-card p,
.step-box p {
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
}
.card-tab {
  font-size: 16px !important;
  font-weight: 800 !important;
}
.card-content-title {
  font-size: 38px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
}
.card-content-description,
.card-features li {
  font-size: 16px !important;
  line-height: 26px !important;
}
.payment-title {
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}
.payment-description {
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
}
.service-item {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.swap-header h3 {
  font-size: 20px !important;
  font-weight: 800 !important;
}
.swap-box label {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
.swap-input {
  font-size: 35px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
}
.swap-footer {
  font-size: 15px !important;
  font-weight: 600 !important;
}
.testi-stars {
  font-size: 24px !important;
  letter-spacing: 2px !important;
}
.testi-text {
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 500 !important;
}
.testi-info strong {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.testi-info span {
  font-size: 14px !important;
}
.faq-question {
  font-size: 18px !important;
  font-weight: 800 !important;
}
.faq-answer p {
  font-size: 16px !important;
  line-height: 27px !important;
}
.brands-track span {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
@media (max-width: 1024px) {
  .hero-title {
    font-size: clamp(3.4rem, 10vw, 5.4rem) !important;
    font-weight: 800 !important;
    line-height: 0.92 !important;
  }
  .hero-title .highlight {
    font-size: clamp(1.75rem, 5vw, 2.5rem) !important;
    font-weight: 800 !important;
  }
  .hero-desc {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
  }
}
@media (max-width: 480px) {
  .hero-title {
    font-size: clamp(3.1rem, 15vw, 4.25rem) !important;
  }
  .hero-title .highlight {
    font-size: clamp(1.55rem, 8vw, 2.05rem) !important;
  }
  .hero-desc {
    font-size: 16px !important;
    line-height: 25px !important;
  }
  .section-title {
    font-size: clamp(2.25rem, 10vw, 3rem) !important;
  }
}