/* Isolated presentation: loaded only for the new slider. Select Previous slider to revert. */
.hero-showcase{--hs-accent:#268456;--hs-wash:#e9f4ed;background:radial-gradient(ellipse at 90% 15%,#e0eee7,transparent 55%),#f6f8f5;border-bottom:1px solid #dce6de;padding:28px 0 0;overflow:hidden}
.hero-showcase .wrap{max-width:1240px}
.hs-topline{display:flex;justify-content:space-between;gap:20px;color:#758378;font-size:11px;letter-spacing:.1em;padding-bottom:24px}.hs-topline>span:first-child{display:flex;gap:9px;align-items:center;color:#37664b;font-weight:700}.hs-topline i{width:7px;height:7px;background:#34865a;border-radius:50%}
.hs-slides{min-height:530px;position:relative;isolation:isolate}.hs-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center}.hs-slide[hidden],.hs-controls[hidden]{display:none}
.hs-copy{padding:20px 0;min-width:0}.hs-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--hs-accent);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.hs-eyebrow:before{content:"";width:22px;height:2px;background:currentColor}
.hs-copy h1,.hs-copy h2{font-size:clamp(32px,3.4vw,46px);line-height:1.17;letter-spacing:-1.65px;font-weight:750;color:#122d25;margin:0}.hs-copy .hl{color:var(--hs-accent)}
.hs-lead{font-size:16px;line-height:1.8;color:#58685f;margin:22px 0 28px;max-width:490px}.hs-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.hs-actions .btn{display:flex;gap:12px;padding:14px 19px;font-size:13px;border-radius:9px}.hs-actions svg,.hs-proof>a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.hs-secondary{font-size:13px;font-weight:700;color:#263f33;display:flex;gap:12px;align-items:center}.hs-assurance{margin-top:28px;font-size:11px;letter-spacing:.01em;color:#738178;display:flex;align-items:center;gap:8px}.hs-assurance>span{display:grid;place-items:center;width:17px;height:17px;background:#e0ede4;color:#368453;border-radius:50%;font-size:11px}
.hs-visual{background:rgba(255,255,255,.9);border:1px solid #d8e4da;border-radius:23px;box-shadow:0 22px 55px -28px #32574050;overflow:hidden;min-width:0;align-self:center}
.hs-visual-title{display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid #e6ede7;font-size:12px;font-weight:750;color:#284f3b}.hs-visual-icon{display:grid;place-items:center;background:var(--hs-wash);border-radius:9px;width:29px;height:29px;color:var(--hs-accent)}.hs-visual-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.hs-edition{margin-left:auto;color:#97a59d;font-size:9px;letter-spacing:.12em;font-weight:600}
.hs-photos{height:295px;padding:16px 22px;display:flex;align-items:stretch;gap:16px;background:radial-gradient(ellipse at center, var(--hs-wash),#fff 73%)}.hs-photo-main,.hs-photo-secondary{display:flex;align-items:center;justify-content:center;min-width:0;position:relative}.hs-photo-main{flex:1}.hs-photo-secondary{width:34%;border-left:1px solid #e1e9e3;padding-left:12px}.hs-photo{display:block;object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:7px;box-shadow:0 4px 12px #2848360b}.hs-no-photo{width:100%;align-self:center;color:var(--hs-accent)}.hs-no-photo .hs-scene-svg{width:100%;height:auto}.hs-photo-unavailable:after{content:"Image unavailable";font-size:13px;color:#65766a}.hs-photo-unavailable img{display:none}
.hs-caption{display:flex;align-items:baseline;gap:9px;padding:12px 20px;border-top:1px solid #eef1ed;flex-wrap:wrap;background:white}.hs-caption span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--hs-accent);font-weight:800}.hs-caption b{font-size:11px;color:#617066;font-weight:500}
.hs-scene{background:var(--hs-wash);padding:12px 17px 9px;color:var(--hs-accent);border-top:1px solid #e2eae3}.hs-scene-label{font-size:8px;font-weight:800;letter-spacing:.15em;color:#80948a;display:flex;justify-content:space-between;align-items:center}.hs-scene-label span{color:var(--hs-accent);font-size:14px}.hs-scene-svg{display:block;width:100%;height:auto}.hs-diagram-label{font-size:10px;font-family:Inter,Arial,sans-serif;text-anchor:middle;font-weight:600}
.hs-track{--hs-accent:#2c6fa7;--hs-wash:#edf4fb}.hs-secure{--hs-accent:#7760a4;--hs-wash:#f1eef9}.hs-it{--hs-accent:#20887c;--hs-wash:#eaf6f2}
.hs-overview-label{font:600 11px Inter,Arial,sans-serif;text-anchor:middle}
.hs-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0 22px}.hs-tabs{display:flex;flex:1;gap:5px;flex-wrap:wrap}.hs-tab{font:inherit;font-size:11px;display:flex;gap:7px;align-items:center;cursor:pointer;color:#6d7c72;background:transparent;border:1px solid transparent;border-radius:8px;padding:12px 11px;white-space:nowrap;position:relative}.hs-tab>span{font-size:9px;color:#a6b2aa}.hs-tab:hover{background:#eaf0e9}.hs-tab.is-active{background:white;border-color:#d8e4da;box-shadow:0 3px 8px #1f553a08;color:#215d3c;font-weight:700}.hs-tab.is-active>span{color:#42865e}.hs-tab.is-active:after{content:"";height:2px;position:absolute;bottom:0;left:12px;right:12px;border-radius:3px;background:#459366;transform:scaleX(1);transform-origin:left}
.hs-playback{display:flex;align-items:center;gap:7px;flex-shrink:0}.hs-count{font-size:11px;color:#a0aca3;margin-right:8px;letter-spacing:2px}.hs-count b{font-weight:700;color:#405b49}.hs-playback button{font:inherit;cursor:pointer;background:white;border:1px solid #d7e1d8;color:#42614d;border-radius:50%;width:37px;height:37px;display:flex;align-items:center;justify-content:center}.hs-playback button:hover{border-color:#47845a;background:#e4efe6}.hs-playback svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.hs-playback [data-hero-prev] svg{transform:rotate(180deg)}.hs-playback [data-hero-pause]{width:auto;padding:0 13px;gap:6px;border-radius:20px;font-size:11px}.hs-playback [data-pause-icon]{font-size:11px}
.hs-proof{border-top:1px solid #dce5dc;display:flex;gap:42px;align-items:center;padding:23px 0 24px}.hs-proof>div{display:flex;align-items:center;gap:10px}.hs-proof b{font-size:19px;font-family:var(--display);font-weight:700;color:#254a34}.hs-proof span{font-size:10px;color:#879289;max-width:85px;line-height:1.5}.hs-proof>a{display:flex;gap:12px;align-items:center;margin-left:auto;font-size:11px;font-weight:700;color:#467156}
.hero-showcase button:focus-visible,.hero-showcase a:focus-visible{outline:3px solid #269058;outline-offset:4px}.hs-status.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:no-preference){
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-flow{animation:hsFlow 4s linear infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-radar{transform-box:fill-box;transform-origin:center;animation:hsRadar 3s ease-out infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-charge{animation:hsGlow 4s ease-in-out infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-lamp,html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-signal,html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-ui{animation:hsGlow 4s ease-in-out infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-car{animation:hsDrive 7s ease-in-out infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-overview-rays{transform-box:fill-box;transform-origin:center;animation:hsOverviewSun 12s linear infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-overview-panel,html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-overview-light{animation:hsGlow 4s ease-in-out infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-overview-pin{animation:hsOverviewPin 3s ease-in-out infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-overview-location{transform-box:fill-box;transform-origin:center;animation:hsRadar 3s ease-out infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-overview-check{animation:hsOverviewCheck 4s ease-in-out infinite}
 html[data-motion="on"] .hero-showcase[data-animating="true"] :is(.is-active,.is-leaving) .hs-overview-cursor{animation:hsOverviewCursor 2s steps(2,end) infinite}
 html[data-motion="on"] .hs-slide.hs-entering{animation:var(--hs-enter,hsSlideIn) .8s cubic-bezier(.22,.75,.26,1) both}
 html[data-motion="on"] .hs-slide.is-leaving{animation:var(--hs-leave,hsSlideOut) .65s cubic-bezier(.4,0,.6,1) both}
 html[data-motion="on"] .hs-slide.hs-entering .hs-copy{animation:hsCopyIn .8s cubic-bezier(.2,.7,.2,1) both}
 html[data-motion="on"] .hs-slide.is-leaving .hs-copy{animation:hsCopyOut .18s ease-out both}
 html[data-motion="on"] .hs-slide.hs-entering .hs-visual{animation:var(--hs-visual-enter,hsVisualIn) .8s cubic-bezier(.2,.7,.2,1) both}
}
.hs-slide.is-leaving{position:absolute;inset:0 0 auto;pointer-events:none;z-index:0}
.hs-slide.hs-entering{position:relative;z-index:1}
.hero-showcase{--hs-direction:1}.hero-showcase[data-direction="backward"]{--hs-direction:-1}
.hero-showcase[data-transition-effect="fade"]{--hs-enter:hsFadeIn;--hs-leave:hsFadeOut;--hs-visual-enter:hsFadeIn}
.hero-showcase[data-transition-effect="zoom"]{--hs-enter:hsZoomIn;--hs-leave:hsZoomOut;--hs-visual-enter:hsFadeIn}
.hero-showcase[data-transition-effect="lift"]{--hs-enter:hsLiftIn;--hs-leave:hsLiftOut;--hs-visual-enter:hsFadeIn}
.hero-showcase[data-transition-effect="wipe"]{--hs-enter:hsWipeIn;--hs-leave:hsFadeOut;--hs-visual-enter:hsFadeIn}
@keyframes hsSlideIn{from{opacity:0;transform:translateX(calc(24px * var(--hs-direction)))}to{opacity:1;transform:translateX(0)}}
@keyframes hsSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(-18px * var(--hs-direction)))}}
@keyframes hsCopyIn{0%,25%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
@keyframes hsCopyOut{to{opacity:0;transform:translateY(-4px)}}
@keyframes hsVisualIn{from{opacity:.3;transform:translateX(calc(16px * var(--hs-direction))) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes hsFadeIn{from{opacity:0}to{opacity:1}}
@keyframes hsFadeOut{to{opacity:0}}
@keyframes hsZoomIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes hsZoomOut{to{opacity:0;transform:scale(1.035)}}
@keyframes hsLiftIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes hsLiftOut{to{opacity:0;transform:translateY(-20px)}}
@keyframes hsWipeIn{from{opacity:.2;clip-path:inset(0 100% 0 0 round 16px)}to{opacity:1;clip-path:inset(0 0 0 0 round 0)}}
.hero-showcase[data-direction="backward"][data-transition-effect="wipe"]{--hs-enter:hsWipeBackIn}
@keyframes hsWipeBackIn{from{opacity:.2;clip-path:inset(0 0 0 100% round 16px)}to{opacity:1;clip-path:inset(0 0 0 0 round 0)}}
@keyframes hsFlow{to{stroke-dashoffset:-48}}@keyframes hsRadar{0%{transform:scale(.65);opacity:.9}90%,100%{transform:scale(1.6);opacity:0}}@keyframes hsGlow{0%,100%{opacity:.5}50%{opacity:1}}@keyframes hsDrive{0%,100%{transform:translateX(0)}50%{transform:translateX(42px)}}@keyframes hsReveal{from{opacity:.5}to{opacity:1}}
@keyframes hsOverviewSun{to{transform:rotate(360deg)}}
@keyframes hsOverviewPin{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes hsOverviewCheck{0%,15%{stroke-dasharray:24;stroke-dashoffset:24}45%,100%{stroke-dasharray:24;stroke-dashoffset:0}}
@keyframes hsOverviewCursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(min-width:961px){.hs-slide{min-height:530px}}
@media(max-width:1150px){.hs-slide{gap:30px}.hs-copy h1,.hs-copy h2{font-size:37px}.hs-tabs{gap:0}.hs-tab{font-size:10px;padding:11px 8px}.hs-tab>span{display:none}.hs-proof{gap:26px}.hs-photos{height:270px}}
@media(max-width:960px){
 .hero-showcase{padding-top:15px}.hs-topline{font-size:9px;padding-bottom:18px}.hs-topline>span:last-child{display:none}
 .hs-slide{grid-template-columns:1fr;gap:21px}.hs-visual{order:-1;width:100%;max-width:600px;justify-self:center}.hs-copy{padding:0;max-width:600px;justify-self:center;width:100%}.hs-copy h1,.hs-copy h2{font-size:33px;letter-spacing:-1px;line-height:1.18}.hs-eyebrow{font-size:10px;margin-bottom:12px}.hs-lead{font-size:14px;line-height:1.65;margin:14px 0 20px;max-width:none}.hs-assurance{margin-top:18px}
 .hs-slides{min-height:0}.hs-photos{height:245px;padding:12px 15px}.hs-visual-title{padding:9px 14px;font-size:11px}.hs-scene{padding:7px 14px}.hs-scene-svg{max-height:112px}.hs-caption{padding:8px 14px}.hs-edition{font-size:8px}.hs-scene-label{font-size:7px}.hs-controls{flex-wrap:wrap;gap:15px;padding-top:22px}.hs-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;flex-basis:100%}.hs-tab{justify-content:center;font-size:10px;white-space:normal;line-height:1.3;padding:10px 7px;min-height:42px;background:#eaf0e9}.hs-playback{width:100%;justify-content:center}.hs-count{margin-right:20px}.hs-playback button{width:42px;height:42px}.hs-playback [data-hero-pause]{min-width:86px}.hs-proof{gap:12px;justify-content:space-between;padding:18px 0;flex-wrap:wrap}.hs-proof>div{display:grid;gap:2px}.hs-proof b{font-size:16px}.hs-proof span{font-size:9px;max-width:none}.hs-proof>a{font-size:10px}
 html[data-view="app"] .hero-showcase>.wrap{padding-inline:16px}.hero-showcase+.app-home{padding-top:18px}.hero-showcase+.app-home .app-home-top{display:none}.app-home h2{font-size:27px;line-height:1.22;letter-spacing:-1px;max-width:260px}
}
@media(max-width:480px){.hs-photos{height:215px}.hs-visual{border-radius:17px}.hs-copy h1,.hs-copy h2{font-size:29px}.hs-actions{gap:16px}.hs-actions .btn{font-size:12px;padding:13px 15px}.hs-secondary{font-size:12px}.hs-caption{gap:3px;display:grid}.hs-caption b{font-size:10px;line-height:1.4}.hs-diagram-label{font-size:11px}.hs-proof>a{width:100%;margin:7px 0 0;padding-top:12px;border-top:1px solid #e1e8df;justify-content:center}.hs-edition{letter-spacing:.06em}.hs-assurance{font-size:10px}.hs-scene-svg{max-height:88px}}
@media(max-width:360px){.hs-photos{height:185px}.hs-copy h1,.hs-copy h2{font-size:26px}.hs-visual-title{font-size:10px}.hs-tabs{grid-template-columns:repeat(2,1fr)}}
/* App View's general section spacing must not override the slider. */
html[data-view="app"] section.hero-showcase{padding:15px 0 0}
@media(max-width:480px){
 .hs-photos{height:200px}.hs-scene-label{line-height:1}.hs-scene-label span{font-size:10px;line-height:1}.hs-scene-svg{max-height:76px}.hs-diagram-label{font-size:16px}.hs-assurance{display:none}.hs-lead{font-size:13px;line-height:1.65;margin:12px 0 18px}
}
/* v10: full landscape artwork and gentle motion for the solar panel. */
.hs-photos.is-wide{padding:0;aspect-ratio:1672/941;height:auto;background:transparent}
.hs-photos.is-wide .hs-photo-main{height:100%;width:100%}
.hs-photos.is-wide .hs-photo{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;box-shadow:none}
@media(prefers-reduced-motion:no-preference){html[data-motion="on"] .hero-showcase[data-animating="true"] .hs-solar:is(.is-active,.is-leaving) .hs-photo-secondary .hs-photo{animation:hsPanelFloat 5s ease-in-out infinite}}
@keyframes hsPanelFloat{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}