/**
 * EngageIQ Home hero typography contract, V34
 *
 * The Home hero is the measurable display-type reference. Semantic product
 * and comparison heroes keep their page-specific copy and red accent, while
 * adopting Home's display size, spacing, line height, and deliberate line
 * separation.
 */

body.ei-brand-sot[data-ei-page][data-ei-hero-version="34"]
  :where(
    .ei-callqa-hero,
    .ei-callenq-hero,
    .ei-compare-hero,
    .ei-convoso-hero,
    .ei-features-hero,
    .ei-live-hero,
    .ei-price-hero
  )
{
  padding-top: 176px !important;
}

body.ei-brand-sot[data-ei-page][data-ei-hero-version="34"]
  :where(
    .ei-callqa-hero,
    .ei-callenq-hero,
    .ei-compare-hero,
    .ei-convoso-hero,
    .ei-features-hero,
    .ei-live-hero,
    .ei-price-hero
  )
  h1 {
  max-width: 1280px !important;
  margin-inline: auto !important;
  font-family: var(--ei-v14-display, "Saans", "Inter Tight", Arial, sans-serif) !important;
  font-size: clamp(56px, 4.72vw, 68px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
  text-wrap: balance;
}

body.ei-brand-sot[data-ei-page][data-ei-hero-version="34"]
  :where(
    .ei-callqa-hero,
    .ei-callenq-hero,
    .ei-compare-hero,
    .ei-convoso-hero,
    .ei-features-hero,
    .ei-live-hero,
    .ei-price-hero
  )
  h1
  > span {
  display: block !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 767px) {
  body.ei-brand-sot[data-ei-page][data-ei-hero-version="34"]
    :where(
      .ei-callqa-hero,
      .ei-callenq-hero,
      .ei-compare-hero,
      .ei-convoso-hero,
      .ei-features-hero,
      .ei-live-hero,
      .ei-price-hero
    ) {
    padding-top: 128px !important;
  }

  body.ei-brand-sot[data-ei-page][data-ei-hero-version="34"]
    :where(
      .ei-callqa-hero,
      .ei-callenq-hero,
      .ei-compare-hero,
      .ei-convoso-hero,
      .ei-features-hero,
      .ei-live-hero,
      .ei-price-hero
    )
    h1 {
    max-width: 100% !important;
    font-size: clamp(38px, 10.8vw, 44px) !important;
    letter-spacing: -0.03em !important;
    line-height: 1 !important;
  }
}