body{margin:0;font-family:Arial,sans-serif;background:#f7f7f7;color:#333}.hero{background:#21412d;color:#fff;padding:20px 20px 100px}nav{display:flex;justify-content:space-between}.logo{font-weight:bold}.hero-content{max-width:800px;margin:80px auto;text-align:center}h1{font-size:3rem}.btn,nav a{background:#c8a03c;color:#fff;padding:12px 20px;text-decoration:none;border-radius:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 8px #0002}section{padding:40px}footer{text-align:center;padding:30px}