.features-energy{position:relative}.features-energy-hero-subtitle{position:relative;z-index:2;display:inline-block;max-width:920px;font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--color-text)}.features-energy-hero-subtitle:last-of-type{margin:0}.features-energy-hero-subtitle .is-light{color:var(--color-text-light)}.features-energy-hero-subtitle .is-dark{color:var(--color-white-A50)}.features-energy-paragraph{margin:0 0 26px;font-size:var(--font-size-body-medium);font-weight:var(--font-weight-medium);line-height:1.5;color:inherit}.features-energy-paragraph:last-of-type{margin-bottom:0}.features-energy-paragraph .is-light{color:var(--color-mono-400)}.features-energy-paragraph .is-dark{color:var(--color-white-A50)}.features-energy-paragraph+[class*=button]{margin-top:24px}.features-energy-paragraph a{color:currentColor;text-decoration:underline}.features-energy-paragraph__external-link{vertical-align:middle}.features-energy-video{position:relative;z-index:3;display:flex;justify-content:center;max-width:260px;margin:0 auto;vertical-align:top;opacity:0;transform:translateY(64px);transition-property:opacity,transform;transition-duration:var(--duration-slow);will-change:transform}.features-energy-video.is-top-in,.features-energy-video.is-visible{opacity:1;transform:none}.features-energy-video.is-bottom-out{opacity:0;transform:none}.features-energy-video.is-ended{margin-bottom:24px}.features-energy-video.is-ended .features-energy-video__replay{opacity:1;visibility:visible}.features-energy-video__element{position:absolute;z-index:-1;top:1.5%;width:auto;max-width:100%;height:97.5%;border-radius:28px;box-shadow:var(--box-shadow-float)}.features-energy-video__bezel{max-width:260px}.features-energy-video__replay{--mask-color:var(--color-mono-400);position:absolute;bottom:-48px;display:flex;gap:8px;align-items:center;color:var(--color-mono-400);opacity:0;visibility:hidden;transition:all 500ms ease-in}.features-energy-status-tile{display:inline-flex;align-items:center;min-width:173px;max-width:100%;margin-bottom:24px;padding:10px}.features-energy-status-tile.is-active .features-energy-status-tile__icon{transform:scale(1.2)}.features-energy-status-tile__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:transform 300ms ease-in-out}.features-energy-status-tile__glyph{--mask-color:var(--color-yellow-500);--mask-size:24px;width:24px;height:24px;-webkit-mask-size:100%;mask-size:100%}.features-energy-status-tile__glyph.glyph-zone-carport{background-color:#f82a2a}.features-energy-status-tile__content{flex:1 1 auto;margin-left:10px}.features-energy-status-tile__caption{font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.features-energy-status-tile__title{font-size:var(--font-size-small);color:var(--color-mono-500)}@keyframes animate-bars{0%{height:0}to{height:var(--height)}}.features-energy .features-shared-navigation{--navigation-color-text:var(--color-text-white);--navigation-color-line:var(--color-white-A30)}.features-energy .features-shared-choose-your-homey{padding-top:100px}.features-energy-header{position:relative;z-index:1;padding-top:80px;padding-bottom:100px}.features-energy-header.out-of-view .features-energy-header__background{display:none}.features-energy-header__content{display:flex;flex-direction:column;align-items:center;max-width:830px}.features-energy-header__title{position:relative;z-index:2;margin:0 0 24px;color:var(--color-white)}.features-energy-header__subtitle{color:var(--color-white)}.features-energy-header__phone-image-container{position:relative;z-index:1;display:flex;justify-content:center;margin-top:48px;margin-bottom:-185px;opacity:var(--opacity,0);transition:opacity 300ms ease-out}.features-energy-header__phone-image{max-width:260px;height:auto;transform-origin:top}.features-energy-header .features-flow-hero-subtitle{margin-bottom:24px}.features-energy-header__background{position:fixed;top:0;left:0;width:100%;height:100%;min-height:640px}.features-energy-header__background-sticky{position:sticky;top:-150px;width:100%;height:100%;margin-bottom:-100%;background-image:linear-gradient(180deg,rgb(0,103,255),rgb(0,148,255) 30%,rgb(255,255,255) 73%,rgb(255,255,255));transform:translate3d(var(--translate-y));will-change:transform}.features-energy-header-overlay{position:relative;top:var(--offset-y,0);width:auto;height:65vh;min-height:850px;margin-bottom:var(--offset-y);padding-top:120px;background-color:var(--color-body)}.features-energy-header-overlay__house-image{--scale-factor:0.85;position:sticky;z-index:2;top:24vh;display:flex;justify-content:center}.features-energy-header-overlay__house-image .picture{max-width:100%;height:auto;opacity:0;transform:scale3d(var(--scale-factor),var(--scale-factor),1);transform-origin:top;animation:animate-opacity 1s ease forwards;animation-delay:1s}.features-energy-header-overlay__house-image-content{position:relative;display:flex;justify-content:center;overflow:hidden}.features-energy-header-overlay__house-background{position:absolute;bottom:0;overflow:hidden;width:100%;height:100%}.features-energy-header-overlay__house-background:before{content:"";position:absolute;z-index:-1;top:64%;left:50%;width:132%;min-width:2572px;height:280px;border-top-left-radius:50%;border-top-right-radius:50%;background-color:var(--color-body);pointer-events:none;transform:translateX(-50%)}.features-energy-header-overlay__body-background{position:absolute;top:95%;left:0;width:100%;height:100vh;background:var(--color-body)}.features-energy-header-overlay__house-stat-container{position:absolute;z-index:1;top:0;display:flex;gap:16%;justify-content:flex-end;width:96%;height:100%;margin:0 auto;color:var(--color-white);opacity:0;transform:scale(var(--scale-factor));transform-origin:top;animation:animate-opacity 1s ease forwards;animation-delay:1s}.features-energy-header-overlay__house-stat-container.is-hidden{opacity:0}.features-energy-header-overlay__house-stat-container.is-hidden .features-energy-header-overlay__house-stat{opacity:0;transition:opacity 0.1s ease-out}.features-energy-header-overlay__house-stat-container.is-visible{width:90%;padding-top:16px;opacity:1}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:first-child{opacity:1;transition:opacity 0.5s ease-in-out 0ms;transition-delay:0ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(2){opacity:1;transition:opacity 0.5s ease-in-out 200ms;transition-delay:200ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(3){opacity:1;transition:opacity 0.5s ease-in-out 400ms;transition-delay:400ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(4){opacity:1;transition:opacity 0.5s ease-in-out 600ms;transition-delay:600ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(5){opacity:1;transition:opacity 0.5s ease-in-out 800ms;transition-delay:800ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(6){opacity:1;transition:opacity 0.5s ease-in-out 1000ms;transition-delay:1000ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(7){opacity:1;transition:opacity 0.5s ease-in-out 1200ms;transition-delay:1200ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(8){opacity:1;transition:opacity 0.5s ease-in-out 1400ms;transition-delay:1400ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(9){opacity:1;transition:opacity 0.5s ease-in-out 1600ms;transition-delay:1600ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(10){opacity:1;transition:opacity 0.5s ease-in-out 1800ms;transition-delay:1800ms}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat{transform:none;transition:opacity 0.3s ease-out}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:first-child{height:90%}.features-energy-header-overlay__house-stat-container.is-visible .features-energy-header-overlay__house-stat:nth-child(3){height:50%}.features-energy-header-overlay__house-stat{flex-grow:0;padding-left:12px;border-left:1px solid rgba(0,0,0,0.2);transform:scale(1.3);transform-origin:top}.features-energy-header-overlay__house-stat:first-of-type{height:60%}.features-energy-header-overlay__house-stat:nth-of-type(2){height:22%}.features-energy-header-overlay__house-stat:nth-of-type(3){height:32%}.features-energy-header-overlay__house-stat-value{font-size:var(--font-size-body-default);font-weight:var(--font-weight-bold)}.features-energy-header-overlay__house-stat-title{font-size:var(--font-size-micro)}.features-energy-header-overlay__canvas{position:absolute;z-index:10;top:0;left:0;width:100%;height:auto;transform-origin:top;transition:opacity 200ms ease-out}.features-energy-header-overlay__canvas.is-hidden{opacity:0}@keyframes animate-opacity{0%{opacity:0}to{opacity:1}}.features-energy-monitoring{position:relative;background:var(--color-body)}.features-energy-monitoring:after{content:"";position:absolute;z-index:2;bottom:0;left:0;width:100%;height:140px;background-image:linear-gradient(180deg,rgb(244,244,250) 0%,rgb(218,218,226))}.features-energy-monitoring.is-visible .features-energy-monitoring__image{opacity:1;transition:opacity 750ms ease-out}.features-energy-monitoring .is-light{color:var(--color-mono-500)}.features-energy-monitoring__header,.features-energy-monitoring__paragraph{position:relative}.features-energy-monitoring__header{z-index:2;margin-bottom:84px}.features-energy-monitoring__paragraph{position:relative;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.features-energy-monitoring__column{position:relative;z-index:4;max-width:449px}.features-energy-monitoring__column--text{margin:32px 0}.features-energy-monitoring__column--image{flex-shrink:0;margin-top:auto}.features-energy-monitoring__image{position:relative;margin-bottom:-84px;opacity:0}.features-energy-monitoring__image .picture{max-width:250px;height:auto}.features-energy-monitoring__image:before{content:"";position:absolute;bottom:0;left:50%;width:40px;height:84px;background-color:white;transform:translateX(-50%)}.features-energy-monitoring-charts{position:relative;overflow:hidden;padding-top:125px;padding-bottom:48px}.features-energy-monitoring-charts:after{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:var(--color-white)}.features-energy-monitoring-charts.is-visible .features-energy-monitoring-charts__item:first-of-type{opacity:1;transition-property:opacity;transition-duration:750ms}.features-energy-monitoring-charts.is-visible .features-energy-monitoring-charts__item:nth-of-type(2){opacity:1;transition-property:opacity;transition-duration:750ms;transition-delay:300ms}.features-energy-monitoring-charts.is-visible .features-energy-monitoring-charts__item:nth-of-type(3){opacity:1;transition-property:opacity;transition-duration:750ms;transition-delay:600ms}.features-energy-monitoring-charts.is-visible .features-energy-monitoring-charts__line-connection-wrapper{opacity:1;transition:opacity 750ms ease-out;transition-delay:600ms}.features-energy-monitoring-charts__slides{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;height:100%}.features-energy-monitoring-charts__item{flex-shrink:0;max-width:100%;opacity:0}.features-energy-monitoring-charts__item:not(:last-of-type){margin-right:24px}.features-energy-monitoring-charts__item.is-visible .features-energy-monitoring-charts__graph{opacity:1}.features-energy-monitoring-charts__cards{position:relative;z-index:4;display:flex;flex-direction:column;gap:23px;justify-content:space-between}.features-energy-monitoring-charts__cards .swiper-pagination-bullets{display:flex;gap:8px;justify-content:center}.features-energy-monitoring-charts__cards .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background-color:var(--color-mono-100);cursor:pointer}.features-energy-monitoring-charts__cards .swiper-pagination-bullet-active{background-color:var(--color-blue-500)}.features-energy-monitoring-charts__cards .swiper-pagination-lock{display:none}.features-energy-monitoring-charts__card{--card-width:358;--card-height:326;position:relative;overflow:hidden;width:100%;max-width:100%;border-radius:10px}.features-energy-monitoring-charts__graph{--graph-height:223;--graph-width:306;--graph-top:70;--graph-left:45.5;position:absolute;top:calc(var(--graph-top)/var(--card-height)*100%);left:calc(var(--graph-left)/var(--card-width)*100%);width:calc(var(--graph-width)/var(--card-width)*100%);height:calc(var(--graph-height)/var(--card-height)*100%);opacity:0}.features-energy-monitoring-charts__graph--gas{--graph-width:292.6px}.features-energy-monitoring-charts__graph--water{--graph-width:292.3px}.features-energy-monitoring-charts__graph-empty{width:100%;height:auto}.features-energy-monitoring-charts__item-title{margin-bottom:12px;font-size:20px;font-weight:var(--font-weight-bold)}.features-energy-monitoring-charts__line-connection-wrapper{position:relative;z-index:4;width:100%;margin:0 auto -75px;opacity:0}.features-energy-monitoring-charts__line-connection{position:relative;z-index:3;left:50%;display:flex;justify-content:center;width:66%;height:90px;margin:-25px 0 0;border-top-left-radius:var(--border-radius-small);background:linear-gradient(90deg,var(--color-blue-100) 0%,var(--color-blue-100) 50%,transparent 0) repeat-x 0 0/16px 3px,linear-gradient(180deg,var(--color-blue-100) 0%,var(--color-blue-100) 50%,transparent 0) repeat-y 0 0/3px 16px,linear-gradient(180deg,var(--color-blue-100) 0%,var(--color-blue-100) 50%,transparent 0) repeat-y 100% 0/3px 16px;animation:move-border 1s linear infinite}.features-energy-monitoring-charts__line-connection.is-visible{opacity:1;transition:opacity 750ms ease-out;transition-delay:600ms}.features-energy-monitoring-charts__line-connection:before{content:""}.features-energy-monitoring-charts__line-connection:after{content:"";position:absolute;z-index:-1;top:-14%;right:0;display:none}.features-energy-monitoring-charts__line-connection-inner{position:absolute;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgb(255,255,255))}@keyframes animate-stripes{0%{background-position:0 0}to{background-position:0 16px}}@keyframes move-border{0%{background-position:0 0,0 0,100% 0}to{background-position:-16px 0,0 16px,100% 16px}}.features-energy-connect-devices{position:relative;z-index:2;display:flex;overflow:hidden;padding:70px 0 0;background-color:var(--color-body)}.features-energy-connect-devices .is-light{color:var(--color-mono-500)}.features-energy-connect-devices__edge{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:1568px;margin:0 auto;padding:0 16px}.features-energy-connect-devices__row{display:flex;flex-direction:column;gap:96px;justify-content:center;width:100%}.features-energy-connect-devices .picture{max-width:100%;height:auto}.features-energy-connect-devices__text-container{display:flex;flex-direction:column;gap:80px;align-items:center}.features-energy-connect-devices__flow-cards{display:flex;flex-direction:column;align-items:center;align-self:center;margin-top:20px}.features-energy-connect-devices__flow-cards.is-visible .features-energy-connect-devices__flow-card:first-of-type{animation:scale-card 1s cubic-bezier(0.65,0.05,0.36,1) forwards}.features-energy-connect-devices__flow-cards.is-visible .features-energy-connect-devices__flow-card:last-child{animation:scale-card 1s cubic-bezier(0.65,0.05,0.36,1) forwards;animation-delay:1.4s}.features-energy-connect-devices__flow-cards.is-visible .features-energy-connect-devices__flow-cards-arrow{animation:connect-devices-interactive-arrow 1.5s linear forwards;animation-delay:0.25s}.features-energy-connect-devices__text-column{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}.features-energy-connect-devices__sticky-images{position:sticky;top:10vh;margin-bottom:-70px;opacity:0}.features-energy-connect-devices__sticky-images.is-visible{opacity:1;transition:opacity 750ms ease-out}.features-energy-connect-devices__images{position:relative}.features-energy-connect-devices__image{opacity:0;transition:opacity 500ms ease-out}.features-energy-connect-devices__image:nth-child(n+2){position:absolute;top:0;left:0}.features-energy-connect-devices__mobile-image{position:relative;align-self:center;overflow:hidden;width:134%;margin:-40px -16px 0}.features-energy-connect-devices__mobile-image picture{display:flex;justify-content:center}.features-energy-connect-devices__mobile-image .picture{margin:0 auto}.features-energy-connect-devices__canvas{position:absolute;z-index:1;top:0;left:2px;width:100%;height:100%;opacity:0;transition:opacity 300ms ease-out}.features-energy-connect-devices__canvas.is-visible{opacity:1}.features-energy-connect-devices__solar-card{--card-width:358;--card-height:379;position:relative;display:grid;grid-template-rows:1fr auto;order:1;overflow:hidden;width:358px;max-width:100%;margin:-40px auto 0;border-radius:10px}.features-energy-connect-devices__solar-card picture{grid-area:1/1}.features-energy-connect-devices__solar-card[data-features-energy-connect-devices-solar-card=generated] .features-energy-connect-devices__solar-card-button--generated{background-color:var(--color-component);box-shadow:var(--box-shadow-light);color:var(--color-highlight)}.features-energy-connect-devices__solar-card[data-features-energy-connect-devices-solar-card=generated] .features-energy-connect-devices__solar-bar-chart--generated,.features-energy-connect-devices__solar-card[data-features-energy-connect-devices-solar-card=generated] .features-energy-connect-devices__solar-bar-chart-empty--generated{opacity:1}.features-energy-connect-devices__solar-card[data-features-energy-connect-devices-solar-card=self-used] .features-energy-connect-devices__solar-card-button--self-used{background-color:var(--color-component);box-shadow:var(--box-shadow-light);color:var(--color-highlight)}.features-energy-connect-devices__solar-card[data-features-energy-connect-devices-solar-card=self-used] .features-energy-connect-devices__solar-bar-chart--generated{opacity:0.5}.features-energy-connect-devices__solar-card[data-features-energy-connect-devices-solar-card=self-used] .features-energy-connect-devices__solar-bar-chart--self-used,.features-energy-connect-devices__solar-card[data-features-energy-connect-devices-solar-card=self-used] .features-energy-connect-devices__solar-bar-chart-empty--self-used{opacity:1}.features-energy-connect-devices__solar-bar-chart{--bar-chart-height:223;--bar-chart-width:292.6;--bar-chart-top:70;--bar-chart-left:45.5;position:absolute;top:calc(var(--bar-chart-top)/var(--card-height)*100%);left:calc(var(--bar-chart-left)/var(--card-width)*100%);width:calc(var(--bar-chart-width)/var(--card-width)*100%);height:calc(var(--bar-chart-height)/var(--card-height)*100%);opacity:0;transition:opacity var(--duration-fast) var(--curve-fast-in)}.features-energy-connect-devices__solar-bar-chart-empty{width:100%;height:auto;opacity:0;transition:opacity var(--duration-fast) var(--curve-fast-in)}.features-energy-connect-devices__solar-card-buttons{display:grid;grid-template-columns:1fr 1fr;height:40px;margin:8px;padding:4px;border-radius:10px;background-color:var(--color-body)}.features-energy-connect-devices__solar-card-button{display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--color-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-light);transition:var(--transition-fast)}.features-energy-connect-devices__solar-card-button:hover{color:var(--color-highlight)}.features-energy-connect-devices .features-energy-connect-devices__flow-cards-arrow{width:28px;height:28px;background-image:linear-gradient(#0086ff,#00caff 50%,var(--color-mono-200) 0,var(--color-mono-200));background-position:bottom;background-size:200% 200%;-webkit-mask-size:100%;mask-size:100%}.features-energy-connect-devices [data-canvas-image=battery-charging] [data-canvas-name=battery-charging],.features-energy-connect-devices [data-canvas-image=battery-charging] [data-features-energy-header-overlay-canvas=battery-charging],.features-energy-connect-devices [data-canvas-image=battery-charging] [data-features-energy-header-overlay-canvas=battery-discharging],.features-energy-connect-devices [data-canvas-image=ev-charging] [data-canvas-name=ev-charging],.features-energy-connect-devices [data-canvas-image=ev-charging] [data-features-energy-header-overlay-canvas=ev-charging],.features-energy-connect-devices [data-canvas-image=solar-generating] [data-canvas-name=solar-generating],.features-energy-connect-devices [data-canvas-image=solar-generating] [data-features-energy-header-overlay-canvas=solar-generating]{opacity:1;transition-duration:250ms}@keyframes scale-card{50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes connect-devices-interactive-arrow{0%{background-position:0 100%}to{background-position:0 0}}.features-energy-costs{background-color:var(--color-body)}.features-energy-costs__container{--curve-height:clamp(50px,10vw,200px);position:relative;padding-top:calc(var(--curve-height) + 80px);isolation:isolate}.features-energy-costs__container:before{content:"";position:absolute;z-index:-1;top:var(--curve-height);right:0;bottom:0;left:0;background:var(--color-body)}.features-energy-costs__container:after{content:"";position:absolute;z-index:-10;top:0;right:0;bottom:calc(100% - var(--curve-height));left:0;background:var(--color-body);clip-path:url(#features-energy-costs-curve-mask)}.features-energy-costs__header{margin-bottom:56px;text-align:center}.features-energy-costs__subtitle{position:relative;color:var(--color-text)}.features-energy-costs__subtitle .is-dark{color:var(--color-white-A50)}.features-energy-costs__top-consumers{display:flex;flex-direction:column;gap:48px;align-items:center;margin:48px auto 0}.features-energy-costs__top-consumers.is-active .features-energy-costs__top-consumers-item-percentage:after{transform:translateX(var(--progress,0))}.features-energy-costs__top-consumers-image-wrapper{position:relative;display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;height:390px}.features-energy-costs__top-consumers-image{position:relative;opacity:0}.features-energy-costs__top-consumers-image.is-visible{opacity:1;transition:opacity 750ms ease-out}.features-energy-costs__top-consumers-image.is-visible .features-energy-costs__top-consumers-item-percentage:after{transform:translateX(var(--progress,0));transition:transform 1s ease-in-out;transition-delay:var(--duration-slow)}.features-energy-costs__top-consumers-image.is-visible .features-energy-costs__top-consumers-item:first-of-type{opacity:1;transform:none;transition-property:transform,opacity;transition-duration:500ms}.features-energy-costs__top-consumers-image.is-visible .features-energy-costs__top-consumers-item:nth-of-type(2){opacity:1;transform:none;transition-property:transform,opacity;transition-duration:500ms;transition-delay:150ms}.features-energy-costs__top-consumers-image.is-visible .features-energy-costs__top-consumers-item:nth-of-type(3){opacity:1;transform:none;transition-property:transform,opacity;transition-duration:500ms;transition-delay:300ms}.features-energy-costs__top-consumers-image.is-visible .features-energy-costs__top-consumers-item:nth-of-type(4){opacity:1;transform:none;transition-property:transform,opacity;transition-duration:500ms;transition-delay:450ms}.features-energy-costs__top-consumers-image.is-visible .features-energy-costs__top-consumers-item:nth-of-type(5){opacity:1;transform:none;transition-property:transform,opacity;transition-duration:500ms;transition-delay:600ms}.features-energy-costs__top-consumers-image.is-visible .features-energy-costs__top-consumers-item:nth-of-type(6){opacity:1;transform:none;transition-property:transform,opacity;transition-duration:500ms;transition-delay:750ms}.features-energy-costs__top-consumers-image .picture{max-width:260px;height:auto}.features-energy-costs__top-consumers-items{position:absolute;top:6%;right:8%;left:-8%;display:flex;flex-direction:column;gap:16px;width:116%;padding:16px;border-radius:var(--border-radius-regular);background:var(--color-component);transform:scale(0.75)}.features-energy-costs__top-consumers-item{display:flex;opacity:0;transform:scale(0.9);transform-origin:top}.features-energy-costs__top-consumers-item-details{display:flex;flex-grow:1;flex-wrap:wrap;justify-content:space-between;margin-left:12px}.features-energy-costs__top-consumers-item-percentage{position:relative;overflow:hidden;width:100%;height:2px;margin-top:8px;background-color:white}.features-energy-costs__top-consumers-item-percentage:after,.features-energy-costs__top-consumers-item-percentage:before{content:"";position:absolute;width:100%;height:100%;will-change:transform}.features-energy-costs__top-consumers-item-percentage:after{background-color:var(--color-mono-300)}.features-energy-costs__top-consumers-item-percentage:before{background:linear-gradient(90deg,rgb(109,212,0) 0%,rgb(247,181,0) 33%,rgb(250,100,0) 66%,rgb(224,32,32))}.features-energy-costs__top-consumers-item-title{margin-bottom:4px}.features-energy-costs__top-consumers-item-stats{font-size:var(--font-size-micro);color:var(--color-text-light)}.features-energy-costs__top-consumers-item-price{align-self:center;padding:6px;border-radius:var(--border-radius-small);background-color:var(--color-mono-100);font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-blue-500)}.features-energy-costs__dummy-chart{margin:0 auto}.features-energy-prices{overflow:hidden}.features-energy-prices.is-visible .features-energy-prices__image-wrapper{animation:features-energy-prices-fade-in 1s ease-in-out forwards}.features-energy-prices[data-features-energy-prices=fixed] .features-energy-prices__option-bar--fixed:after,.features-energy-prices[data-features-energy-prices=fixed] .features-energy-prices__option-bar--fixed:before{display:block}.features-energy-prices[data-features-energy-prices=fixed] .features-energy-prices__image--fixed{opacity:1}.features-energy-prices[data-features-energy-prices=dynamic] .features-energy-prices__option-bar--dynamic:after,.features-energy-prices[data-features-energy-prices=dynamic] .features-energy-prices__option-bar--dynamic:before{display:block}.features-energy-prices[data-features-energy-prices=dynamic] .features-energy-prices__image--dynamic{opacity:1}.features-energy-prices__content{display:flex;flex-direction:column;gap:48px;align-items:center;margin:48px auto 0}.features-energy-prices__text-wrapper{flex-shrink:2}.features-energy-prices__options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.features-energy-prices__option{display:grid;flex-grow:1;grid-template-rows:1fr 4px;gap:16px;max-width:375px;cursor:pointer}.features-energy-prices__option-heading{margin-top:0;margin-bottom:8px}.features-energy-prices__option-text{line-height:24px;color:var(--color-white-A50);transition:color var(--duration-fast) var(--curve-fast-in)}.features-energy-prices__option-bar{--progress:1;--gradient-direction:to right;position:relative;z-index:10;width:100%;height:4px;border-radius:2px;background:var(--color-mono-300)}.features-energy-prices__option-bar:before{z-index:-1;background:linear-gradient(var(--gradient-direction),var(--color-gradient-blue-active),var(--color-gradient-blue-end))}.features-energy-prices__option-bar:after,.features-energy-prices__option-bar:before{content:"";position:absolute;top:0;left:0;display:none;width:0;height:100%;border-radius:2px;animation:features-energy-prices-bar-progress-horizontal 10s linear forwards}.features-energy-prices__option-bar:after{z-index:1;background:linear-gradient(var(--gradient-direction),transparent,var(--color-gradient-blue-end))}.features-energy-prices__image-wrapper{position:relative;display:grid;flex-shrink:1;max-width:70vw;opacity:0}.features-energy-prices__image-wrapper:after{content:"";position:absolute;z-index:-1;top:50%;left:50%;max-width:90vw;height:120%;border-radius:50%;background:radial-gradient(ellipse at center,rgb(0,175,255) 0%,rgb(17,18,24) 70%,rgb(17,18,24) 100%);opacity:0.15;transform:translate(-50%,-50%);aspect-ratio:1/1}.features-energy-prices__image-wrapper picture{grid-area:1/1}.features-energy-prices__image{max-width:260px;height:auto}.features-energy-prices__image--dynamic,.features-energy-prices__image--fixed{opacity:0;transition:opacity var(--duration-fast) var(--curve-fast-in)}@keyframes features-energy-prices-fade-in{0%{opacity:0}to{opacity:1}}@keyframes features-energy-prices-bar-progress-horizontal{0%{width:0}to{width:100%}}@keyframes features-energy-prices-bar-progress-vertical{0%{height:0}to{height:100%}}.features-energy-graphs{--header-height:370px;--graph-height:385px;--gap-height:80px;--view-height:calc(var(--header-height) + var(--gap-height) + var(--graph-height));--sticky-element-height:max(var(--view-height),100vh);--scroll-height:100vh;--cycle-duration:16s;margin-top:32px;margin-bottom:0}.features-energy-graphs__dynamic-prices-container{margin-bottom:48px}.features-energy-graphs__dynamic-prices,.features-energy-graphs__solar-power{display:grid;grid-template-rows:auto;grid-gap:128px;overflow:hidden;text-align:center}.features-energy-graphs__header{align-self:center;width:100%;max-width:1184px;margin:0 auto;padding:0 16px;text-align:start}.features-energy-graphs__title{max-width:25ch}.features-energy-graphs__subtitle{max-width:40ch}.features-energy-graphs__content{position:relative;display:grid;align-items:start;justify-content:center;justify-items:center;width:100%}.features-energy-graphs__content:after{content:"";position:absolute;z-index:-1;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(180deg,rgba(125,185,232,0) 0%,rgb(17,18,24))}.features-energy-graphs__graph-wrapper{position:relative;display:grid;align-items:start;justify-content:center;justify-items:center;overflow:hidden;width:100%}.features-energy-graphs__graph-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(17,18,24) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgb(17,18,24))}.features-energy-graphs__graph,.features-energy-graphs__graph-lines{grid-area:1/1;width:2000px;height:var(--graph-height)}.features-energy-graphs__flow-cards{position:absolute}.features-energy-graphs__flow-cards.is-visible .features-energy-graphs__flow-card--dynamic-prices-1,.features-energy-graphs__flow-cards.is-visible .features-energy-graphs__flow-card--solar-power-1{animation:features-energy-graphs-cycle var(--cycle-duration) infinite;animation-delay:0s}.features-energy-graphs__flow-cards.is-visible .features-energy-graphs__flow-card--dynamic-prices-2,.features-energy-graphs__flow-cards.is-visible .features-energy-graphs__flow-card--solar-power-2{animation:features-energy-graphs-cycle var(--cycle-duration) infinite;animation-delay:calc(var(--cycle-duration)/3)}.features-energy-graphs__flow-cards.is-visible .features-energy-graphs__flow-card--dynamic-prices-3,.features-energy-graphs__flow-cards.is-visible .features-energy-graphs__flow-card--solar-power-3{animation:features-energy-graphs-cycle var(--cycle-duration) infinite;animation-delay:calc(var(--cycle-duration)/3*2)}.features-energy-graphs__flow-card{--transition-delay:0s;pointer-events:none;transform:translate(-50%,calc(-100% - 16px))}.features-energy-graphs__flow-card,.features-energy-graphs__scrubber{position:absolute;opacity:0;transition:opacity var(--duration-slow) ease-in-out;transition-delay:1.4s}.features-energy-graphs__scrubber{--scrubber-color:var(--color-yellow);--scrubber-size:24px;top:50%;display:none;width:var(--scrubber-size);height:var(--scrubber-size);border-radius:50%;transform:translate(-50%,-50%)}.features-energy-graphs__scrubber:before{z-index:-1;width:calc(var(--scrubber-size)*0.5);height:calc(var(--scrubber-size)*0.5);outline:calc(var(--scrubber-size)*0.125) solid var(--color-component)}.features-energy-graphs__scrubber:after,.features-energy-graphs__scrubber:before{content:"";position:absolute;top:50%;left:50%;border-radius:50%;background:var(--scrubber-color);transform:translate(-50%,-50%)}.features-energy-graphs__scrubber:after{z-index:-2;width:var(--scrubber-size);height:var(--scrubber-size);opacity:0.2}.features-energy-graphs__popup{grid-area:1/1;position:relative;justify-self:center;width:358px;max-width:calc(100% - 32px);border-radius:var(--border-radius-regular);background:rgba(17,18,24,0.5);box-shadow:inset 0 1px 1px 1px rgba(255,255,255,0.3),var(--box-shadow-float);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease-in-out;transition-delay:0.3s;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.features-energy-graphs__popup.is-visible{opacity:1}.features-energy-graphs__popup.is-visible .features-energy-graphs__scrubber-mobile-1{animation:features-energy-graphs-cycle var(--cycle-duration) infinite;animation-delay:0s}.features-energy-graphs__popup.is-visible .features-energy-graphs__scrubber-mobile-2{animation:features-energy-graphs-cycle var(--cycle-duration) infinite;animation-delay:calc(var(--cycle-duration)/3)}.features-energy-graphs__popup.is-visible .features-energy-graphs__scrubber-mobile-3{animation:features-energy-graphs-cycle var(--cycle-duration) infinite;animation-delay:calc(var(--cycle-duration)*2/3)}.features-energy-graphs__scrubber-mobile-1,.features-energy-graphs__scrubber-mobile-2,.features-energy-graphs__scrubber-mobile-3{opacity:0}.features-energy-graphs__graph-mobile{--graph-mobile-width:306px;--graph-mobile-height:223px;--color-line:var(--color-white-A10);position:absolute;top:70px;left:45px;width:var(--graph-mobile-width);height:var(--graph-mobile-height)}@keyframes features-energy-graphs-cycle{0%{opacity:0}2.5%{opacity:1}30.83%{opacity:1}33.33%{opacity:0}to{opacity:0}}.features-energy-dashboard-widgets{position:relative;z-index:1;overflow:hidden;padding:100px 16px;background-color:var(--color-white)}.features-energy-dashboard-widgets__header{display:flex;flex-direction:column;align-items:center;margin-bottom:64px;text-align:center}.features-energy-dashboard-widgets__header .flat-button{margin-top:24px}.features-energy-dashboard-widgets__charts{display:flex;flex-direction:column;gap:32px;justify-content:space-between}.features-energy-dashboard-widgets__charts.is-visible .features-energy-dashboard-widgets__chart:first-of-type{opacity:1;transition-property:opacity;transition-duration:750ms}.features-energy-dashboard-widgets__charts.is-visible .features-energy-dashboard-widgets__chart:nth-of-type(2){opacity:1;transition-property:opacity;transition-duration:750ms;transition-delay:100ms}.features-energy-dashboard-widgets__charts.is-visible .features-energy-dashboard-widgets__chart:nth-of-type(3){opacity:1;transition-property:opacity;transition-duration:750ms;transition-delay:200ms}.features-energy-dashboard-widgets__charts .swiper-pagination-bullets{display:flex;gap:8px;justify-content:center}.features-energy-dashboard-widgets__charts .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background-color:var(--color-mono-100);cursor:pointer}.features-energy-dashboard-widgets__charts .swiper-pagination-bullet-active{background-color:var(--color-blue-500)}.features-energy-dashboard-widgets__charts .swiper-pagination-lock{display:none}.features-energy-dashboard-widgets__charts-slides{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-self:center;width:100%;max-width:1204px;height:100%}.features-energy-dashboard-widgets__chart-header{position:absolute;top:0;left:0;display:flex;width:100%;padding:16px 16px 0}.features-energy-dashboard-widgets__chart-title{font-size:17px;font-weight:var(--font-weight-medium)}.features-energy-dashboard-widgets__chart-subtitle{font-size:var(--font-size-small);color:var(--color-mono-500)}.features-energy-dashboard-widgets__chart-details{flex-grow:1;margin-left:16px}.features-energy-dashboard-widgets__chart-current{display:flex;align-items:center;font-size:24px;font-weight:var(--font-weight-bold);color:var(--color)}.features-energy-dashboard-widgets__chart{--card-width:358;--card-height:208;position:relative;display:flex;flex-shrink:0;flex-direction:row;flex-wrap:wrap;overflow:hidden;width:358px;max-width:100%;opacity:0;transition:opacity 500ms ease-out}.features-energy-dashboard-widgets__chart.is-visible .features-energy-dashboard-widgets__chart-visual{opacity:1}.features-energy-dashboard-widgets__chart-image{width:100%;height:auto}.features-energy-dashboard-widgets__chart-visual{--graph-height:96;--graph-width:284;--graph-top:88;--graph-left:59;position:absolute;top:calc(var(--graph-top)/var(--card-height)*100%);left:calc(var(--graph-left)/var(--card-width)*100%);width:calc(var(--graph-width)/var(--card-width)*100%);height:calc(var(--graph-height)/var(--card-height)*100%);opacity:0}.features-energy-homey-energy-dongle{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-bottom:100px;background-color:var(--color-body)}.features-energy-homey-energy-dongle.is-visible .features-energy-homey-energy-dongle__stacked-alpha-video{opacity:1}.features-energy-homey-energy-dongle__heading{background-image:var(--gradient-homey-energy-dongle);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-energy-homey-energy-dongle__top-shape{top:0;width:120%;max-width:none;height:auto;margin-left:-10%}.features-energy-homey-energy-dongle__content{display:flex;justify-content:center;padding:48px 16px 0}.features-energy-homey-energy-dongle__row{display:flex;flex-direction:column;gap:16px}.features-energy-homey-energy-dongle__column{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.features-energy-homey-energy-dongle__column--text{text-align:center}.features-energy-homey-energy-dongle__canvas{width:320px;max-width:100%;height:auto}.features-energy-homey-energy-dongle__image .picture{max-width:138%;margin-left:-50px}.features-energy-homey-energy-dongle .picture{height:auto}.features-energy-homey-energy-dongle__image-overlay{position:absolute;bottom:12%;left:21%;max-width:40%}.features-energy-homey-energy-dongle__image-overlay .picture{max-width:100%}.features-energy-homey-energy-dongle__readmore{margin-top:24px;background-image:var(--gradient-homey-energy-dongle);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);-webkit-text-fill-color:transparent;white-space:nowrap}.features-energy-homey-energy-dongle__readmore:hover{text-decoration:underline}.features-energy-homey-energy-dongle__stacked-alpha-video{display:inline-block;width:100%;max-width:500px;height:auto;opacity:0;transition:var(--duration-slow)}.features-energy-homey-energy-dongle__video{display:none}@media (min-width:576px){.features-energy-video{max-width:100%;margin:0}.features-energy-header__phone-image{max-width:100%}.features-energy-header-overlay{padding-top:140px}.features-energy-header-overlay__house-stat{transform:scale(1.75)}.features-energy-header-overlay__house-stat-value{font-size:var(--font-size-body-large)}.features-energy-header-overlay__house-stat-title{font-size:var(--font-size-medium)}.features-energy-monitoring__paragraph{flex-direction:row;gap:48px}.features-energy-monitoring-charts{padding-top:145px;padding-bottom:135px}.features-energy-connect-devices{padding:100px 0}.features-energy-connect-devices__text-column{max-width:448px}.features-energy-costs__top-consumers-image .picture{max-width:100%}.features-energy-costs__top-consumers-items{top:15%;left:8%;width:auto;transform:none}.features-energy-prices__image{max-width:100%}.features-energy-graphs{margin-top:0}.features-energy-graphs__dynamic-prices,.features-energy-graphs__solar-power{grid-template-rows:2fr 3fr}.features-energy-graphs__header{padding:96px 16px 48px;text-align:center}.features-energy-graphs__subtitle,.features-energy-graphs__title{margin-right:auto;margin-left:auto}.features-energy-dashboard-widgets{padding:160px 16px}.features-energy-dashboard-widgets__header{margin-bottom:96px}.features-energy-homey-energy-dongle__image .picture{max-width:100%;margin-left:0}}@media screen and (min-height:720px) and (min-width:768px){.features-energy-graphs__dynamic-prices,.features-energy-graphs__solar-power{grid-gap:var(--gap-height);height:var(--sticky-element-height)}.features-energy-graphs__flow-cards.is-visible .features-energy-graphs__scrubber{opacity:1}.features-energy-graphs__flow-cards.is-visible .features-energy-graphs__flow-card{opacity:1;transform:translate(-50%,calc(-100% - 16px));animation:none}.features-energy-graphs__scrubber{display:block}.features-energy-graphs__flow-card--dynamic-prices-1,.features-energy-graphs__scrubber--dynamic-prices-1{--scrubber-color:#f68b02;--transition-delay:0s;top:calc(var(--graph-height)*0.18);left:calc(50% - 200px)}.features-energy-graphs__flow-card--dynamic-prices-2,.features-energy-graphs__scrubber--dynamic-prices-2{--scrubber-color:#adc600;--transition-delay:0.25s;top:calc(var(--graph-height)*0.75);left:calc(50% - 66.66667px)}.features-energy-graphs__flow-card--dynamic-prices-3,.features-energy-graphs__scrubber--dynamic-prices-3{--scrubber-color:#f7b000;--transition-delay:0.5s;top:calc(var(--graph-height)*0.36);left:calc(50% + 266.66667px)}.features-energy-graphs__flow-card--solar-power-1,.features-energy-graphs__scrubber--solar-power-1{--scrubber-color:var(--color-yellow);--transition-delay:0s;top:calc(var(--graph-height)*0.39);left:calc(50% - 215.18987px)}.features-energy-graphs__flow-card--solar-power-2,.features-energy-graphs__scrubber--solar-power-2{--scrubber-color:var(--color-yellow);--transition-delay:0.25s;top:calc(var(--graph-height)*0.05);left:calc(50% - 37.97468px)}.features-energy-graphs__flow-card--solar-power-3,.features-energy-graphs__scrubber--solar-power-3{--scrubber-color:var(--color-yellow);--transition-delay:0.5s;top:calc(var(--graph-height)*0.73);left:calc(50% + 189.87342px)}.features-energy-graphs__popup{display:none}}@media (min-width:768px){.features-energy-paragraph{font-size:20px}.features-energy-video.is-ended{margin-bottom:0px}.features-energy-video__bezel{max-width:100%}.features-energy-header{padding-top:112px}.features-energy-header-overlay__house-image{min-height:40vh}.features-energy-header-overlay__house-stat-container.is-visible{width:82%;padding-top:56px}.features-energy-header-overlay__house-stat:first-of-type{height:45%}.features-energy-monitoring__paragraph{gap:96px}.features-energy-monitoring__image .picture{max-width:100%}.features-energy-monitoring-charts__item:not(:last-of-type){margin-right:32px}.features-energy-monitoring-charts__card{flex-basis:auto}.features-energy-monitoring-charts__line-connection{left:clamp(40px,400px - 30vw,105px);width:100%;height:129px;margin:-75px auto 0}.features-energy-monitoring-charts__line-connection:after,.features-energy-monitoring-charts__line-connection:before{width:3px;height:inherit;background:linear-gradient(180deg,var(--color-blue-100),var(--color-blue-100) 50%,transparent 0) repeat-y;background-size:3px 16px;animation:animate-stripes 1s linear infinite}.features-energy-connect-devices__text-container{gap:140px}.features-energy-costs__container{padding-top:calc(var(--curve-height) + 128px)}.features-energy-costs__top-consumers{flex-direction:row;gap:32px;align-items:center;justify-content:space-between;max-width:928px}.features-energy-costs__top-consumers-text-wrapper{order:2;max-width:448px}.features-energy-costs__top-consumers-image-wrapper{height:500px}.features-energy-prices__content{flex-direction:row;gap:32px;align-items:center;justify-content:space-between;max-width:928px;margin:48px auto 96px}.features-energy-prices__text-wrapper{max-width:448px}.features-energy-prices__options{grid-template-rows:1fr 1fr;grid-template-columns:none;gap:64px;margin-top:56px}.features-energy-prices__option{grid-template-rows:none;grid-template-columns:4px 1fr;gap:32px}.features-energy-prices__option-text-wrapper{order:2}.features-energy-prices__option-bar{order:1;width:4px;height:100%}.features-energy-prices__option-bar:after,.features-energy-prices__option-bar:before{--gradient-direction:to bottom;order:1;width:100%;height:0;animation:features-energy-prices-bar-progress-vertical 10s linear forwards}.features-energy-graphs__dynamic-prices-container{margin-bottom:0px}.features-energy-graphs__header{padding-right:32px;padding-left:32px}.features-energy-homey-energy-dongle{margin-top:0}.features-energy-homey-energy-dongle__content{padding:128px 32px 0}.features-energy-homey-energy-dongle__row{flex-direction:row;justify-content:center}.features-energy-homey-energy-dongle__column{align-items:flex-start}.features-energy-homey-energy-dongle__column--text{flex-basis:448px;text-align:left}}@media (min-width:992px){.features-energy-header{padding-top:224px}.features-energy-header-overlay__house-stat-container{gap:18%;width:82%}.features-energy-header-overlay__house-stat-container.is-visible{padding-top:72px}.features-energy-monitoring__image:before{content:""}.features-energy-monitoring-charts__item{flex-shrink:1;margin-right:0}.features-energy-monitoring-charts__line-connection-wrapper{--chart-gap:32px;--chart-width:calc(33.33333% - var(--chart-gap)*2/3);width:calc(100% - var(--chart-width))}.features-energy-monitoring-charts__line-connection{background:linear-gradient(90deg,var(--color-blue-100) 0%,var(--color-blue-100) 50%,transparent 0) repeat-x 0 0/16px 3px,linear-gradient(180deg,var(--color-blue-100) 0%,var(--color-blue-100) 50%,transparent 0) repeat-y 100% 0/3px 16px}.features-energy-monitoring-charts__line-connection:after{display:block}.features-energy-connect-devices{overflow:unset}.features-energy-connect-devices__row{flex-direction:row}.features-energy-connect-devices__flow-cards{align-self:flex-start}.features-energy-connect-devices__solar-card{order:unset;margin:80px 0 0}.features-energy-costs__container{padding-top:calc(var(--curve-height) + 192px)}.features-energy-graphs__header{padding-top:148px}.features-energy-homey-energy-dongle__row{gap:96px}.features-energy-homey-energy-dongle__canvas{width:500px}}@media (min-width:1200px){.features-energy-dashboard-widgets__charts-slides{justify-content:center}}@media (-webkit-min-device-pixel-ratio:2){.features-energy-connect-devices__canvas{top:0;left:1px}}@media (hover:hover) and (pointer:fine){.features-energy-prices__option:hover .features-energy-prices__option-text{color:var(--color-white-A70)}}