/* A continuous page section: local light field, stable layers, direct controls. */
.eco-section{position:relative;isolation:isolate;overflow:clip;background:#030d10;color:#f2faf5;--eco-sub:#b7c6c6;--eco-line:#bceacf25;--eco-glass:#061919ba;--eco-highlight:#86d7a9}
.eco-inner{position:relative;max-width:1248px;margin:auto;padding:82px 48px 54px;z-index:1}.eco-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 32%,#17392e 0,#05151a 40%,#030a0e 78%)}.eco-aura{position:absolute;width:75%;height:60%;left:12.5%;top:10%;border-radius:50%;background:radial-gradient(ellipse,#67d99218 0,#00a6510b 36%,transparent 65%);animation:eco-breathe 12s ease-in-out infinite;animation-play-state:paused}.eco-strands{position:absolute;top:-2%;left:0;width:100%;height:85%;min-height:650px;fill:none;stroke:url(#eco-light);stroke-width:1;overflow:visible}.eco-fibres{opacity:.23}.eco-fibres path:nth-child(3n){opacity:.6;stroke-width:1.4}.eco-current{stroke-width:1.6;stroke-dasharray:28 680;opacity:.38;animation:eco-flow 16s linear infinite;animation-play-state:paused}.eco-current path:nth-child(even){stroke-dashoffset:320}.eco-veil{position:absolute;inset:0;background:linear-gradient(180deg,#030d1055 0%,#030d1000 25%,#030d1050 55%,#030d10 100%)}.eco-section.is-visible .eco-aura,.eco-section.is-visible .eco-current{animation-play-state:running}.motion-paused .eco-aura,.motion-paused .eco-current,body:not(.tab-visible) .eco-aura,body:not(.tab-visible) .eco-current{animation-play-state:paused!important}@keyframes eco-flow{to{stroke-dashoffset:-1416}}@keyframes eco-breathe{50%{transform:scale(1.1);opacity:.5}}
.eco-heading{text-align:center;position:relative;max-width:800px;margin:auto}.eco-heading .eyebrow{color:var(--eco-highlight);font-size:.75rem;letter-spacing:.17em;margin-bottom:22px}.eco-heading h2{font-size:clamp(3.2rem,5.2vw,4.75rem);font-weight:500;line-height:1.07;letter-spacing:-.05em;text-wrap:balance}.eco-heading h2>span{display:block;color:#c3f3d6}.eco-heading>p:last-child{color:var(--eco-sub);font-size:1.0625rem;line-height:1.6;margin-top:22px}.eco-explorer{margin-top:38px}.eco-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px 12px}.eco-toolbar>p{font-size:.8125rem;color:var(--eco-sub)}.eco-motion{min-height:44px;font-size:.75rem;border:1px solid #a5cbb22e;color:#cfdfd7;border-radius:50px;padding:8px 16px;background:#06161080}.eco-motion:hover{border-color:#7fe5aa88}.eco-motion:disabled{opacity:.7;cursor:default}.eco-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#05171cb0;padding:7px;border-radius:18px;border:1px solid var(--eco-line);margin-bottom:14px;backdrop-filter:blur(18px)}.eco-tabs button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:60px;padding:14px 18px;color:#b3c4c3;font-size:.875rem;line-height:1.4;text-align:left;border-radius:12px;transition:color .22s,background .22s;isolation:isolate}.eco-tab-number{font-size:.6875rem;letter-spacing:.08em;color:#8daf9f}.eco-tabs button:hover{color:#fff;background:#ffffff06}.eco-tabs button[aria-selected=true]{color:#f4fff8;background:linear-gradient(90deg,#bffbdc1f,#b8ddfa08),linear-gradient(180deg,#c9fbd710,#0b1e19aa);box-shadow:inset 0 1px 0 #d5ffe845,0 3px 20px #0002}.eco-tabs button[aria-selected=true]:before{content:'';position:absolute;inset:0;border:1px solid #a4f0c455;border-radius:inherit;pointer-events:none}.eco-tabs button[aria-selected=true] .eco-tab-number{color:var(--nexa-green)}
.eco-console{display:grid;grid-template-columns:.9fr 1.1fr;position:relative;border:1px solid var(--eco-line);border-radius:22px;overflow:hidden;background:linear-gradient(115deg,#ffffff08 0%,transparent 52%),var(--eco-glass);backdrop-filter:blur(20px);box-shadow:0 22px 65px #0003,inset 0 1px 0 #e2ffef12;min-width:0}.eco-console:before{content:'';position:absolute;left:7%;right:7%;top:0;height:1px;background:linear-gradient(90deg,transparent,#b9eccc80,#a4d4f344,transparent);pointer-events:none}.eco-copy-stack{display:block;min-width:0;padding:34px 32px 28px}.eco-copy-panel{position:relative;padding-bottom:28px}.eco-kicker{display:flex;align-items:center;gap:9px;font-size:.75rem;color:var(--eco-highlight);letter-spacing:.035em;margin-bottom:18px}.eco-kicker .icon{width:18px;height:18px}.eco-copy-panel h3{font-size:clamp(1.8rem,2.4vw,2.25rem);font-weight:500;line-height:1.17;letter-spacing:-.04em;text-wrap:balance;max-width:390px}.eco-copy-panel>p{font-size:1rem;color:var(--eco-sub);line-height:1.7;max-width:410px;margin-top:18px}.eco-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:27px 0 20px;padding-top:22px;border-top:1px solid var(--eco-line)}.eco-stats>div{display:flex;flex-direction:column;gap:7px;min-width:0}.eco-stats dt{font-size:.75rem;color:#a2bbb0;order:2}.eco-stats dd{overflow-wrap:anywhere;margin:0;font-size:1.45rem;font-weight:500;letter-spacing:-.035em;line-height:1.3}.eco-panel-counter{display:flex;align-items:center;gap:9px;color:#88a899;font-size:.6875rem;letter-spacing:.08em;position:absolute;bottom:0}.eco-panel-counter i{display:inline-block;width:35px;height:1px;background:#6aa58266}.js-ready .eco-copy-stack{display:grid}.js-ready .eco-copy-panel{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(5px);pointer-events:none;transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s}.js-ready .eco-copy-panel.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .3s ease,transform .3s ease,visibility 0s}
.eco-visual{display:flex;flex-direction:column;justify-content:center;min-width:0;align-self:stretch;position:relative;padding:26px 20px 20px;border-left:1px solid #c2efdc12;background:radial-gradient(ellipse at 60% 55%,#1c473136,transparent 65%)}.eco-visual-top{display:flex;justify-content:space-between;gap:16px;margin:0 8px;font-size:.625rem;letter-spacing:.12em;color:#9cbcad}.eco-visual-top span:last-child{font-size:.6875rem;letter-spacing:0;color:#91a59c}.eco-house-scene{width:100%;aspect-ratio:1.5;position:relative;margin:8px 0;isolation:isolate}.eco-house{position:absolute;inset:0;pointer-events:none;transition:opacity .4s ease}.eco-house img{display:block;width:100%;height:100%;object-fit:contain}.eco-intact{opacity:1}.eco-exploded{opacity:0}.eco-console[data-phase="1"] .eco-intact,.eco-console[data-phase="2"] .eco-intact{opacity:0}.eco-console[data-phase="1"] .eco-exploded,.eco-console[data-phase="2"] .eco-exploded{opacity:1}.eco-house-scene>.energy-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.eco-house-scene .power-track{stroke:#00a651;opacity:.3;stroke-width:1}.eco-house-scene .power-line{stroke:#57c98c;stroke-width:2;opacity:.5;stroke-dasharray:6 17;filter:none;animation:flow 4s linear infinite;animation-play-state:paused;transition:opacity .3s,stroke-width .3s}.eco-house-scene .power-arrow{stroke:#b1faca;stroke-width:1.8;opacity:.6}.eco-house-scene .power-core{fill:#b1faca;opacity:.6}.eco-house-scene .data-line{stroke:#b8d6ca;stroke-width:1.5;stroke-dasharray:3 10;opacity:0;transition:opacity .3s}.eco-section.is-visible .power-line{animation-play-state:running}.eco-console[data-phase="1"] .solar-line,.eco-console[data-phase="1"] .battery-line,.eco-console[data-phase="2"] .heat-line,.eco-console[data-phase="2"] .ev-line{opacity:1;stroke-width:3}.eco-console[data-phase="3"] .data-line{opacity:.9}.eco-console[data-phase="3"] .power-line{opacity:.14}.eco-home-label{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #81d4aa55;border-radius:40px;background:#041c16ed;box-shadow:0 4px 18px #0003;white-space:nowrap;font-size:.625rem;letter-spacing:.08em;color:#bfe8cd}.eco-home-label>.icon{width:16px;height:16px}.eco-console[data-phase="3"] .eco-home-label{border-color:#8bddfa99;color:#e0f6ff;background:#092630}.eco-visual-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.6875rem;color:#a2bcb0;margin-top:auto}.eco-visual-caption .line-sample{width:17px}.eco-visual-caption .line-sample.data{margin-left:10px}
.eco-device-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--eco-line);background:#01120d55;gap:1px}.eco-device{display:flex;align-items:center;gap:10px;min-height:78px;padding:16px 18px;text-align:left;color:#a6c2b4;border-right:1px solid #b8e8cd17;transition:background .24s,color .24s}.eco-device:last-child{border-right:0}.eco-device>.icon:first-child{width:20px;height:20px;color:#80c49b}.eco-device>.icon:last-child{width:13px;height:13px;color:#8cb09b;margin-left:auto;flex-shrink:0}.eco-device strong{display:block;font-size:.8125rem;font-weight:500;line-height:1.45}.eco-device small{display:block;font-size:.75rem;color:#9cb4a8;margin-top:3px}.eco-device:hover{background:#95efb718;color:#fff}.eco-console[data-phase="0"] .eco-device,.eco-console[data-phase="1"] .eco-device-solar,.eco-console[data-phase="1"] .eco-device-battery,.eco-console[data-phase="2"] .eco-device-heat,.eco-console[data-phase="2"] .eco-device-ev,.eco-console[data-phase="3"] .eco-device-os{background:#69d9950c;color:#effcf4}.eco-console[data-phase="1"] .eco-device-solar>.icon:first-child,.eco-console[data-phase="1"] .eco-device-battery>.icon:first-child,.eco-console[data-phase="2"] .eco-device-heat>.icon:first-child,.eco-console[data-phase="2"] .eco-device-ev>.icon:first-child,.eco-console[data-phase="3"] .eco-device-os>.icon:first-child{color:var(--nexa-green)}
.eco-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 4px 26px}.eco-footer p{color:#cadcd2;font-size:.8125rem}.eco-footer>span{color:#93ada0;font-size:.75rem;line-height:1.5;text-align:right}.eco-balance{display:flex;gap:22px;align-items:center;border-top:1px solid var(--eco-line);padding:25px 4px 0}.eco-supply{min-width:130px}.eco-balance strong{display:block;font-size:1.5rem;font-weight:450;letter-spacing:-.03em;line-height:1.4;margin-top:4px;color:#c7ddd0}.eco-supply strong{color:var(--eco-highlight)}.eco-balance small{font-size:.75rem;font-weight:400;color:#92afa1}.eco-balance span{font-size:.75rem;color:#9db4a8}.eco-balance .eco-equals{font-size:1.3rem;color:#578f6e;padding-right:20px}.eco-destinations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;flex:1;min-width:0}.eco-destinations>div{min-width:0}
html:not(.js-ready) .eco-tabs,html:not(.js-ready) .eco-toolbar,html:not(.js-ready) .eco-device-list{display:none}html:not(.js-ready) .eco-console{display:block}html:not(.js-ready) .eco-copy-panel{border-bottom:1px solid var(--eco-line);padding:25px 0 50px;margin-bottom:25px}html:not(.js-ready) .eco-visual{max-width:600px;margin:auto}
@media(max-width:1100px){.eco-inner{padding:70px 32px 48px}.eco-copy-stack{padding:28px 26px}.eco-tabs button{padding:12px;gap:10px}.eco-device{padding:14px 12px;gap:8px}.eco-device>.icon:last-child{display:none}.eco-stats dd{font-size:1.3rem}.eco-visual{padding-inline:12px}.eco-balance{gap:16px}.eco-supply{min-width:100px}.eco-balance .eco-equals{padding-right:10px}}
@media(max-width:767px){.eco-inner{padding:64px 20px 40px}.eco-heading .eyebrow{font-size:.625rem;letter-spacing:.12em;margin-bottom:20px}.eco-heading h2{font-size:clamp(2.5rem,10.8vw,3.5rem);line-height:1.1}.eco-heading>p:last-child{font-size:1rem;max-width:310px;margin:20px auto 0}.eco-explorer{margin-top:30px}.eco-toolbar{align-items:center;gap:10px;padding-bottom:14px}.eco-toolbar>p{font-size:.75rem;max-width:190px}.eco-motion{font-size:.6875rem;padding:8px 12px}.eco-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:5px;border-radius:16px}.eco-tabs button{font-size:.8125rem;min-height:55px;padding:10px 11px;gap:8px;border-radius:10px}.eco-tab-number{font-size:.625rem}.eco-console{grid-template-columns:1fr;border-radius:20px}.eco-copy-stack{padding:26px 22px 24px}.eco-copy-panel h3{font-size:1.9rem;line-height:1.17;max-width:430px}.eco-copy-panel>p{font-size:1rem;line-height:1.65;margin-top:17px}.eco-kicker{margin-bottom:17px;font-size:.75rem}.eco-stats{margin-top:23px;padding-top:18px;gap:14px}.eco-stats dd{font-size:1.35rem}.eco-stats dt{font-size:.75rem}.eco-visual{border-left:0;border-top:1px solid var(--eco-line);padding:22px 15px 24px}.eco-visual-top{margin-inline:5px}.eco-house-scene{max-width:520px;margin:7px auto}.eco-visual-caption{font-size:.6875rem;margin-top:2px}.eco-device-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.eco-device{min-height:76px;padding:14px 15px;border-bottom:1px solid #b8e8cd17}.eco-device:nth-child(even){border-right:0}.eco-device:last-child{grid-column:1/-1;border-bottom:0;min-height:66px}.eco-device>.icon:last-child{display:block}.eco-device strong{font-size:.8125rem}.eco-device small{font-size:.75rem}.eco-footer{display:block;margin:20px 2px 22px}.eco-footer p{font-size:.8125rem}.eco-footer>span{display:block;font-size:.6875rem;text-align:left;margin-top:9px}.eco-balance{flex-wrap:wrap;gap:17px;padding-top:22px}.eco-supply{min-width:0}.eco-balance strong{font-size:1.5rem}.eco-destinations{flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 14px}.eco-destinations strong{font-size:1.25rem}.eco-balance span{font-size:.75rem}.eco-strands{min-height:780px;height:55%;top:-5%;opacity:.75}.eco-aura{top:8%;width:180%;left:-40%;height:35%}.eco-veil{background:linear-gradient(#030d1022,#030d1033 28%,#030d10 60%)}.eco-console{backdrop-filter:blur(12px)}}
.large-type .eco-console{grid-template-columns:1fr}.large-type .eco-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.large-type .eco-visual{border-left:0;border-top:1px solid var(--eco-line);max-width:700px;width:100%;margin:auto}.large-type .eco-device-list{grid-template-columns:repeat(2,minmax(0,1fr))}.large-type .eco-device:last-child{grid-column:1/-1}.large-type .eco-footer,.large-type .eco-toolbar{flex-wrap:wrap}.large-type .eco-balance{flex-wrap:wrap}.large-type .eco-destinations{flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(prefers-reduced-motion:reduce){.eco-section *,.eco-section *:before{animation:none!important;transition:none!important}.eco-aura{transform:none}.eco-exploded{opacity:0}.eco-console[data-phase="1"] .eco-exploded,.eco-console[data-phase="2"] .eco-exploded{opacity:1}}