/* V351 — responsive homepage typography for all 12 locales.
   Desktop keeps the current scale. Tablet/mobile reduce large headings so
   localized copy wraps more evenly and avoids short orphan fragments. */

/* Keep intentional hero lines balanced when they need to wrap. */
.hero-experience .jp-hero-redesign .jp-hero-title-line{
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance!important;
}

@media (min-width:768px) and (max-width:1179px){
  .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(38px,4.35vw,46px)!important;
    line-height:1.10!important;
    letter-spacing:-.035em!important;
    text-wrap:balance!important;
  }
  html[lang="en"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="es"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="pt-BR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="fr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="ru"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="tr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(35px,4vw,43px)!important;
  }
  html[lang="de"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(33px,3.7vw,40px)!important;
  }
  html[lang="ar"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="th"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(36px,4.15vw,44px)!important;
    line-height:1.18!important;
    letter-spacing:0!important;
  }
  .hero-experience .jp-hero-redesign .jp-hero-kicker{
    font-size:18px!important;
  }

  .hero-experience .kr-section-head h2,
  .hero-experience .core-tech-section-head h2,
  .hero-experience #pricing .head h2,
  .hero-experience .marketing-title{
    font-size:clamp(28px,3.35vw,35px)!important;
    line-height:1.20!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

@media (max-width:767px){
  .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(27px,7.4vw,33px)!important;
    line-height:1.13!important;
    letter-spacing:-.03em!important;
    text-wrap:balance!important;
  }
  html[lang="en"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="es"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="pt-BR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="fr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="ru"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="tr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(25px,6.8vw,30px)!important;
    line-height:1.15!important;
  }
  html[lang="de"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(24px,6.5vw,29px)!important;
    line-height:1.16!important;
  }
  html[lang="ar"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="th"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:clamp(27px,7.2vw,32px)!important;
    line-height:1.22!important;
    letter-spacing:0!important;
  }
  .hero-experience .jp-hero-redesign .jp-hero-kicker{
    font-size:16px!important;
  }

  .hero-experience .kr-section-head h2,
  .hero-experience .core-tech-section-head h2,
  .hero-experience #pricing .head h2,
  .hero-experience .marketing-title{
    font-size:clamp(23px,6.2vw,29px)!important;
    line-height:1.22!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

@media (max-width:390px){
  .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:26px!important;
  }
  html[lang="en"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="es"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="pt-BR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="fr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="ru"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="tr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:24px!important;
  }
  html[lang="de"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:23px!important;
  }
  html[lang="ar"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
  html[lang="th"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
    font-size:25px!important;
  }
  .hero-experience .kr-section-head h2,
  .hero-experience .core-tech-section-head h2,
  .hero-experience #pricing .head h2,
  .hero-experience .marketing-title{
    font-size:23px!important;
  }
}


/* V352: preview note spacing */
.kr-direct-feature .kr-preview-note{margin-top:10px;}
@media (max-width:767px){.kr-direct-feature .kr-preview-note{margin-top:8px;}}