.guide-item > *{min-width:0}
.guide-lab{position:relative;overflow:hidden;isolation:isolate;padding:22px;border:1px solid #52725a;border-radius:14px 42px 14px 14px;background:radial-gradient(ellipse at 75% 25%,#42634666,transparent 62%),#0b302b;color:#f5f5e5;box-shadow:0 24px 55px #173f341a}
.guide-lab::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b9d59a08 1px,transparent 1px),linear-gradient(90deg,#b9d59a08 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.guide-lab-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #b9cb9f38;font-size:12px;line-height:1.6}
.guide-lab-head>span:first-child{display:flex;align-items:center;gap:8px;color:#cfddc3}
.guide-lab-head i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#d6ee99;box-shadow:0 0 14px #d6ee9980}
.guide-lab-head>span:last-child{color:#edb08b;font-size:10px;letter-spacing:1.7px;white-space:nowrap}
.guide-stage{position:relative;aspect-ratio:1.45;margin:10px -12px 0}
.guide-scene{display:block;width:100%;height:100%;overflow:visible}
.guide-float{animation:guide-hover 8s ease-in-out infinite}
.guide-orbit{fill:none;stroke:#a6cb9560;stroke-width:1;stroke-dasharray:4 10;transform-origin:320px 230px;animation:guide-orbit 36s linear infinite}
.guide-orbit-copper{stroke:#edb08b;stroke-width:3;stroke-dasharray:70 460;opacity:.7;animation:guide-current 18s linear infinite}
.guide-wire{fill:none;stroke:#8ea98a;stroke-opacity:.25;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
.guide-current{fill:none;stroke:#d6ee99;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 18;animation:guide-current 4s linear infinite;filter:drop-shadow(0 0 4px #bcec8270)}
.guide-current-ac{stroke:#edb08b;animation-duration:3s}
.guide-sun-halo{fill:#deef9a12;stroke:#deef9a35;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:guide-breathe 5s ease-in-out infinite}
.guide-sun-rays{fill:none;stroke:#edc69c;stroke-width:2;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:guide-spin 48s linear infinite}
.guide-window,.guide-battery-charge{animation:guide-light 3.8s ease-in-out infinite}
.guide-tag{position:absolute;display:flex;align-items:center;gap:7px;max-width:52%;padding:5px 9px;background:#0a2926f2;border:1px solid #b9cb9f38;border-radius:6px;font-size:12px;line-height:1.6;color:#ebefdc;box-shadow:0 8px 20px #001c2526}
.guide-tag b{color:#edb08b;font-size:10px;font-weight:500}
.guide-tag-solar{left:4%;top:16%}.guide-tag-sun{right:2%;top:6%}.guide-tag-inverter{left:0;bottom:23%}.guide-tag-home{right:1%;bottom:8%}
.guide-flow-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:15px 0 0;margin:4px 0 0;border-top:1px solid #b9cb9f38;gap:10px}
.guide-flow-key li{font-size:12px;line-height:1.6;color:#d7e3cc}
.guide-flow-key b{display:block;color:#edb08b;font-size:10px;letter-spacing:1px;font-weight:500;margin-bottom:3px}
.guide-flow-key small{display:block;color:#a4bda5;font-size:11px}
.guide-lab-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;border-top:1px solid #b9cb9f38;padding-top:12px}
.guide-lab-foot>span{font-size:11px;color:#a5bca3;line-height:1.6}
.guide-lab .motion-toggle{color:#d8e7c5;font-size:11px;flex-shrink:0;min-height:36px;padding:5px 0}
.guide-figure-motion figcaption{font-size:12px;line-height:1.8;color:#647e69;align-items:flex-start}
.guide-choice{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border:1px solid #b9cb9f38;border-radius:12px;margin-top:17px;background:#082924}
.js-ready .guide-choice{display:grid}
.guide-choice button{border:0;border-radius:8px;background:none;color:#bfd2b8;padding:9px 4px;min-height:42px;font-size:13px;line-height:1.5;cursor:pointer;transition:background .25s,color .25s}
.guide-choice button[aria-pressed=true]{color:#153d32;background:#dfedb4}
.guide-lab button:focus-visible{outline:3px solid #edb08b;outline-offset:3px}
.guide-system .guide-stage{margin-top:0;aspect-ratio:1.6}
.guide-system [data-battery],.guide-system [data-grid]{transition:opacity .4s}
.guide-system[data-system=on-grid] [data-battery]{opacity:.18}
.guide-system[data-system=on-grid] .guide-battery-wire,.guide-system[data-system=off-grid] .guide-grid-wire{visibility:hidden}
.guide-system[data-system=on-grid] .guide-battery-charge{animation:none}
.guide-system[data-system=off-grid] [data-grid]{opacity:.18}
.guide-system .guide-tag-solar{top:5%;left:4%}
.guide-system .guide-tag-battery{left:0;bottom:10%}
.guide-system .guide-tag-grid{right:0;bottom:10%}
.guide-system .guide-tag-home{right:25%;bottom:0}
.guide-system-copy{padding:14px 0 0;border-top:1px solid #b9cb9f38;min-height:120px}
.guide-system-copy strong,.guide-step-copy strong{display:block;color:#e5f2bf;font-size:15px;font-weight:500;line-height:1.7}
.guide-system-copy p,.guide-step-copy p{font-size:13px;color:#bdd0b6;line-height:1.85;margin:5px 0 0}
.guide-install .guide-stage{aspect-ratio:1.8}
.guide-install .guide-tag-home{bottom:6%;right:4%}
.guide-step-badge{transform-origin:119px 165px;animation:guide-breathe 5s ease-in-out infinite}
.guide-house-panels{opacity:var(--guide-panel-opacity,1);transition:opacity .4s}
.guide-install{--guide-panel-opacity:.18}
.guide-install[data-step="3"]{--guide-panel-opacity:.55}
.guide-install[data-step="5"]{--guide-panel-opacity:1}
.guide-install .guide-install-current{visibility:hidden}
.guide-install[data-step="5"] .guide-install-current{visibility:visible}
.guide-step-track{display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;position:relative;margin:12px 0 17px;isolation:isolate}
.js-ready .guide-step-track{display:grid}
.guide-step-track::before{content:'';position:absolute;left:9%;right:9%;top:18px;height:1px;background:#7a977367;z-index:-1}
.guide-step-track button{background:none;border:0;padding:0;min-height:65px;color:#b6cbb1;font-size:11px;cursor:pointer;line-height:1.5}
.guide-step-track b{display:grid;place-items:center;margin:0 auto 8px;width:36px;height:36px;border:1px solid #718c67;background:#10372f;color:#e5d0b1;border-radius:50%;font-size:12px;font-weight:500;transition:background .25s,box-shadow .25s}
.guide-step-track button[aria-pressed=true]{color:#eef5da}
.guide-step-track button[aria-pressed=true] b{background:#d6ee99;color:#123d35;border-color:#d6ee99;box-shadow:0 0 0 5px #d6ee9913}
.guide-step-copy{border-top:1px solid #b9cb9f38;padding-top:14px;min-height:112px}
.guide-noscript{font-size:13px;color:#bdd0b6;margin-top:14px}
.guide-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.js-ready .guide-lab[data-in-view=false] *{animation-play-state:paused}
@keyframes guide-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes guide-current{to{stroke-dashoffset:-100}}
@keyframes guide-orbit{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes guide-breathe{0%,100%{transform:scale(.97)}50%{transform:scale(1.04)}}
@keyframes guide-spin{to{transform:rotate(360deg)}}
@keyframes guide-light{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:961px){.guide-figure-motion{align-self:center}}
@media(min-width:761px) and (max-width:960px){.guide-lab{max-width:700px;margin-inline:auto}}
@media(max-width:480px){.guide-lab{padding:17px 15px;border-radius:12px 32px 12px 12px}.guide-lab-head{font-size:11px;gap:8px}.guide-lab-head>span:last-child{font-size:8px;letter-spacing:1px}.guide-stage{margin-inline:-8px;aspect-ratio:1.3}.guide-tag{font-size:11px;padding:4px 6px;gap:5px}.guide-tag b{font-size:9px}.guide-flow-key{gap:7px}.guide-flow-key li{font-size:11px}.guide-flow-key small{font-size:10px}.guide-system .guide-stage{aspect-ratio:1.4}.guide-install .guide-stage{aspect-ratio:1.6}.guide-choice button{font-size:12px}.guide-system-copy{min-height:138px}.guide-step-copy{min-height:130px}.guide-system-copy p,.guide-step-copy p{font-size:12px}.guide-step-track{gap:3px}.guide-step-track button{font-size:10px}.guide-lab-foot{gap:8px}.guide-lab-foot>span{font-size:10px}}
@media(max-width:360px){.guide-lab{padding:14px 11px}.guide-lab-head{font-size:10px}.guide-lab-head>span:last-child{font-size:7px}.guide-tag{font-size:10px;gap:4px;padding:3px 5px}.guide-flow-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-flow-key b{display:inline;margin-right:5px}.guide-flow-key small{display:inline;margin-left:4px}.guide-system .guide-tag-home{right:23%}.guide-step-track button{font-size:9px}.guide-step-track b{width:30px;height:30px}.guide-step-track::before{top:15px}.guide-lab-foot{align-items:flex-start;flex-direction:column;gap:3px}.guide-system-copy{min-height:165px}.guide-step-copy{min-height:150px}}
.guide-usage-lab{transition:background-color .6s,border-color .6s}
.guide-usage-lab .guide-stage{aspect-ratio:1.78;margin-top:4px}
.guide-usage-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-usage-sky{right:6%;top:8%}.guide-usage-appliance{left:0;bottom:5%}.guide-usage-grid-label{right:0;bottom:14%}
.guide-usage-grid{opacity:.3;transition:opacity .5s}
.guide-usage-house{transition:filter .5s}
.guide-usage-night,.guide-usage-grid-flow,.guide-usage-band-night{visibility:hidden;opacity:0}
.guide-usage-day,.guide-usage-night,.guide-usage-grid-flow{transition:opacity .5s,visibility .5s}
.guide-usage-stars{animation:guide-light 6s ease-in-out infinite}
.guide-usage-drum{stroke-dasharray:9 7;animation:guide-current 6s linear infinite}
.guide-usage-lab[data-usage=evening]{background-color:#0b1b2d;border-color:#486375;--guide-panel-opacity:.45}
.guide-usage-lab[data-usage=evening] .guide-usage-house{filter:brightness(.8) saturate(.75)}
.guide-usage-lab[data-usage=evening] .guide-usage-day,.guide-usage-lab[data-usage=evening] .guide-usage-band-day{visibility:hidden;opacity:0}
.guide-usage-lab[data-usage=evening] .guide-usage-night,.guide-usage-lab[data-usage=evening] .guide-usage-grid-flow{visibility:visible;opacity:1}
.guide-usage-lab[data-usage=evening] .guide-usage-band-night{visibility:visible;opacity:.08}
.guide-usage-lab[data-usage=evening] .guide-usage-grid{opacity:1}
.guide-usage-lab[data-usage=evening] .guide-usage-load{stroke:#edb08b}
.guide-usage-chart{border-top:1px solid #b9cb9f38;padding-top:13px;margin-top:5px}
.guide-usage-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#d9e6ca;font-size:12px;line-height:1.6}
.guide-usage-chart-head>span:last-child{font-size:10px;color:#9db59f}
.guide-usage-legend{display:flex;gap:17px;flex-wrap:wrap;margin-top:9px;font-size:11px;color:#bbcfb6;line-height:1.5}
.guide-usage-legend span{display:flex;align-items:center;gap:7px}
.guide-usage-legend i{width:18px;display:block;border-top:2px solid #d6ee99}
.guide-usage-legend .guide-usage-load-key{border-color:#edb08b;border-top-style:dashed}
.guide-usage-plot{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}
.guide-usage-chart-glint{stroke-dasharray:5 95;animation:guide-current 8s linear infinite}
.guide-usage-hours{display:flex;justify-content:space-between;gap:5px;font-size:10px;line-height:1.5;color:#a6bca5;margin-top:-8px}
.guide-usage-copy{padding-top:16px;min-height:125px}
.guide-usage-copy strong{display:block;font-size:15px;font-weight:500;line-height:1.7;color:#e5f2bf}
.guide-usage-copy p{font-size:13px;line-height:1.85;color:#bdd0b6;margin:5px 0 0}
@media(max-width:480px){.guide-usage-lab .guide-stage{aspect-ratio:1.65}.guide-usage-sky{right:3%;top:8%}.guide-usage-grid-label{bottom:16%}.guide-usage-chart-head{font-size:11px}.guide-usage-chart-head>span:last-child{font-size:9px}.guide-usage-legend{font-size:10px;gap:14px}.guide-usage-hours{font-size:9px;margin-top:-3px}.guide-usage-copy{min-height:142px}.guide-usage-copy p{font-size:12px}}
@media(max-width:360px){.guide-usage-chart-head{font-size:10px}.guide-usage-copy{min-height:165px}.guide-usage-copy strong{font-size:14px}.guide-usage-lab .guide-stage{aspect-ratio:1.5}.guide-usage-hours{font-size:8px;margin-top:0}}
@media(prefers-reduced-motion:reduce){.guide-lab,.guide-lab *,.guide-lab *::before,.guide-lab *::after{animation:none!important;transition:none!important}}