/* Semantic heading hierarchy: visual typography is preserved after replacing non-primary headings. */
.tt-hero__title {
  max-width: 900px;
  margin: 0;
  color: #fff;
  font-size: clamp(40px, 4.1vw, 68px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.035em;
}

.tt-native-company .tt-company-heading {
  display: block;
  margin: 0 0 17px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .tt-hero__title {
    font-size: 36px;
  }
}


/* Keep the benefits panel compact so the first-screen carousel remains prominent. */
.tt-native-benefits .front_tizers > .maxwidth-theme {
  padding-top: 22px !important;
  padding-bottom: 30px !important;
}

.tt-native-benefits .front_tizers h1 {
  margin-bottom: 20px !important;
  font-size: 32px !important;
  line-height: 1.15 !important;
}

@media (max-width: 767px) {
  .tt-native-benefits .front_tizers > .maxwidth-theme {
    padding-top: 20px !important;
    padding-bottom: 28px !important;
  }

  .tt-native-benefits .front_tizers h1 {
    margin-bottom: 18px !important;
    font-size: 26px !important;
  }
}