:root{
--dark:#062f2c;--dark2:#0a403c;--teal:#008f83;--mint:#18c5ae;--gold:#f5c84c;
--bg:#f4f8f7;--text:#152927;--muted:#647572;--line:#dbe7e4;--white:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(6,47,44,.97);box-shadow:0 5px 25px rgba(0,0,0,.12);color:#fff}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand img{width:43px;height:58px;object-fit:contain}.brand strong{display:block;font-size:1rem;letter-spacing:.04em}.brand span{font-size:.72rem;color:#91dcd4;letter-spacing:.16em}
nav{display:flex;gap:28px}nav a{font-weight:700;color:#dcebe8;font-size:.94rem}nav a:hover{color:#fff}.menu{display:none;border:0;background:none;color:#fff;font-size:1.6rem}
.hero{background:radial-gradient(circle at 85% 15%,#176a62 0,#0a403c 34%,#062f2c 70%);color:#fff;padding:100px 0 90px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.badge{display:inline-block;color:#92e3da;font-size:.76rem;font-weight:900;letter-spacing:.18em;margin-bottom:18px}
h1{font-size:clamp(2.8rem,6vw,5.1rem);line-height:1.02;margin:0 0 24px;max-width:780px}.hero-copy>p{font-size:1.18rem;color:#d1e2df;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.btn{display:inline-block;border:0;border-radius:9px;padding:13px 21px;font:inherit;font-weight:900;cursor:pointer}.primary{background:var(--mint);color:#06342f}.primary:hover{filter:brightness(1.05)}.whatsapp{background:#fff;color:var(--dark)}.light{background:#fff;color:var(--dark)}
.trust{display:flex;gap:18px;flex-wrap:wrap;color:#b9d4d0;font-size:.88rem}.hero-panel{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:32px;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.round-icon{width:65px;height:65px;border-radius:18px;background:rgba(24,197,174,.16);display:grid;place-items:center;font-size:2rem}.hero-panel h3{font-size:1.55rem;margin:20px 0 8px}.hero-panel p{color:#c7dcda}.hero-line{height:2px;background:rgba(255,255,255,.1);margin:28px 0}.hero-line span{display:block;width:45%;height:100%;background:var(--mint)}.hero-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-mini div{background:rgba(0,0,0,.13);padding:12px;border-radius:10px}.hero-mini b,.hero-mini small{display:block}.hero-mini b{color:#8ce4da}.hero-mini small{color:#c7d4d2;font-size:.72rem}
.section{padding:95px 0}.heading{text-align:center;max-width:760px;margin:0 auto 48px}.eyebrow{display:block;color:var(--teal);font-size:.76rem;font-weight:900;letter-spacing:.18em;margin-bottom:10px}.heading h2,h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 14px}.heading p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:26px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(6,47,44,.05)}.card.highlight{border-color:#65cfc2;box-shadow:0 14px 40px rgba(0,143,131,.13)}.service-icon{font-size:2rem;margin-bottom:13px}.card h3{margin:0 0 8px}.card p{color:var(--muted);font-size:.94rem}.card ul{padding-left:19px;color:#536763;font-size:.9rem}.card li{margin:5px 0}
.solar{background:linear-gradient(110deg,#e8f8f5,#d6f0eb);padding:75px 0}.solar-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:center}.solar p{max-width:650px;color:#526966}.solar-box{background:#fff;border-radius:22px;padding:35px;text-align:center;box-shadow:0 15px 45px rgba(6,47,44,.09)}.solar-box div{font-size:3rem}.solar-box strong,.solar-box span{display:block}.solar-box strong{font-size:1.25rem}.solar-box span{color:var(--muted);font-size:.88rem}
.dark{background:var(--dark);color:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dark .eyebrow{color:#79ded2}.dark p{color:#c6dad7}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.checks div{background:rgba(255,255,255,.06);padding:14px;border-radius:10px}
.process{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps div{border-top:3px solid var(--teal);padding:20px 8px}.steps span{font-weight:900;color:var(--teal)}.steps p{color:var(--muted)}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.contact-card{margin-top:28px}.contact-card p{margin:20px 0}.contact-card a{color:var(--teal);font-weight:800}
form{background:var(--bg);padding:28px;border-radius:18px}label{display:block;font-weight:800;margin-bottom:15px}input,select,textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;background:#fff;color:var(--text)}textarea{resize:vertical}form .btn{width:100%}form small{display:block;color:var(--muted);font-size:.76rem;margin-top:11px}
.float-wa{position:fixed;right:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:50%;background:#20c875;color:#fff;display:grid;place-items:center;font-size:1.65rem;box-shadow:0 10px 30px rgba(0,0,0,.2)}
footer{background:#03211f;color:#a9c2be;padding:25px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.85rem}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:32px;height:45px;object-fit:contain}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{color:#fff}.footer-brand small{color:#8fb2ad}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}.hero-grid,.solar-grid{grid-template-columns:1fr}.hero-panel{max-width:520px}.two-col,.contact-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--dark);padding:18px 4%;flex-direction:column;gap:15px}nav.open{display:flex}.hero{padding:70px 0}.cards{grid-template-columns:1fr}.trust{flex-direction:column;gap:7px}.footer{flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.section{padding:70px 0}.steps,.checks{grid-template-columns:1fr}.hero-mini{grid-template-columns:1fr 1fr 1fr}}