.well-section{--well-green:var(--green);--well-line:var(--line);background:var(--mineral);border-bottom:1px solid var(--well-line);padding-block:96px 64px;scroll-margin-top:150px}.well-layout{grid-template-columns:minmax(0,.34fr) minmax(0,.63fr);align-items:center;gap:3%;display:grid}.well-copy h2{margin-bottom:32px;font-size:48px;line-height:1.17}.well-copy .eyebrow{color:var(--text-label);margin-bottom:32px}.well-copy h2 em{color:var(--green)}.well-copy>p:not(.eyebrow){max-width:38ch;color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.75}.well-copy>p:last-child{margin-bottom:0}.well-diagram{min-width:0;font-family:var(--sans);margin:0;container:well-diagram/inline-size}.well-diagram-stage{aspect-ratio:2;position:relative}.well-diagram-art{width:100%;height:auto;display:block;overflow:visible}.well-art-route,.well-art-arrows path{fill:none;stroke:var(--green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.well-art-return{stroke:#aab5ba}.well-art-arrows path:nth-child(2){stroke:#8b989e}.well-tank{stroke:#64776a;stroke-width:1.25px}[data-well-tank=return] .well-tank{stroke:#849199}.well-island{pointer-events:none;mix-blend-mode:multiply;height:auto;position:absolute}.well-island-solar{width:29.876%;top:27.96%;left:5.637%}.well-island-site{width:25.48%;top:32.47%;left:68.77%}.well-diagram-labels{color:var(--text-primary);line-height:1.4}.well-diagram-labels>span{text-align:center;position:absolute}.well-route-label{white-space:nowrap;font-size:clamp(11px,1.8cqw,14px);left:55%;transform:translate(-50%)}.well-route-outbound{top:3%}.well-route-return{color:var(--muted);top:85%}.well-station-label{font-size:clamp(10px,1.5cqw,12px);font-weight:var(--type-weight-label);letter-spacing:0;text-transform:uppercase;top:59%}.well-recharge{left:23%}.well-site{right:19%}.well-diagram-center{width:32%;top:42%;left:52%;transform:translate(-50%)}.well-diagram-center strong{font-size:clamp(18px,4cqw,34px);font-weight:var(--type-weight-display);line-height:1.25;display:block}.well-diagram-center>span{font-size:clamp(10px,2cqw,17px);font-weight:var(--type-weight-display);margin-top:5px;display:block}.well-diagram-labels .well-renewable-label{text-align:left;font-size:clamp(10px,1.6cqw,13px);top:16%;left:3%}.well-diagram-labels .well-power-label{text-align:right;font-size:clamp(10px,1.5cqw,12px);top:59%;right:0}.well-diagram figcaption{color:var(--text-secondary);text-align:right;letter-spacing:0;margin-top:32px;font-size:11px;line-height:20px}.well-steps{border-top:1px solid var(--well-line);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;margin:64px 0 0;padding:32px 0 0;list-style:none;display:grid}.well-steps li{min-width:0}.well-step-number{color:var(--text-secondary);letter-spacing:.06em;font-size:11px;font-weight:var(--type-weight-label);font-variant-numeric:tabular-nums}@media (max-width:1199px){.well-copy h2{font-size:40px}.well-copy>p:not(.eyebrow){font-size:16px}}@media (max-width:980px){.well-section{padding-block:64px}.well-layout{grid-template-columns:minmax(0,1fr);gap:48px}.well-copy h2{font-size:48px}.well-copy>p:not(.eyebrow){max-width:48ch}.well-diagram{width:100%;max-width:800px;margin-inline:auto}.well-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}}@media (max-width:600px){.well-section{padding-block:64px 48px;scroll-margin-top:120px}.well-copy h2{margin-bottom:24px;font-size:40px}.well-copy .eyebrow{margin-bottom:24px}.well-layout{gap:48px}.well-steps{gap:12px}}@container well-diagram (max-width:600px){.well-diagram-stage{margin-bottom:38px}.well-route-outbound{top:-5%}.well-route-return{top:86%}.well-recharge{left:7%}.well-site{right:9%}.well-diagram-center{top:36%}.well-diagram-center>span{margin-top:2px;line-height:1.3}.well-diagram-labels .well-renewable-label{top:10%;left:0}.well-diagram-labels .well-power-label{font-size:11px;top:101%;right:0}.well-diagram figcaption{margin-top:24px;font-size:10px}}@media (max-width:380px){.well-copy h2{font-size:36px}}
.well-cycle{--well-progress:0;--well-flow-color:var(--green)}.well-cycle[data-phase="3"]{--well-flow-color:var(--text-secondary)}.well-animation{min-width:0;position:relative}.well-art-activity{pointer-events:none;color:var(--well-flow-color)}.well-flow-trace{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--well-progress))}.well-station-activity{aspect-ratio:2;pointer-events:none;width:100%;height:auto;color:var(--green);position:absolute;inset:0}.well-charge-activity,.well-deliver-activity{visibility:hidden}.well-cycle[data-phase="0"] .well-charge-activity,.well-cycle[data-phase="2"] .well-deliver-activity{visibility:visible}.well-panel-energy{fill:#c5dbbd;stroke:#e4eddf;stroke-width:3px;opacity:clamp(.08, calc(var(--well-progress) * 1.65 - var(--well-order) * .13), .62)}.well-panel-sweep{transform:translateX(calc(var(--well-progress) * 1250px))}.well-window-energy{fill:#e4d5ab;opacity:clamp(.04, calc(var(--well-progress) * 1.6 - var(--well-order) * .14), .74)}.well-station-rim{fill:none;stroke:var(--green);stroke-width:10px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--well-progress))}.well-electric-stream{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-dasharray:12 14;stroke-dashoffset:calc(var(--well-progress) * -156)}.well-energy-packets{fill:#708c70;stroke:var(--mineral);stroke-width:2px}.well-power-wave{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round}.well-cycle[data-phase="0"] :is(.well-renewable-label,.well-recharge),.well-cycle[data-phase="1"] .well-route-outbound,.well-cycle[data-phase="2"] :is(.well-site,.well-power-label),.well-cycle[data-phase="3"] .well-route-return{color:var(--text-primary);text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--well-flow-color);text-decoration-color:var(--well-flow-color)}.well-playback{min-height:44px;color:var(--text-secondary);font:inherit;font-size:12px;font-weight:var(--type-weight-label);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px;display:inline-flex;position:absolute;bottom:-12px;left:0}.well-playback svg{stroke-width:1.5px;width:14px;height:14px}.well-playback:hover{color:var(--text-primary);background:var(--concrete)}.well-step-control{isolation:isolate;border:1px solid var(--line);text-align:left;width:100%;height:100%;min-height:198px;color:var(--text-primary);font:inherit;cursor:pointer;background:#ffffff2e;border-radius:8px;flex-direction:column;align-items:stretch;padding:24px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;position:relative;overflow:hidden}.well-step-meta{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.well-step-icon{width:19px;height:19px;color:var(--text-secondary);stroke-width:1.4px;transition:color .3s}.well-step-title{font-size:26px;font-weight:var(--type-weight-display);margin-bottom:10px;line-height:1.15;display:block}.well-step-description{max-width:25ch;color:var(--text-secondary);text-wrap:pretty;font-size:14px;line-height:1.6;display:block}.well-step-control:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--green) 16%, transparent) 0%, color-mix(in srgb, var(--green) 16%, transparent) 85%, color-mix(in srgb, var(--green) 5%, transparent) 100%);opacity:0;transform-origin:0;pointer-events:none;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .22s;position:absolute;inset:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.well-step-control:hover:before{opacity:.45;transform:scaleX(1)}.well-step-control:hover{border-color:color-mix(in srgb, var(--green) 40%, transparent)}}.well-step-control:focus-visible:before{opacity:.45;transform:scaleX(1)}.well-steps li[data-active=true] .well-step-control:before{transform:scaleX(var(--well-progress));opacity:1;transition:opacity .22s}.well-steps li[data-active=true] .well-step-control{border-color:color-mix(in srgb, var(--green) 55%, transparent)}.well-steps li[data-active=true] .well-step-icon{color:var(--green)}.well-step-control:active{transform:scale(.965)}.well-steps li[data-active=true] .well-step-title,.well-steps li[data-active=true] .well-step-number{color:var(--text-primary)}.well-step-control:focus-visible,.well-playback:focus-visible{outline:2px solid var(--well-green);outline-offset:6px}@media (max-width:980px){.well-animation{width:100%;max-width:800px;margin-inline:auto}}@media (max-width:600px){.well-step-control{min-height:200px;padding:20px 18px}.well-step-title{font-size:24px}.well-step-meta{margin-bottom:24px}}@media (max-width:380px){.well-step-control{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.well-step-control,.well-step-icon,.well-step-control:before,.well-steps li[data-active=true] .well-step-control:before{transition:none}.well-step-control:active{transform:none}.well-energy-packets,.well-panel-sweep{display:none}}