@media (max-width: 980px){
  .grid.cols3{grid-template-columns:1fr 1fr}
  .pricing{grid-template-columns:1fr}
  .hero h1{font-size:2.5rem}
}
@media (max-width: 640px){
  .grid.cols3,.grid.cols2{grid-template-columns:1fr}
  .navlinks{gap:8px}
  .hero{padding:72px 0 60px}
}