:root {
  --primary: #00796B;
  --primary-light: #48A999;
  --muted: #555;
  --bg: #F2F7F5;
  --white: #FFFFFF;
  --shadow: rgba(0,0,0,0.1);
}

* { box-sizing:border-box; margin:0; padding:0; }

body { font-family:'Roboto', sans-serif; background:var(--bg); color:var(--muted); line-height:1.6; }

header { background:var(--white); box-shadow:0 4px 12px var(--shadow); position:sticky; top:0; z-index:100; }

.container { max-width:1080px; margin:auto; padding:20px; }

.nav { display:flex; justify-content:space-between; align-items:center; }

.brand { font-family:'Montserrat', sans-serif; font-size:1.8rem; color:var(--primary); display:flex; align-items:center; }

.brand img { height:60px; margin-right:16px; }

nav a { margin-left:20px; text-decoration:none; color:var(--muted); font-weight:500; }

nav a:hover { color:var(--primary); }

.hero { display:flex; gap:30px; align-items:center; padding:60px 0; background:linear-gradient(135deg,#48A999 0%,#00796B 100%); color:var(--white); border-radius:12px; margin-bottom:40px; }

.hero-left { flex:1; }

h1 { font-family:'Montserrat', sans-serif; font-weight:700; font-size:clamp(28px,5vw,48px); margin-bottom:16px; }

p.lead { font-size:1.1rem; margin-bottom:24px; }

.cta { display:inline-block; padding:12px 24px; border-radius:8px; background:var(--white); color:var(--primary); text-decoration:none; font-weight:600; transition:0.3s; }

.cta:hover { background:var(--primary-light); color:var(--white); }

.card { background:var(--white); padding:20px; border-radius:12px; box-shadow:0 4px 20px var(--shadow); margin-bottom:20px; }

.row { display:flex; gap:16px; margin-top:20px; flex-wrap:wrap; }

.service-card { text-align:center; flex:1; display:flex; flex-direction:column; align-items:center; padding:20px; }

.service-card img { width:80px; height:80px; margin-bottom:15px; object-fit:cover; }

.photos { margin-top:30px; display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; }

.photos img { width:100%; height:auto; border-radius:8px; object-fit:cover; box-shadow:0 2px 10px var(--shadow); transition:transform 0.3s; }

.photos img:hover { transform:scale(1.05); }

section { margin-top:40px; }

footer { padding:30px 0; text-align:center; color:var(--muted); font-size:0.9rem; }

form input, form textarea, form button { width:100%; padding:10px; border:1px solid #ccc; border-radius:8px; margin-top:8px; font-family:'Roboto',sans-serif; }

form button { border:none; cursor:pointer; font-weight:600; background:var(--primary); color:white; }

@media(max-width:768px){ .hero{ flex-direction:column;text-align:center; } .row{ flex-direction:column; } }

iframe{ width:100%; border-radius:12px; margin-top:16px; border:none; height:300px; }

.blog-card { background:var(--white); padding:20px; border-radius:12px; box-shadow:0 4px 20px var(--shadow); margin-bottom:20px; }

.blog-card img { width:100%; border-radius:8px; margin-bottom:12px; }