/* Ordem de leitura no celular: título, demonstração, explicação e ações. */

@media(max-width:760px){
 .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:34px 22px 42px}
 .hero-copy{display:contents}
 .hero-intro{order:1;margin:0;font-size:10px}
 .hero h1{order:2;font-size:clamp(40px,10.8vw,62px);line-height:1;letter-spacing:-.045em;margin:0;max-width:600px;text-wrap:balance}
 .hero-demo{order:3;width:100%;max-width:none;margin:4px 0 2px;border-radius:14px}
 .hero-demo-heading{padding:12px 14px;font-size:9px}
 .hero-demo-caption{padding:12px 14px;font-size:12px}
 .hero-description{order:4;font-size:15px;line-height:1.65;margin:0;max-width:560px}
 .hero-actions{order:5;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
 .hero-actions>a{min-height:46px;font-size:14px}
 .hero-note{order:6;font-size:10px;line-height:1.6;margin:0}
 .agents-compatible{margin-top:0}
}
@media(max-width:400px){.hero-actions{flex-direction:column}.hero-actions>a{width:100%;justify-content:space-between}.hero h1{font-size:42px}}
.ods-effect[hidden]{display:none!important}