@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none;--ground: #f6f8f5;--surface: #fff;--ink: #23372f;--muted: #63736c;--line: #e1e7df;--soft: #eef2eb;--green: #277351;--amber: #94630a;--blue: #446a98;--teal: #207f6c;--purple: #7d5f9d;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:110px}:root[data-theme=dark]{--ground: #151d19;--surface: #1d2822;--ink: #e5ede7;--muted: #a5b6ab;--line: #35453b;--soft: #25342b;--green: #9dcea7;--amber: #e1b759;--blue: #9dbce0;--teal: #86cdb9;--purple: #c6abdf;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green)}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button{color:inherit}::selection{background:#b6d9bf;color:#183925}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}h1,h2{text-wrap:balance;letter-spacing:-.035em}h1{font-size:2.4rem;line-height:1.2;font-weight:600}h2{font-size:1.8rem;line-height:1.3;font-weight:600}p{line-height:1.65}strong,.power{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-80px;left:24px;z-index:30;background:var(--surface);padding:12px}.skip-link:focus{top:10px}.site-header{height:88px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:44px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:130px;height:auto}.brand>span{font-size:30px;line-height:1;border-left:1px solid var(--line);padding-left:15px;font-weight:650}.site-header nav{display:flex;gap:30px;margin:auto;font-size:.85rem;font-weight:600}.site-header nav a{padding:14px 4px;color:var(--muted)}.site-header nav a:hover{color:var(--green)}.icon-button{height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:transparent;transition:background .2s}.icon-button:hover:not(:disabled){background:var(--soft)}.theme-toggle{border:0}.demo-banner{display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;font-size:.72rem;background:var(--soft);color:var(--muted);padding:8px 20px}.demo-banner>span{font-weight:750;color:var(--green)}.demo-banner a{display:flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:3px;margin-left:8px}main{max-width:1440px;padding:50px 64px 0;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading p{margin-top:9px;font-size:.88rem;color:var(--muted);max-width:75ch}.hero{margin-bottom:36px}.hero>p{max-width:75ch;margin-top:12px;font-size:.88rem;color:var(--muted)}.subsection-heading{margin-bottom:20px}.subsection-heading h3{font-size:1rem;line-height:1.4;font-weight:650}.subsection-heading p{margin-top:7px;max-width:75ch;font-size:.78rem;color:var(--muted)}.flow-heading{padding:22px 26px 0;margin-bottom:0}.history-controls .subsection-heading{margin-bottom:0}.summary-heading{padding-top:20px;border-top:1px solid var(--line);margin-bottom:0}.asset-definitions{margin:0 0 24px}.asset-definitions dt{margin-top:16px;font-weight:650;color:var(--ink)}.asset-definitions dd{margin:5px 0 0;line-height:1.65}.freshness{display:grid;grid-template-columns:16px auto;align-items:center;gap:4px 8px;font-size:.73rem;color:var(--muted);text-align:right;flex-shrink:0}.freshness time{grid-column:2;font-size:.65rem}.freshness.healthy>svg{color:var(--green)}.connection-notice{display:flex;align-items:center;gap:14px;padding:20px;background:var(--soft);border-radius:12px;margin-bottom:20px;color:var(--muted);font-size:.8rem}.connection-notice strong{color:var(--ink)}.connection-notice p{font-size:.75rem}.text-button{margin-left:auto;display:flex;gap:8px;align-items:center;font-weight:700;color:var(--green)}.flow-surface{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.flow-stage{height:480px;max-width:1100px;margin:0 auto;position:relative;display:grid;grid-template-columns:26% 37% 37%;grid-template-rows:42% 16% 42%;align-items:center;justify-items:center}.flow-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.dc-bus{stroke:var(--muted);stroke-opacity:.85;stroke-width:2.5;fill:none;stroke-linecap:round}.flow-line{color:var(--line)}.flow-track{stroke:var(--muted);stroke-opacity:.78;stroke-width:1.5;fill:none}.flow-line.unavailable .flow-track{stroke:var(--muted);stroke-dasharray:4 5;stroke-opacity:.8}.flow-current{stroke:currentColor;stroke-width:1.6;fill:none;stroke-dasharray:5 8;animation:flow 3s linear infinite;animation-play-state:paused}.flow-stage[data-active=true] .flow-current{animation-play-state:running}.flow-current.reverse{animation-direction:reverse}.flow-line.active.solar{color:var(--amber)}.flow-line.active.battery{color:var(--teal)}.flow-line.active.grid{color:var(--blue)}.flow-line.active.forklift{color:var(--purple)}.flow-arrow{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.flow-junction{fill:var(--muted)}.flow-asset{position:relative;text-align:center;width:190px;max-width:100%;background:var(--surface);padding:13px 8px}.flow-asset.solar{grid-column:2;grid-row:1;--asset: var(--amber)}.flow-asset.battery{grid-column:2;grid-row:3;--asset: var(--teal)}.flow-asset.grid{grid-column:1;grid-row:2;--asset: var(--blue)}.flow-asset.ev{grid-column:3;grid-row:1;--asset: var(--muted)}.flow-asset.forklift{grid-column:3;grid-row:3;--asset: var(--purple)}.asset-icon{color:var(--asset);margin-bottom:6px}.flow-asset h4{font-size:.81rem;font-weight:600;margin-bottom:4px}.power{font-size:2rem;letter-spacing:-.035em;font-weight:550;line-height:1.3}.power span{font-size:.9rem;font-weight:450;letter-spacing:0;color:var(--muted)}.flow-asset p{font-size:.73rem;color:var(--asset);margin-top:3px;font-weight:600}.flow-asset small{display:block;font-size:.65rem;color:var(--muted);margin-top:7px}.unavailable{--asset: var(--muted) !important}.soc{font-size:.68rem;margin-left:5px;color:var(--teal);background:var(--soft);border-radius:5px;padding:2px 4px}.soc-track{margin:8px auto 0;height:3px;width:68px;background:var(--line);border-radius:2px}.soc-track span{display:block;height:100%;background:var(--teal);border-radius:2px}.grid-hub{position:absolute;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:.7rem}.grid-hub strong{font-size:1.25rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.grid-hub small{font-size:.58rem;font-weight:450}.grid-hub strong small{font-size:.75rem}.flow-caption{display:flex;justify-content:space-between;gap:12px;padding:15px 24px;border-top:1px solid var(--line);font-size:.65rem;color:var(--muted)}.flow-caption>span:first-child{display:flex;align-items:center;gap:7px}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%}.today-kpis{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 36px;border-bottom:1px solid var(--line);gap:24px}.today-kpis>div{display:grid;grid-template-columns:21px 1fr;align-items:center;gap:9px 8px}.today-kpis svg{color:var(--muted)}.today-kpis span{font-size:.72rem;color:var(--muted)}.today-kpis strong{grid-column:2;font-size:1.7rem;letter-spacing:-.03em;font-weight:550}.today-kpis small{font-size:.8rem;letter-spacing:0;font-weight:450;color:var(--muted)}.energy-section,.charging-section{padding-top:49px}.period-selector{display:flex;background:var(--soft);border:1px solid var(--line);padding:4px;border-radius:9px}.period-selector button{border:0;background:transparent;border-radius:6px;min-height:35px;min-width:60px;font-size:.77rem;padding:7px 14px;color:var(--muted)}.period-selector button:hover{color:var(--ink)}.period-selector button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:700}.history-surface{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px 26px 0}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.date-control{display:flex;gap:8px;align-items:center}.date-control .icon-button{width:30px;height:30px;border:0}.date-control input{border:0;background:transparent;font-size:.78rem;font-weight:600;color:var(--ink);padding:7px 0;max-width:145px}.chart-toolbar>span{font-size:.74rem;text-align:right;color:var(--muted)}.chart-toolbar small{display:block;font-size:.65rem;margin-top:4px}.chart-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 0}.chart-legend button{border:1px solid transparent;background:transparent;padding:7px 10px;min-height:34px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.68rem;border-radius:6px}.chart-legend button[aria-pressed=true]{background:var(--soft);border-color:var(--line);color:var(--ink)}.chart-legend button[aria-pressed=false]{opacity:.65}.chart-legend button:hover{background:var(--soft)}.chart-legend button>span{width:7px;height:7px;border-radius:50%}.history-progress{min-height:37px;padding-top:13px;color:var(--muted);font-size:.68rem}.history-progress-track{height:3px;margin-top:9px;background:var(--line);overflow:hidden}.history-progress-track>span{display:block;height:100%;background:var(--ink);transform-origin:left;transition:transform .24s ease-out}.chart-loading-bars{display:flex;align-items:end;gap:12px;height:95px;margin-bottom:10px}.chart-loading-bars>span{width:17px;border-radius:3px 3px 0 0;background:var(--muted);opacity:.18;animation:chart-loading-pulse 1.4s ease-in-out infinite;animation-play-state:paused}.chart-loading[data-active=true] .chart-loading-bars>span{animation-play-state:running}@keyframes chart-loading-pulse{50%{opacity:.42}}@media (prefers-reduced-motion: reduce){.chart-loading-bars>span{opacity:.25}}.energy-chart{height:270px;margin:14px 0 18px;outline:none}.energy-chart .recharts-wrapper{outline:none}.recharts-default-tooltip{font-size:.75rem}.period-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0}.period-summary>div{display:flex;flex-direction:column;gap:7px}.period-summary span{color:var(--muted);font-size:.69rem}.period-summary strong{font-size:1.2rem;font-weight:600}.period-summary small{font-size:.65rem;font-weight:450;color:var(--muted)}.coverage{border-top:1px solid var(--line);margin:0 -26px;padding:14px 26px;display:flex;gap:9px;color:var(--muted);font-size:.64rem;line-height:1.6}.coverage small{display:block;font-size:.62rem}.coverage svg{margin-top:2px}.empty-chart{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center;padding:20px}.empty-chart strong{font-size:.85rem;color:var(--ink);font-weight:550}.empty-chart p{font-size:.72rem;max-width:400px}.session-count{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem;white-space:nowrap}.sessions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.session{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}.session-heading{display:flex;gap:10px;align-items:center;font-size:.74rem}.session-heading>svg{color:var(--green)}.session-heading small{display:block;color:var(--muted);font-size:.62rem;margin-top:3px}.completed-dot{height:6px;width:6px;background:var(--green);border-radius:50%;margin-left:auto}.session>strong{display:block;font-size:1.8rem;font-weight:550;letter-spacing:-.03em;margin:21px 0}.session strong small{font-size:.8rem;color:var(--muted);font-weight:450}.session-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:.7rem;color:var(--muted);gap:8px}.quiet-note{font-size:.68rem;color:var(--muted);margin-top:16px;max-width:90ch}.empty-sessions{display:flex;align-items:center;gap:17px;padding:26px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.empty-sessions strong{font-size:.84rem;color:var(--ink)}.empty-sessions p{font-size:.74rem;margin-top:3px}.about{margin:36px 0 25px;font-size:.74rem;color:var(--muted)}.about summary{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:40px;width:max-content}.about summary:after{content:"+";margin-left:10px}.about[open] summary:after{content:"−"}.about>div{max-width:85ch;padding-top:8px}.about p{margin-bottom:12px}footer{max-width:1440px;margin:0 auto;padding:28px 64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.65rem;color:var(--muted);gap:20px}footer>div{display:flex;align-items:center;gap:20px}footer img{width:94px;height:auto}.loading .flow-asset{opacity:.5}@keyframes flow{to{stroke-dashoffset:-39}}@media (min-width: 1600px){main{padding-top:62px}.flow-stage{height:520px}.today-kpis{padding:32px 0 42px}}@media (max-width: 1100px){.site-header{padding:0 32px}main{padding:36px 32px 0}.flow-asset{width:155px}.today-kpis>div{grid-template-columns:1fr}.today-kpis strong{grid-column:auto}.today-kpis svg{display:none}.sessions{grid-template-columns:repeat(2,1fr)}footer{padding:24px 32px}.freshness time{font-size:.62rem}}@media (max-width: 760px){h1{font-size:1.85rem}h2{font-size:1.45rem}.site-header{height:75px;padding:0 22px;gap:15px;flex-wrap:wrap}.brand img{width:105px}.brand{gap:10px}.brand>span{font-size:2.125rem;padding-left:10px}.site-header nav{gap:17px;font-size:.75rem;margin-left:auto;margin-right:0}.site-header nav a{padding:15px 0}.theme-toggle{width:30px}.section-heading{align-items:flex-start;gap:18px}.section-heading p,.hero>p{font-size:.79rem}.hero{margin-bottom:30px}.live-section>.section-heading{flex-direction:column;gap:12px}.flow-heading{padding:18px 15px 0}.freshness{font-size:.62rem;padding-top:6px}.freshness time{display:none}main{padding:30px 22px 0}.flow-stage{height:580px;max-width:500px;grid-template-columns:40% 20% 40%;grid-template-rows:32% 34% 34%}.flow-asset{width:127px;padding:12px 2px}.flow-asset.grid{grid-column:1 / -1;grid-row:1}.flow-asset.solar{grid-column:1;grid-row:2}.flow-asset.ev{grid-column:3;grid-row:2}.flow-asset.battery{grid-column:1;grid-row:3}.flow-asset.forklift{grid-column:3;grid-row:3}.grid-hub{width:92px;height:92px;font-size:.63rem;gap:2px}.grid-hub>svg{width:16px;height:16px}.grid-hub strong{font-size:1.05rem}.grid-hub>small{font-size:.52rem}.power{font-size:1.7rem}.flow-asset h4{font-size:.73rem}.flow-asset p{font-size:.65rem}.flow-asset small{font-size:.58rem;max-width:110px;margin:6px auto 0}.flow-caption{padding:12px 14px;font-size:.59rem}.flow-caption{flex-direction:column;gap:6px}.today-kpis{grid-template-columns:repeat(2,1fr);gap:24px 18px}.today-kpis>div{gap:6px}.today-kpis strong{font-size:1.6rem}.energy-section,.charging-section{padding-top:35px}.energy-section>.section-heading{flex-direction:column}.period-selector{width:100%}.period-selector button{flex:1;min-height:37px}.history-surface{padding:17px 15px 0}.chart-legend{gap:2px;margin-top:15px}.chart-legend button{font-size:.61rem;padding:7px 6px}.energy-chart{height:245px}.chart-toolbar>span{font-size:.65rem}.chart-toolbar small{font-size:.59rem}.period-summary{grid-template-columns:repeat(2,1fr);gap:19px}.coverage{margin:0 -15px;padding:12px 15px;font-size:.6rem}.coverage small{font-size:.58rem}.sessions{grid-template-columns:1fr}.session{padding:20px}.session>strong{margin:18px 0}.charging-section>.section-heading{display:block}.session-count{margin-top:14px}.connection-notice{flex-wrap:wrap;padding:16px;gap:10px}.text-button{margin-left:30px;font-size:.75rem}.demo-banner{font-size:.61rem;gap:6px;flex-wrap:wrap;padding:8px 16px;justify-content:flex-start}.demo-banner a{margin-left:auto}footer{padding:20px 22px;align-items:flex-start}footer>div{flex-direction:column;align-items:flex-start;gap:10px}footer>span{text-align:right;font-size:.6rem}}@media (max-width: 420px){main{padding-left:16px;padding-right:16px}.site-header{padding:0 16px;gap:6px}.brand{gap:8px}.site-header nav{gap:10px}.site-header nav a:last-child{max-width:48px;line-height:1.3;text-align:center}.brand img{width:90px}.brand>span{font-size:1.8125rem;padding-left:7px}.flow-asset{width:103px}.flow-asset h4{font-size:.69rem}.flow-asset p{font-size:.59rem}.flow-asset small{font-size:.55rem}.power{font-size:1.5rem}.power span{font-size:.75rem}.freshness svg{display:none}.freshness{display:block;max-width:90px;text-align:right;line-height:1.5}.flow-asset .asset-icon{width:28px;height:28px}.soc{margin-left:1px;font-size:.55rem}.date-control{gap:2px}.date-control input{font-size:.7rem;max-width:125px}.chart-toolbar small{display:none}}@media (max-width: 520px){.site-header{height:auto;padding-top:12px;padding-bottom:8px}.theme-toggle{margin-left:auto;height:32px}.site-header nav{order:1;flex-basis:100%;justify-content:center;gap:24px}.site-header nav a{padding:8px 0}.site-header nav a:last-child{max-width:none}}@media (max-width: 360px){.flow-stage{height:700px;grid-template-rows:26% 30% 44%}}@media (prefers-reduced-motion: reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.partner-logos{display:flex;align-items:center;gap:16px}.partner-logos:empty{display:none}.partner-logos img{max-width:90px;max-height:32px;object-fit:contain}