:root{
--dark:#2f3836;
--gold:#c8ab7a;
--bg:#f7f4f1;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;color:var(--dark);background:white;line-height:1.6}
.container{width:90%;max-width:1200px;margin:auto}
header{background:white;border-bottom:1px solid #eee;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.logo{height:70px}
nav a{text-decoration:none;color:var(--dark);margin-left:20px}
.hero{padding:120px 20px;text-align:center;background:linear-gradient(180deg,var(--bg),white)}
.hero h1{font-size:3rem;margin-bottom:20px}
.btn{display:inline-block;background:var(--gold);color:white;padding:14px 28px;text-decoration:none;border-radius:6px}
.section{padding:80px 0}
.section h2{text-align:center;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{padding:30px;border:1px solid #eee;border-radius:10px}
.alt{background:var(--bg);text-align:center}
footer{text-align:center;padding:30px;background:var(--dark);color:white}