body{overflow-x:hidden}
@media(max-width:800px){
  .top{padding:18px 20px}
  .top nav{display:none!important}
  .brand{font-size:15px}
  .hero{min-height:auto;padding:75px 20px}
  .intro{grid-template-columns:1fr;gap:10px}
  .cards,.facts,.steps{grid-template-columns:1fr}
  .testgrid article{grid-template-columns:1fr;gap:10px}
  .section,.intro{padding:65px 20px}
  .alt,.darkband{padding-left:20px;padding-right:20px}
  .actions{width:100%;flex-direction:column}
  footer{flex-direction:column;gap:25px;padding:35px 20px}
  footer nav{flex-wrap:wrap}
}