body{margin:0;font-family:Arial,sans-serif;color:#222;background:#faf9f6}
header{position:sticky;top:0;background:#fff;padding:16px 8%;display:flex;justify-content:space-between;box-shadow:0 2px 8px rgba(0,0,0,.08)}
nav a{margin:0 12px;color:#333;text-decoration:none}
.hero{display:flex;flex-wrap:wrap;align-items:center;padding:80px 8%;gap:40px}
.hero .box{flex:1;min-width:280px}
.placeholder{height:320px;background:#ddd;border-radius:12px;display:flex;align-items:center;justify-content:center}
.btn{display:inline-block;background:#c8a24b;color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none;margin-right:10px}
section{padding:60px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
footer{background:#111;color:#fff;padding:30px 8%;text-align:center}