/* HORIZON V19 — landing hero typography refinement.
   Loaded last and scoped to the landing page only. */

body.horizon-landing .hz-landing-hero {
  padding-top: 78px !important;
  padding-bottom: 70px !important;
}

body.horizon-landing .hz-landing-hero-grid {
  gap: clamp(46px, 5vw, 66px) !important;
}

body.horizon-landing .hz-landing-hero-copy {
  max-width: 650px !important;
}

body.horizon-landing .hz-landing-title {
  width: 100% !important;
  max-width: 620px !important;
  margin: 20px 0 0 !important;
  color: var(--hz-text) !important;
  font-size: clamp(42px, 4.35vw, 58px) !important;
  line-height: 1.045 !important;
  letter-spacing: -0.045em !important;
  font-weight: 680 !important;
  text-wrap: pretty !important;
}

body.horizon-landing .hz-landing-title > span {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
}

body.horizon-landing .hz-landing-title-main {
  color: var(--hz-text) !important;
}

body.horizon-landing .hz-landing-title-accent {
  margin-top: 3px !important;
  color: var(--hz-primary, #3e63dd) !important;
}

body.horizon-landing .hz-landing-lead {
  max-width: 600px !important;
  margin-top: 21px !important;
  font-size: 14.5px !important;
  line-height: 24px !important;
}

body.horizon-landing .hz-landing-cta {
  margin-top: 27px !important;
}

@media (max-width: 1050px) {
  body.horizon-landing .hz-landing-title {
    max-width: 570px !important;
    font-size: clamp(40px, 5.15vw, 52px) !important;
  }
}

@media (max-width: 900px) {
  body.horizon-landing .hz-landing-hero {
    padding-top: 56px !important;
    padding-bottom: 52px !important;
  }
  body.horizon-landing .hz-landing-hero-copy {
    max-width: 620px !important;
  }
  body.horizon-landing .hz-landing-title {
    max-width: 590px !important;
    font-size: clamp(38px, 6.8vw, 50px) !important;
    line-height: 1.055 !important;
  }
}

@media (max-width: 640px) {
  body.horizon-landing .hz-landing-hero {
    padding-top: 40px !important;
    padding-bottom: 44px !important;
  }
  body.horizon-landing .hz-landing-title {
    max-width: 100% !important;
    margin-top: 16px !important;
    font-size: clamp(31px, 9.1vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    font-weight: 670 !important;
  }
  body.horizon-landing .hz-landing-title-accent {
    margin-top: 2px !important;
  }
  body.horizon-landing .hz-landing-lead {
    margin-top: 17px !important;
    font-size: 13.25px !important;
    line-height: 21.5px !important;
  }
}

@media (max-width: 380px) {
  body.horizon-landing .hz-landing-title {
    font-size: 30px !important;
    line-height: 1.09 !important;
  }
}