body{margin:0;font-family:Arial;background:#f4f6f8}.nav{display:flex;justify-content:space-between;padding:16px;background:#111;color:#fff}.hero{padding:80px;text-align:center;background:linear-gradient(#0a84ff,#3aa0ff);color:#fff}.btn{background:#fff;color:#0a84ff;padding:10px 16px;text-decoration:none;border-radius:8px}#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:20px}.card{background:#fff;padding:16px;border-radius:10px}