:root{--green:#0c3d2e;--green2:#146b48;--mint:#e9f8ef;--gold:#f4a600;--deep:#10262d;--text:#18312d;--white:#fff;--shadow:0 18px 45px rgba(8,35,30,.16)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(12,61,46,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand img{height:58px;width:auto}.menu-toggle{display:none;background:var(--green);color:#fff;border:0;border-radius:10px;padding:9px 12px;font-size:22px}nav{display:flex;align-items:center;gap:26px}nav a{color:#18312d;font-weight:700;font-size:15px}.nav-cta{background:linear-gradient(135deg,var(--gold),#ffbf32);color:#15352b!important;padding:12px 20px;border-radius:999px;box-shadow:0 10px 22px rgba(244,166,0,.28)}
.hero-section{min-height:92vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--deep)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,43,34,.92),rgba(7,43,34,.72),rgba(7,43,34,.38)),url('images/hero-rooftop.jpg') center/cover no-repeat;transform:scale(1.02)}.hero-section:after{content:"";position:absolute;right:-150px;top:-150px;width:520px;height:520px;background:radial-gradient(circle,rgba(244,166,0,.28),transparent 65%);border-radius:50%}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;padding:80px 0}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(244,166,0,.16);color:var(--gold);padding:9px 16px;border-radius:999px;font-weight:800;font-size:14px;margin-bottom:16px}.section-tag{background:#eef8ef;color:var(--green2)}.section-tag.light{background:rgba(255,255,255,.12);color:#ffd36b}.hero-content h1{color:#fff;font-size:clamp(38px,5.2vw,72px);line-height:1.05;margin-bottom:18px;letter-spacing:-1.8px}.hero-content p{font-size:18px;color:#edf8f3;max-width:680px}.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-badges span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:10px 14px;font-size:14px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:800;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--gold),#ffbd25);color:#19342b}.btn-light{background:#fff;color:var(--green)}.btn-whatsapp{background:#25d366;color:#fff}.lead-card{background:rgba(255,255,255,.96);border-radius:26px;padding:30px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.65)}.lead-card h2{font-size:26px;color:var(--green);margin-bottom:15px}.lead-card input,.lead-card select,.calc-box input{width:100%;border:1px solid #dce8e2;background:#f8fbf9;border-radius:14px;padding:14px 15px;margin-bottom:13px;outline:0}.lead-card button,.calc-box button{width:100%;border:0;background:linear-gradient(135deg,var(--green2),#18a15f);color:#fff;border-radius:14px;padding:15px;font-weight:800;cursor:pointer}.lead-card small{display:block;margin-top:10px;color:#60766d}.section{padding:88px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.center{text-align:center}.center h2,.center .subtext{margin-left:auto;margin-right:auto}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;color:var(--green);margin-bottom:18px;letter-spacing:-.8px}h3{color:var(--green);line-height:1.2}.image-card{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff;padding:10px}.image-card img{width:100%;height:430px;object-fit:cover;border-radius:20px}.image-card.tall img{height:520px}.content-box p{margin-bottom:20px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.mini-grid div,.benefit-grid article,.steps-grid article,.blog-grid article,.faq{background:#fff;border:1px solid rgba(12,61,46,.08);box-shadow:0 12px 28px rgba(12,61,46,.07);border-radius:20px;padding:20px}.mini-grid b{color:var(--green)}.benefit-section,.industry-section{background:linear-gradient(180deg,#f5fff8,#fff)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px}.benefit-grid i{font-size:36px;font-style:normal}.benefit-grid p{font-size:15px;color:#587068}.service-section{background:radial-gradient(circle at top left,rgba(244,166,0,.16),transparent 35%),linear-gradient(135deg,#0b251f,#102f3b);color:#fff}.service-section h2{color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px}.service-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:26px;overflow:hidden;text-align:left;box-shadow:var(--shadow)}.service-grid img{height:250px;width:100%;object-fit:cover}.service-grid div{padding:23px}.service-grid h3{color:#fff}.service-grid p{color:#d6ece4}.capacity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.capacity-grid article{border-radius:28px;padding:14px;background:#fff;box-shadow:var(--shadow);border-bottom:5px solid var(--gold)}.capacity-grid img{height:235px;width:100%;object-fit:cover;border-radius:18px}.capacity-grid h3,.capacity-grid p{padding:0 10px}.capacity-grid h3{margin:18px 0 8px}.choose-section{background:linear-gradient(135deg,#f4fbf6,#fff7df)}.dark-card{background:linear-gradient(135deg,#0e3a31,#0b2530);color:#fff;border-radius:30px;padding:42px;box-shadow:var(--shadow)}.dark-card h2{color:#fff}.seo-list{list-style:none;display:grid;gap:14px}.seo-list li{padding-left:30px;position:relative}.seo-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:900}.process-section{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}.steps-grid b{display:inline-flex;background:#eaf8ef;color:var(--green2);width:52px;height:52px;border-radius:50%;align-items:center;justify-content:center;margin-bottom:12px}.calc-section{background:#f7fbf8}.calc-box{background:#fff;border-radius:28px;padding:36px;box-shadow:var(--shadow)}#savingResult{margin-top:18px;color:var(--green2)}.projects-section{background:#fff}.subtext{max-width:720px;color:#687b75;margin-bottom:28px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery img{height:245px;width:100%;object-fit:cover;border-radius:22px;box-shadow:0 10px 24px rgba(0,0,0,.12)}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,var(--green),#0b2734);color:#fff;text-align:center}.stats-section div{padding:45px 20px;border-right:1px solid rgba(255,255,255,.1)}.stats-section b{display:block;font-size:40px;color:#ffd36b}.stats-section span{font-weight:700}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:30px}.industry-grid div{background:#fff;border-radius:18px;padding:25px 12px;font-weight:800;color:var(--green);box-shadow:var(--shadow)}.subsidy-section{background:linear-gradient(135deg,#fff9e7,#f3fff6)}.brand-section{padding:65px 0;background:#fff}.brand-list{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:25px}.brand-list span{background:#fff;border:1px solid #f0d99b;border-radius:14px;padding:16px;font-weight:900;color:var(--green);box-shadow:0 8px 18px rgba(244,166,0,.12)}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.blog-grid article{min-height:150px;text-align:left}.faq-section{background:#f7fbf8}.faq{margin-bottom:14px}.contact-section iframe{width:100%;height:430px;border:0;border-radius:26px;box-shadow:var(--shadow)}footer{background:#0b2530;color:#d6ece4;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid img{height:65px;background:#fff;border-radius:10px;padding:5px;margin-bottom:15px}.footer-grid a{display:block;color:#d6ece4;margin:7px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding:18px}.float-call,.float-wa{position:fixed;z-index:999;right:18px;border-radius:999px;color:#fff;font-weight:900;padding:13px 18px;box-shadow:0 12px 24px rgba(0,0,0,.22)}.float-call{bottom:78px;background:var(--gold);color:#18312d}.float-wa{bottom:20px;background:#25d366}
@media(max-width:900px){.menu-toggle{display:block}nav{display:none;position:absolute;top:78px;left:4%;right:4%;background:#fff;box-shadow:var(--shadow);border-radius:18px;padding:18px;flex-direction:column;align-items:flex-start}nav.show{display:flex}.hero-grid,.two-col,.service-grid,.capacity-grid,.benefit-grid,.steps-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-grid{padding:55px 0}.lead-card{padding:22px}.mini-grid,.gallery,.industry-grid,.brand-list,.stats-section{grid-template-columns:1fr 1fr}.image-card img,.image-card.tall img{height:310px}.section{padding:62px 0}.reverse-mobile .image-card{order:-1}}
@media(max-width:520px){.hero-content h1{font-size:36px}.hero-badges span{font-size:12px}.mini-grid,.gallery,.industry-grid,.brand-list,.stats-section{grid-template-columns:1fr}.brand img{height:48px}.hero-actions .btn,.contact-actions .btn{width:100%}.stats-section div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}}