[data-elekeeper] section.homeflow{--hf-phone-w:calc(var(--ek-rem)*4.09);overflow-x:clip;width:100%}[data-elekeeper] .homeflow .stage-wrap{box-sizing:border-box;display:block;margin-inline:auto;max-width:var(--maxw);overflow-x:clip;padding:var(--ek-section-pad-y) var(--ek-section-pad-x);width:100%}[data-elekeeper] .homeflow .stage{background:transparent;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;padding:0;width:100%}[data-elekeeper] .homeflow .block-a{display:flex;flex-direction:column;gap:0;margin-bottom:calc(var(--ek-rem)*.4);margin-left:0;max-width:calc(var(--ek-rem)*12.54);padding-top:0;width:100%}[data-elekeeper] .homeflow .block-a .title{margin:0}[data-elekeeper] .homeflow .block-b{align-items:center;box-sizing:border-box;column-gap:calc(var(--ek-rem)*.288);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;max-width:100%;padding-bottom:0;padding-top:0;row-gap:calc(var(--ek-rem)*.48);width:100%}[data-elekeeper] .homeflow .block-b.is-stacked{flex-direction:column}[data-elekeeper] .homeflow .stage:has(.block-b.is-stacked) .block-a{align-items:center;margin-inline:auto;max-width:100%;text-align:center;width:100%}[data-elekeeper] .homeflow .stage:has(.block-b.is-stacked) .block-a .subtitle,[data-elekeeper] .homeflow .stage:has(.block-b.is-stacked) .block-a .title{margin-inline:auto;text-align:center}[data-elekeeper] .homeflow .house-col{align-self:center;display:block;flex:0 1 auto;line-height:0;max-width:100%;min-width:0;position:relative;width:max-content}[data-elekeeper] .homeflow .house-img{display:block;height:auto;max-width:100%;width:auto}[data-elekeeper] .homeflow .block-b:not(.is-stacked) .house-col{align-self:center;flex:1 1 0;min-width:0;width:auto}[data-elekeeper] .homeflow .block-b:not(.is-stacked) .house-img{height:auto;max-width:100%;width:100%}[data-elekeeper] .homeflow .block-b.is-stacked .house-col{max-width:100%;width:100%}[data-elekeeper] .homeflow .block-b.is-stacked .house-img{height:auto;width:100%}.homeflow .energy-canvas{display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.homeflow .phone-col{align-self:center;flex:0 0 auto;max-width:100%;width:max-content}[data-elekeeper] .homeflow .block-b:not(.is-stacked) .phone-col{align-self:center;flex:0 0 var(--hf-phone-w);max-width:var(--hf-phone-w);width:var(--hf-phone-w)}[data-elekeeper] .homeflow .phone-img{background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;display:block;max-width:100%;overflow:hidden;position:relative}[data-elekeeper] .homeflow .block-b.is-stacked .house-col,[data-elekeeper] .homeflow .block-b.is-stacked .phone-col{display:flex;justify-content:center;max-width:100%;width:100%}[data-elekeeper] .homeflow .block-b.is-stacked .phone-col{max-width:min(100%,var(--hf-phone-w))}[data-elekeeper] .homeflow .phone-full-img,[data-elekeeper] .homeflow .phone-full-video,[data-elekeeper] .homeflow .phone-hotzones{pointer-events:none;position:absolute;z-index:1}[data-elekeeper] .homeflow .phone-hotzones{pointer-events:auto;z-index:2}[data-elekeeper] .homeflow .phone-full-img{display:block;height:auto;max-width:none;width:auto}.homeflow .phone-full-img.is-hidden{visibility:hidden}[data-elekeeper] .homeflow .phone-full-video{display:block;height:auto;max-width:none;object-fit:fill;visibility:hidden;width:auto}.homeflow .phone-full-video.is-ready{visibility:visible}[data-elekeeper] .homeflow .phone-hotzones{display:flex;flex-direction:column}[data-elekeeper] .homeflow .phone-hotzone{background:transparent;border:none;box-sizing:border-box;cursor:pointer;flex-shrink:0;margin:0;padding:0;width:100%}.homeflow .block-b.is-house-missing .energy-canvas,.homeflow .block-b.is-house-missing .house-img{visibility:hidden}.homeflow .block-b.is-phone-missing .phone-col{display:none}[data-elekeeper] section.homeflow .block-c.stack-showcase__features{box-sizing:border-box;margin-top:calc(var(--ek-rem)*.48);max-width:100%;padding-bottom:0;padding-top:0;width:100%}@media (max-width:1024px){[data-elekeeper] section.homeflow{--hf-phone-w:calc(var(--ek-rem)*3.4)}}@media (max-width:800px){[data-elekeeper] section.homeflow{--hf-phone-w:calc(var(--ek-rem)*5.6)}[data-elekeeper] .homeflow .block-b.is-stacked{row-gap:calc(var(--ek-rem)*.4)}[data-elekeeper] .homeflow .block-a .title{white-space:normal}}