:root{color-scheme:dark;--night:#07111d;--panel:#0c1c2a;--panel2:#102536;--line:#25415a;--ink:#f5f8fa;--muted:#91a5b7;--gold:#f2ad3d;--gold2:#ffd27c;--cyan:#36bff5;--green:#47c98b;--coral:#f07e6e;--serif:Georgia,serif;--mono:"Cascadia Mono","SFMono-Regular",monospace;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--night);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 68% 8%,#143657 0,transparent 30%),var(--night)}button,a{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.8rem 1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}.demo-ribbon{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:.8rem;padding:.48rem 1rem;border-bottom:1px solid #735b27;background:#211c10ee;color:#dccb9f;font:500 .63rem var(--mono);letter-spacing:.08em}.demo-ribbon strong{color:var(--gold2)}.topbar,main,footer{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;min-height:86px;border-bottom:1px solid var(--line)}.brand{display:flex;min-height:44px;align-items:center;gap:.75rem;color:inherit;text-decoration:none}.brand img{width:54px;height:52px}.brand b,.brand small{display:block}.brand b{font-size:1.35rem;letter-spacing:-.05em}.brand b span{color:var(--gold)}.brand small{margin-top:.16rem;color:var(--muted);font:500 .5rem var(--mono);letter-spacing:.12em}.workspace-nav{display:flex;gap:.25rem}.workspace-nav button,.workspace-tabs button{min-height:44px;border:0;color:var(--muted);background:transparent}.workspace-nav button{padding:.6rem .75rem}.workspace-nav button.active{color:var(--gold2)}.clock{text-align:right}.clock span,.clock strong{display:block}.clock span{color:var(--muted);font:500 .5rem var(--mono);letter-spacing:.1em}.clock strong{margin-top:.25rem;color:var(--gold2);font:500 .85rem var(--mono)}.hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:440px;align-items:center;gap:3rem;padding:3.5rem 0}.eyebrow,.kicker{color:var(--cyan);font:600 .62rem var(--mono);letter-spacing:.12em}.hero h1{display:grid;gap:.2em;margin:.8rem 0 1.3rem;max-width:760px;font-size:clamp(2.8rem,5vw,4.65rem);line-height:.94;letter-spacing:-.055em}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--gold2);font-family:var(--serif);font-weight:500;line-height:.98}.hero>div>p:not(.eyebrow){max-width:680px;color:#bac7d2;font-size:1rem;line-height:1.65}.sample-intro{display:block;margin-top:1.15rem;color:#7f94a7;font-size:.75rem}.owl-orbit{justify-self:center;display:flex;width:300px;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;border:1px solid #315474;border-radius:50%;background:radial-gradient(circle,#173a5e,#081522 66%);box-shadow:0 0 100px #f2ad3d14}.owl-orbit img{width:43%;filter:drop-shadow(0 14px 28px #000a)}.owl-orbit span{margin-top:1rem;font-weight:800}.owl-orbit small{margin-top:.3rem;color:var(--muted)}.guide{scroll-margin-top:3rem}.guide-title{display:flex;justify-content:space-between;align-items:end;gap:1rem}.guide-title h2{margin:.35rem 0 0;font-size:2rem}.guide-title>span{color:var(--gold2);font:500 .75rem var(--mono)}.moment{display:flex;min-height:540px;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#10263a,#091521);box-shadow:0 25px 80px #0004}.moment header{padding:2rem 2rem 1.7rem;border-left:4px solid var(--cyan)}.moment.tone-solar header{border-color:var(--gold)}.moment.tone-charge header,.moment.tone-event header{border-color:var(--green)}.moment.tone-safe header{border-color:var(--coral)}.moment header>span{color:var(--gold2);font:500 .65rem var(--mono)}.moment h2{margin:.5rem 0;font-size:clamp(1.8rem,3.5vw,3rem);letter-spacing:-.045em}.moment header p{max-width:850px;margin:0;color:#dce5ec;font-size:1.05rem;line-height:1.6}.story-grid{display:grid;flex:1;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:#07131f}.story-grid div{min-width:0;padding:1.35rem 1.5rem;border-right:1px solid var(--line)}.story-grid div:last-child{border:0}.story-grid span{color:var(--cyan);font:500 .56rem var(--mono);letter-spacing:.1em}.story-grid p{margin:.7rem 0 0;color:#aebdca;font-size:.82rem;line-height:1.6}.status-pill,.notice{margin:1rem 1.5rem;padding:.7rem .9rem;border:1px solid #655127;border-radius:8px;color:var(--gold2);background:#2a2415;font-size:.78rem}.notice{border-color:#236143;color:#b7f4d4;background:#112d21}.challenge-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:1rem 1.5rem 0;border:1px solid #665592;border-radius:9px;overflow:hidden;background:#665592}.challenge-strip span{display:flex;min-width:0;flex-direction:column;gap:.35rem;padding:.75rem;background:#17152a;color:#a99bcf;font:600 .5rem var(--mono);letter-spacing:.08em}.challenge-strip b{color:var(--ink);font-size:.78rem;letter-spacing:0}.challenge-strip small{color:var(--muted);font-size:.5rem;letter-spacing:0}.transport{display:grid;grid-template-columns:1fr minmax(190px,.55fr) 1fr;gap:.8rem;margin:1rem 0 4rem;padding:.8rem;border:1px solid var(--line);border-radius:14px;background:#081725}.transport button{min-height:44px}.step-button{display:flex;min-height:78px!important;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid #365b7a;border-radius:10px;background:#10283d;color:var(--ink);text-align:left}.step-button.next{justify-content:flex-end;text-align:right}.step-button b{color:var(--gold2);font-size:2rem}.step-button span,.step-button small,.step-button strong{display:block}.step-button small{color:var(--cyan);font:600 .55rem var(--mono);letter-spacing:.12em}.step-button strong{margin-top:.3rem;font-size:.75rem}.step-button:disabled{opacity:.35;cursor:not-allowed}.step-button:focus-visible,.step-button:hover:not(:disabled){outline:2px solid var(--cyan);outline-offset:2px}.progress-wrap{display:flex;flex-direction:column;justify-content:center;gap:.55rem;text-align:center}.progress-wrap>span{color:var(--gold2);font:500 .7rem var(--mono)}.progress{height:3px;background:#263e52}.progress i{display:block;height:100%;background:var(--cyan)}.progress-wrap button{border:0;color:var(--muted);background:transparent;text-decoration:underline;font-size:.7rem}.workspace-shell{margin-bottom:5rem;border:1px solid var(--line);border-radius:18px;background:#091725;box-shadow:0 30px 90px #0003;scroll-margin-top:4rem}.workspace-tabs{display:flex;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--line);overflow-x:auto}.workspace-tabs button{padding:.7rem .5rem;white-space:nowrap}.workspace-tabs button.active{color:var(--ink);box-shadow:inset 0 -2px var(--gold)}.overview-workspace{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;padding:1rem}.flow-card,.spaces-card,.chart-card,.evidence-grid article,.device-grid article,.money-grid article{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#102435,#0a1723)}.flow-card,.spaces-card{padding:1.3rem}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.panel-heading h3{margin:.35rem 0 0}.panel-heading>strong{color:var(--gold2);font:500 1.8rem var(--mono)}.coverage{color:var(--muted);font-size:.7rem}.flow-bar{display:flex;height:42px;margin:1.8rem 0 .8rem;overflow:hidden;border-radius:6px;background:#172938;outline-offset:3px}.flow-bar i{height:100%}.from-solar,.solar-key{background:var(--gold)}.from-storage,.storage-key{background:var(--green)}.from-grid,.grid-key{background:var(--coral)}.flow-bar.withheld{opacity:.25;filter:grayscale(1)}.flow-key,.legend{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.7rem}.flow-key span,.legend span{display:flex;align-items:center;gap:.35rem}.flow-key i,.legend i{width:.55rem;height:.55rem;border-radius:2px}.flow-key b{color:var(--ink)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1.4rem;border:1px solid var(--line);background:var(--line)}.metric-row article{display:flex;flex-direction:column;gap:.3rem;padding:.8rem;background:#091723}.metric-row span{color:var(--muted);font:500 .5rem var(--mono)}.metric-row strong{color:var(--gold2);font:500 .85rem var(--mono)}.metric-row small{color:var(--muted)}.plain-warning{color:#ffc1b8;font-size:.75rem}.boost-note{margin:.25rem 0 1rem;padding:.8rem 1rem;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;background:#241d10;color:var(--muted);font-size:.72rem;line-height:1.55}.boost-note strong{color:var(--gold2)}.space-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1rem}.space-grid article{padding:1rem;border:1px solid var(--line);border-radius:9px;background:#091622}.space-top{display:flex;justify-content:space-between;gap:.7rem}.space-top span,.space-top strong{display:block}.space-top span{color:var(--cyan);font:500 .52rem var(--mono)}.space-top strong{margin-top:.3rem;font-size:.8rem}.space-top b{color:var(--gold2);font:500 1.2rem var(--mono)}.soc-track{height:6px;margin:1rem 0;border-radius:5px;background:#1d3448}.soc-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--green),var(--cyan))}.space-grid dl,.money-grid dl,.settings-card dl{margin:0}.space-grid dl div,.money-grid dl div,.settings-card dl div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-top:1px solid #20394e}.space-grid dt,.space-grid dd,.money-grid dt,.money-grid dd,.settings-card dt,.settings-card dd{margin:0;color:var(--muted);font-size:.66rem}.space-grid dd,.money-grid dd,.settings-card dd{color:var(--ink);text-align:right}.workspace-panel{padding:2rem}.workspace-intro{max-width:740px;margin-bottom:1.5rem}.workspace-intro h2{margin:.45rem 0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}.workspace-intro p{color:var(--muted);line-height:1.6}.chart-card{padding:1.3rem}.scaled-chart{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.5rem;margin-top:1.5rem}.y-axis{display:flex;height:220px;flex-direction:column;justify-content:space-between;padding-bottom:1.1rem;color:var(--muted);font:400 .5rem var(--mono);text-align:right}.stacked-chart{display:grid;height:220px;grid-template-columns:repeat(14,1fr);align-items:end;gap:.55rem;border-bottom:1px solid #496278;background:repeating-linear-gradient(to bottom,transparent 0 71px,#ffffff0b 72px)}.stacked-column{display:flex;height:100%;min-width:0;flex-direction:column;justify-content:end;gap:.4rem;text-align:center}.stacked-bar{display:flex;height:200px;flex-direction:column-reverse;justify-content:flex-start;overflow:hidden;border-radius:5px 5px 0 0}.stacked-bar i{display:block;width:100%;min-height:1px}.stacked-column>span{overflow:hidden;color:var(--muted);font:400 .48rem var(--mono);white-space:nowrap}.stacked-column.partial{opacity:.5}.source-legend{display:flex;flex-wrap:wrap;gap:.55rem 1.2rem;margin-top:1rem;color:var(--muted);font-size:.65rem}.source-legend span{display:flex;align-items:center;gap:.4rem}.source-legend i{width:.6rem;height:.6rem;border-radius:2px}.source-solar{background:#f2ad3d}.source-cheap-battery{background:#59d29a}.source-peak-battery{background:#8f71d8}.source-cheap-direct{background:#36bff5}.source-peak-direct{background:#ff7868}.source-unknown{background:#64738a}.legend{margin-top:1rem}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.evidence-grid article{padding:1.2rem}.evidence-grid h3,.device-grid h3,.money-grid h3{margin:.4rem 0 1rem}.compact-scale{margin-top:1rem;grid-template-columns:34px minmax(0,1fr)}.compact-scale .y-axis{height:120px;padding-bottom:1rem}.spark-bars{display:flex;height:120px;align-items:end;gap:.6rem;border-bottom:1px solid #466078;background:linear-gradient(to bottom,transparent 49%,#ffffff0b 50%,transparent 51%)}.spark-bars>span{display:flex;height:100%;flex:1;flex-direction:column;justify-content:end;align-items:center;gap:.3rem}.spark-bars i{width:65%;max-height:100%;background:linear-gradient(var(--cyan),#1c5a7a)}.spark-bars small{color:var(--muted);font-size:.45rem}.composition{display:flex;height:70px;margin-top:1.2rem;overflow:hidden;border-radius:6px}.composition>span{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:.4rem;color:#05101b}.composition b{font:600 .7rem var(--mono)}.composition small{overflow:hidden;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}.evidence-grid p,.device-grid p,.money-grid p{color:var(--muted);font-size:.76rem;line-height:1.6}.outlook>strong{color:var(--gold2);font:500 1.55rem var(--mono)}.device-grid,.money-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.device-grid article,.money-grid article{padding:1.3rem}.car-card>strong{color:var(--green)}.session-chart{display:flex;height:120px;align-items:end;gap:2px;border-bottom:1px solid #466078;background:linear-gradient(to bottom,transparent 49%,#ffffff0b 50%,transparent 51%)}.session-chart>span{display:flex;height:100%;min-width:0;flex:1;flex-direction:column;justify-content:end;align-items:center}.session-chart i{display:block;width:75%;background:var(--cyan)}.session-chart i.zero{height:0!important;border-top:1px solid #587184}.session-chart i.gap{opacity:.35;background:repeating-linear-gradient(135deg,var(--muted) 0 2px,transparent 2px 5px)}.session-chart small{height:1rem;color:var(--muted);font-size:.42rem;white-space:nowrap;writing-mode:vertical-rl}.car-card>small,.settings-card>p,.money-grid article>small{color:var(--muted);font-size:.63rem}.choice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1rem}.choice-list>div{padding:.8rem;border:1px solid var(--line);border-radius:8px}.choice-list>div.chosen{border-color:#59d29a88;background:#10291f}.choice-list b{color:var(--ink)}.choice-list p{margin:.35rem 0 0}.money-grid .total dt,.money-grid .total dd{color:var(--gold2);font-weight:700}.money-grid .payment-explainer{grid-column:1/-1}.compare{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.compare span{padding:.8rem;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:.65rem}.compare b{display:block;margin-top:.45rem;color:var(--ink);font-size:1rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--line);color:var(--muted);font:500 .58rem var(--mono);letter-spacing:.08em}footer a{display:inline-flex;min-height:44px;align-items:center;color:var(--gold2);text-decoration:none}footer a:hover,footer a:focus-visible{text-decoration:underline}@media(max-width:1040px){.topbar{grid-template-columns:1fr auto}.workspace-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.owl-orbit{display:none}.moment{min-height:0}.overview-workspace,.evidence-grid,.story-grid{grid-template-columns:1fr}.story-grid div{border-right:0;border-bottom:1px solid var(--line)}.story-grid div:last-child{border:0}.challenge-strip{grid-template-columns:repeat(3,1fr)}.challenge-strip span:last-child{grid-column:span 2}}@media(max-width:680px){.topbar,main,footer{width:min(100% - 24px,1180px)}.topbar{gap:.8rem}.brand img{width:44px;height:42px}.brand small,.clock span{display:none}.hero{padding:2.8rem 0 2.3rem}.hero h1{gap:.16em;font-size:clamp(2.25rem,10.5vw,3.35rem);line-height:.98;letter-spacing:-.045em}.hero>div>p:not(.eyebrow){font-size:.96rem;line-height:1.6}.guide-title{align-items:start;flex-direction:column}.transport{grid-template-columns:repeat(2,1fr)}.progress-wrap{grid-column:1/-1;grid-row:2}.workspace-panel{padding:1rem}.space-grid,.device-grid,.money-grid{grid-template-columns:1fr}.money-grid .payment-explainer{grid-column:auto}.metric-row{grid-template-columns:1fr}.stacked-chart{gap:.2rem}.stacked-column:nth-child(2n)>span{display:none}.composition small{display:none}.choice-list{grid-template-columns:1fr}footer{flex-direction:column}.demo-ribbon{flex-wrap:wrap;justify-content:center;gap:.22rem .55rem;text-align:center;white-space:normal;font-size:.53rem}}@media(max-width:420px){.brand b{font-size:1.05rem}.clock strong{font-size:.7rem}.moment header{padding:1.4rem 1.2rem}.story-grid div{padding:1.1rem 1.2rem}.challenge-strip{grid-template-columns:repeat(2,1fr);margin-inline:1.2rem}.transport{gap:.5rem;padding:.55rem}.step-button{min-height:90px!important;padding:.65rem}.step-button strong{font-size:.67rem}.workspace-tabs{gap:.4rem;padding:.5rem .7rem}.workspace-tabs button{padding:.7rem .4rem}.panel-heading{flex-direction:column}.flow-key{gap:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.money-grid .annual-card{grid-column:1/-1}.annual-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.annual-summary span,.projection-grid span{padding:.75rem;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:.65rem}.annual-summary b,.projection-grid b{display:block;margin-top:.35rem;color:var(--ink);font:600 .95rem var(--mono)}.annual-chart{display:grid;height:150px;grid-template-columns:repeat(12,1fr);align-items:end;gap:.45rem;border-bottom:1px solid #496278}.annual-chart>span{display:flex;height:100%;min-width:0;flex-direction:column;justify-content:end;align-items:center;gap:.35rem}.annual-chart>span>i{display:flex;width:100%;height:125px;align-items:end;justify-content:center;gap:2px}.annual-chart b{display:block;width:36%;max-width:16px;border-radius:3px 3px 0 0}.annual-chart small{color:var(--muted);font-size:.48rem}.annual-chart .issued,.bill-legend .issued{background:var(--gold)}.annual-chart .recorded,.bill-legend .recorded{background:var(--cyan)}.bill-legend{display:flex;gap:1rem;margin-top:.8rem;color:var(--muted);font-size:.65rem}.bill-legend span{display:flex;align-items:center;gap:.35rem}.bill-legend i{width:.6rem;height:.6rem;border-radius:2px}.projection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0}.projection-grid small{display:block;margin-top:.3rem;line-height:1.4}@media(max-width:680px){.money-grid .annual-card{grid-column:auto}.annual-summary,.projection-grid{grid-template-columns:1fr}.annual-chart{gap:.18rem}.annual-chart b{width:42%}.annual-chart small{font-size:.42rem}}