@media (max-width:860px){
  .w{padding:0 16px}
  h1{font-size:40px}
  .hero{padding:48px 0 32px}
  nav .w{height:auto;flex-wrap:wrap;gap:8px 16px;padding-top:12px;padding-bottom:12px}
  .links{flex-wrap:wrap;gap:12px 16px}
  .stats,.grid,.nl,footer .w,.two,.steps,.wins,.tow{grid-template-columns:1fr}
  .grid .card:nth-child(1),.grid .card:nth-child(2){grid-column:auto}
  .stats div{border-left:0;border-top:1px solid var(--bd)}
  .stats div:first-child{border-top:0}
}
@media (max-width:640px){
  .actions{flex-direction:column}
  .actions .btn{width:100%}
  .search{flex-wrap:wrap}
  .search .btn,.search button{flex:1 1 100%;min-height:44px}
}