html,body{max-width:100%;overflow-x:hidden}
.hero>*,.hero-copy,.hero-card{min-width:0}
@media(max-width:760px){
  .nav{width:100%;padding:20px 22px;height:72px;align-items:center}
  .hero{display:flex;flex-direction:column;width:100%;padding:52px 22px 58px;gap:42px;min-height:auto}
  .hero-copy{width:100%;text-align:right}
  .hero h1{font-size:42px;line-height:1.35;overflow-wrap:anywhere}
  .lead{font-size:15px}
  .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .actions .button{padding:10px 12px;text-align:center;font-size:12px}
  .trust{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:11px}
  .hero-card{width:100%;padding:20px;transform:none}
  .wave,.scan{height:170px}.metrics{gap:25px;justify-content:space-between}.metrics strong{font-size:20px}
  .section{padding:72px 22px}.section h2{font-size:30px}
  .statement{margin:0 16px 60px;padding:34px 22px}
  footer{padding:28px 22px;display:grid;gap:12px}footer .brand{margin:0}
}
@media(max-width:380px){.hero h1{font-size:36px}.actions{grid-template-columns:1fr}.trust{grid-template-columns:1fr}}