:root{
--bg:#f6faf7;--white:#fff;--ink:#071a10;--muted:#66756d;--green:#08783d;--green2:#0da65a;--lime:#b9ed5d;--line:#dfe9e2;--dark:#06170d;
--shadow:0 25px 70px rgba(6,35,18,.12);--shadow2:0 12px 35px rgba(6,35,18,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}
.topbar{background:#06170d;color:#b9c9c0;font-size:11px}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#dce9e1}.dot{padding:0 10px;color:#5d7568}
.header{position:sticky;top:0;z-index:100;background:rgba(246,250,247,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,233,226,.7)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--green),#0cb365);color:#fff;display:grid;place-items:center;font:900 20px Arial;box-shadow:0 10px 25px rgba(8,120,61,.25)}.brand strong{display:block;font:800 19px/1.05 Manrope,system-ui}.brand span{display:block;color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin-top:4px}
nav{display:flex;align-items:center;gap:26px}nav a{font-size:12px;font-weight:800;color:#34453c}nav a:hover{color:var(--green)}nav .nav-cta{background:var(--ink);color:#fff;padding:12px 17px;border-radius:12px}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#0d6e3c 0,#06180e 35%,#041008 100%);color:#fff;padding:75px 0 0;min-height:690px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:610px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:1.7px;color:#9cb5a7}.eyebrow i{display:inline-block;width:25px;height:2px;background:var(--lime)}.eyebrow.green{color:var(--green)}.hero h1{font:900 clamp(46px,6vw,78px)/.98 Manrope,system-ui;margin:20px 0;letter-spacing:-4px}.hero h1 span{color:var(--lime)}.hero-lead{max-width:620px;color:#b9cbc0;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:13px;font-size:12px;font-weight:900;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--lime);color:#06170d;box-shadow:0 10px 25px rgba(185,237,93,.16)}.btn.glass{border-color:#476456;color:#fff;background:rgba(255,255,255,.05)}.btn.white{background:#fff;color:var(--ink)}.btn.outline-light{border-color:#496556;color:#fff}.hero-trust{display:flex;gap:17px;flex-wrap:wrap;color:#8da497;font-size:11px}.hero-visual{height:520px;display:grid;place-items:center}.solar-scene{width:520px;height:470px;position:relative;border-radius:50%;background:radial-gradient(circle at 50% 55%,rgba(31,154,93,.24),transparent 48%)}.sun{position:absolute;width:92px;height:92px;border-radius:50%;right:35px;top:45px;background:radial-gradient(circle,#e9ff9b,#86dc4b);box-shadow:0 0 80px rgba(185,237,93,.6)}.orbital{position:absolute;border:1px solid rgba(185,237,93,.17);border-radius:50%;left:60px;top:55px}.o1{width:400px;height:330px;transform:rotate(-18deg)}.o2{width:470px;height:380px;transform:rotate(12deg);left:25px;top:30px}.panel-roof{position:absolute;left:65px;bottom:125px;width:310px;height:145px;transform:skewY(-16deg) rotate(-5deg);background:linear-gradient(135deg,#163b46,#071a23);border:5px solid #b3d6d8;box-shadow:0 30px 60px rgba(0,0,0,.35);padding:8px}.panel-row{display:flex;height:33%;gap:5px}.panel-row i{flex:1;border:1px solid #5b8890;background:linear-gradient(135deg,#123e4b,#0b2630)}.house{position:absolute;right:50px;bottom:85px;width:220px;height:170px}.house-roof{position:absolute;top:0;left:0;border-left:110px solid transparent;border-right:110px solid transparent;border-bottom:75px solid #d8e5dd}.house-body{position:absolute;bottom:0;width:220px;height:110px;background:#f2f5ee;border-radius:5px}.window{position:absolute;bottom:42px;left:35px;width:45px;height:45px;background:#6cb9b7;border:6px solid #fff}.door{position:absolute;bottom:0;right:38px;width:42px;height:70px;background:#16452f}.floating-card{position:absolute;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.16);border-radius:17px;padding:12px 15px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.floating-card span{display:block;color:#a9beb2;font-size:9px}.floating-card strong{display:block;color:#fff;font:800 20px Manrope}.fc1{left:15px;top:100px}.fc2{right:5px;bottom:65px}.hero-bottom{border-top:1px solid rgba(255,255,255,.08)}.metrics{display:grid;grid-template-columns:repeat(4,1fr)}.metrics>div{padding:22px 15px;border-right:1px solid rgba(255,255,255,.08)}.metrics strong{font:800 23px Manrope;color:var(--lime);display:block}.metrics span{font-size:10px;color:#8ca197}
.hero-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.18}.glow-a{width:250px;height:250px;background:#1fd276;right:-60px;top:20%}.glow-b{width:200px;height:200px;background:#b9ed5d;left:-80px;bottom:10%}
.section{padding:100px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2,.two-col h2,.faq h2,.contact h2{font:800 clamp(34px,4vw,53px)/1.05 Manrope;margin:14px 0;letter-spacing:-2px}.intro-copy{padding-top:20px;color:var(--muted);line-height:1.85}.text-link{color:var(--green);font-size:12px;font-weight:900}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-head>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;min-height:290px;transition:.3s;box-shadow:var(--shadow2)}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card.featured{background:#0a2415;color:#fff;border-color:#173c27}.service-card .icon{font-size:28px;color:var(--green);margin-bottom:25px}.service-card.featured .icon{color:var(--lime)}.service-card>span{float:right;font-size:9px;color:#9aa9a1}.service-card h3{font:700 20px Manrope;margin:10px 0}.service-card p{color:var(--muted);font-size:13px;line-height:1.7}.service-card.featured p{color:#9fb2a6}.service-card a{display:inline-block;margin-top:20px;color:var(--green);font-size:11px;font-weight:900}.service-card.featured a{color:var(--lime)}
.dark-section{background:var(--dark);color:#fff}.section-head.light>p{color:#91a499}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{padding:28px;border:1px solid #183326;border-radius:20px;background:#0a2115}.process-card b{font:800 28px Manrope;color:var(--lime)}.process-card h3{font:700 18px Manrope}.process-card p{color:#91a499;font-size:13px;line-height:1.7}
.calc-box{background:#eaf7ef;border:1px solid #cfe6d6;border-radius:30px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.calc-copy p{color:var(--muted);line-height:1.8}.mini-calc{background:#fff;padding:25px;border-radius:22px;box-shadow:var(--shadow2)}.mini-calc label{font-size:11px;font-weight:900}.mini-calc input{width:100%;padding:14px;margin:8px 0 12px;border:1px solid var(--line);border-radius:12px}.calc-result{margin-top:13px;padding:14px;border-radius:12px;background:#f2f8f4;color:var(--green);font-size:12px;font-weight:800;min-height:44px}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-layout>div:first-child p{color:var(--muted);line-height:1.7}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list summary{cursor:pointer;font:700 15px Manrope;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 0}
.contact{padding-top:40px}.contact-box{background:#0a2516;color:#fff;border-radius:30px;padding:50px;display:flex;justify-content:space-between;gap:40px;align-items:center}.contact-box p{color:#9db0a4;line-height:1.7}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.mail{color:#b9ed5d;font-size:12px;font-weight:800}
.footer{background:#06130b;color:#9bad9f;padding:60px 0 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{color:#fff}.footer-main p{font-size:12px;line-height:1.8;max-width:360px}.footer h4{color:#fff;font-size:12px}.footer-main>div>a:not(.brand){display:block;font-size:11px;margin:10px 0}.footer-bottom{border-top:1px solid #173023;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px}
.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#19b75a;color:#fff;display:grid;place-items:center;font:900 13px Arial;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:90}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal.show{opacity:1;transform:none}.delay{transition-delay:.15s}
@media(max-width:950px){nav{gap:15px}.hero-grid{grid-template-columns:1fr}.hero{padding-top:45px}.hero-visual{height:410px}.service-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.two-col,.faq-layout,.calc-box{grid-template-columns:1fr;gap:30px}}
@media(max-width:720px){.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.menu-toggle{display:flex;flex-direction:column;gap:4px;border:0;background:transparent}.menu-toggle span{width:24px;height:2px;background:var(--ink)}nav{position:absolute;top:78px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}nav.open{display:flex}nav a{padding:12px}.hero h1{letter-spacing:-2.5px}.solar-scene{transform:scale(.76)}.metrics{grid-template-columns:1fr 1fr}.metrics>div{border-bottom:1px solid rgba(255,255,255,.08)}.section{padding:70px 0}.section-head,.contact-box{display:block}.section-head>p{margin-top:15px}.contact-actions{margin-top:25px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:500px){.container{width:min(100% - 26px,1180px)}.service-grid,.process-grid{grid-template-columns:1fr}.hero-visual{height:350px}.solar-scene{transform:scale(.58)}.calc-box{padding:25px}.footer-main{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}}

/* === HERO SOLAR POWER FLOW ANIMATION === */
.solar-flow{background:#f3f8f4;overflow:hidden}
.energy-demo{position:relative;min-height:430px;border:1px solid #d6e6da;border-radius:30px;background:linear-gradient(180deg,#eef8f1 0%,#f9fcfa 62%,#e7f1ea 100%);box-shadow:0 25px 65px rgba(6,35,18,.10);display:grid;grid-template-columns:1.05fr 1.35fr 1fr 1.35fr 1.35fr;align-items:center;gap:0;padding:45px 30px 85px}
.energy-demo:before{content:"";position:absolute;left:0;right:0;bottom:0;height:65px;background:linear-gradient(180deg,#dceade,#cbdcca);border-radius:0 0 30px 30px}
.sky-sun,.demo-node{position:relative;z-index:3;text-align:center}
.demo-sun{width:92px;height:92px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;font-size:46px;background:radial-gradient(circle,#fff8a5 0,#d8f46b 45%,#9bdd43 100%);box-shadow:0 0 20px #d9f574,0 0 65px rgba(180,238,92,.75);animation:sunPulse 2.5s ease-in-out infinite}
.sky-sun b,.demo-node>b{display:block;font:800 15px Manrope;color:#0a2416}
.sky-sun>b{color:#0a2416}
.sky-sun .ray{position:absolute;width:3px;height:35px;border-radius:10px;background:#b9ed5d;left:50%;top:45px;transform-origin:50% 75px;opacity:.8}
.r1{transform:rotate(-55deg) translateY(-70px)}.r2{transform:rotate(-27deg) translateY(-70px)}.r3{transform:rotate(0deg) translateY(-70px)}.r4{transform:rotate(27deg) translateY(-70px)}.r5{transform:rotate(55deg) translateY(-70px)}
.mini-panels{width:115px;height:76px;margin:0 auto 16px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#0a2731;border:3px solid #7ca6aa;transform:skewY(-8deg) rotate(-3deg);box-shadow:0 12px 22px rgba(4,30,35,.25)}
.mini-panels span{border:1px solid #2b6b79;background:linear-gradient(135deg,#174a59,#0b2833);animation:panelShine 3s linear infinite}
.demo-node small{display:block;margin-top:6px;color:#6b7e74;font-size:10px}
.inverter-box{width:80px;height:105px;margin:0 auto 12px;border-radius:13px;background:#0a2416;color:#b9ed5d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 14px 30px rgba(6,35,18,.18);border:1px solid #1d4930}
.inverter-box strong{font:800 12px Manrope}.inverter-box em{font-style:normal;font-size:20px;line-height:1;color:#fff}
.mini-home{position:relative;width:120px;height:95px;margin:0 auto 20px}.mini-home .roof{position:absolute;left:9px;top:0;border-left:51px solid transparent;border-right:51px solid transparent;border-bottom:37px solid #547467}.mini-home .body{position:absolute;left:18px;bottom:0;width:102px;height:63px;border-radius:5px;background:#fff;border:1px solid #d2e0d6;box-shadow:0 10px 20px rgba(6,35,18,.08)}.mini-home .window{position:absolute;left:32px;bottom:25px;width:25px;height:25px;background:#6db9b7;border:4px solid #fff}.flow-line{height:5px;position:relative;align-self:center;margin:0 8px;border-radius:20px;background:#c7dbcc;overflow:hidden}
.flow-line:before{content:"";position:absolute;left:-30%;top:-4px;width:28px;height:13px;border-radius:50%;background:#b9ed5d;box-shadow:0 0 15px #b9ed5d;animation:energyFlow 1.35s linear infinite}
.flow-line i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;top:-1px;opacity:.8}.flow-line i:nth-child(1){left:18%}.flow-line i:nth-child(2){left:45%}.flow-line i:nth-child(3){left:70%}.flow-line i:nth-child(4){left:88%}
.energy-caption{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;color:#6b7e74}.energy-caption strong{color:#08783d;font-weight:900}.live-dot{width:7px;height:7px;border-radius:50%;background:#34c96a;box-shadow:0 0 0 5px rgba(52,201,106,.12);animation:livePulse 1.5s infinite}
.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.flow-steps>div{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;background:#fff;border:1px solid #dce8df;border-radius:16px;padding:13px}.flow-steps span{grid-row:span 2;width:35px;height:35px;border-radius:11px;background:#eaf7ef;color:#08783d;display:grid;place-items:center;font:900 11px Manrope}.flow-steps strong{font:800 12px Manrope}.flow-steps small{font-size:9px;color:#78877f}
@keyframes energyFlow{0%{left:-12%}100%{left:108%}}@keyframes sunPulse{0%,100%{transform:scale(1);box-shadow:0 0 20px #d9f574,0 0 65px rgba(180,238,92,.75)}50%{transform:scale(1.08);box-shadow:0 0 30px #fff18b,0 0 90px rgba(180,238,92,.85)}}@keyframes panelShine{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.55)}}@keyframes livePulse{50%{box-shadow:0 0 0 8px rgba(52,201,106,.03)}}
@media(max-width:950px){.energy-demo{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}.energy-demo .line-1,.energy-demo .line-2,.energy-demo .line-3{display:none}.sky-sun{grid-column:1}.panels-node{grid-column:2}.inverter-node{grid-column:3}.home-node{grid-column:2;grid-row:2}.flow-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.energy-demo{grid-template-columns:1fr 1fr;min-height:570px;padding:30px 18px 85px}.sky-sun{grid-column:1;grid-row:1}.panels-node{grid-column:2;grid-row:1}.inverter-node{grid-column:1;grid-row:2}.home-node{grid-column:2;grid-row:2}.energy-caption{font-size:8px}.flow-steps{grid-template-columns:1fr 1fr}}

/* ===== NAVAVTAR PREMIUM VISUAL UPGRADE ===== */
body{background:#f5f8f6;color:#071a10}
.header{background:rgba(245,248,246,.72);box-shadow:0 1px 0 rgba(7,26,16,.05)}
.nav{height:82px}
.brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#0a8a48,#07351e);box-shadow:0 12px 30px rgba(8,120,61,.24);position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;width:80px;height:20px;left:-20px;top:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(-35deg);animation:brandSweep 3.5s infinite}
@keyframes brandSweep{0%,55%{transform:translateX(-80px) rotate(-35deg)}75%,100%{transform:translateX(110px) rotate(-35deg)}}
nav a{position:relative}nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--green);transition:.3s}nav a:not(.nav-cta):hover:after{right:0}
nav .nav-cta{background:linear-gradient(135deg,#0a7d42,#064d29);box-shadow:0 10px 22px rgba(6,77,41,.18);transition:.3s}nav .nav-cta:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(6,77,41,.25)}
.hero{min-height:730px;background:
radial-gradient(circle at 78% 26%,rgba(49,202,111,.22),transparent 23%),
radial-gradient(circle at 12% 88%,rgba(185,237,93,.09),transparent 25%),
linear-gradient(135deg,#020a06 0%,#06170d 45%,#07321d 100%)}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 90%);pointer-events:none}
.hero-grid{position:relative;z-index:2;min-height:640px}
.hero h1{font-size:clamp(50px,6.3vw,88px);letter-spacing:-5px;text-shadow:0 10px 40px rgba(0,0,0,.22)}
.hero h1 span{background:linear-gradient(90deg,#b9ed5d,#e4ffac,#8eea50);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;color:#b7c9bf;max-width:650px}
.btn{position:relative;overflow:hidden;transition:.3s transform,.3s box-shadow}
.btn:after{content:"";position:absolute;top:-100%;left:-35%;width:25%;height:300%;background:rgba(255,255,255,.25);transform:rotate(25deg);transition:.5s}
.btn:hover{transform:translateY(-3px)}.btn:hover:after{left:115%}
.btn.primary{background:linear-gradient(135deg,#b9ed5d,#93df45);box-shadow:0 14px 35px rgba(185,237,93,.2)}
.hero-visual{filter:drop-shadow(0 25px 45px rgba(0,0,0,.22))}
.solar-scene{background:radial-gradient(circle at 55% 55%,rgba(39,202,112,.24),transparent 46%);animation:sceneFloat 7s ease-in-out infinite}
@keyframes sceneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.floating-card{border-color:rgba(185,237,93,.22);background:rgba(255,255,255,.08);box-shadow:0 25px 55px rgba(0,0,0,.28)}
.fc1{animation:floatCard 4s ease-in-out infinite}.fc2{animation:floatCard 4.5s .6s ease-in-out infinite}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-bottom{position:relative;z-index:3;background:rgba(0,0,0,.13);backdrop-filter:blur(8px)}
.metrics>div{transition:.3s}.metrics>div:hover{background:rgba(255,255,255,.03)}
.section{position:relative}
.section:not(.dark-section):not(.contact):nth-of-type(even){background:linear-gradient(180deg,#f5f8f6,#fff)}
.section h2{font-size:clamp(36px,4vw,56px)}
.service-card{position:relative;overflow:hidden;box-shadow:0 12px 40px rgba(6,35,18,.07);border-color:#dce8df}
.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0,rgba(185,237,93,.18),transparent 28%);opacity:0;transition:.35s}
.service-card:hover:before{opacity:1}
.service-card.featured{background:linear-gradient(145deg,#071d11,#0c3420);box-shadow:0 25px 60px rgba(6,35,18,.2)}
.service-card .icon{width:52px;height:52px;border-radius:15px;background:#eaf7ef;display:grid;place-items:center;font-size:23px}
.service-card.featured .icon{background:rgba(185,237,93,.12)}
.dark-section{background:radial-gradient(circle at 80% 0,#0d3a21 0,transparent 28%),#041008}
.process-card{position:relative;overflow:hidden;transition:.3s}.process-card:hover{transform:translateY(-5px);border-color:#2a5b3d}.process-card b{font-size:34px}
.calc-box{position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(8,120,61,.10);background:linear-gradient(135deg,#eaf7ef,#f8fcf9)}
.calc-box:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;bottom:-100px;background:rgba(185,237,93,.18)}
.mini-calc{position:relative;z-index:2;box-shadow:0 20px 45px rgba(6,35,18,.11)}
.faq-list details{background:rgba(255,255,255,.65);padding:20px 22px;margin-bottom:8px;border:1px solid #e1eae4;border-radius:15px;transition:.3s}.faq-list details[open]{background:#fff;box-shadow:0 12px 28px rgba(6,35,18,.06)}
.contact-box{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#0f6a38 0,transparent 35%),linear-gradient(135deg,#071c10,#0b2b19);box-shadow:0 30px 80px rgba(6,35,18,.18)}
.contact-box:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(185,237,93,.12);border-radius:50%;right:-80px;bottom:-180px}
.footer{background:#030b06}
.floating-whatsapp{transition:.3s;box-shadow:0 15px 35px rgba(25,183,90,.25)}.floating-whatsapp:hover{transform:scale(1.08)}
@media(max-width:720px){.hero{min-height:760px}.hero h1{font-size:49px}.hero-lead{font-size:15px}.section h2{font-size:38px}}

body{opacity:0;transition:opacity .45s ease}body.page-ready{opacity:1}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ===== SIGNATURE INTERACTIVE SOLAR JOURNEY ===== */
.journey-section{position:relative;overflow:hidden;padding:115px 0;background:#031008;color:#fff}
.journey-grid-bg{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(185,237,93,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(185,237,93,.08) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 80%)}
.journey-heading{position:relative;z-index:2;display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;margin-bottom:48px}.journey-heading h2{font:900 clamp(40px,5vw,67px)/1 Manrope;margin:15px 0 0;letter-spacing:-3px}.journey-heading h2 span{color:#b9ed5d}.journey-heading p{color:#91a69a;font-size:14px;line-height:1.8;margin:0}
.journey-stage{position:relative;z-index:2;min-height:490px;border:1px solid rgba(185,237,93,.13);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(13,113,61,.25),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 35px 100px rgba(0,0,0,.35);display:grid;grid-template-columns:1fr 1.35fr 1fr 1.35fr;align-items:center;gap:20px;padding:50px 42px 100px;overflow:hidden}
.journey-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 40%,rgba(185,237,93,.11),transparent 18%),radial-gradient(circle at 85% 55%,rgba(35,208,122,.11),transparent 18%);pointer-events:none}
.journey-orbit{position:absolute;border:1px solid rgba(185,237,93,.10);border-radius:50%;pointer-events:none}.orbit-a{width:720px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg)}.orbit-b{width:980px;height:480px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(9deg)}
.journey-source,.journey-panel,.journey-inverter,.journey-home{position:relative;z-index:4;text-align:center}.journey-source strong,.journey-panel strong,.journey-inverter strong,.journey-home strong{display:block;color:#b9ed5d;font:900 11px Manrope;letter-spacing:1px;margin-top:14px}.journey-source b,.journey-panel b,.journey-inverter b,.journey-home b{display:block;font:800 17px Manrope;margin-top:5px}.journey-source small,.journey-panel small,.journey-inverter small,.journey-home small{display:block;color:#7e9688;font-size:9px;margin-top:5px}
.journey-sun{width:112px;height:112px;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fffab0 0,#d8f46b 42%,#7bd73e 100%);box-shadow:0 0 25px #b9ed5d,0 0 100px rgba(185,237,93,.48);animation:journeySun 2.8s ease-in-out infinite}.journey-sun span{font-size:52px;filter:drop-shadow(0 3px 4px rgba(50,80,0,.18))}
.journey-panel{padding-top:5px}.journey-panel-grid{width:180px;height:120px;margin:0 auto 3px;padding:7px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;transform:skewY(-9deg) rotate(-4deg);background:#081a22;border:4px solid #87adb1;border-radius:3px;box-shadow:0 18px 40px rgba(0,0,0,.4);overflow:hidden}.journey-panel-grid i{border:1px solid #286477;background:linear-gradient(135deg,#174b5b,#0a2733);position:relative;overflow:hidden}.journey-panel-grid i:after{content:"";position:absolute;top:0;bottom:0;width:22px;left:-35px;background:rgba(255,255,255,.32);transform:skewX(-18deg);animation:panelSweep 3.2s linear infinite}.journey-panel-grid i:nth-child(2):after,.journey-panel-grid i:nth-child(5):after{animation-delay:.4s}
.inverter-core{width:88px;height:118px;margin:auto;border:1px solid #2e5b41;border-radius:15px;background:linear-gradient(145deg,#0e2b1b,#06150c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 15px 45px rgba(0,0,0,.35),inset 0 0 30px rgba(185,237,93,.04)}.inverter-core span{font:900 12px Manrope;color:#b9ed5d}.inverter-core em{font-style:normal;font-size:22px;color:#fff;animation:dcac 1.4s ease-in-out infinite}
.home-icon{position:relative;width:145px;height:115px;margin:auto}.j-roof{position:absolute;left:17px;top:2px;border-left:55px solid transparent;border-right:55px solid transparent;border-bottom:43px solid #6f9381}.j-wall{position:absolute;left:27px;bottom:0;width:110px;height:78px;border-radius:6px;background:linear-gradient(145deg,#fff,#dce9e1);box-shadow:0 15px 30px rgba(0,0,0,.22)}.j-window{position:absolute;width:26px;height:26px;bottom:33px;background:#67b7b6;border:4px solid #fff;box-shadow:0 0 16px rgba(107,185,183,.45)}.w1{left:39px}.w2{right:39px}.j-door{position:absolute;right:47px;bottom:0;width:28px;height:50px;background:#18462e;border-radius:3px 3px 0 0}.j-bulb{position:absolute;left:63px;bottom:40px;color:#eaff93;text-shadow:0 0 18px #b9ed5d;font-size:17px;animation:bulb 1.7s infinite}
.journey-beam{height:5px;position:relative;z-index:3;background:rgba(185,237,93,.11);border-radius:20px;overflow:visible}.journey-beam:before{content:"";position:absolute;left:-5%;top:-5px;width:18px;height:15px;border-radius:50%;background:#b9ed5d;box-shadow:0 0 18px #b9ed5d;animation:journeyEnergy 1.15s linear infinite}.journey-beam i{position:absolute;top:-1px;width:7px;height:7px;border-radius:50%;background:#dfff9d;opacity:.45}.journey-beam i:nth-child(1){left:20%}.journey-beam i:nth-child(2){left:40%}.journey-beam i:nth-child(3){left:60%}.journey-beam i:nth-child(4){left:80%}.journey-beam i:nth-child(5){left:95%}
.energy-readout,.journey-energy-readout{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:min(680px,80%);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:11px 15px;border:1px solid rgba(185,237,93,.13);border-radius:14px;background:rgba(0,0,0,.22);backdrop-filter:blur(10px)}.energy-pulse{width:8px;height:8px;border-radius:50%;background:#35d66d;box-shadow:0 0 0 6px rgba(53,214,109,.08);animation:livePulse 1.4s infinite}.journey-energy-readout small{display:block;color:#708779;font-size:8px;letter-spacing:1.3px;font-weight:900}.journey-energy-readout strong{font-size:10px;color:#b9ed5d}.journey-progress{height:4px;border-radius:20px;background:#173222;overflow:hidden}.journey-progress span{display:block;height:100%;width:25%;background:linear-gradient(90deg,#6fc83c,#b9ed5d);box-shadow:0 0 15px #b9ed5d;transition:width .6s ease}.journey-energy-readout em{font-style:normal;font:900 10px Manrope;color:#fff}
.journey-controls{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.journey-control{border:1px solid #183426;background:#081b10;color:#fff;text-align:left;border-radius:17px;padding:15px;cursor:pointer;display:grid;grid-template-columns:35px 1fr;column-gap:10px;transition:.3s}.journey-control span{grid-row:span 2;width:31px;height:31px;border-radius:10px;background:#102b1b;color:#759080;display:grid;place-items:center;font:900 9px Manrope}.journey-control b{font:800 12px Manrope}.journey-control small{color:#6f8578;font-size:9px}.journey-control:hover,.journey-control.active{border-color:#5b9345;background:linear-gradient(135deg,#0c2b19,#0a2115);transform:translateY(-3px)}.journey-control.active span{background:#b9ed5d;color:#06170d}
.journey-fact{position:relative;z-index:3;margin:18px auto 0;width:min(680px,100%);display:flex;gap:13px;align-items:center;padding:14px 17px;border-radius:15px;background:#eaf7ef;color:#143222;border:1px solid #cfe5d5}.fact-icon{width:36px;height:36px;border-radius:11px;background:#0a7d42;color:#b9ed5d;display:grid;place-items:center}.journey-fact b{font:800 12px Manrope}.journey-fact p{margin:3px 0 0;font-size:10px;color:#5f7468}
@keyframes journeySun{0%,100%{transform:scale(1);box-shadow:0 0 25px #b9ed5d,0 0 100px rgba(185,237,93,.48)}50%{transform:scale(1.08);box-shadow:0 0 35px #f3ffad,0 0 125px rgba(185,237,93,.62)}}@keyframes panelSweep{0%{left:-40px}100%{left:180px}}@keyframes journeyEnergy{0%{left:-5%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:105%;opacity:0}}@keyframes dcac{50%{transform:translateY(3px) scale(1.1);color:#fff}}@keyframes bulb{50%{opacity:.45;text-shadow:0 0 5px #b9ed5d}}
@media(max-width:950px){.journey-heading{grid-template-columns:1fr;gap:15px}.journey-stage{grid-template-columns:1fr 1.2fr;min-height:690px}.journey-beam{display:none}.journey-source{grid-column:1;grid-row:1}.journey-panel{grid-column:2;grid-row:1}.journey-inverter{grid-column:1;grid-row:2}.journey-home{grid-column:2;grid-row:2}.journey-controls{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.journey-section{padding:75px 0}.journey-stage{grid-template-columns:1fr 1fr;min-height:650px;padding:35px 15px 105px}.journey-heading h2{letter-spacing:-2px}.journey-panel-grid{width:140px;height:95px}.journey-sun{width:90px;height:90px}.journey-sun span{font-size:42px}.journey-energy-readout{width:90%;grid-template-columns:auto 1fr auto;gap:8px}.journey-energy-readout strong{font-size:8px}.journey-control{padding:11px;grid-template-columns:30px 1fr}.journey-fact{align-items:flex-start}}

/* ===== NEXT-GENERATION ENERGY DASHBOARD ===== */
.energy-dashboard{background:linear-gradient(180deg,#f5f8f6 0,#edf5ef 100%);overflow:hidden}
.dashboard-shell{position:relative;border-radius:30px;background:#071a10;color:#fff;padding:28px;border:1px solid #1a3827;box-shadow:0 35px 90px rgba(6,35,18,.18);overflow:hidden}
.dashboard-shell:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-230px;top:-280px;background:radial-gradient(circle,rgba(185,237,93,.15),transparent 65%)}
.dashboard-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.dash-status{font-size:8px;letter-spacing:1.5px;color:#9aad9f;font-weight:900}.dash-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3cdb71;margin-right:6px;box-shadow:0 0 10px #3cdb71;animation:livePulse 1.4s infinite}.dashboard-top h3{font:800 21px Manrope;margin:8px 0 0}.dash-date{font-size:9px;color:#7f9588;border:1px solid #1b3828;padding:8px 10px;border-radius:10px}
.dash-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px;margin-top:16px}.dash-main-card,.dash-stat{min-height:210px;border-radius:20px;border:1px solid #183628;background:linear-gradient(145deg,#0b2416,#081b10);padding:20px;position:relative;overflow:hidden}.dash-main-card{grid-row:span 2;min-height:435px}.dash-stat{background:#f8fcf9;color:#071a10;border-color:#dce8df}.dash-stat.dark{background:linear-gradient(145deg,#0b3020,#092117);color:#fff;border-color:#1b4931}.dash-stat.wide{grid-column:2/4;min-height:150px;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:20px}
.dash-card-head{display:flex;align-items:end;gap:6px}.dash-card-head span,.dash-stat>span,.dash-stat>div>span{display:block;font-size:8px;letter-spacing:1.5px;color:#7d9588;font-weight:900}.dash-card-head b{font:900 36px Manrope;color:#b9ed5d;margin-left:auto}.dash-card-head em{font-size:10px;color:#82988b;font-style:normal;margin-bottom:7px}.energy-chart{height:330px;margin-top:18px;position:relative}.energy-chart svg{position:absolute;inset:10px 0 25px;width:100%;height:280px;overflow:visible}.chart-grid{position:absolute;inset:15px 0 45px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{height:1px;background:rgba(255,255,255,.06)}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#b9ed5d;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(185,237,93,.35));stroke-dasharray:1000;stroke-dashoffset:1000;animation:chartDraw 2.5s ease forwards}.chart-point{fill:#b9ed5d;filter:drop-shadow(0 0 7px #b9ed5d);animation:pointPulse 2s infinite}.chart-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:8px;color:#667f71}
.dash-stat>strong{display:block;font:900 30px Manrope;margin-top:13px}.dash-stat>strong b{color:#08783d}.dash-stat.dark>strong b{color:#b9ed5d}.dash-stat small{display:block;color:#7c9185;font-size:9px;margin-top:6px}.mini-ring{position:absolute;right:18px;bottom:18px;width:65px;height:65px;border-radius:50%;background:conic-gradient(#0a8a48 0 82%,#dce9df 82% 100%);display:grid;place-items:center}.mini-ring:after{content:"";position:absolute;width:48px;height:48px;border-radius:50%;background:#f8fcf9}.mini-ring span{position:relative;z-index:2;font:800 10px Manrope;color:#08783d}.leaf-orbit{position:absolute;right:18px;bottom:12px;width:65px;height:65px;border:1px solid #2b5b42;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#b9ed5d;animation:orbitSpin 7s linear infinite}.capacity-bars{position:absolute;right:20px;bottom:25px;display:flex;gap:4px;align-items:end;height:55px}.capacity-bars i{display:block;width:7px;border-radius:5px;background:#b9ed5d}.capacity-bars i:nth-child(1){height:22px}.capacity-bars i:nth-child(2){height:32px}.capacity-bars i:nth-child(3){height:40px}.capacity-bars i:nth-child(4){height:47px}.capacity-bars i:nth-child(5){height:52px}.capacity-bars i:nth-child(6){height:57px}
.mix-bar{height:13px;background:#dfe9e2;border-radius:20px;overflow:hidden;display:flex}.mix-bar i:first-child{background:linear-gradient(90deg,#08783d,#b9ed5d);box-shadow:0 0 15px rgba(185,237,93,.25)}.mix-bar i:last-child{background:#668174}.mix-label{display:flex;justify-content:space-between;font-size:9px;color:#63766c}.mix-label b:first-child{color:#08783d}.dashboard-note{position:relative;z-index:2;margin-top:15px;padding:12px 14px;border:1px solid rgba(185,237,93,.1);border-radius:12px;background:rgba(255,255,255,.025);color:#728a7c;font-size:9px;line-height:1.6}.dashboard-note span{color:#b9ed5d;margin-right:6px}
@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes pointPulse{50%{r:8;opacity:.6}}@keyframes orbitSpin{to{transform:rotate(360deg)}}
@media(max-width:950px){.dash-grid{grid-template-columns:1fr 1fr}.dash-main-card{grid-column:1/-1;grid-row:auto;min-height:390px}.dash-stat.wide{grid-column:1/-1}}
@media(max-width:560px){.dashboard-shell{padding:17px}.dashboard-top{align-items:flex-start}.dash-date{font-size:7px}.dash-grid{grid-template-columns:1fr}.dash-main-card{grid-column:auto;min-height:350px}.dash-stat.wide{grid-column:auto;display:block}.dash-stat.wide .mix-bar{margin:20px 0 8px}.energy-chart{height:270px}.energy-chart svg{height:220px}.dash-card-head b{font-size:29px}}

/* ===== ULTIMATE SOLUTION SELECTOR ===== */
.solution-selector{background:#fff}
.selector-head{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:35px}.selector-head h2{font:900 clamp(38px,4.7vw,61px)/1.02 Manrope;letter-spacing:-3px;margin:14px 0}.selector-head h2 span{color:#08783d}.selector-head>p{color:#6b7d73;font-size:13px;line-height:1.8}
.selector-shell{border:1px solid #dce8df;border-radius:30px;background:#f6faf7;overflow:hidden;box-shadow:0 30px 75px rgba(6,35,18,.10)}
.selector-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dce8df;background:#fff}.selector-tab{border:0;background:transparent;padding:20px;cursor:pointer;text-align:left;display:grid;grid-template-columns:45px 1fr;column-gap:10px;align-items:center;color:#687a70;transition:.3s}.selector-tab>span,.selector-tab:first-letter{font-size:22px}.selector-tab b{font:800 13px Manrope;color:#26382e}.selector-tab small{font-size:9px;grid-column:2;color:#7d8d85}.selector-tab.active{background:#0a2416}.selector-tab.active b{color:#fff}.selector-tab.active small{color:#93a99c}.selector-content{min-height:410px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px;padding:55px}
.selector-visual{height:300px;position:relative;display:grid;place-items:center;border-radius:25px;background:radial-gradient(circle,rgba(185,237,93,.32),rgba(10,125,66,.08) 35%,transparent 68%)}
.selector-ring{position:absolute;border:1px solid rgba(8,120,61,.18);border-radius:50%;animation:selectorOrbit 8s linear infinite}.ring1{width:220px;height:220px}.ring2{width:290px;height:190px;transform:rotate(35deg);animation-direction:reverse}.selector-icon{width:112px;height:112px;border-radius:34px;background:linear-gradient(145deg,#0a8a48,#062b18);color:#b9ed5d;display:grid;place-items:center;font-size:54px;box-shadow:0 25px 60px rgba(8,120,61,.25);position:relative;z-index:2;animation:selectorFloat 3.5s ease-in-out infinite}.selector-orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#b9ed5d;box-shadow:0 0 20px #b9ed5d;animation:dotOrbit 4.5s linear infinite}
.selector-kicker{font-size:9px;font-weight:900;letter-spacing:1.7px;color:#08783d}.selector-info h3{font:900 35px/1.05 Manrope;letter-spacing:-1.5px;margin:10px 0}.selector-info>p{color:#687a70;line-height:1.75;font-size:13px;max-width:620px}.goal-row{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.goal{border:1px solid #d7e4da;background:#fff;border-radius:12px;padding:10px 13px;display:flex;gap:7px;align-items:center;cursor:pointer;color:#687a70}.goal span{width:24px;height:24px;border-radius:8px;background:#eaf7ef;display:grid;place-items:center;color:#08783d;font-weight:900}.goal b{font-size:10px}.goal.active{border-color:#08783d;background:#eaf7ef;color:#071a10}.selector-recommendation{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce8df;padding:13px;border-radius:13px;margin-bottom:16px}.rec-icon{width:29px;height:29px;border-radius:9px;background:#0a7d42;color:#b9ed5d;display:grid;place-items:center;font-weight:900}.selector-recommendation small{display:block;font-size:7px;letter-spacing:1.2px;color:#829389;font-weight:900}.selector-recommendation strong{display:block;font:800 11px Manrope;color:#173326;margin-top:3px}
@keyframes selectorOrbit{to{transform:rotate(360deg)}}@keyframes selectorFloat{50%{transform:translateY(-9px)}}@keyframes dotOrbit{0%{transform:rotate(0deg) translateX(125px) rotate(0deg)}100%{transform:rotate(360deg) translateX(125px) rotate(-360deg)}}
@media(max-width:900px){.selector-head{grid-template-columns:1fr;gap:10px}.selector-content{grid-template-columns:1fr;gap:20px;padding:35px}.selector-visual{height:250px}}
@media(max-width:560px){.selector-tabs{grid-template-columns:1fr}.selector-tab{border-bottom:1px solid #edf2ee}.selector-tab:last-child{border-bottom:0}.selector-info h3{font-size:29px}.selector-content{padding:25px}.selector-visual{height:220px}.ring1{width:170px;height:170px}.ring2{width:220px;height:150px}.selector-icon{width:90px;height:90px;font-size:42px}}

/* ===== FINAL PRODUCTION POLISH ===== */
.ai-context{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-quick-actions{display:none}
@media(max-width:720px){
  body{padding-bottom:62px}
  .mobile-quick-actions{position:fixed;left:10px;right:10px;bottom:10px;height:52px;background:rgba(4,18,10,.94);backdrop-filter:blur(16px);border:1px solid rgba(185,237,93,.18);border-radius:16px;z-index:999;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 15px 40px rgba(0,0,0,.28);overflow:hidden}
  .mobile-quick-actions a{display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900;border-right:1px solid rgba(255,255,255,.08)}
  .mobile-quick-actions a:last-child{border-right:0;color:#b9ed5d}
}