:root { --brown: #4E2F14; --gold: #C8A254; --cream: #F5F0E8; --text: #2b2b2b; }
* { box-sizing: border-box; }
html,body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:var(--text); background:var(--cream); }
.container { width: min(1100px,94%); margin:0 auto; }
nav { background:#fff; padding:14px 0; border-bottom:1px solid #eee; position:sticky; top:0; z-index:40; }
nav .inner { display:flex; align-items:center; justify-content:space-between; }
nav a { margin:0 10px; color:var(--text); text-decoration:none; }
.hero { display:grid; grid-template-columns:1fr 480px; gap:24px; padding:48px 0; }
.hero img { width:100%; height:100%; object-fit:cover; border-radius:10px; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:20px; }
.step { background:#fff; padding:16px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,.06); }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.card { background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,.06); }
.card img { width:100%; height:200px; object-fit:cover; }
.testimonials { display:grid; grid-template-columns:1fr 300px; gap:18px; margin-top:30px; }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px; }
footer { background:#111; color:#ddd; padding:28px; margin-top:40px; }
@media (max-width:900px) { .hero { grid-template-columns:1fr; } .steps { grid-template-columns:repeat(2,1fr); } .cards { grid-template-columns:repeat(2,1fr); } .blog-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .steps { grid-template-columns:1fr; } .blog-grid { grid-template-columns:1fr; } }