/* V53: reliable word wrapping and emphasized solution in Hero.
   Scope only #hero. Tilda T123 compatible; no JavaScript. */
#top.kp-float #hero.kp-float-hero h1 {
  font-size:clamp(38px,3.05vw,44px);
  line-height:1.13;
  letter-spacing:-.045em;
  hyphens:none;
  -webkit-hyphens:none;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:wrap;
}
#top.kp-float #hero.kp-float-hero h1>span {
  display:block;
  margin-top:.18em;
}
#top.kp-float #hero.kp-float-hero h1>span em {
  display:inline-block;
  white-space:nowrap;
  hyphens:none;
  -webkit-hyphens:none;
  word-break:keep-all;
  overflow-wrap:normal;
}
/* Exactly the benefit statement stands out; the reassurance stays quiet. */
#top.kp-float #hero.kp-float-hero .hero-description {
  max-width:51ch;
  line-height:1.57;
}
#top.kp-float #hero.kp-float-hero .hero-description .kp-hero-promise {
  display:block;
  margin:9px 0;
  color:#14283c;
  font-size:1.045em;
  font-weight:700;
  line-height:1.49;
  letter-spacing:-.012em;
}
#top.kp-float #hero.kp-float-hero .hero-description .kp-hero-close {
  display:block;
  font-weight:400;
  color:#526477;
}
@media(max-width:1100px) {
  #top.kp-float #hero.kp-float-hero h1 {
    font-size:clamp(33px,3.4vw,39px);
  }
}
@media(max-width:800px) {
  #top.kp-float #hero.kp-float-hero h1 {
    font-size:clamp(30px,4.9vw,38px);
  }
  #top.kp-float #hero.kp-float-hero .hero-description {
    max-width:58ch;
  }
}
@media(max-width:480px) {
  /* Fit the whole orange slogan even in a 320px viewport with 32px gutters. */
  #top.kp-float #hero.kp-float-hero h1 {
    font-size:clamp(23px,7.1vw,34px);
    line-height:1.16;
    letter-spacing:-.04em;
  }
  #top.kp-float #hero.kp-float-hero .hero-description .kp-hero-promise {
    font-size:1.035em;
    line-height:1.5;
    margin:8px 0;
  }
}