:root{font-family:"Segoe UI",Arial,sans-serif;color:#1b302a;background:#f5f7f3;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#1b302a;--muted:#667670;--line:#dce4dc;--card:#fff;--moss:#315f4b;--mint:#c5e6ca;--lime:#deee87;--sun:#f2b64d;--terracotta:#d97654;--blue:#5791b5;--purple:#8879b5;--shadow:0 18px 45px rgba(30,55,41,.06)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}a{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #78a98d;outline-offset:3px}.topbar{height:76px;padding:0 max(5.4vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9e1;background:#f9faf7}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.6px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50% 50% 50% 8px;background:var(--moss);color:#fff;font-size:17px;font-family:Manrope,sans-serif;transform:rotate(-12deg)}.brand-mark::first-letter{transform:rotate(12deg)}.brand-light{font-weight:500;color:#7b8a81}.edition,.eyebrow,.period-chip{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:1.25px;color:#77877e}.edition{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#86b570;box-shadow:0 0 0 4px #e7f0d9}main{max-width:1440px;margin:auto;padding:0 5.4vw}.hero{min-height:440px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:46px 0 42px}.hero-copy{padding:12px 0 15px}.eyebrow{margin:0 0 11px;color:#729181;font-weight:500}.hero h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(39px,5.2vw,67px);line-height:1.05;letter-spacing:-3.5px;font-weight:700;color:#18352a}.hero-intro{max-width:550px;margin:22px 0 20px;color:#63756c;font-size:16px;line-height:1.7}.hero-note{font-size:13px;color:#53695e}.hero-note span{font-size:17px;color:#cb9450;margin-right:8px}.hero-graphic{height:315px;position:relative;overflow:hidden;border-radius:5px 76px 5px 76px;background:linear-gradient(145deg,#e1edd7,#c9dec1 54%,#acc9ac)}.hero-graphic::before,.hero-graphic::after{content:"";position:absolute;inset:auto -20px 0;height:38%;background:#a1c09e;clip-path:polygon(0 56%,13% 38%,28% 59%,43% 20%,58% 48%,74% 31%,87% 54%,100% 17%,100% 100%,0 100%)}.hero-graphic::after{height:24%;background:#789d7e;opacity:.55;clip-path:polygon(0 57%,20% 20%,36% 51%,54% 25%,72% 54%,88% 16%,100% 40%,100% 100%,0 100%)}.sun{position:absolute;width:77px;height:77px;border-radius:50%;top:45px;right:78px;background:#f2b64d;box-shadow:0 0 45px #f7d27c}.orbit{position:absolute;z-index:1;border:1px solid rgba(74,112,79,.23);border-radius:50%;width:300px;height:95px;left:65px;top:123px;transform:rotate(-12deg)}.orbit-two{width:430px;height:120px;left:8px;top:147px;transform:rotate(9deg)}.panel{position:absolute;z-index:3;bottom:73px;width:88px;height:53px;border:2px solid #50785d;background:repeating-linear-gradient(90deg,transparent 0 20px,#83a87e 21px 23px),repeating-linear-gradient(0deg,#518063 0 14px,#97b68c 15px 17px);transform:skewY(-18deg);box-shadow:0 7px 0 rgba(37,83,57,.17)}.panel-one{left:77px}.panel-two{left:180px;bottom:50px}.panel-three{left:286px;bottom:79px}.battery-graphic{position:absolute;z-index:4;right:52px;bottom:83px;width:45px;height:76px;border:3px solid #315f4b;border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;gap:5px;background:#e4efdc}.battery-graphic::before{content:"";position:absolute;top:-9px;left:14px;width:12px;height:5px;background:#315f4b;border-radius:3px 3px 0 0}.battery-graphic span{background:#85b773;flex:1;border-radius:2px}.battery-graphic b{position:absolute;right:-12px;top:29px;width:9px;height:16px;border:2px solid #315f4b;border-left:0}.hero-tag{position:absolute;z-index:5;left:31px;bottom:20px;font:10px "DM Mono",monospace;letter-spacing:1.3px;color:#234634}.hero-tag i{display:inline-block;margin:0 8px;width:4px;height:4px;border-radius:50%;background:#bd9048;vertical-align:middle}.scope-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#edf2e9;border:1px solid #e2e9df;border-radius:5px;padding:18px 26px;margin:0 0 80px}.scope-strip>div{display:flex;align-items:center;gap:15px;padding:0 20px;border-right:1px solid #d8e1d6}.scope-strip>div:first-child{padding-left:2px}.scope-strip>div:last-child{border-right:0}.scope-icon{font:11px "DM Mono",monospace;color:#749381}.scope-strip p{margin:0;display:flex;flex-direction:column;gap:4px}.scope-strip strong{font-size:13px}.scope-strip small{font-size:11px;color:#748179}.workspace{padding-bottom:71px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-heading h2{margin:0;font:700 27px Manrope,sans-serif;letter-spacing:-1px}.load-status{margin:0 0 4px;font-size:12px;color:#75837c}.load-status.error{color:#a14535}.selector-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#62746b}.field>span{font-weight:600}.field select{height:47px;border:1px solid #d8e1d7;border-radius:4px;background:#fff;padding:0 37px 0 14px;color:#254235;font-size:13px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#61796b 50%),linear-gradient(135deg,#61796b 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.scenario-description{min-height:17px;margin:13px 0 24px;color:#708078;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:25px}.metric-card{background:#fff;border:1px solid #e3e9e2;border-radius:4px;padding:17px 16px 16px;min-height:116px;box-shadow:0 5px 15px rgba(31,59,40,.025)}.metric-label{font-size:10px;color:#77877e;letter-spacing:.7px;text-transform:uppercase}.metric-value{display:block;margin-top:13px;font:700 clamp(18px,2vw,24px) Manrope,sans-serif;letter-spacing:-1px;color:#264a37;white-space:nowrap}.metric-help{display:block;margin-top:4px;color:#8a9690;font-size:10px}.metric-card.alert .metric-value{color:#bd694f}.analysis-grid{display:grid;grid-template-columns:1.32fr .88fr;gap:15px;margin-bottom:15px}.panel-card{background:var(--card);border:1px solid #e4eae3;border-radius:5px;box-shadow:var(--shadow)}.dispatch-card,.battery-card{padding:23px 24px 18px}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}.card-heading h3,.export-copy h3{margin:0;font:700 18px Manrope,sans-serif;letter-spacing:-.45px}.card-heading .eyebrow{margin-bottom:7px}.period-chip{display:inline-flex;align-items:center;padding:7px 9px;background:#f1f5ed;border-radius:2px;white-space:nowrap;font-size:9px}.chart-intro{font-size:11px;color:#87928b;margin:10px 0 3px}.chart-box{width:100%;height:238px;position:relative}.chart-box canvas{width:100%;height:100%;display:block}.legend{list-style:none;display:flex;gap:15px;flex-wrap:wrap;padding:0;margin:0}.legend li{display:inline-flex;align-items:center;gap:6px;color:#687870;font-size:10px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.chart-caption{display:flex;justify-content:space-between;border-top:1px solid #edf0eb;margin-top:13px;padding-top:10px;color:#91a098;font:9px "DM Mono",monospace}.storage-reading{display:flex;align-items:baseline;gap:8px;margin:1px 0 3px;color:#315f4b}.storage-reading>span:nth-child(2){font:700 25px Manrope,sans-serif}.reading-dot{width:7px;height:7px;border-radius:50%;background:#8879b5;align-self:center}.reading-unit{font-size:10px;color:#8c9891}.candidate-card{padding:23px 0 16px;margin-bottom:15px}.candidate-heading{padding:0 24px 19px;align-items:end}.candidate-heading>p{font-size:10px;color:#87928b;margin:0 0 2px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}.candidate-card th{padding:10px 12px;background:#f6f8f4;color:#718078;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}.candidate-card th:first-child,.candidate-card td:first-child{padding-left:24px}.candidate-card td{padding:11px 12px;border-top:1px solid #edf0eb;color:#4f6258;white-space:nowrap}.candidate-card tbody tr.selected{background:#eff6ee}.candidate-card tbody tr.compared{background:#f7f5ec}.candidate-name{font-weight:600;color:#284d39}.candidate-card button{border:1px solid #dbe4d9;background:#fff;border-radius:3px;padding:5px 8px;color:#41634f;font-size:10px;cursor:pointer}.candidate-card button:hover{background:#edf5e9}.table-note{margin:14px 24px 0;color:#89958e;font-size:10px;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.explain-card,.assumption-card{padding:22px 24px}.explanations{margin:16px 0 0}.explanations div{display:grid;grid-template-columns:135px 1fr;gap:12px;padding:11px 0;border-top:1px solid #edf0eb}.explanations dt{font-size:11px;font-weight:700;color:#365c45}.explanations dd{margin:0;color:#76847c;font-size:10px;line-height:1.55}.assumption-symbol{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#f1f4e7;color:#83914b;font:700 13px Manrope,sans-serif}.assumption-list{padding:0 0 0 17px;margin:14px 0 0;color:#6e7d74;font-size:10px;line-height:1.65}.assumption-list li{padding:7px 0 7px 3px;border-bottom:1px solid #edf0eb}.assumption-list li::marker{color:#91ad82}.assumption-list strong{color:#395c46}.export-card{margin-top:15px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf2e9}.export-copy .eyebrow{margin-bottom:6px}.export-copy h3{font-size:17px}.export-copy>p:last-child{margin:7px 0 0;color:#738178;font-size:10px}.export-actions{display:flex;gap:9px;flex-wrap:wrap}.button{border:0;border-radius:3px;padding:12px 15px;font-size:11px;font-weight:600;cursor:pointer;transition:transform .12s,background .12s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:wait}.button-dark{color:#fff;background:#315f4b}.button-dark:hover:not(:disabled){background:#254d3b}.button-light{color:#385d47;background:#fff;border:1px solid #dbe4d9}.button span{margin-left:8px;font-size:15px}.hourly-section{padding-bottom:75px}.hourly-section .section-heading{margin-bottom:16px}.hourly-wrap{max-height:330px;overflow:auto;background:#fff;border:1px solid #e2e8e1;border-radius:4px}.hourly-table{min-width:740px;font-variant-numeric:tabular-nums}.hourly-table th{position:sticky;top:0;z-index:1;padding:10px;background:#f1f5ef;color:#718078;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.hourly-table td{padding:8px 10px;border-top:1px solid #f0f2ef;color:#55685e;font-size:10px}.hourly-table td:first-child{color:#87928b;font-family:"DM Mono",monospace}.footer{display:flex;justify-content:space-between;align-items:center;padding:23px 0 31px;border-top:1px solid #dfe6de}.footer-brand{font-size:15px}.footer-brand .brand-mark{width:25px;height:25px;font-size:14px}.footer>div>p,.footer-caveat{font-size:10px;color:#85918a}.footer>div>p{margin:9px 0 0}.footer-caveat{text-align:right}.noscript{position:fixed;inset:auto 15px 15px;padding:12px;background:#fff4dc;color:#694f20;border:1px solid #eadbb7;border-radius:4px}
@media(max-width:1000px){main{padding:0 4vw}.hero{gap:24px}.metric-grid{grid-template-columns:repeat(3,1fr)}.analysis-grid{grid-template-columns:1fr 1fr}.dispatch-card,.battery-card{padding:19px 17px}.legend{gap:10px}.chart-box{height:210px}.explanations div{grid-template-columns:112px 1fr}}
@media(max-width:700px){.topbar{height:64px;padding:0 20px}.edition{font-size:8px;letter-spacing:.7px}.hero{grid-template-columns:1fr;padding:39px 0 31px;gap:24px}.hero h1{font-size:44px;letter-spacing:-2.2px}.hero-intro{font-size:14px;margin:16px 0}.hero-graphic{height:240px;border-radius:4px 56px 4px 56px}.sun{width:58px;height:58px;right:48px;top:34px}.panel{transform:scale(.78) skewY(-18deg);transform-origin:left bottom;bottom:51px}.panel-one{left:34px}.panel-two{left:117px;bottom:38px}.panel-three{left:200px;bottom:56px}.battery-graphic{right:31px;bottom:61px;transform:scale(.8);transform-origin:bottom right}.orbit{left:22px;top:94px}.orbit-two{left:-45px;top:116px}.scope-strip{grid-template-columns:1fr;gap:14px;margin-bottom:56px;padding:17px}.scope-strip>div,.scope-strip>div:first-child{border-right:0;border-bottom:1px solid #d8e1d6;padding:0 0 12px}.scope-strip>div:last-child{border:0;padding-bottom:0}.section-heading{align-items:start;gap:15px;flex-direction:column}.section-heading h2{font-size:24px}.load-status{margin-top:-8px}.selector-grid{grid-template-columns:1fr;gap:12px}.field select{height:45px}.scenario-description{margin-bottom:18px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{padding:14px 12px;min-height:100px}.metric-value{font-size:21px;margin-top:10px}.analysis-grid,.detail-grid{grid-template-columns:1fr;gap:12px}.dispatch-card,.battery-card{padding:18px 15px}.chart-box{height:230px}.dispatch-card .chart-box{height:220px}.legend{gap:11px}.legend li{font-size:9px}.chart-caption{font-size:8px}.candidate-card{padding-top:18px}.candidate-heading{align-items:start;flex-direction:column;padding:0 15px 14px}.candidate-card th:first-child,.candidate-card td:first-child{padding-left:15px}.candidate-card td{padding:10px}.candidate-card th{padding:9px 10px}.table-note{margin:12px 15px 0}.explain-card,.assumption-card{padding:18px 15px}.explanations div{grid-template-columns:105px 1fr;gap:10px}.export-card{align-items:start;flex-direction:column;padding:18px 15px}.export-actions{width:100%}.button{flex:1;white-space:nowrap;padding:12px 10px}.hourly-section{padding-bottom:55px}.hourly-section .section-heading{align-items:center;flex-direction:row}.hourly-section .section-heading h2{font-size:22px}.footer{align-items:start;gap:15px}.footer-caveat{max-width:130px;line-height:1.5}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}