:root{--g:#0f3b2f;--gold:#c7962d;--bg:#f7f4ef}
*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:#1b1b1b}
.wrap{width:min(1200px,92%);margin:auto}
header{position:sticky;top:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:9}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.logo{height:56px}.nav a{text-decoration:none;color:#222;margin-left:22px;font-weight:600}
.call,.gold{background:var(--g);color:#fff!important;border:none}
.hero{padding:50px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
h1{font-size:68px;line-height:1}.hero span{color:var(--gold)}
.heroimg,.card img{width:100%;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.15)}
.btn{display:inline-block;padding:14px 22px;border:2px solid var(--g);border-radius:8px;text-decoration:none;color:var(--g);margin-right:10px}
h2{text-align:center;color:var(--g);font-size:40px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border-radius:16px;padding:12px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.ph{display:flex;align-items:center;justify-content:center;min-height:220px;background:#ece8de}
.features{background:var(--g);color:#fff;padding:35px 0;margin:60px 0}
.featuregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;font-weight:700}
.contact{text-align:center;padding-bottom:60px}
footer{background:#111;color:#fff;text-align:center;padding:20px}
@media(max-width:900px){.hero-grid,.cards,.featuregrid{grid-template-columns:1fr}h1{font-size:44px}.nav{flex-direction:column}.logo{height:48px}}