:root{
  --primary:#0b7285;
  --accent:#17a2b8;
  --muted:#666;
  --bg:#ffffff;
  --max-width:1100px;
  --radius:8px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter, "Helvetica Neue", Arial, sans-serif;color:#222;background:var(--bg);}
.container{max-width:var(--max-width);margin:0 auto;padding:20px}
.site-header{background:#fff;border-bottom:1px solid #eee}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-header h1{margin:12px 0;font-size:1.4rem;color:var(--primary)}
.tagline{margin:0;color:var(--muted);font-size:0.95rem}
.main-nav a{margin-left:16px;color:var(--muted);text-decoration:none}
.hero{background:linear-gradient(120deg,#f7fcfd,#f0fbfb);padding:48px 0;text-align:center}
.hero h2{margin:0 0 8px;font-size:1.6rem;color:var(--primary)}
.hero p{margin:0 0 16px;color:var(--muted)}
.cta{display:inline-block;background:var(--primary);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none}
.services .grid,.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
article{background:#fff;padding:16px;border-radius:var(--radius);box-shadow:0 1px 4px rgba(0,0,0,0.05)}
.team .member{background:#fff;padding:12px;border-radius:var(--radius);text-align:center}
.team .member img{width:100%;height:160px;object-fit:cover;border-radius:6px}
.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
.contact-info p{margin:8px 0}
.map iframe{width:100%;height:220px;border:0;border-radius:6px}
.contact-form form{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,0.04)}
.contact-form label{display:block;margin-bottom:10px}
.contact-form input,.contact-form textarea{width:100%;padding:8px;border:1px solid #e6e6e6;border-radius:6px}
.contact-form button{background:var(--accent);color:#fff;padding:10px 14px;border:none;border-radius:6px;cursor:pointer}
.site-footer{border-top:1px solid #eee;padding:14px 0;text-align:center;color:var(--muted);font-size:0.9rem}

@media (min-width:900px){.services .grid{grid-template-columns:repeat(4,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:899px){.container{padding:16px}.contact-grid{grid-template-columns:1fr}.team .member img{height:200px}}