@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

:where(.home-hero, .home-metrics, .home-discovery-section, .home-steps, .home-management, .home-brand, .home-final-cta, .plans-hero, .plans-pricing, .plans-support, .local-page, .faqs-hero, .faqs-content) {
  --htr-landing-font: "Plus Jakarta Sans", Arial, sans-serif;
  font-family: var(--htr-landing-font);
  text-rendering: optimizeLegibility;
}

:where(.home-hero__eyebrow, .home-discovery-section__eyebrow, .home-management__eyebrow, .home-brand__eyebrow, .home-steps__eyebrow, .plans-eyebrow, .plans-capabilities__heading .plans-eyebrow, .plans-comparison__heading .plans-eyebrow, .local-eyebrow, .faqs-eyebrow) {
  font-family: var(--htr-landing-font);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: uppercase;
}

:where(.home-hero h1, .plans-hero h1, .local-hero h1, .faqs-hero h1) {
  font-family: var(--htr-landing-font) !important;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.04;
  text-wrap: balance;
}

.home-hero h1 {
  font-size: clamp(2.55rem, 4.35vw, 3.95rem);
}

.plans-hero h1,
.faqs-hero h1 {
  font-size: clamp(2.2rem, 4vw, 3.35rem);
}

.local-hero h1 {
  font-size: clamp(2.45rem, 4.55vw, 4.05rem);
}

:where(.home-discovery-section h2, .home-management__heading h2, .home-brand__heading h2, .home-steps__heading h2, .home-final-cta h2, .plans-capabilities__heading h2, .plans-comparison__heading h2, .local-section-heading h2, .faqs-heading h2, .faqs-cta h2) {
  font-family: var(--htr-landing-font);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.12;
  text-wrap: balance;
}

:where(.home-benefit-card h3, .home-brand-card h3, .home-step-card h3, .plan-card h2, .plan-card__consult, .plans-capability h3, .plans-support h3, .local-value__card h3, .local-steps__grid h3, .local-hero__visual-card p, .faq-item summary) {
  font-family: var(--htr-landing-font);
  font-weight: 700;
  letter-spacing: 0;
}

:where(.home-hero__intro, .home-discovery-section__copy p:last-child, .home-management__heading > p:last-child, .home-brand__heading > p:last-child, .home-steps__heading > p:last-child, .home-benefit-card p, .home-brand-card p, .home-step-card p, .home-metric-card p, .plans-hero__intro, .plan-card__description, .plan-card__includes, .plan-card__features li, .plan-feature__note, .plans-benefits, .plans-contact p, .plans-capability p, .plans-comparison__table, .local-hero__intro, .local-section-heading > p:last-child, .local-value__card p, .local-steps__grid p, .htu-cta-trust, .htu-secondary-contact, .faqs-hero__intro, .faq-item p, .faqs-cta p:not(.faqs-eyebrow)) {
  font-family: var(--htr-landing-font);
  letter-spacing: 0;
}

:where(.home-hero__intro, .local-hero__intro) {
  font-size: clamp(1.12rem, 1.65vw, 1.28rem);
  font-weight: 500;
  line-height: 1.52;
}

:where(.plans-hero__intro, .faqs-hero__intro, .home-discovery-section__copy p:last-child, .home-management__heading > p:last-child, .home-brand__heading > p:last-child, .home-steps__heading > p:last-child, .local-section-heading > p:last-child) {
  font-size: 1.06rem;
  font-weight: 500;
  line-height: 1.55;
}

:where(.home-benefit-card p, .home-brand-card p, .home-step-card p, .plan-card__description, .plan-card__includes, .plans-contact p, .plans-capability p, .local-value__card p, .local-steps__grid p, .faq-item p) {
  font-size: 0.98rem;
  line-height: 1.5;
}

.plan-card__features li {
  font-size: 1rem;
  line-height: 1.42;
}

.plan-feature__note {
  font-size: 0.84rem;
  line-height: 1.4;
}

:where(.home-hero__btn, .home-discovery-section__btn, .home-final-cta__button, .plan-card__cta, .plans-contact a, .htu-primary-cta, .htu-modal__success-close, .faqs-cta a) {
  font-family: var(--htr-landing-font);
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.15;
}

.home-metric-card__value {
  font-family: var(--htr-landing-font);
  font-weight: 800;
  letter-spacing: 0;
}

.plan-card h2 {
  font-size: clamp(2rem, 2.7vw, 2.28rem);
  line-height: 1.08;
}

.plan-card__consult {
  font-size: 1.22rem;
  line-height: 1.22;
}

.faq-item summary {
  font-size: 1rem;
  line-height: 1.34;
}

@media (max-width: 767px) {
  .home-hero h1 {
    font-size: clamp(2.2rem, 10vw, 3rem);
    line-height: 1.06;
  }

  .plans-hero h1,
  .local-hero h1,
  .faqs-hero h1 {
    font-size: clamp(2rem, 8.8vw, 2.75rem);
    line-height: 1.08;
  }

  :where(.home-hero__intro, .local-hero__intro, .plans-hero__intro, .faqs-hero__intro) {
    font-size: 1.04rem;
    line-height: 1.52;
  }

  :where(.home-discovery-section h2, .home-management__heading h2, .home-brand__heading h2, .home-steps__heading h2, .home-final-cta h2, .local-section-heading h2, .plans-capabilities__heading h2, .plans-comparison__heading h2, .faqs-heading h2, .faqs-cta h2) {
    font-size: clamp(1.62rem, 7vw, 2rem);
    line-height: 1.14;
  }

  .plan-card h2 {
    font-size: 1.9rem;
  }

  .plan-card__features li {
    font-size: 0.98rem;
  }
}

@media (max-width: 575px) {
  :where(.home-hero__btn, .home-discovery-section__btn, .home-final-cta__button, .plan-card__cta, .plans-contact a, .htu-primary-cta, .faqs-cta a) {
    font-size: 0.86rem;
    min-height: 48px;
  }

  .faq-item summary {
    font-size: 0.96rem;
  }
}
