/* ================= hero with the WhatsApp phone ================= */
  .hero.split{padding:40px 0 56px; text-align:left;}
  .hero-grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:56px; align-items:center; max-width:1080px; margin:0 auto; padding:0 28px;}
  .hero.split h1{margin:0; max-width:14ch;}
  .hero.split p{margin:22px 0 28px; max-width:42ch;}
  .hero-phone .phone{margin:0 auto; text-align:left;}
  .hero-phone .phone-screen{height:600px;}
  .hero-note{font-size:12.5px; color:var(--cream-dim); text-align:center; margin:14px 0 0 !important; max-width:none !important;}
  @media (max-width:860px){
    .hero.split{text-align:center; padding:28px 0 44px;}
    .hero-grid{grid-template-columns:1fr; gap:36px; padding:0 20px;}
    .hero.split h1, .hero.split p{margin-left:auto; margin-right:auto;}
    .hero.split p{margin-bottom:22px;}
  }
  @media (max-width:520px){
    .hero-phone .phone{max-width:340px; border-radius:34px; padding:8px;}
    .hero-phone .phone-screen{height:540px; min-height:0; border-radius:27px;}
  }