:root{--concept-shell:#f6f8f3;--concept-sidebar:#f4f7f1;--concept-green:#276f52;--concept-line:#d9e2d8}
html,body{background:#eef2eb!important;overflow-x:hidden}
body{display:block!important;min-height:100vh!important}
.product-stage{width:100%!important;min-height:100vh!important;display:block!important;padding:0!important;overflow:visible!important}
.product-stage:before,.story{display:none!important}
.phone{width:100%!important;height:100vh!important;min-height:760px!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--concept-shell)!important;box-shadow:none!important}
.phone:before{display:none!important}
.app{height:100%!important;border-radius:0!important;display:grid!important;grid-template-columns:196px minmax(0,1fr)!important;grid-template-rows:72px minmax(0,1fr)!important;background:var(--concept-shell)!important;overflow:hidden!important}
.topbar{grid-column:2!important;grid-row:1!important;align-items:center!important;padding:0 28px!important;border-bottom:1px solid var(--concept-line)!important;background:rgba(250,251,247,.94)!important}
.site b{font-size:18px!important;letter-spacing:-.02em}.site span{font-size:11px!important;margin-top:3px}.connection{font-size:11px!important}
.viewport{grid-column:2!important;grid-row:2!important;overflow:auto!important;background:linear-gradient(180deg,#f8faf6,#f1f5ef)!important}
.bottom-nav{grid-column:1!important;grid-row:1/3!important;position:relative!important;z-index:4!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:7px!important;padding:84px 14px 18px!important;border:0!important;border-right:1px solid var(--concept-line)!important;background:var(--concept-sidebar)!important}
.bottom-nav:before{content:"C  Current House";position:absolute;left:18px;top:22px;font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.bottom-nav button{width:100%!important;min-height:46px!important;display:grid!important;grid-template-columns:28px 1fr!important;align-items:center!important;gap:9px!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#44544e!important;text-align:left!important;cursor:pointer}
.bottom-nav button b{font-size:18px!important}.bottom-nav button span{font-size:12px!important;font-weight:650!important}.bottom-nav button.active{background:#dce9de!important;border-color:#d3e1d6!important;color:#183f30!important}
.view{padding:18px!important}
.view[data-view="home"].active{display:grid!important;grid-template-columns:minmax(0,1fr) 286px!important;grid-template-rows:auto minmax(410px,1fr) auto auto!important;gap:12px!important;max-width:1500px!important;margin:0 auto!important}
.home-head{grid-column:1/3!important;margin:0!important;min-height:64px!important;padding:14px 16px!important;border:1px solid var(--concept-line)!important;border-radius:13px!important;background:rgba(255,255,255,.82)!important;align-items:center!important}
.home-head h1{font-size:21px!important;letter-spacing:-.03em!important}.home-head .eyebrow{font-size:10px!important;letter-spacing:.12em!important}.weather strong{font-size:20px!important}
.energy-world{grid-column:1!important;grid-row:2!important;height:auto!important;min-height:450px!important;border-radius:16px!important;border:1px solid #d7dfd6!important;background-image:linear-gradient(180deg,rgba(255,255,255,.02),rgba(244,248,241,.08)),url('/images/generated-concepts/current-house-cutaway-v1.webp')!important;background-size:cover!important;background-position:center!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important}
.energy-world>.sun,.energy-world>.cloud,.energy-world>.house,.energy-world>.battery,.energy-world>.ev,.energy-world>.grid-tower{display:none!important}
.energy-world .flow{height:3px!important;opacity:.92!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
.solar-flow{width:24%!important;left:28%!important;top:31%!important;transform:rotate(34deg)!important}.battery-flow{width:26%!important;right:13%!important;top:67%!important;transform:rotate(153deg)!important}.grid-flow{width:22%!important;right:0!important;bottom:24%!important}.ev-flow{width:22%!important;left:7%!important;bottom:20%!important;transform:rotate(-10deg)!important}
.energy-world .node{padding:8px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 8px 20px rgba(45,70,55,.14)!important;backdrop-filter:blur(6px)}
.energy-world .node b{font-size:12px!important}.energy-world .node span{font-size:9px!important}.solar-node{left:6%!important;top:12%!important}.home-node{left:48%!important;bottom:5%!important}.battery-node{right:3%!important;top:48%!important}.grid-node{right:2%!important;bottom:5%!important}.ev-node{left:2%!important;bottom:6%!important}
.flow-summary{grid-column:1!important;grid-row:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.metric{padding:13px 15px!important;border-radius:12px!important}.metric strong{font-size:20px!important}.metric span{font-size:10px!important}
.status-card{grid-column:2!important;grid-row:2!important;align-self:start!important;margin:0!important;padding:18px!important;border:1px solid var(--concept-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 30px rgba(42,66,52,.08)!important}
.status-card h2{font-size:17px!important;margin-bottom:7px!important}.status-card p{font-size:11px!important;line-height:1.55!important}.status-card>strong{font-size:31px!important;color:var(--concept-green)!important}
.quick-actions{grid-column:2!important;grid-row:2!important;align-self:end!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important;padding:16px!important;border:1px solid var(--concept-line)!important;border-radius:14px!important;background:rgba(255,255,255,.85)!important}
.quick-actions:before{content:"Resilience controls";font-size:12px;font-weight:800}.quick-actions button{min-height:46px!important;border-radius:10px!important}.quick-actions #offGrid{background:var(--concept-green)!important;color:#fff!important;border-color:var(--concept-green)!important}
.view[data-view="energy"].active,.view[data-view="panels"].active,.view[data-view="backup"].active,.view[data-view="settings"].active{max-width:1160px;margin:0 auto;padding:26px!important}
.timeline-card,.panel-card,.settings-card,.mode-card{border-color:var(--concept-line)!important;box-shadow:0 8px 26px rgba(43,71,55,.05)!important}
@media(max-width:900px){
 .phone{min-height:100vh!important;height:auto!important}.app{min-height:100vh!important;grid-template-columns:1fr!important;grid-template-rows:64px minmax(0,1fr) 70px!important;overflow:visible!important}.topbar{grid-column:1!important;grid-row:1!important;padding:0 16px!important}.viewport{grid-column:1!important;grid-row:2!important;overflow:visible!important}.bottom-nav{grid-column:1!important;grid-row:3!important;position:sticky!important;bottom:0!important;flex-direction:row!important;padding:7px!important;border-right:0!important;border-top:1px solid var(--concept-line)!important}.bottom-nav:before{display:none}.bottom-nav button{display:flex!important;flex:1!important;min-width:0!important;justify-content:center!important;padding:0 5px!important}.bottom-nav button span{font-size:9px!important}.view[data-view="home"].active{grid-template-columns:1fr!important;grid-template-rows:auto 430px auto auto!important;padding:12px!important}.home-head,.energy-world,.flow-summary,.status-card,.quick-actions{grid-column:1!important;grid-row:auto!important}.energy-world{min-height:430px!important}.status-card{align-self:stretch!important}.quick-actions{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){.energy-world{min-height:330px!important;background-position:50% center!important}.energy-world .node{transform:scale(.84)!important;transform-origin:center}.home-node{transform:translateX(-50%) scale(.84)!important}.flow-summary{grid-template-columns:1fr 1fr 1fr!important}.metric{padding:10px!important}.metric strong{font-size:16px!important}.quick-actions{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.energy-world .flow:after{animation:none!important}}
.story{display:contents!important}.story>.wordmark,.story>h1,.story>p,.story>.proof-row{display:none!important}.story>.story-actions{position:fixed!important;left:14px!important;bottom:18px!important;z-index:8!important;width:168px!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0!important}.story>.story-actions button{min-height:38px!important;padding:0 9px!important;border-radius:9px!important;border:1px solid #ccd8ce!important;background:#fff!important;color:#355047!important;font-size:9px!important;font-weight:750!important}.story>.story-actions .primary{background:#193f31!important;border-color:#193f31!important;color:#fff!important}
@media(max-width:900px){.story>.story-actions{display:none!important}}
@media(min-width:901px){body{overflow:hidden!important}.phone{height:100vh!important;min-height:0!important}.app{height:100vh!important}.bottom-nav{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:196px!important;height:100vh!important}}
@media(max-width:900px){.phone{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:auto!important}.app{padding-bottom:70px!important}.viewport{padding-bottom:8px!important}.bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:70px!important;z-index:30!important}}
.energy-world .node span,.flow-summary .metric span,.bottom-nav button,.timeline-legend{font-size:11px!important}
@media(max-width:900px){.energy-world .node span,.flow-summary .metric span,.bottom-nav button,.bottom-nav button span,.timeline-legend{font-size:12px!important}}
@media(max-width:420px){
 .bottom-nav button{flex-direction:column!important;gap:2px!important;padding:3px 2px!important;line-height:1!important}
 .bottom-nav button b{font-size:16px!important;line-height:1!important}
 .bottom-nav button span{font-size:9px!important;line-height:1.1!important;max-width:100%!important}
}
.status-card{display:block!important;color:#12201c!important}.status-card h2{margin:0!important;color:#12201c!important}.status-card__metric{display:flex;align-items:baseline;gap:7px;margin:12px 0 9px}.status-card__metric strong{font-size:31px!important;line-height:1!important;color:var(--concept-green)!important}.status-card__metric span{color:#53635d;font-size:10px;font-weight:750;letter-spacing:.01em}.status-card p{margin:0!important;color:#4c5b56!important;font-size:11px!important;line-height:1.55!important}