body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f7f7f7}
header{display:flex;justify-content:space-between;padding:20px;background:#222;color:#fff}
nav a{color:#fff;margin-left:15px;text-decoration:none}
.hero{text-align:center;padding:80px 20px;background:#fff}
.hero button{padding:12px 24px}
.products{display:flex;gap:20px;justify-content:center;padding:40px;flex-wrap:wrap}
.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);width:220px;text-align:center}
section{padding:40px}
footer{text-align:center;padding:20px;background:#222;color:#fff}