.future.energy-home{display:block;padding-block:90px;background:linear-gradient(115deg,#fff8f7,#ffefed)}
.energy-home-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-bottom:38px}
.energy-home-heading h2{font-size:clamp(36px,4vw,60px)}
.energy-home-heading .section-label{color:#e30713;margin-bottom:20px}
.energy-home-heading>p{max-width:440px;font-size:15px;line-height:1.8}
.energy-home-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,.85fr);align-items:start;gap:24px}
.home-figure{margin:0;min-width:0;background:#fff;border:1px solid #edccca;border-radius:18px;overflow:hidden}
.home-map{position:relative;isolation:isolate}
.home-map>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.home-marker{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center;z-index:2}
.home-marker-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid #fff;background:#fff;color:#000;font-size:11px;font-weight:700;box-shadow:0 2px 12px #0003;transition:background .2s,color .2s,box-shadow .2s}
.home-marker[aria-pressed=true] .home-marker-number,.home-marker:hover .home-marker-number{background:#e30713;color:#fff;box-shadow:0 0 0 5px #e3071326,0 2px 12px #0003}
.home-marker-label{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);padding:6px 10px;white-space:nowrap;background:#000;color:#fff;border-radius:5px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s}
.home-marker:hover,.home-marker:focus-visible{z-index:4}
.home-marker:hover .home-marker-label,.home-marker:focus-visible .home-marker-label{opacity:1}
.home-figure figcaption{padding:15px 22px;border-top:1px solid #f0dedc;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6}
.home-figure figcaption>span{color:#e30713;font-size:20px}
.home-figure-note{padding:0 22px 17px;font-size:10px;line-height:1.6}
.home-sidebar{min-width:0}
.home-detail{background:#fff;border:1px solid #edccca;border-top:3px solid #e30713;border-radius:14px;padding:26px;min-height:360px}
.home-detail-tag{font-size:9px;font-weight:650;letter-spacing:1.1px;color:#e30713}
.home-detail h3{font-size:29px;margin:13px 0 17px;line-height:1.15}
.home-detail p{font-size:13px;line-height:1.85}
.home-detail ul{padding:0;list-style:none;margin:18px 0 20px;display:grid;gap:8px}
.home-detail li{position:relative;padding-left:19px;font-size:12px;line-height:1.6}
.home-detail li:before{content:'✓';position:absolute;left:0;color:#e30713}
.home-detail a{font-size:12px;font-weight:650;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #f1d8d6;padding-top:15px}
.home-detail a>span:last-child{color:#e30713;font-size:20px;line-height:1}
.home-options{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.home-options button{width:100%;height:100%;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #edccca;border-radius:8px;padding:11px 9px;background:#ffffffb3;color:#000;font-size:11px;line-height:1.4;transition:background .2s,border-color .2s}
.home-options button>span:first-child{color:#e30713;font-size:10px;font-weight:700;flex:none}
.home-options button[aria-pressed=true]{background:#ffe1df;border-color:#e30713}
.home-options button:hover{background:#fff}
@media(max-width:1050px){.energy-home-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:18px}.home-detail{padding:22px}.home-detail h3{font-size:26px}}
@media(max-width:800px){.energy-home-heading{grid-template-columns:1fr;gap:22px}.energy-home-heading>p{max-width:620px}.energy-home-layout{grid-template-columns:1fr}.home-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.home-options{margin-top:0}.home-detail{min-height:0}.future.energy-home{padding-block:65px}}
@media(max-width:540px){.energy-home-heading{gap:18px;margin-bottom:26px}.energy-home-heading h2{font-size:36px}.energy-home-heading>p{font-size:13px}.home-sidebar{display:flex;flex-direction:column;gap:16px}.home-detail,.home-options{width:100%}.home-detail{padding:22px}.home-detail h3{font-size:28px}.home-figure{border-radius:12px}.home-marker-number{width:27px;height:27px;font-size:9px}.home-figure figcaption{padding:12px 15px;font-size:11px}.home-figure-note{padding:0 15px 14px;font-size:9px}.home-options button{padding:13px 12px;font-size:12px}.future.energy-home{padding-block:60px}.home-marker-label{display:none}}

.home-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;fill:none;stroke:#e30713;stroke-width:1.5px}.home-connectors line{vector-effect:non-scaling-stroke}

.home-equipment{position:absolute;z-index:1;cursor:pointer;border-radius:5px}

/* Keep all eight installation choices equally compact, including the longer label. */
.home-options{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44px}
.home-options li{min-width:0}
.home-options button{height:44px;padding:7px 9px;font-size:11px;line-height:1.25}
.home-options button>span:last-child{min-width:0}