:root{
  --green: #0f766e;
  --muted:#6b7280;
  --bg:#f8fafc;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin:0; color:#0f172a; background:var(--bg); line-height:1.6;}
.container{max-width:1100px; margin:0 auto; padding:0 20px;}
.site-header{background:#fff; border-bottom:1px solid #e6edf0; position:sticky; top:0; z-index:50;}
.site-header .container{display:flex; align-items:center; justify-content:space-between; padding:16px 20px;}
.brand{color:var(--green); margin:0; font-size:20px;}
.nav a{margin-left:18px; color:var(--muted); text-decoration:none; font-weight:600;}
.hero{background:linear-gradient(90deg, rgba(15,118,110,0.95), rgba(6,95,70,0.95)); color:#fff; padding:60px 0; text-align:center;}
.hero h2{font-size:28px; margin:0 0 10px;}
.hero p{margin:0 0 18px; opacity:0.95;}
.btn{display:inline-block; background:#fff; color:var(--green); padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:700;}
.section{padding:40px 0;}
.alt{background:#fff;}
.services-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; list-style:none; padding:0; margin:18px 0 0;}
.services-grid li{background:#fff; border:1px solid #e6edf0; padding:16px; border-radius:10px;}
.contact .contact-actions{margin-top:12px;}
.btn.outline{background:transparent; border:2px solid var(--green); color:var(--green); padding:8px 14px; border-radius:8px; margin-left:8px;}
.site-footer{padding:20px 0; text-align:center; color:var(--muted); font-size:14px;}
.small{font-size:12px; color:#9aa4ad; margin-top:6px;}
@media(max-width:720px){
  .nav{display:none;}
  .hero h2{font-size:22px;}
  .site-header .container{padding:12px 14px;}
}