body{font-family:Arial,sans-serif;margin:0;color:#333}
header{background:#222;color:#fff;padding:15px}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.hero{background:#f4f4f4;padding:60px 20px;text-align:center}
.btn{background:#ff6600;color:white;padding:12px 20px;text-decoration:none;border-radius:5px}
.section{padding:40px 20px;max-width:1100px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.card{border:1px solid #ddd;padding:15px;border-radius:8px}
footer{background:#222;color:#fff;padding:20px;text-align:center}