/* Website-wide typography consistency */
:root {
  --ccp-heading-size: clamp(2.2rem, 4vw, 3.3rem);
  --ccp-heading-line: 1.08;
  --ccp-heading-weight: 700;
  --ccp-heading-track: -0.02em;

  --ccp-subhead-size: 1.06rem;
  --ccp-subhead-line: 1.65;
  --ccp-subhead-weight: 500;

  --ccp-heading-size-mobile: 1.95rem;
  --ccp-heading-size-mobile-sm: 1.72rem;
  --ccp-subhead-size-mobile: 1rem;
  --ccp-subhead-size-mobile-sm: 0.94rem;
}

.brand-growth__title,
.problem-new-title,
.calculator-section-title,
.what-get-title,
.business-scroll-title,
.hiw-title,
.listen-v2__title,
.pricing-header h2,
.cta-headline,
.ccp-faq__header h2,
.gp-section-title,
.contact-hero h1,
.trial-hero h1,
.legal-title {
  font-size: var(--ccp-heading-size) !important;
  line-height: var(--ccp-heading-line) !important;
  font-weight: var(--ccp-heading-weight) !important;
  letter-spacing: var(--ccp-heading-track) !important;
}

.brand-growth__subtitle,
.problem-new-subtitle,
.calculator-section-subtitle,
.what-get-subtitle,
.business-scroll-subtitle,
.listen-v2__subtitle,
.pricing-header p,
#faq .ccp-faq__header p,
.gp-section-subtitle,
.trial-hero p,
.legal-intro {
  font-size: var(--ccp-subhead-size) !important;
  line-height: var(--ccp-subhead-line) !important;
  font-weight: var(--ccp-subhead-weight) !important;
}

@media (max-width: 768px) {
  .brand-growth__title,
  .problem-new-title,
  .calculator-section-title,
  .what-get-title,
  .business-scroll-title,
  .hiw-title,
  .listen-v2__title,
  .pricing-header h2,
  .cta-headline,
  .ccp-faq__header h2,
  .gp-section-title,
  .contact-hero h1,
  .trial-hero h1,
  .legal-title {
    font-size: var(--ccp-heading-size-mobile) !important;
  }

  .brand-growth__subtitle,
  .problem-new-subtitle,
  .calculator-section-subtitle,
  .what-get-subtitle,
  .business-scroll-subtitle,
  .listen-v2__subtitle,
  .pricing-header p,
  #faq .ccp-faq__header p,
  .gp-section-subtitle,
  .trial-hero p,
  .legal-intro {
    font-size: var(--ccp-subhead-size-mobile) !important;
  }
}

@media (max-width: 480px) {
  .brand-growth__title,
  .problem-new-title,
  .calculator-section-title,
  .what-get-title,
  .business-scroll-title,
  .hiw-title,
  .listen-v2__title,
  .pricing-header h2,
  .cta-headline,
  .ccp-faq__header h2,
  .gp-section-title,
  .contact-hero h1,
  .trial-hero h1,
  .legal-title {
    font-size: var(--ccp-heading-size-mobile-sm) !important;
  }

  .brand-growth__subtitle,
  .problem-new-subtitle,
  .calculator-section-subtitle,
  .what-get-subtitle,
  .business-scroll-subtitle,
  .listen-v2__subtitle,
  .pricing-header p,
  #faq .ccp-faq__header p,
  .gp-section-subtitle,
  .trial-hero p,
  .legal-intro {
    font-size: var(--ccp-subhead-size-mobile-sm) !important;
  }
}