/* InBest — landing Ubezpieczenie na zycie — conversion/mobile hero v4
   Cel: szybciej pokazac intencje strony oraz glowne CTA bez przewijania. */

/* Desktop: zachowujemy premium layout, tylko nieco porzadkujemy hero po zmianie copy. */
.life-hero-copy h1{
  max-width:780px;
}
.life-hero-actions .button-gold{
  box-shadow:0 10px 28px rgba(231,180,43,.24);
}

@media (max-width:820px){
  .life-hero-grid{
    padding:42px 0 44px;
  }
  .life-hero-copy{
    padding-top:96px;
  }
  .life-hero-copy h1{
    font-size:48px;
    line-height:.96;
    margin:10px 0 16px;
  }
  .life-hero-lead{
    max-width:620px;
    margin-bottom:20px;
  }
}

@media (max-width:720px){
  .life-hero-grid{
    padding:22px 0 34px;
  }
  .life-hero-copy{
    padding-top:74px;
  }
  .life-hero-copy .eyebrow{
    font-size:8px;
    letter-spacing:.20em;
  }
  .life-hero-copy h1{
    font-size:40px;
    line-height:.96;
    letter-spacing:-.04em;
    margin:9px 0 14px;
  }
  .life-hero-lead{
    font-size:13.5px;
    line-height:1.5;
    margin:0 0 18px;
    max-width:100%;
  }
  .life-hero-actions{
    gap:9px;
  }
  .life-hero-actions .button{
    min-height:52px;
    font-size:13.5px;
  }
  .life-proof-row{
    margin-top:21px;
    padding-top:17px;
    gap:10px;
  }
}

@media (max-width:390px){
  .life-hero-copy{
    padding-top:58px;
  }
  .life-hero-copy h1{
    font-size:37px;
  }
  .life-hero-lead{
    font-size:13px;
  }
}