body{margin:0;font-family:Arial,sans-serif;background:#f7f3ee;color:#2e2218}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#3b2a1f;position:sticky;top:0}
.logo{color:#d9ff7a;font-weight:bold}
.btn,.cta{background:#b8ff3b;color:#1b1b1b;padding:12px 20px;border-radius:30px;text-decoration:none;font-weight:bold}
.hero{min-height:70vh;display:flex;align-items:center;padding:0 8%;background:linear-gradient(rgba(59,42,31,.8),rgba(59,42,31,.8)),url('https://images.unsplash.com/photo-1517849845537-4d257902454a?auto=format&fit=crop&w=1400&q=80');background-size:cover;color:white}
h1{font-size:3rem}
section{padding:60px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:white;padding:25px;border-radius:18px;box-shadow:0 5px 15px rgba(0,0,0,.08)}
footer{padding:20px;text-align:center;background:#3b2a1f;color:white}