.energy-section{background:linear-gradient(130deg,#faf5e8,#edf4e9 52%,#e8f2ee);padding-top:58px;padding-bottom:58px}
.energy-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:end;margin-bottom:28px}.energy-heading .section-kicker{display:block;margin-bottom:13px}.energy-heading h2{font:700 clamp(36px,4.2vw,58px)/1.25 'Anek Devanagari','Hind',sans-serif;letter-spacing:-.6px;margin:0;color:#203f30}.energy-heading h2 span{color:#688b62}.energy-heading>p{font:15px/1.9 'Hind',sans-serif;color:#172c21;max-width:470px;margin:0 0 8px}
.energy-experience{border:1px solid #cadbc9;border-radius:25px;background:#ffffff70;box-shadow:0 15px 42px #31523b13;overflow:hidden}.energy-scene{position:relative;aspect-ratio:1200/700;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 15% 20%,#f9e9b999,transparent 42%),linear-gradient(150deg,#f8f9ef,#e7eee4)}
.energy-house-frame{position:absolute;left:4%;bottom:4%;width:75%;z-index:1}.energy-house-photo{display:block;width:100%;height:auto;filter:saturate(.8) brightness(.88);transition:filter 1.7s ease}.energy-house-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.energy-roof-array{filter:drop-shadow(4px 9px 3px #233a3b70)}.energy-window-shade{opacity:.76;transition:opacity 1.6s ease}.energy-window-light{opacity:0;mix-blend-mode:screen;transition:opacity 1.8s ease}
.energy-sun{position:absolute;left:9%;top:8%;width:clamp(40px,7vw,88px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8c6,#f9ce69 55%,#e5a13d);box-shadow:0 0 35px 16px #edc6694d,0 0 80px 35px #edc66922;animation:energySun 3.5s ease-in-out infinite}.energy-sun>span{position:absolute;inset:-20%;border:1px solid #dcb45a44;border-radius:50%}.energy-sun-label{position:absolute;left:7%;top:27%;font-size:12px;font-weight:600;color:#202d20;z-index:3}
.energy-wiring{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.energy-wire-track{fill:none;stroke:#668c6b30;stroke-width:3;stroke-linejoin:round}.energy-flow{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:9 14;opacity:0;transition:opacity .9s ease;animation:energyTravel 1.2s linear infinite}.energy-dc-flow{stroke:#d7a143}.energy-ac-flow{stroke:#58986a}.energy-rays{opacity:.85;stroke-dasharray:10 18;animation:energyTravel 1.4s linear infinite;filter:drop-shadow(0 0 5px #f3d592)}.energy-panel-pulse,.energy-home-pulse{fill:#e2b24f;opacity:0;transition:opacity .7s}.energy-home-pulse{fill:#72ae6e}
.energy-inverter{position:absolute;z-index:3;right:5%;top:27%;width:17%;padding:12px 9px;background:#fffef7f2;border:1px solid #d5dfcd;border-radius:17px;box-shadow:0 12px 30px #21432d19;text-align:center;transition:box-shadow 1.4s,border-color 1.4s}.energy-inverter>span{font-size:13px;font-weight:600;color:#111}.energy-inverter img{display:block;width:74%;height:auto;aspect-ratio:1;object-fit:contain;margin:4px auto}.energy-inverter>b{display:flex;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:500;color:#182d1d}.energy-inverter i,.energy-home-status i{width:6px;height:6px;display:inline-block;background:#b8c4b3;border-radius:50%;transition:background 1s,box-shadow 1s}.energy-wire-label{position:absolute;z-index:3;padding:4px 9px;border-radius:20px;background:#fffdf2eb;font:600 10px 'Hind',sans-serif;color:#273f2c;opacity:0;transition:opacity .8s}.energy-dc-label{left:57%;top:27%}.energy-ac-label{right:13%;top:72%}
.energy-home-status{position:absolute;z-index:3;left:24%;bottom:5%;display:flex;gap:8px;align-items:center;background:#fffdf2f0;border:1px solid #d8e4ce;border-radius:30px;padding:9px 14px;font-size:12px;font-weight:600;color:#314d31;opacity:0;transform:translateY(7px);transition:opacity 1s,transform 1s;box-shadow:0 6px 16px #29432b14}.energy-toggle{position:absolute;z-index:4;right:18px;top:16px;padding:6px 14px;background:#ffffffbc;border:1px solid #bdcfb5;border-radius:22px;font:600 11px 'Hind',sans-serif;color:#203c2d;cursor:pointer}.energy-toggle:focus-visible{outline:3px solid #ca9c50;outline-offset:3px}
.energy-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d4e2d1;background:#fffef7bf}.energy-step{display:flex;gap:10px;padding:20px 15px;position:relative;transition:background 1s}.energy-step+ .energy-step{border-left:1px solid #dce7d6}.energy-step:before{content:'';position:absolute;top:-1px;height:3px;left:0;right:0;background:#8aaa6c;transform:scaleX(0);transform-origin:left;transition:transform 1.2s ease}.energy-step>span{font:600 10px 'Manrope',sans-serif;color:#63875c;flex:none;width:27px;height:27px;border-radius:50%;background:#e6efdf;display:grid;place-items:center}.energy-step strong{font-size:13px;color:#111;font-weight:600}.energy-step p{font:12px/1.6 'Hind',sans-serif;color:#1c3022;margin:3px 0 0}.energy-step.is-current{background:#edf2dc}.energy-step.is-reached:before{transform:scaleX(1)}
.energy-experience[data-energy-phase="2"] .energy-dc-flow,.energy-experience[data-energy-phase="3"] .energy-dc-flow,.energy-experience[data-energy-phase="4"] .energy-dc-flow,.energy-experience[data-energy-phase="2"] .energy-dc-label,.energy-experience[data-energy-phase="3"] .energy-dc-label,.energy-experience[data-energy-phase="4"] .energy-dc-label,.energy-experience[data-energy-phase="2"] .energy-panel-pulse,.energy-experience[data-energy-phase="3"] .energy-panel-pulse,.energy-experience[data-energy-phase="4"] .energy-panel-pulse{opacity:1}
.energy-experience[data-energy-phase="3"] .energy-ac-flow,.energy-experience[data-energy-phase="4"] .energy-ac-flow,.energy-experience[data-energy-phase="3"] .energy-ac-label,.energy-experience[data-energy-phase="4"] .energy-ac-label{opacity:1}
.energy-experience[data-energy-phase="3"] .energy-inverter,.energy-experience[data-energy-phase="4"] .energy-inverter{border-color:#9abc7c;box-shadow:0 0 35px #b4d18b55,0 12px 30px #21432d19}.energy-experience[data-energy-phase="3"] .energy-inverter i,.energy-experience[data-energy-phase="4"] .energy-inverter i,.energy-experience[data-energy-phase="4"] .energy-home-status i{background:#6b9e53;box-shadow:0 0 0 3px #97bd6b25}
.energy-experience[data-energy-phase="4"] .energy-window-shade{opacity:0}.energy-experience[data-energy-phase="4"] .energy-window-light{opacity:.45}.energy-experience[data-energy-phase="4"] .energy-house-photo{filter:saturate(1.05) brightness(1.02)}.energy-experience[data-energy-phase="4"] .energy-home-pulse{opacity:1}.energy-experience[data-energy-phase="4"] .energy-home-status{opacity:1;transform:none}
.energy-experience.is-paused *{animation-play-state:paused!important}
@keyframes energyTravel{to{stroke-dashoffset:-56}}@keyframes energySun{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}
@media(max-width:900px){.energy-heading{gap:5%}.energy-heading>p{font-size:13px}.energy-step{padding:15px 10px;gap:7px}.energy-step strong{font-size:12px}.energy-step p{font-size:11px}.energy-inverter{padding:8px 6px}.energy-inverter>b{font-size:9px}.energy-sun-label{font-size:10px}.energy-home-status{font-size:10px;padding:6px 10px}}
@media(max-width:620px){.energy-heading{grid-template-columns:1fr;gap:13px;margin-bottom:20px}.energy-heading h2{font-size:36px}.energy-heading>p{margin:0}.energy-experience{border-radius:17px}.energy-scene{aspect-ratio:1200/760}.energy-house-frame{width:77%;left:1%;bottom:3%}.energy-inverter{right:3%;width:19%;top:31%;border-radius:10px;padding:5px 3px}.energy-inverter>span{font-size:10px}.energy-inverter>b{font-size:7px;gap:3px}.energy-inverter img{margin:1px auto}.energy-sun{width:37px}.energy-sun-label{font-size:8px;top:29%}.energy-toggle{right:9px;top:9px;font-size:10px;padding:3px 9px}.energy-wire-label{font-size:8px;padding:2px 5px}.energy-dc-label{left:56%;top:25%}.energy-ac-label{top:75%;right:10%}.energy-home-status{font-size:9px;left:20%;bottom:3%;padding:4px 8px;gap:5px}.energy-steps{grid-template-columns:1fr 1fr}.energy-step{padding:13px 10px}.energy-step:nth-child(3){border-left:0}.energy-step:nth-child(n+3){border-top:1px solid #dce7d6}.energy-step strong{font-size:12px}.energy-step p{font-size:11px}.energy-step>span{width:24px;height:24px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.energy-experience *{animation:none!important;transition:none!important}}