:root{--brand:#2de063;--header:#f8f8f8;--footer:#145a32;--text:#222}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
/* Header */
header.sticky{position:sticky;top:0;z-index:1000;background:var(--header);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo img{height:48px;width:auto}
nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}
nav a{padding:8px 10px;border-radius:10px;font-weight:600}
nav a:hover{background:rgba(0,0,0,.05)}
.hamburger{display:none;background:transparent;border:0;font-size:26px;padding:8px 10px}
/* Hero Slider */
.hero{position:relative;overflow:hidden;height:64vh}
.slides{display:flex;height:100%;transition:transform .7s ease}
.slide{min-width:100%;height:100%}
.slide img{width:100%;height:100%;object-fit:cover}
.hero .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.6));padding:20px}
.hero h1{margin:0 0 8px}
/* Carousel nav */
.carousel-nav{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 10px}
.carousel-nav button{background:rgba(0,0,0,.45);border:0;color:#fff;width:44px;height:44px;border-radius:50%;font-size:18px}
.dots{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:8px;justify-content:center}
.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.6);border:0}.dot.active{background:#fff}
/* Sections */
.section{padding:28px 0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);border-top:4px solid var(--brand);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.card .body{padding:14px}
.badge{display:inline-block;background:var(--brand);color:#111;font-weight:700;border-radius:999px;padding:4px 10px;margin-bottom:8px}
.page-hero{background:#111;color:#fff;border-bottom:4px solid var(--brand);text-align:center;padding:46px 16px}
.service{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px;align-items:center}
.ticks{padding-left:18px}.ticks li{margin-bottom:6px}
/* Footer */
footer{background:var(--footer);color:#fff;margin-top:28px}
footer .container{padding:24px 16px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.credit{background:#0c3f22;padding:12px 16px;text-align:center}
.credit a strong{color:#fff}
/* Floating buttons */
.float-whatsapp,.float-call{position:fixed;right:16px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.2);z-index:70}
.float-whatsapp{bottom:86px;background:#25D366}
.float-whatsapp img{width:28px;height:28px}
.float-call{bottom:16px;background:#1e7a3e}
/* Buttons */
.btn{background:var(--brand);color:#111;font-weight:700;padding:12px 18px;border-radius:12px;display:inline-block}
/* Animations (scroll reveal) */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.on{opacity:1;transform:none}
/* Responsive */
@media(max-width:1024px){.cards{grid-template-columns:repeat(2,1fr)}.service{grid-template-columns:1fr}}
@media(max-width:640px){.hero{height:46vh}.cards{grid-template-columns:1fr}.hide-mobile{display:none}}