/* ~10% typography bump so the marketing site reads well at 100% browser zoom */

/* Hero + section headings */
.rtc-response-text-heading {
  font-size: clamp(26px, 4.1vw, 50px);
}

.topa-features-heading-wrap .rtc-response-text-heading {
  font-size: clamp(24px, 3.5vw, 40px);
}

.topa-results-pill,
.topa-results-title {
  font-size: clamp(26px, 4.1vw, 50px);
}

.subtext-content {
  font-size: clamp(12px, 1.65vw, 19px);
}

/* Feature cards */
.topa-feature-headline {
  font-size: clamp(26px, 3.5vw, 38px);
}

.topa-feature-demo-btn,
.topa-feature-b2b-note-pill {
  font-size: 13px;
}

.topa-feature-logos-mini-lead,
.topa-feature-logos-mini-channels-lead {
  font-size: 12px;
}

.topa-feature-channel-badge,
.topa-feature-logos-mini-webhook-label {
  font-size: 12px;
}

/* Header */
.topa-nav-link {
  font-size: 16px;
}

.topa-nav-panel-inner {
  font-size: 15px;
}

.topa-kb-menu__panel-title {
  font-size: 13px;
}

.topa-kb-menu__item-title {
  font-size: 14px;
}

.topa-kb-menu__item-desc {
  font-size: 12px;
}

/* LinkedIn Signals mock UI */
.topa-signals-ui__title {
  font-size: 14px;
}

.topa-signals-ui__desc {
  font-size: 11px;
}

.topa-signals-ui__name {
  font-size: 12px;
}

.topa-signals-ui__sample-name {
  font-size: 10px;
}

.topa-signals-ui__cta {
  font-size: 10px;
}

/* Float CTA */
.topa-float-cta .topa-nav-panel-inner {
  font-size: 15px;
}

/* Testimonials */
.sf-testimonials__quote {
  font-size: 0.82rem;
  line-height: 1.45;
}

.sf-testimonials__name {
  font-size: 14px;
}

@media (max-width: 768px) {
  .rtc-response-text-heading {
    font-size: clamp(20px, 5vw, 33px);
  }

  .topa-features-heading-wrap .rtc-response-text-heading {
    font-size: clamp(20px, 4.5vw, 34px);
  }

  .subtext-content {
    font-size: clamp(11px, 2.6vw, 13px);
  }

  .topa-feature-headline {
    font-size: clamp(22px, 5.5vw, 30px);
  }
}