*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Segoe UI",Arial,sans-serif;color:#24292e;line-height:1.6}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
header{background:#17352b;color:#fff;padding:14px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.brand{font-size:22px;font-weight:700}
.brand span{color:#4fbf8b}
nav a{color:#fff;text-decoration:none;margin-right:18px;opacity:.9}
nav a:hover{opacity:1}
a.tel{color:#fff;text-decoration:none;font-weight:700;font-size:18px}
.hero{background:#1e4a3a;color:#fff;padding:70px 0;text-align:center}
.hero h1{font-size:34px;margin-bottom:16px}
.hero p{max-width:640px;margin:0 auto 26px;opacity:.95}
.btn{display:inline-block;background:#4fbf8b;color:#0f2b21;font-weight:700;padding:12px 28px;border-radius:4px;text-decoration:none}
.pad{padding:60px 0}
.alt{background:#f0f6f2}
h2{font-size:28px;margin-bottom:24px;text-align:center;color:#17352b}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{background:#fff;border:1px solid #dfe8e2;border-radius:6px;padding:22px}
.card h3{color:#17352b;margin-bottom:8px;font-size:18px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contact a{color:#17352b}
footer{background:#122b22;color:#c9ddd2;padding:26px 0;text-align:center}
footer a{color:#c9ddd2}
@media(max-width:700px){.contact{grid-template-columns:1fr}.hero h1{font-size:26px}}