/* V175 — Hero readability polish. No structural changes outside Hero. */

/* Desktop */
@media (min-width:1101px){
  body[data-v175="true"] #top .hero-copy{max-width:720px!important}
  body[data-v175="true"] #top .hero-lead-v89{
    max-width:640px!important;
    margin-top:20px!important;
  }
  body[data-v175="true"] #top .hero-lead-v89 strong{
    font-size:20px!important;
    line-height:1.42!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
  }
  body[data-v175="true"] #top .hero-proof-v157{
    margin-top:22px!important;
    gap:12px!important;
    max-width:650px!important;
  }
  body[data-v175="true"] #top .hero-proof-v157 li{
    font-size:17px!important;
    line-height:1.34!important;
    font-weight:600!important;
  }
  body[data-v175="true"] #top .hero-actions{
    margin-top:30px!important;
  }
  body[data-v175="true"] #top .hero-wash{
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.995) 0%,
        rgba(251,247,239,.985) 28%,
        rgba(251,247,239,.84) 39%,
        rgba(251,247,239,.42) 49%,
        rgba(251,247,239,.08) 58%,
        rgba(251,247,239,0) 65%),
      linear-gradient(180deg,rgba(251,247,239,.02) 0%,rgba(251,247,239,0) 84%,rgba(251,247,239,.22) 100%)!important;
  }
}

/* Tablet */
@media (min-width:700px) and (max-width:1100px){
  body[data-v175="true"] #top .hero-lead-v89{
    max-width:54%!important;
    margin-top:18px!important;
  }
  body[data-v175="true"] #top .hero-lead-v89 strong{
    font-size:18px!important;
    line-height:1.38!important;
    font-weight:650!important;
  }
  body[data-v175="true"] #top .hero-proof-v157{
    max-width:56%!important;
    margin-top:18px!important;
    gap:10px!important;
  }
  body[data-v175="true"] #top .hero-proof-v157 li{
    font-size:15.5px!important;
    line-height:1.32!important;
    font-weight:600!important;
  }
  body[data-v175="true"] #top .hero-actions{
    margin-top:24px!important;
  }
  body[data-v175="true"] #top .hero-wash{
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.995) 0%,
        rgba(251,247,239,.98) 31%,
        rgba(251,247,239,.86) 43%,
        rgba(251,247,239,.47) 55%,
        rgba(251,247,239,.10) 66%,
        rgba(251,247,239,0) 75%),
      linear-gradient(180deg,rgba(251,247,239,.02) 0%,rgba(251,247,239,0) 84%,rgba(251,247,239,.25) 100%)!important;
  }
}

/* Mobile: offer + short lead + CTA only; keep Anton crisp. */
@media (max-width:699px){
  body[data-v175="true"] .mobile-hero-v170__mist{
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.965) 0%,
        rgba(251,247,239,.92) 26%,
        rgba(251,247,239,.72) 41%,
        rgba(251,247,239,.24) 54%,
        rgba(251,247,239,.04) 62%,
        rgba(251,247,239,0) 69%),
      linear-gradient(180deg,
        rgba(251,247,239,0) 0%,
        rgba(251,247,239,0) 73%,
        rgba(251,247,239,.28) 88%,
        rgba(251,247,239,.58) 100%)!important;
  }
  body[data-v175="true"] .mobile-hero-v170__lead{
    width:60%!important;
    max-width:248px!important;
    margin:0 0 18px!important;
    font-size:clamp(16px,4.25vw,18px)!important;
    line-height:1.38!important;
    font-weight:650!important;
    letter-spacing:-.005em!important;
  }
  body[data-v175="true"] .mobile-hero-v170__bottom{
    padding-bottom:10px!important;
  }
  body[data-v175="true"] .mobile-hero-v170__actions{
    gap:11px!important;
  }
}
@media (max-width:430px) and (min-width:391px){
  body[data-v175="true"] .mobile-hero-v170__lead{width:58%!important}
}
@media (max-width:390px){
  body[data-v175="true"] .mobile-hero-v170__lead{width:62%!important}
}
@media (max-width:375px){
  body[data-v175="true"] .mobile-hero-v170__lead{width:64%!important;font-size:15.8px!important}
}
@media (max-width:360px){
  body[data-v175="true"] .mobile-hero-v170__lead{width:66%!important;font-size:15.2px!important;line-height:1.34!important}
  body[data-v175="true"] .mobile-hero-v170__bottom{padding-bottom:8px!important}
}

/* V175.1 — final readability corrections after visual QA */
@media (min-width:700px){
  body[data-v175="true"] #top .hero-lead-v89{
    background:transparent!important;
    padding:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
}
@media (max-width:699px){
  body[data-v175="true"] .mobile-hero-v170__lead{
    width:54%!important;
    max-width:214px!important;
    font-size:clamp(16px,4.2vw,17.5px)!important;
    line-height:1.36!important;
  }
  body[data-v175="true"] .mobile-hero-v170__mist{
    background:
      linear-gradient(90deg,
        rgba(251,247,239,.97) 0%,
        rgba(251,247,239,.94) 27%,
        rgba(251,247,239,.80) 40%,
        rgba(251,247,239,.36) 51%,
        rgba(251,247,239,.08) 59%,
        rgba(251,247,239,0) 66%),
      linear-gradient(180deg,
        rgba(251,247,239,0) 0%,
        rgba(251,247,239,0) 78%,
        rgba(251,247,239,.22) 90%,
        rgba(251,247,239,.46) 100%)!important;
  }
}
@media (max-width:390px){
  body[data-v175="true"] .mobile-hero-v170__lead{width:56%!important;max-width:210px!important}
}
@media (max-width:375px){
  body[data-v175="true"] .mobile-hero-v170__lead{width:58%!important;font-size:15.7px!important}
}
@media (max-width:360px){
  body[data-v175="true"] .mobile-hero-v170__lead{width:59%!important;font-size:15.1px!important;line-height:1.32!important}
}

/* V175.2 — local mist behind the mobile lead, not a card */
@media (max-width:699px){
  body[data-v175="true"] .mobile-hero-v170__lead{
    position:relative!important;
    z-index:2!important;
    padding:7px 14px 7px 0!important;
    background:linear-gradient(90deg,
      rgba(251,247,239,.96) 0%,
      rgba(251,247,239,.92) 70%,
      rgba(251,247,239,.54) 88%,
      rgba(251,247,239,0) 100%)!important;
    border-radius:0 18px 18px 0!important;
  }
}
