:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f1e7;background:#07111d;font-synthesis:none;color-scheme:dark;--ink: #f5f1e7;--muted: #91a1b4;--night: #07111d;--panel: #0e1d2c;--panel-deep: #091522;--line: #213349;--gold: #f2ad3d;--gold-soft: #ffd274;--cyan: #36bff5;--coral: #ff7868;--green: #59d29a;--lime: #a6e22e;--mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 78% -8%,#15375c 0,transparent 34rem),radial-gradient(circle at 0 18%,#3f270c55 0,transparent 26rem),var(--night)}body:before{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,#0008,transparent 70%);mask-image:linear-gradient(to bottom,#0008,transparent 70%);content:"";pointer-events:none}button,a{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:10px 15px;border-radius:7px;color:var(--night);background:var(--gold-soft);transform:translateY(-180%)}.skip-link:focus{transform:none}.app-shell{min-height:100vh}.safety-ribbon{position:sticky;top:0;z-index:30;display:flex;justify-content:center;gap:1.6rem;padding:.55rem 1rem;color:#17130b;background:linear-gradient(90deg,var(--gold-soft),var(--gold));font:800 .67rem var(--mono);letter-spacing:.12em}.safety-ribbon strong:before{margin-right:.5rem;content:"●"}.topbar,main,footer{width:min(1180px,calc(100% - 48px));margin-inline:auto}.topbar{display:flex;min-height:94px;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #7ca5c52b}.brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand img{width:58px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 18px #f2ad3d30)}.brand b{font-size:25px;font-weight:680;letter-spacing:-.055em}.brand b span{color:var(--gold)}.brand small{display:block;margin-top:.2rem;color:var(--muted);font:700 .53rem var(--mono);letter-spacing:.16em}.clock{text-align:right}.clock span{display:block;color:var(--muted);font:.58rem var(--mono);letter-spacing:.1em}.clock strong{color:var(--gold-soft);font:500 1rem var(--mono)}main{padding-bottom:5rem}.hero{min-height:440px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:4rem}.eyebrow{margin:0 0 .8rem;color:var(--gold);font:800 .64rem var(--mono);letter-spacing:.15em}.live-dot{display:inline-block;width:.45rem;height:.45rem;margin-right:.4rem;border-radius:50%;background:var(--lime);box-shadow:0 0 0 .25rem #a6e22e1a}.hero h1{max-width:820px;margin:0;font-size:clamp(3rem,6.2vw,5.7rem);line-height:.93;letter-spacing:-.065em;font-weight:620}.hero h1 em{color:var(--gold-soft);font-family:var(--serif);font-weight:500}.lede{max-width:620px;margin:2rem 0 0;color:#b1becd;font-size:1.08rem;line-height:1.7}.energy-orb{position:relative;aspect-ratio:1;border:1px solid #31516f;border-radius:50%;background:radial-gradient(circle,#17365b 0,#0a1927 48%,transparent 49%),repeating-radial-gradient(circle,transparent 0 11%,#4a668055 11.2% 11.5%);box-shadow:0 0 90px #f2ad3d16}.owl-mark{position:absolute;inset:24%;width:52%;filter:drop-shadow(0 12px 32px #0009)}.orb-sun,.orb-battery{position:absolute;display:flex;flex-direction:column;gap:.2rem;color:var(--muted);font:700 .6rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.orb-sun strong,.orb-battery strong{color:var(--ink);font-size:1rem}.orb-sun{top:12%;left:5%}.orb-battery{right:0;bottom:13%;text-align:right}.chapters{display:flex;gap:.5rem;padding:1rem 0 1.4rem;overflow-x:auto;scrollbar-width:none}.chapters::-webkit-scrollbar{display:none}.chapters button{padding:.75rem 1rem;border:1px solid var(--line);border-radius:7px;color:#aebccc;background:var(--panel-deep);white-space:nowrap}.chapters button:hover,.chapters button:focus-visible{border-color:var(--cyan);color:var(--ink)}.chapters button.active{border-color:var(--gold);color:#17130b;background:linear-gradient(135deg,var(--gold-soft),var(--gold));font-weight:760}.step-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin:1.5rem 0 1rem}.step-heading h2{margin:0;font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.04em}.step-status{min-width:220px;text-align:right}.step-status span,.step-status strong,.step-status small{display:block}.step-status span{color:var(--gold-soft);font:700 1.35rem var(--mono)}.step-status strong{margin-top:.25rem;font-size:.8rem}.step-status small{margin-top:.3rem;color:var(--muted);font-size:.68rem}.moment-card,.demand-card,.audit-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel),var(--panel-deep));box-shadow:0 18px 60px #0003}.moment-card{position:relative;overflow:hidden;padding:1.5rem 1.6rem 1.8rem}.moment-card:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--cyan);content:""}.moment-card.tone-event:before{background:var(--gold)}.moment-card.tone-safe:before{background:var(--coral)}.moment-card.tone-solar:before{background:var(--gold-soft)}.moment-time{display:flex;align-items:center;gap:.8rem;color:var(--muted);font:700 .65rem var(--mono);letter-spacing:.08em}.moment-time i{height:1px;flex:1;background:var(--line)}.moment-time b{color:var(--gold-soft);font-weight:600}.moment-main{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;margin-top:2rem}.moment-main h2{margin:.2rem 0 .55rem;font-size:clamp(1.8rem,3.5vw,3rem);letter-spacing:-.045em}.moment-summary{max-width:700px;margin:0;color:#e4eaf0;font-size:1.05rem}.moment-detail{max-width:710px;margin:.7rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.6}.decision-ticket{min-width:230px;padding:1rem;border:1px solid #36516c;border-radius:8px;background:#07111dbd}.decision-ticket span{display:block;color:var(--muted);font:700 .58rem var(--mono);letter-spacing:.1em}.decision-ticket strong{display:block;margin:.5rem 0;font-size:1rem}.decision-ticket code{color:var(--cyan);font:.68rem var(--mono)}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;margin-top:1rem}.demand-card,.audit-card{padding:1.4rem}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.section-heading h2{margin:0;font-size:1.25rem}.demand-value{color:var(--gold-soft);font:500 2rem var(--mono)}.source-track{display:flex;height:3rem;margin-top:2rem;overflow:hidden;border:1px solid #395772;border-radius:5px;background:repeating-linear-gradient(90deg,#132638 0,#132638 calc(5% - 3px),var(--night) calc(5% - 3px),var(--night) 5%);outline-offset:4px}.source-track span{height:100%;transition:width .35s ease}.source-battery{background:repeating-linear-gradient(90deg,var(--green) 0,var(--green) calc(20% - 3px),#277457 calc(20% - 3px),#277457 20%)}.source-grid{background:repeating-linear-gradient(90deg,var(--coral) 0,var(--coral) calc(20% - 3px),#964a43 calc(20% - 3px),#964a43 20%)}.source-track.is-stale{filter:grayscale(1);opacity:.45}.scale{display:flex;justify-content:space-between;margin-top:.5rem;color:#71879c;font:.55rem var(--mono)}.source-legend{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.2rem;color:var(--muted);font-size:.75rem}.source-legend span{display:flex;align-items:center;gap:.4rem}.source-legend strong{color:var(--ink)}.key{width:.6rem;height:.6rem;border-radius:2px;background:var(--green)}.key.grid{background:var(--coral)}.key.export{background:var(--cyan)}.flow-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1rem;border:1px solid var(--line);background:var(--line)}.flow-metrics article{display:flex;min-width:0;flex-direction:column;gap:.3rem;padding:.8rem;background:#0a1826}.flow-metrics span{color:var(--muted);font:700 .55rem var(--mono);letter-spacing:.1em}.flow-metrics strong{font:600 1rem var(--mono)}.flow-metrics article:nth-child(1) strong{color:var(--gold-soft)}.flow-metrics article:nth-child(2) strong{color:var(--green)}.flow-metrics article:nth-child(3) strong{color:var(--coral)}.flow-metrics small{overflow:hidden;color:var(--muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.storage-charge{display:flex;justify-content:space-between;margin-top:1rem;padding:.65rem .8rem;border-radius:6px;color:#bfd1df;background:#13283a;font-size:.75rem}.inline-warning{margin:1rem 0 0;color:#ffb3aa;font-size:.75rem}.verified,.mismatch{padding:.35rem .55rem;border-radius:5px;color:#b8f1d8;background:#173d2d;font:700 .56rem var(--mono)}.mismatch{color:#ffb3aa;background:#4c201d}.audit-card dl{margin:1.3rem 0 0}.audit-card dl div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line)}.audit-card dt{color:var(--muted);font-size:.73rem}.audit-card dd{margin:0;text-align:right;font-size:.73rem}.event-proof{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 0;padding:.75rem;border:1px solid #6b4d1e;border-radius:6px;background:#332a14}.event-proof span{color:var(--gold-soft);font:700 .56rem var(--mono)}.event-proof strong{font-size:.73rem}.reconciliation-proof{display:grid;gap:.28rem;margin:1rem 0 0;padding:.8rem;border:1px solid #245f7b;border-radius:6px;background:#0d2939}.reconciliation-proof span{color:var(--cyan);font:700 .56rem var(--mono);letter-spacing:.08em}.reconciliation-proof strong{font-size:.78rem}.reconciliation-proof small{color:var(--muted);font-size:.67rem}.car-proof,.opportunity-notice{display:grid;gap:.28rem;margin:1rem 0 0;padding:.8rem;border:1px solid #4b456f;border-radius:6px;background:#1b1933}.car-proof span,.opportunity-notice span{color:#c7bbff;font:700 .56rem var(--mono);letter-spacing:.08em}.car-proof strong,.opportunity-notice strong{font-size:.76rem}.car-proof small{color:var(--muted);font-size:.67rem}.opportunity-notice{border-color:#796028;background:#302814}.opportunity-notice span{color:var(--gold-soft)}.transport{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,.55fr) minmax(240px,1fr);align-items:stretch;gap:.8rem;margin:1rem 0 0;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-deep)}.transport button{min-height:44px;border:0;color:#e8eef4}.step-button{display:flex;min-height:76px!important;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid #385978!important;border-radius:9px;text-align:left;background:#10263a}.step-button.next{justify-content:flex-end;text-align:right}.step-button b{color:var(--gold-soft);font-size:2rem;line-height:1}.step-button span,.step-button small,.step-button strong{display:block}.step-button small{color:var(--cyan);font:800 .58rem var(--mono);letter-spacing:.13em}.step-button strong{max-width:260px;margin-top:.25rem;font-size:.75rem;line-height:1.25}.step-button:hover:not(:disabled),.step-button:focus-visible{border-color:var(--cyan)!important;background:#173652}.step-button:disabled{cursor:not-allowed;opacity:.38}.progress-wrap{display:flex;flex-direction:column;justify-content:center;gap:.6rem;text-align:center}.progress-wrap>span{color:var(--gold-soft);font:700 .7rem var(--mono)}.progress{height:3px;background:#294158}.progress i{display:block;height:100%;background:var(--cyan);transition:width .25s}.transport .reset{padding:.25rem;color:var(--muted);background:transparent;font-size:.68rem;text-decoration:underline}.transport .reset:disabled{opacity:.35;text-decoration:none}.analytics{margin-top:5rem;scroll-margin-top:4rem}.analytics-intro{max-width:780px;margin-bottom:1.5rem}.analytics-intro h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em}.analytics-intro>p:last-child{color:var(--muted);line-height:1.7}.history-card,.analytics-grid article{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel),var(--panel-deep))}.history-card{padding:1.4rem}.history-card h3,.analytics-grid h3{margin:0;font-size:1.2rem}.provisional{color:var(--muted);font:700 .55rem var(--mono);letter-spacing:.08em}.history-chart{display:grid;height:210px;grid-template-columns:repeat(9,1fr);align-items:end;gap:.75rem;margin-top:2rem;padding:1rem 0 0;border-bottom:1px solid #4c6176;background:repeating-linear-gradient(to bottom,transparent 0 49px,#ffffff0b 50px)}.history-point{display:flex;height:100%;min-width:0;flex-direction:column;justify-content:end;gap:.45rem;text-align:center}.history-bars{display:flex;height:165px;align-items:end;justify-content:center;gap:2px}.history-bars i{width:16%;min-height:3px;border-radius:2px 2px 0 0}.history-point>span{color:var(--muted);font:.55rem var(--mono)}.usage{background:#eef3f7}.solar{background:var(--gold)}.battery{background:var(--green)}.grid{background:var(--coral)}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;color:var(--muted);font-size:.7rem}.chart-legend span{display:flex;align-items:center;gap:.35rem}.chart-legend i{width:.55rem;height:.55rem;border-radius:2px}.composition{display:flex;min-height:64px;margin-top:1.4rem;overflow:hidden;border-radius:7px}.composition>span{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:.5rem;color:#06101b}.composition .solar{background:var(--gold)}.composition .battery{background:var(--green)}.composition .peak{background:var(--coral)}.composition .offpeak{background:var(--cyan)}.composition b{font:800 .8rem var(--mono)}.composition small{overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.analytics-grid article{padding:1.4rem}.analytics-grid article>p:not(.eyebrow){color:#bac6d2;font-size:.8rem;line-height:1.6}.analytics-grid dl{margin:1.2rem 0 .7rem}.analytics-grid dl div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid var(--line)}.analytics-grid dt{color:var(--muted);font-size:.72rem}.analytics-grid dd{margin:0;font:.72rem var(--mono)}.analytics-grid dl .total{color:var(--gold-soft);font-weight:700}.comparison,.scenario-compare,.projection{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.comparison span,.scenario-compare span,.projection span{padding:.8rem;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:.66rem}.comparison strong,.scenario-compare strong,.projection strong{display:block;margin-top:.45rem;color:var(--ink);font-size:1rem}.scenario-compare small,.projection small{display:block;margin-top:.3rem;color:var(--muted);line-height:1.4}.disclaimer{display:block;color:#8293a5;font-size:.62rem;line-height:1.5}.boundaries{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:4rem;border:1px solid var(--line);background:var(--line)}.boundaries div{padding:1.4rem;background:var(--night)}.boundaries span{color:var(--gold);font:700 .65rem var(--mono)}.boundaries strong{display:block;margin:1.1rem 0 .5rem}.boundaries p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}footer{display:flex;justify-content:space-between;padding-block:1.2rem;border-top:1px solid var(--line);color:var(--muted);font:.58rem var(--mono);letter-spacing:.1em}footer strong{color:var(--gold-soft)}@media(max-width:800px){.safety-ribbon{justify-content:flex-start;gap:.6rem;overflow:hidden;font-size:.55rem}.topbar,main,footer{width:min(100% - 24px,1180px)}.topbar{min-height:78px}.brand img{width:48px;height:45px}.brand b{font-size:22px}.clock span{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:4rem 0 3rem}.hero h1{font-size:clamp(3rem,14vw,4.6rem)}.energy-orb{display:none}.moment-main,.dashboard-grid{grid-template-columns:1fr}.decision-ticket{min-width:0}.boundaries{grid-template-columns:1fr}.step-heading{align-items:flex-start;flex-direction:column;gap:.7rem}.step-status{min-width:0;text-align:left}.transport{grid-template-columns:repeat(2,1fr)}.progress-wrap{grid-column:1 / -1;grid-row:2}.analytics-grid{grid-template-columns:1fr}.source-legend{gap:.8rem}.flow-metrics{grid-template-columns:1fr}.flow-metrics small{white-space:normal}footer{flex-direction:column;gap:.6rem}}@media(max-width:420px){.brand small{display:none}.clock{font-size:.8rem}.moment-card,.demand-card,.audit-card{padding:1.1rem}.moment-time b{max-width:9rem;text-align:right}.section-heading{flex-direction:column}.demand-value{font-size:1.65rem}.transport{gap:.5rem;padding:.55rem}.step-button{min-height:88px!important;padding:.65rem}.step-button strong{font-size:.67rem}.history-chart{gap:.25rem}.history-point:nth-child(2n)>span{display:none}.composition small{display:none}.comparison,.scenario-compare,.projection{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}