html,body{overflow-x:hidden}.wrap,.hero-grid>*{min-width:0}.lead,.micro,.demo-card,.fake-input{overflow-wrap:anywhere}
@media(max-width:850px){
  .actions{flex-wrap:wrap}.actions .button{flex:1 1 145px;padding-inline:12px;white-space:nowrap}
  .hero-grid,.split{min-width:0}.demo-card{width:100%;max-width:100%;padding:20px}
  .demo-top{gap:10px}.live{flex:0 0 auto}.fake-input{width:100%;max-width:100%}
  .lead{font-size:17px}.micro{max-width:100%}.hero h1{font-size:48px}
}
@media(max-width:390px){.hero h1{font-size:43px}.wrap{width:calc(100% - 32px)}}