:root{--g:#2f6b2f;--o:#d47b00;--bg:#faf7f2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:#333}
nav{display:flex;justify-content:space-between;padding:20px 8%;position:sticky}
nav a{text-decoration:none;color:white;margin-left:20px}
.hero{min-height:100vh;background:linear-gradient(rgba(30,20,10,.55),rgba(30,20,10,.55)),url('https://images.unsplash.com/photo-1509358271058-acd22cc93898?auto=format&fit=crop&w=1600&q=80') center/cover;color:#fff}
.logo{font-weight:700;font-size:1.4rem}
.hero-content{padding:12% 8%;max-width:650px}
h1,h2{font-family:"Playfair Display",serif}
h1{font-size:4rem;margin:0}
.btn,button{background:var(--o);color:#fff;padding:14px 28px;border:none;border-radius:30px;text-decoration:none;font-weight:700;cursor:pointer}
.section{padding:70px 8%}
.alt{background:white}
.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.alt .card{background:var(--bg)}
.cta{text-align:center;padding:80px 8%;background:linear-gradient(135deg,var(--g),#173d17);color:#fff}
input{padding:14px;border-radius:30px;border:none;min-width:280px;margin-right:10px}
footer{padding:40px;text-align:center;background:#222;color:#ddd}
@media(max-width:700px){h1{font-size:2.6rem}nav{flex-direction:column;gap:10px}input{display:block;margin:0 auto 15px}}