body{font-family:sans-serif;background:#f8fafc;margin:0}.navbar{display:flex;justify-content:space-between;padding:15px;background:#fff}.hero{text-align:center;padding:50px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px}.card{background:#fff;padding:20px;border-radius:10px}