:root {
  --primary: #0f766e;
  --dark: #0f172a;
  --light: #f8fafc;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; line-height:1.6; color:#0f172a; }
header { background:#fff; position:sticky; top:0; z-index:50; border-bottom:1px solid #e2e8f0; }
.container { width:min(1100px, 100% - 2rem); margin:0 auto; }
.nav { display:flex; justify-content:space-between; align-items:center; padding:0.75rem 0; }
.logo-wrap { display:flex; gap:0.75rem; align-items:center; }
.logo-wrap img { height:46px; }
.nav-links { display:flex; gap:1rem; }
.nav-links a { text-decoration:none; color:#0f172a; font-weight:500; }
.nav-links a:hover { color:var(--primary); }
.btn { background:var(--primary); color:#fff; border:none; padding:0.5rem 1rem; border-radius:999px; text-decoration:none; font-weight:600; }
.btn-outline { background:transparent; border:1px solid var(--primary); color:var(--primary); margin-left:0.5rem; }
.hero { display:flex; gap:2rem; align-items:center; padding:3rem 0 2.5rem; }
.hero-img img { width:100%; border-radius:1.25rem; }
.section-title { text-align:center; margin-bottom:2rem; }
section { padding:3rem 0; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:1.5rem; }
.card { background:#fff; border:1px solid #e2e8f0; border-radius:1rem; padding:1.5rem; }
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:1rem; }
.gallery-grid img { width:100%; border-radius:0.75rem; height:180px; object-fit:cover; transition:transform 0.3s; }
.gallery-grid a:hover img { transform:scale(1.05); }
.contact-box { background:var(--light); border-radius:1rem; padding:2rem; display:grid; grid-template-columns:1.2fr 0.8fr; gap:2rem; }
form input, form textarea { width:100%; padding:0.6rem 0.75rem; margin-bottom:1rem; border:1px solid #cbd5f5; border-radius:0.5rem; }
footer { background:#0f172a; color:#e2e8f0; text-align:center; padding:1.25rem 0; margin-top:3rem; }
@media(max-width:900px){
  .hero { flex-direction:column; }
  .contact-box { grid-template-columns:1fr; }
  .nav-links { display:none; }
}
