.day-energy-hero .energy-top{align-items:center;padding-top:26px;padding-bottom:26px}.day-energy-hero .energy-copy{padding-bottom:42px}.day-energy-hero .energy-day{perspective:none;--daylight:.72;--lights:.38;--sun-visible:0;--sun-power:0;--charge:0;--discharge:0;--battery-fill:.25;--progress:0%;--flow-offset:0;margin-left:-48px;margin-right:-35px}.day-stage{aspect-ratio:3/2;isolation:isolate;width:100%;position:relative;overflow:hidden;-webkit-mask-image:none;mask-image:none}.day-fallback,.day-fallback img,.day-layers,.day-house,.day-house img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.day-fallback{transition:opacity .4s}.is-ready .day-fallback{opacity:0}.day-house{filter:brightness(var(--daylight))}.day-night-light,.day-technical-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.day-night-light{opacity:var(--lights)}.day-night-light img{object-fit:contain;width:100%;height:100%}.day-solar-flow{opacity:var(--charge)}.day-flow-base{stroke:#ceee8c;stroke-width:2px;stroke-opacity:.32;fill:none}.day-flow-particles{stroke:#ddffb0;stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 62;stroke-dashoffset:var(--flow-offset);fill:none;filter:drop-shadow(0 0 4px #c5ff7e)}.day-battery-level{transform-box:fill-box;transform-origin:bottom;transform:scaleY(var(--battery-fill))}.day-home-flow{opacity:var(--home-flow)}.day-wallbox-flow{opacity:var(--ev-flow,0)}.day-hotspots{aspect-ratio:3/2;pointer-events:none;height:auto;position:absolute;inset:0 0 auto}.day-hotspot{color:#edf7dc;pointer-events:auto;z-index:2;align-items:center;gap:8px;min-height:44px;padding:5px;display:flex;position:absolute;transform:translate(-50%,-50%)}.day-hotspot>span{background:#193426df;border:1px solid #d6eea88c;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 0 0 5px #d2f19810}.day-hotspot b{white-space:nowrap;background:#10261ce8;border:1px solid #d6eea839;border-radius:5px;padding:5px 8px;font-size:.78rem;font-weight:500;line-height:1.4}.day-hotspot small{color:#d7f5a4;text-align:right;min-width:3ch;font-size:inherit;font-variant-numeric:tabular-nums;margin-left:6px;display:inline-block}:is(.day-hotspot:hover>span,.day-hotspot:focus-visible>span){color:#14291f;background:#ceee8c}.day-hotspot:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #ceee8c}.day-hotspot-pv{top:31%;left:57%}.day-hotspot-battery{flex-direction:column;gap:3px;top:73%;left:64.8%}.day-hotspot-wallbox{flex-direction:column-reverse;gap:3px;top:55%;left:84.5%}.day-hotspot-heatpump{flex-direction:column;gap:3px;top:69%;left:90%}.day-story{color:#eef7e3;min-height:140px;margin:-5px 45px 0 92px;padding:17px 0 0;position:relative}.day-story-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.day-story-kicker{letter-spacing:.08em;text-transform:uppercase;color:#aabcab;margin-bottom:7px;font-size:.75rem;display:block}.day-story-heading p{letter-spacing:-.025em;color:#eff8e4;margin:0;font-size:1.08rem;line-height:1.4}.day-play{color:#e4f0d6;background:#163024;border:1px solid #bfdba84a;border-radius:24px;flex:none;justify-content:center;align-items:center;gap:7px;min-width:90px;min-height:44px;padding:9px 12px;font-size:.8rem;display:inline-flex}.day-play:hover{background:#284932}.day-play:focus-visible{outline-offset:4px;outline:2px solid #ceee8c}.day-timeline button:focus-visible{outline-offset:4px;outline:2px solid #ceee8c}.day-story-text{color:#b8c8b7;max-width:510px;min-height:2.65em;margin-top:8px;font-size:.84rem;line-height:1.55}.day-timeline{margin-top:7px;position:relative}.day-periods{display:flex}.day-timeline button{text-align:left;color:#a7bca8;background:0 0;border:0;flex:1;min-width:0;min-height:44px;padding:9px 0 12px;font-size:.8rem}.day-timeline button:last-of-type{text-align:right}.day-timeline button[aria-pressed=true]{color:#e0f6b6}.day-timeline button:hover{color:#f2ffdc}.day-time-slider{-webkit-appearance:none;appearance:none;cursor:ew-resize;touch-action:pan-y;width:100%;height:44px;box-shadow:none;accent-color:#ceee8c;background:0 0;border:0;border-radius:0;margin:-8px 0 -9px;padding:0;display:block}.day-time-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ceee8c var(--progress),#b8d6a429 var(--progress));border-radius:3px;height:3px}.day-time-slider::-moz-range-track{background:#b8d6a429;border-radius:3px;height:3px}.day-time-slider::-moz-range-progress{background:#ceee8c;border-radius:3px;height:3px}.day-time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d9f4a4;border:3px solid #142b20;border-radius:50%;width:18px;height:18px;margin-top:-7.5px;box-shadow:0 0 0 1px #cfeea2,0 2px 8px #0006}.day-time-slider::-moz-range-thumb{box-sizing:border-box;background:#d9f4a4;border:3px solid #142b20;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #cfeea2,0 2px 8px #0006}.day-time-slider:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #ceee8c}.day-time-slider:disabled{opacity:.45;cursor:default}.day-story .day-note,.day-note{color:#8eaa96;margin-top:11px;font-size:.75rem;line-height:1.5}@media (min-width:1500px){.day-energy-hero .energy-top{min-height:740px}.day-energy-hero .energy-day{margin-left:-65px}.day-story{margin-left:110px}}@media (max-width:1100px) and (min-width:761px){.day-story{margin-left:58px;margin-right:18px}.day-story-heading p{font-size:.95rem}.day-story-kicker{font-size:.75rem}.day-play{width:44px;min-width:44px;padding:0}.day-play span{display:none}.day-hotspot b{font-size:.75rem}.day-hotspot-heatpump b{transform:translate(-25%)}.day-energy-hero .energy-top{grid-template-columns:.8fr 1.2fr}.day-energy-hero .energy-copy h1{font-size:clamp(3.1rem,5.7vw,4.8rem)}}@media (max-width:760px){.day-energy-hero .energy-top{gap:8px;padding-top:32px;padding-bottom:20px}.day-energy-hero .energy-copy{padding-bottom:0}.day-energy-hero .energy-day{margin:0 -17px}.day-stage{margin-top:0}.day-story{margin:5px 18px 0;padding-top:18px}.day-story-heading p{font-size:1.02rem}.day-story-kicker{font-size:.75rem}.day-story-text{min-height:3.1em;font-size:.83rem}.day-hotspot{min-width:44px;min-height:44px;padding:7px}.day-hotspot b{padding:3px 6px;font-size:.62rem;position:absolute}.day-hotspot-pv b{bottom:calc(100% - 4px)}.day-hotspot-battery b{top:calc(100% - 5px);left:50%;transform:translate(-50%)}.day-hotspot-wallbox b{bottom:calc(100% - 3px)}.day-hotspot-heatpump b{top:calc(100% - 5px);right:4px}.day-hotspot>span{width:24px;height:24px}.day-hotspot-battery{top:67%;left:65%}.day-hotspot-heatpump{top:68%;left:93%}.day-hotspot-wallbox{top:57%;left:84.5%}.day-hotspot small{display:none}.day-story .day-note{font-size:.75rem}.day-timeline{margin-top:4px}}@media (prefers-reduced-motion:reduce){.day-fallback{transition:none}.day-car-motion{will-change:auto}}.day-play:disabled,.day-timeline button:disabled{opacity:.45;cursor:default}.day-energy-hero{isolation:isolate;--sun-x:-5%;--sun-y:340px;--sun-visible:0;--sky-day:0;--sky-warm:0;--sky-night:0;position:relative}.day-sky{pointer-events:none;z-index:-1;background:#0b1714;position:absolute;inset:0;overflow:hidden}.day-sky-light{opacity:var(--sky-day);background:radial-gradient(at 75% 5%,#7dabc94d,#0000 66%),linear-gradient(#29465866,#0000 72%);position:absolute;inset:0}.day-sky-dusk{opacity:var(--sky-warm);background:radial-gradient(at 95% 32%,#f1b2792c,#0000 54%);position:absolute;inset:0}.day-sun{left:var(--sun-x);top:var(--sun-y);aspect-ratio:1;width:clamp(150px,15vw,220px);transform:translate(-50%,-50%) scale(var(--sun-scale,1));opacity:var(--sun-visible);z-index:1;pointer-events:none;will-change:left,top;position:absolute}.day-sun img{object-fit:contain;filter:saturate(.35);width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(circle closest-side,#000 0% 23%,#000c 30%,#0005 42%,#0001 60%,#0000 76%);mask-image:radial-gradient(circle closest-side,#000 0% 23%,#000c 30%,#0005 42%,#0001 60%,#0000 76%)}.day-energy-hero .energy-top{z-index:1}.day-energy-hero .energy-copy{text-shadow:0 1px 10px #07120ec0}.day-energy-hero .energy-service-nav{z-index:1;position:relative}.day-vehicle-canvas{pointer-events:none;z-index:2;position:absolute;inset:0}.day-vehicle-canvas canvas{width:100%;height:100%;display:block}.day-stage{aspect-ratio:1536/1120}.day-layers,.day-fallback{aspect-ratio:3/2;height:auto}.has-vehicle .day-layers{clip-path:polygon(0 0,100% 0,100% 78%,0 112%)}.day-fallback{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 97%,#0000)}.day-layers{overflow:visible}.day-technical-layer{z-index:1}.day-house,.day-night-light{filter:brightness(var(--daylight)) sepia(var(--house-sepia,0)) saturate(var(--house-saturation,1)) hue-rotate(var(--house-hue,0deg))}.day-night-light{filter:none}.day-hotspot-heatpump{top:71%;left:95%}@media (max-width:760px){.day-sun{width:145px}.day-sky-light{background:radial-gradient(at 90% 0,#609bbd33,#0000 58%)}.day-hotspot-heatpump{top:68%;left:93%}}@media (prefers-reduced-motion:reduce){.day-sun{will-change:auto}}.day-house-relighting{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.day-eave-shadow{opacity:var(--eave-shadow,0)}.day-energy-hero{--stars:0;--moon-x:105%;--moon-y:330px;--moon-visible:0;--horizon-x:0%}.day-sky{background:#0b171b}.day-sky-night{opacity:var(--sky-night);background:linear-gradient(#030710,#071013 90%);position:absolute;inset:0}.day-sky-light{background:radial-gradient(at 65% 4%,#86b7d74a,#0000 68%),linear-gradient(#3c62716b,#0000 85%)}.day-sky-dusk{background:radial-gradient(ellipse at var(--horizon-x) 36%,#ef7e484f,#dfaa762b 34%,transparent 72%)}.day-stars{width:100%;height:var(--stars-bottom,400px);opacity:var(--stars);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#0000 100%)}.day-stars img{object-fit:cover;object-position:center top;filter:brightness(.72);width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0006 0%,#0009 30%,#000 52%);mask-image:linear-gradient(90deg,#0006 0%,#0009 30%,#000 52%)}.day-moon{left:var(--moon-x);top:var(--moon-y);width:clamp(32px,2.9vw,43px);height:auto;transform:translate(-50%,-50%) scale(var(--moon-scale,1));opacity:var(--moon-visible);will-change:left,top;z-index:1;position:absolute}.day-night-circuits{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.day-exterior-lights{opacity:var(--exterior,0);filter:brightness(.86)}.day-living-lights{opacity:var(--living,0);filter:brightness(.94)}.day-living-spill{opacity:var(--living,0);filter:brightness(.82)}.day-bedroom-lights{opacity:var(--bedroom,0);filter:brightness(.94)}.day-story-kicker{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.day-story-kicker time{font-variant-numeric:tabular-nums;letter-spacing:.025em;color:#dcebcf;text-transform:none;font-size:.83rem}.day-story-text{max-width:520px;min-height:2.8em;margin:9px 0 2px}@media (max-width:760px){.day-moon{width:31px}.day-stars{inset:calc(var(--mobile-sky-top,400px) - 160px) 0 auto;height:calc(var(--stars-bottom,600px) - var(--mobile-sky-top,400px) + 160px);-webkit-mask-image:linear-gradient(#0000,#000 22% 58%,#0000 100%);mask-image:linear-gradient(#0000,#000 22% 58%,#0000 100%)}.day-stars img{filter:brightness(.8);-webkit-mask-image:none;mask-image:none}.day-story-text{min-height:3.1em}}@media (prefers-reduced-motion:reduce){.day-moon{will-change:auto}}@media (max-width:760px){.day-hotspot-battery{top:77%;left:65%}.day-sun{top:calc(var(--mobile-sky-top,400px) + var(--sun-y) * .35)}.day-moon{top:calc(var(--mobile-sky-top,400px) + var(--moon-y) * .35)}}.day-stage,.day-story{z-index:1}.day-energy-hero{--sky-night:1;--stars:.88;--moon-visible:1;--moon-x:81.8421%;--moon-y:162.02px}.day-energy-hero .energy-day{--daylight:.18;--progress:91.6667%}@media (min-width:761px) and (max-width:1200px){.day-energy-hero .energy-copy>p:not(.eyebrow){max-width:calc(100% - 52px)}}.day-garden-background{aspect-ratio:1536/1120;z-index:0;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:visible}.day-orchard-tree{aspect-ratio:2/3;pointer-events:none;width:31.5%;filter:brightness(var(--daylight,.18)) sepia(var(--house-sepia,0)) saturate(var(--house-saturation,1)) hue-rotate(var(--house-hue,0deg));position:absolute;top:-6%;left:80%}.day-orchard-tree img{object-fit:contain;width:100%;height:100%;display:block}.day-layers,.day-fallback{z-index:1}.day-vehicle-canvas{-webkit-mask-image:linear-gradient(#000 0% 99%,#0000 100%);mask-image:linear-gradient(#000 0% 99%,#0000 100%)}.day-energy-hero{--header-overlap:91px;margin-top:calc(-1 * var(--header-overlap));padding-top:var(--header-overlap)}.day-orchard-tree-small{z-index:-1;width:21%;top:16%;left:78%;transform:scaleX(-1)}.day-hotspot-wallbox{top:52.5%;left:85.1%}.day-hotspot-heatpump{align-items:flex-end;top:78%;left:91.5%}.day-hotspot-heatpump>span{margin-right:10px}@media (max-width:760px){.day-energy-hero{--header-overlap:77px}.day-hotspot-battery{top:79%}.day-hotspot-wallbox{top:55%}.day-hotspot-heatpump{top:78%;left:92%}.day-hotspot-heatpump>span{margin-right:0}}@media (min-width:761px){.day-sun{top:calc(var(--header-overlap) + var(--sun-y))}}.day-hotspot-heatpump b{transform:translate(-16%)}.day-front-garden{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.day-front-garden canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.day-front-garden-image{filter:brightness(var(--daylight,.18)) sepia(var(--house-sepia,0)) saturate(var(--house-saturation,1)) hue-rotate(var(--house-hue,0deg))}.day-front-garden-lights{opacity:var(--exterior,0);mix-blend-mode:screen}.day-hotspot-pv{width:44px;min-height:44px;padding:7px;left:52%}.day-hotspot-pv b{position:absolute;bottom:calc(100% - 5px);right:calc(100% - 7px)}@media (max-width:760px){.day-hotspot-pv{left:57%}.day-hotspot-pv b{bottom:calc(100% - 4px);right:calc(100% - 8px)}}.energy-day{--battery-color-base:#81c54b;--battery-color-top:#df9;--battery-label-color:#d7f5a4}.energy-day[data-battery-level=medium]{--battery-color-base:#e2b632;--battery-color-top:#ffe68a;--battery-label-color:#ffe68a}.energy-day[data-battery-level=low]{--battery-color-base:#e15b47;--battery-color-top:#ff9a80;--battery-label-color:#ffad96}.day-battery-color-base{stop-color:var(--battery-color-base)}.day-battery-color-top{stop-color:var(--battery-color-top)}.day-hotspot-battery{top:73.5%}.day-hotspot .day-battery-percent{color:var(--battery-label-color);min-width:4ch;display:inline-block}@media (max-width:760px){.day-hotspot-battery{top:76.5%}.day-hotspot-heatpump b{transform:translate(-8%)}}.day-stage{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 9% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 9% 100%)}@media (max-width:760px){.day-stage{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 3% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 3% 100%)}}.day-carport-details{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.day-entrance-door{filter:brightness(max(var(--house-sheltered,.18),calc(var(--exterior,0) * .68))) sepia(max(var(--house-sepia,0),calc(var(--exterior,0) * .24))) saturate(var(--house-saturation,1)) hue-rotate(var(--house-hue,0deg))}.day-carport-shrub{aspect-ratio:1;width:16%;filter:brightness(var(--daylight,.18)) sepia(var(--house-sepia,0)) saturate(var(--house-saturation,1)) hue-rotate(var(--house-hue,0deg));position:absolute;top:47%;left:88%}.day-carport-shrub img{width:100%;height:100%;display:block}.day-garden-stair-light{opacity:var(--exterior,0);filter:brightness(.65)sepia(.65)saturate(1.15)}.day-stage{clip-path:inset(0 calc(-1 * var(--street-right-bleed,0px)) 0 0);overflow:visible;-webkit-mask-image:none;mask-image:none}.day-layers,.day-front-garden{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 9% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 9% 100%)}@media (max-width:760px){.day-layers,.day-front-garden{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 3% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 3% 100%)}}.day-vehicle-canvas{right:calc(-1 * var(--street-right-bleed,0px))}.day-scene-extension{width:100%;height:100%;filter:brightness(var(--daylight,.18)) sepia(var(--house-sepia,0)) saturate(var(--house-saturation,1)) hue-rotate(var(--house-hue,0deg));position:absolute;inset:0;overflow:visible}.day-start-poster{z-index:4;pointer-events:none;width:200%;height:107.143%;position:absolute;top:-7.14286%;left:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9%),linear-gradient(#0000,#000 12%);mask-image:linear-gradient(90deg,#0000,#000 9%),linear-gradient(#0000,#000 12%);-webkit-mask-composite:source-in;mask-composite:intersect}.day-start-poster img{object-fit:contain;width:100%;height:100%;display:block}.energy-day:not(.is-ready) .day-garden-background,.energy-day:not(.is-ready) .day-stage>:not(.day-start-poster),.energy-day.is-ready .day-start-poster{visibility:hidden}@media (min-width:761px){.day-sun{top:calc(var(--header-overlap) + max(80px,var(--sun-y)))}.day-moon{top:calc(var(--header-overlap) + max(54px,var(--moon-y)))}}@media (max-width:760px){.day-start-poster{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3%),linear-gradient(#0000,#000 12%);mask-image:linear-gradient(90deg,#0000,#000 3%),linear-gradient(#0000,#000 12%);-webkit-mask-composite:source-in;mask-composite:intersect}}.day-story{min-height:0;margin-top:-14px;padding-top:10px}.day-story-heading{align-items:center;gap:12px}.day-story-heading>p{flex:1;min-width:0}.day-controls{flex:none;justify-content:flex-end;align-self:flex-start;align-items:center;gap:12px;margin-top:12px;display:flex}.day-controls time{color:#dcebcf;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.83rem}.day-story-text{min-height:2.1em;margin:6px 0 0}.day-timeline{margin-top:0}.day-timeline button{min-height:32px;padding:3px 0 0}.day-time-slider{height:32px;margin:-7px 0}.day-energy-hero .energy-top,.day-energy-hero .energy-copy{padding-bottom:12px}@media (max-width:1100px){.day-controls{gap:8px}.day-controls .day-play{width:44px;min-width:44px;padding:0}.day-controls .day-play span{display:none}}@media (max-width:760px){.day-story{margin-top:-8px;padding-top:10px}.day-story-heading{gap:10px}.day-story-heading>p{font-size:.95rem}.day-controls time{font-size:.78rem}.day-story-text{min-height:2.6em}.day-timeline{margin-top:0}}.day-timeline{width:100%;margin-inline:0}