body{font-family:Arial;margin:0;background:#faf8f3}.top{background:#111;color:#fff;padding:10px;text-align:center}nav{display:flex;justify-content:space-between;padding:20px;background:#fff}.hero{padding:60px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:30px}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #ccc}footer{background:#111;color:#fff;padding:30px;text-align:center}