:root{
  --bg:#0b0b0b; --card:#0f1720; --accent:#10b981; --muted:#94a3b8; --text:#e6f3ea;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.container{max-width:1100px;margin:0 auto;padding:28px;}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:54px;height:54px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#061014;font-weight:800;font-size:20px}
.nav a{margin:0 10px;color:var(--text);text-decoration:none;font-weight:600;opacity:.9}
.hero{display:grid;grid-template-columns:1fr 460px;gap:28px;align-items:center;padding:24px 0}
h1{font-size:40px;margin:0 0 10px 0;line-height:1.02}
.lead{color:var(--muted);margin:0 0 18px 0}
.cta{display:inline-block;padding:12px 18px;background:var(--accent);color:#061014;border-radius:10px;text-decoration:none;font-weight:700}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.03);}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.section{margin-top:36px}
.service-img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.footer{padding:28px 0;color:var(--muted);text-align:center}

/* responsive */
@media (max-width:900px){ .hero{grid-template-columns:1fr; } .grid-3{grid-template-columns:1fr} .nav{display:none} .container{padding:18px} .logo{width:46px;height:46px} h1{font-size:32px} }
.whatsapp{position:fixed;right:18px;bottom:18px;background:var(--accent);color:#061014;padding:14px 16px;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:0 10px 30px rgba(16,185,129,0.12);display:flex;align-items:center;gap:10px}
.testimonial{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00));padding:16px;border-radius:10px;border:1px solid rgba(255,255,255,0.02)}
small.muted{color:var(--muted)}
.header-right{display:flex;align-items:center;gap:12px}