.hero-grid>*{min-width:0}.hero h1{overflow-wrap:break-word}.products .product{min-width:0}
@media(max-width:720px){
  .hero{padding:110px 0 55px}
  .hero-grid{display:block}
  .hero h1{font-size:clamp(36px,10.2vw,43px);line-height:1.08;letter-spacing:-2.2px}
  .hero .lead{font-size:15px;line-height:1.65}
  .actions{width:100%}
  .actions .btn{width:100%;white-space:normal}
  .stats{grid-template-columns:1fr 1fr;margin-bottom:42px}
  .stats div{min-width:0}
  .stats span{white-space:normal}
  .hero-visual{width:100%;max-width:none;height:430px;margin:0;transform:none}
  .hero-local{inset:0;width:100%;height:100%;border-radius:22px;object-position:58% center}
  .hero-local~.desktop{width:88%;height:205px;top:220px;left:-3%;transform:none}
  .hero-local~.desktop .browser{height:27px}
  .hero-local~.desktop .dash{height:178px}
  .hero-local~.desktop .dash article{padding:12px}
  .hero-local~.desktop .dash h3{font-size:12px}
  .hero-local~.desktop .chart{height:42px}
  .hero-local~.phone,.hero-local~.chip1,.hero-local~.chip2{display:none}
  .trust{padding-top:24px}
  .trust .marquee{width:100%}
  .products{grid-template-columns:1fr}
  .product{min-height:285px}
  .product-logo{width:64px;height:64px}
  .nav{width:calc(100% - 28px)}
  .nav .brand-header img{max-width:132px;height:42px}
  .heading h2{overflow-wrap:break-word}
}
@media(max-width:390px){
  .hero h1{font-size:34px}
  .stats{gap:14px}
  .hero-visual{height:390px}
  .hero-local~.desktop{top:205px;height:183px}
  .hero-local~.desktop .dash{height:156px}
}