.energy-flow-section{padding-block:15px 83px}.energy-flow-section .section-heading{margin-bottom:30px}.energy-flow-section .section-heading h2{max-width:580px}.energy-flow-section .section-heading>p{max-width:390px}.flow-toolbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:16px}.flow-time-controls{display:flex;gap:4px;background:#e9ece5;padding:4px;border-radius:30px}.flow-time-controls button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:26px;font-size:13px;line-height:1.4}.flow-time-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:0 2px 6px #14242914}.flow-time-controls button>span:first-child{font-size:21px;line-height:1}.flow-battery-control{display:flex;align-items:center;gap:11px;min-height:44px;font-size:13px;cursor:pointer;line-height:1.5}.flow-battery-control input{width:19px;height:19px;margin:0;accent-color:var(--green);flex:0 0 auto}.flow-pause{margin-inline-start:auto;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;min-height:44px;max-width:180px;text-align:end}.flow-canvas{position:relative;height:365px;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#f1e5c946,transparent 63%);transition:background .4s}.flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.flow-lines-mobile{display:none}.flow-wire{fill:none;stroke:#bd871f;stroke-width:2.8;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:8 13;animation:flow-current 1.55s linear infinite;transition:stroke .3s,opacity .3s}.flow-node{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;transform:translate(-50%,-50%);width:180px;min-height:118px;padding:17px 14px;background:var(--paper);border:1px solid #c5cdc4;box-shadow:0 5px 20px #14242906;border-radius:10px;transition:border-color .2s,box-shadow .2s,opacity .3s;color:var(--ink)}.flow-node-solar{left:16%;top:27%}.flow-node-inverter{left:50%;top:27%}.flow-node-home{left:84%;top:27%}.flow-node-battery{left:50%;top:81%}.flow-node svg{width:38px;height:40px;color:var(--green)}.flow-node strong{font-size:13px;line-height:1.5;font-weight:650;text-align:center}.flow-node:hover,.flow-node[aria-pressed=true]{border-color:#9b6a0f;box-shadow:0 0 0 2px #d3a54f35,0 5px 20px #14242906}.flow-node[aria-pressed=true] svg{color:#8d6217}.flow-summary{font-size:13px;color:var(--muted);line-height:1.8;max-width:830px;margin-block:1px 27px}.flow-information{display:grid;grid-template-columns:1fr auto;gap:35px;padding:28px 32px;background:#e9ede6;border-radius:5px;align-items:center;min-height:138px}.flow-information .eyebrow{font-size:10px;line-height:1.5;margin-bottom:11px;color:var(--green)}.flow-information p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:770px}.flow-information .text-link{font-size:13px;gap:22px;flex-shrink:0}.flow-paused .flow-wire{animation-play-state:paused}[data-flow-mode=night] .flow-wire-home,[data-flow-mode=night] .flow-wire-battery{stroke:#386e98}[data-flow-mode=night] .flow-wire-battery{animation-direction:reverse}[data-flow-mode=night] .flow-wire-solar{animation:none;stroke:#a9b4b1;stroke-dasharray:3 8;opacity:.35}[data-flow-mode=night] .flow-node-solar{opacity:.65}[data-flow-mode=night] .flow-node[aria-pressed=true]{border-color:#386e98;box-shadow:0 0 0 2px #386e9826}[data-flow-mode=night] .flow-node[aria-pressed=true] svg{color:#386e98}[data-battery=false] .flow-wire-battery{animation:none;opacity:.18;stroke:#a9b4b1}[data-battery=false] .flow-node-battery{opacity:.6}[data-flow-mode=night][data-battery=false] .flow-wire-home{animation:none;opacity:.18;stroke:#a9b4b1}@keyframes flow-current{from{stroke-dashoffset:0}to{stroke-dashoffset:-42}}
@media(max-width:940px){.flow-node{width:155px}.flow-node strong{font-size:12px}.flow-information{grid-template-columns:1fr;gap:14px}.flow-information .text-link{justify-self:start}.flow-toolbar{gap:15px}.flow-pause{margin-inline-start:0}.flow-canvas{height:355px}}
@media(max-width:680px){.energy-flow-section{padding-block:0 65px}.energy-flow-section .section-heading h2{font-size:32px}.energy-flow-section .section-heading>p{font-size:13px;line-height:1.75}.flow-toolbar{gap:12px 16px;padding-block:14px}.flow-time-controls{width:100%;justify-content:center}.flow-time-controls button{flex:1;justify-content:center;font-size:13px;padding-inline:9px;min-height:46px}.flow-battery-control{font-size:12px;flex:1;min-width:0}.flow-pause{font-size:12px;max-width:110px;margin-inline-start:auto}.flow-canvas{height:475px}.flow-lines-desktop{display:none}.flow-lines-mobile{display:block}.flow-node{width:43%;max-width:165px;min-height:123px;padding:15px 9px;gap:13px}.flow-node-solar{left:25%;top:26%}.flow-node-inverter{left:75%;top:26%}.flow-node-home{left:75%;top:74%}.flow-node-battery{left:25%;top:74%}.flow-node strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.flow-node svg{width:34px;height:37px}.flow-summary{font-size:13px;line-height:1.8;margin-block:0 22px}.flow-information{padding:24px 22px;gap:15px;min-height:210px}.flow-information p:not(.eyebrow){font-size:14px;line-height:1.75}.flow-information .text-link{font-size:13px}.flow-information .eyebrow{font-size:11px}.flow-wire{stroke-width:2.6}.flow-battery-control input{width:20px;height:20px}}
@media(max-width:360px){.flow-node{min-height:130px;width:44%;padding-inline:8px}.flow-canvas{height:475px}.flow-node strong{font-size:12px}.flow-information{padding-inline:20px}.flow-pause{max-width:100px}}
@media(prefers-reduced-motion:reduce){.flow-wire{animation:none;stroke-dasharray:none}.flow-node,.flow-canvas{transition:none}}