.solar-scene--architectural{background:radial-gradient(ellipse at 75% 16%,#53665250,transparent 52%),linear-gradient(145deg,#173b3e,#0d262c 74%);border:1px solid #637c7159;border-radius:16px;padding:26px 27px 23px;min-height:0;box-shadow:0 25px 60px #09282d18;color:#f5f0e2;transition:background .7s}.solar-scene--architectural .scene-top{align-items:center;gap:15px;font-size:8px;letter-spacing:.15em;line-height:1.65;color:#c5cfc0}.solar-scene--architectural .scene-live{border:1px solid #cdb78540;border-radius:30px;padding:5px 9px;white-space:nowrap;color:#edcf92;font-size:8px;letter-spacing:.07em;flex-shrink:0}.scene-architecture{position:relative;margin:12px -13px 8px;isolation:isolate}.scene-architecture:before{content:"";position:absolute;inset:6% 0 8%;border-radius:50%;background:radial-gradient(ellipse at 55% 40%,#b3bf8420,transparent 66%);z-index:-1;transition:opacity .8s}.scene-property{margin:0;position:relative;z-index:1;pointer-events:none}.scene-property img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 13px 15px #00191d45);transition:filter .9s ease}.scene-atmosphere{position:absolute;inset:0;pointer-events:none}.solar-scene--architectural .scene-sun{left:auto;right:8%;top:8px;width:21px;height:21px;background:#edce8e;box-shadow:0 0 0 9px #edce8e05,0 0 33px #edce8e30;animation:scene-beacon 6s ease-in-out infinite}.scene-atmosphere>i{position:absolute;width:2px;height:2px;border-radius:50%;background:#c3d6db;opacity:0;transition:opacity .8s;box-shadow:0 0 5px #b3d6dc}.scene-atmosphere>i:nth-of-type(1){left:12%;top:11%}.scene-atmosphere>i:nth-of-type(2){left:41%;top:4%}.scene-atmosphere>i:nth-of-type(3){right:4%;top:22%}.scene-atmosphere>i:nth-of-type(4){left:4%;top:34%}.scene-condition{display:block;margin:6px 13px 0;border-bottom:1px solid #ccd6c118;padding:0 0 14px;font-size:8px;letter-spacing:.14em;color:#c3d0bd}.scene-condition:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#e3c582;box-shadow:0 0 0 4px #e3c5820b;margin:0 9px 1px 1px;transition:background .5s}.solar-scene--architectural .scene-energy{margin:0;min-height:135px;max-width:none;padding:13px 4px 58px;align-items:flex-start}.solar-scene--architectural .energy-node{gap:5px;min-width:70px;opacity:1;transition:opacity .55s}.solar-scene--architectural .node-symbol{display:grid;place-items:center;width:37px;height:37px;border:1px solid #c7cfb833;background:#c7cfb808;border-radius:11px;transition:background .6s,border-color .6s}.solar-scene--architectural .energy-node .icon{width:20px;height:20px;color:#e9cc91}.solar-scene--architectural .energy-node b{font:400 11px/1.4 Outfit,sans-serif;letter-spacing:.02em;color:#f0eddf}.solar-scene--architectural .energy-node small{font:400 8px/1.45 Manrope,sans-serif;letter-spacing:0;color:#b7c8b7;max-width:100px}.solar-scene--architectural .flow-track{margin:18px 0 0;height:1px;max-width:none;min-width:10px;background:#c6d7b73b}.solar-scene--architectural .flow-track:after{height:1px;background:linear-gradient(90deg,transparent,#f7d58c,transparent);width:35px;animation-duration:2.8s}.solar-scene--architectural .node-grid,.solar-scene--architectural .node-battery{top:99px;display:flex;align-items:center;gap:9px;min-width:100px;justify-items:start;border:1px solid #bdcbb322;border-radius:9px;padding:8px 10px;background:#e6e9d904}.solar-scene--architectural .node-battery{left:4px}.solar-scene--architectural .node-grid{right:4px}.solar-scene--architectural .node-grid>span:last-child,.solar-scene--architectural .node-battery>span:last-child{display:grid;gap:2px}.solar-scene--architectural .node-grid .node-symbol,.solar-scene--architectural .node-battery .node-symbol{border:0;background:none;width:23px;height:25px}.solar-scene--architectural .node-grid:before,.solar-scene--architectural .node-battery:before{height:9px;left:50%;bottom:calc(100% + 1px);background:#91a38640}.solar-scene--architectural .node-grid:after{display:none}.solar-scene--architectural .scene-switch{margin-top:30px;border:1px solid #a6b9a338;border-radius:9px;padding:4px;gap:4px;background:#031c252e}.solar-scene--architectural .scene-switch button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:5px;min-height:40px;padding:9px 5px;font:400 11px/1.4 Outfit,sans-serif;transition:color .3s,background .3s}.solar-scene--architectural .scene-switch .icon{width:15px;height:15px;flex-shrink:0}.solar-scene--architectural .scene-switch button[aria-pressed=true]{background:#e2c38a;color:#153237;box-shadow:0 2px 8px #001a2426}.solar-scene--architectural .scene-switch button:focus-visible{outline:2px solid #f8dda6;outline-offset:3px}.solar-scene--architectural .scene-explanation{min-height:60px;font-size:12px;line-height:1.8;margin-top:17px;color:#d6e0d1}.solar-scene--architectural .scene-note{font-size:9px;line-height:1.8;margin-top:12px;padding-top:12px;color:#aebfab;border-color:#a1b28b24}.solar-scene--architectural[data-mode=night]{background:radial-gradient(ellipse at 74% 8%,#4a668736,transparent 54%),linear-gradient(145deg,#122c3a,#091e29 74%)}.solar-scene--architectural[data-mode=night] .scene-property img{filter:brightness(.53) saturate(.65) drop-shadow(0 13px 15px #00131d55)}.solar-scene--architectural[data-mode=night] .scene-sun{background:#d4e3e3;box-shadow:5px -3px 0 -1px #1b3341;animation:none}.solar-scene--architectural[data-mode=night] .scene-atmosphere>i{opacity:.7}.solar-scene--architectural[data-mode=night] .scene-condition:before{background:#afcbd5}.solar-scene--architectural[data-solar=false] .node-solar,.solar-scene--architectural[data-grid=false] .node-grid,.solar-scene--architectural[data-system=offgrid] .node-grid,.solar-scene--architectural[data-backup=false] .node-battery{opacity:.4}.solar-scene--architectural[data-battery=true] .node-battery{border-color:#b8d9b276;background:#a1c5960d}.solar-scene--architectural[data-power=false] .node-load,.solar-scene--architectural[data-power=false] .node-inverter{opacity:.4}.solar-scene--architectural[data-mode=outage] .scene-condition:before{background:#d79d72}.solar-scene--architectural[data-mode=outage][data-power=false] .scene-property img{filter:brightness(.78) saturate(.65) drop-shadow(0 13px 15px #00191d45)}.solar-scene--architectural .energy-node b{font-size:12px}.solar-scene--architectural .energy-node small{font-size:9px}.solar-scene--architectural .scene-explanation{font-size:13px}.scene-condition,.solar-scene--architectural .scene-top{font-size:9px}@media(min-width:760px){.solar-scene--architectural .scene-property img{height:clamp(300px,35vh,360px);aspect-ratio:auto}.solar-scene--architectural .scene-architecture{margin-top:8px}}@media(min-width:760px)and (max-height:850px){.studio-visual:has(.solar-scene--architectural){position:static}.solar-scene--architectural .scene-explanation{min-height:45px}.solar-scene--architectural .scene-switch{margin-top:18px}}@media(max-width:1199px){.solar-scene--architectural{padding:23px 19px 20px}.solar-scene--architectural .scene-top{font-size:7px;letter-spacing:.08em}.solar-scene--architectural .scene-live{font-size:7px}.solar-scene--architectural .energy-node{min-width:58px}.solar-scene--architectural .node-grid,.solar-scene--architectural .node-battery{min-width:97px}.solar-scene--architectural .scene-switch button{font-size:10px;gap:5px}}@media(max-width:759px){.solar-scene--architectural{padding:24px 20px 21px;border-radius:12px}.scene-architecture{margin-top:18px}.solar-scene--architectural .scene-top{font-size:8px}.solar-scene--architectural .scene-live{font-size:7px}.solar-scene--architectural .scene-explanation{min-height:66px;font-size:12px}.solar-scene--architectural .scene-note{font-size:9px}.solar-scene--architectural .scene-switch button{font-size:11px;min-height:44px}.solar-scene--architectural .energy-node{min-width:62px}.solar-scene--architectural .scene-energy{padding-inline:0}.solar-scene--architectural .node-battery{left:0}.solar-scene--architectural .node-grid{right:0}.scene-condition{font-size:7px;letter-spacing:.09em}.solar-scene--architectural .scene-sun{width:17px;height:17px;top:1px}}@media(max-width:380px){.solar-scene--architectural{padding-inline:15px}.solar-scene--architectural .scene-top{font-size:7px;gap:7px}.solar-scene--architectural .scene-switch button{font-size:10px}.solar-scene--architectural .energy-node small{font-size:7px}.solar-scene--architectural .node-grid,.solar-scene--architectural .node-battery{padding:7px;min-width:88px}}@media(prefers-reduced-motion:reduce){.solar-scene--architectural *,.solar-scene--architectural *:after{animation:none!important;transition:none!important}}html.motion-paused .solar-scene--architectural *,html.motion-paused .solar-scene--architectural *:after{animation-play-state:paused!important;transition:none!important}.scene-property img[hidden],.solar-scene [hidden]{display:none!important}.solar-scene--architectural[data-hybrid-demo=true]{background:radial-gradient(ellipse at 75% 17%,#44767038,transparent 58%),linear-gradient(145deg,#183d40,#0b2330 80%);border-color:#b7c49b55}.studio-visual:has([data-hybrid-demo=true]){position:static}.solar-scene--architectural[data-hybrid-demo=true] .scene-live{color:#183b36;background:#cde4c2;border-color:#cde4c2}.solar-scene--architectural[data-hybrid-demo=true] .scene-property img{filter:drop-shadow(0 12px 18px #000d2055)}.solar-scene--architectural[data-hybrid-demo=true] .scene-sun{background:#d4e3e3;box-shadow:5px -3px 0 -1px #244149;animation:none}.solar-scene--architectural[data-hybrid-demo=true] .scene-atmosphere>i{opacity:.65}.solar-scene--architectural[data-hybrid-demo=true] .scene-condition{color:#d5e8c8}.solar-scene--architectural[data-hybrid-demo=true] .scene-condition:before{background:#c0e3a9;box-shadow:0 0 0 4px #c0e3a914,0 0 13px #c0e3a94d}.hybrid-demo-intro{display:flex;align-items:center;gap:20px;padding:24px 0 6px}.hybrid-rating{font:400 66px/.95 Outfit,sans-serif;letter-spacing:-.065em;color:#f3d397;flex-shrink:0}.hybrid-rating small{font:400 19px/1 Outfit,sans-serif;letter-spacing:-.025em;margin-left:6px}.hybrid-demo-intro>div>p{font-size:7px;letter-spacing:.14em;color:#c9d6bf;margin-bottom:8px}.premium-site .hybrid-demo-intro h3{font:400 24px/1.1 Outfit,sans-serif;letter-spacing:-.04em;color:#fff3db;margin:0 0 7px}.hybrid-demo-intro>div>span{display:block;color:#b8caba;font-size:10px;line-height:1.65}.hybrid-showcase{border-top:1px solid #a6bba22e;margin-top:17px;padding-top:18px}.hybrid-loads{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.hybrid-loads>span{display:flex;align-items:center;gap:6px;background:#d3e1c308;border:1px solid #b9cfab29;border-radius:6px;padding:7px 9px;font-size:10px;color:#dce8d3}.hybrid-loads .icon{width:13px;height:13px;color:#dbc38e}.hybrid-package-copy{font-size:12px;line-height:1.85;color:#d8e2d1;margin:0}.hybrid-rating-note{font-size:10px;line-height:1.8;color:#b6c8b4;border-left:2px solid #ceba81;padding-left:12px;margin:15px 0 20px}.premium-site .hybrid-enquiry{width:100%;justify-content:space-between;gap:15px;font-size:13px;padding:16px 18px;min-height:51px}.hybrid-compare{border:0;background:none;color:#d9e0ca;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;width:100%;font:400 11px/1.7 Outfit,sans-serif;cursor:pointer;text-align:left}.hybrid-compare .icon{width:17px;height:17px}.hybrid-compare:hover,.hybrid-reference a:hover{color:#e8cc90}.hybrid-reference{border-top:1px solid #c6d4b828;padding:15px 0 0;font-size:10px;line-height:1.85;color:#bacbb4}.hybrid-reference summary{cursor:pointer;color:#e0e8d5;font-size:11px}.hybrid-reference p{margin-top:14px}.hybrid-reference a{display:inline-block;margin-top:13px;text-decoration:underline;text-underline-offset:3px}.hybrid-explore{border:1px solid #c8bb8250;padding:15px 16px;border-radius:8px;margin-top:18px;background:#d9c18a08}.hybrid-explore p{font-size:11px;color:#d6dfc9;line-height:1.8;margin:0 0 9px}.hybrid-explore button{font:400 12px/1.6 Outfit,sans-serif;border:0;background:none;color:#efcd8e;padding:0;display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;cursor:pointer;text-align:left}.hybrid-explore .icon{width:17px;height:17px;flex-shrink:0}.hybrid-flow{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.solar-scene[data-hybrid-demo=true] .hybrid-flow{display:block}.hybrid-flow .flow-base{fill:none;stroke:#b8d2a64a;stroke-width:1;vector-effect:non-scaling-stroke}.hybrid-flow .flow-current{fill:none;stroke:#d3e7b6;stroke-width:2;stroke-linecap:round;stroke-dasharray:8 42;animation:hybrid-current 2.6s linear infinite;vector-effect:non-scaling-stroke}.solar-scene[data-hybrid-demo=true] .node-inverter .node-symbol,.solar-scene[data-hybrid-demo=true] .node-load .node-symbol{border-color:#bdce995e;background:#bcd59d10}.solar-scene[data-hybrid-demo=true] .node-battery{box-shadow:0 0 18px #c5de9c07}.hybrid-compare:focus-visible,.hybrid-explore button:focus-visible,.hybrid-reference summary:focus-visible{outline:2px solid #e9d09b;outline-offset:4px}@keyframes hybrid-current{to{stroke-dashoffset:-100}}@media(max-width:759px){.hybrid-demo-intro{gap:16px}.hybrid-rating{font-size:59px}.premium-site .hybrid-demo-intro h3{font-size:24px}.hybrid-demo-intro>div>span{font-size:9px}.hybrid-demo-intro>div>p{font-size:7px}.hybrid-package-copy,.premium-site .hybrid-enquiry{font-size:12px}.hybrid-loads{gap:7px}.hybrid-loads>span{font-size:9px;padding:6px 8px}}@media(max-width:380px){.hybrid-demo-intro{gap:12px}.hybrid-rating{font-size:51px}.premium-site .hybrid-demo-intro h3{font-size:22px}.hybrid-demo-intro>div>p{font-size:6px;letter-spacing:.09em}}@media(prefers-reduced-motion:reduce){.hybrid-flow .flow-current{animation:none!important;stroke-dasharray:none}}html.motion-paused .hybrid-flow .flow-current{animation-play-state:paused!important}