:root{color-scheme:dark;--bg:#10191b;--panel:#172225;--text:#f1f2e9;--muted:#a6b6b4;--line:#344346;--accent:#d9f879;--fuel:#ffc488;--hydrogen:#89d9ee;--storage:#d9f879;--nuclear:#d1afff;--grid:#29393d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}body.light{color-scheme:light;--bg:#f2f2e9;--panel:#fffef8;--text:#172725;--muted:#536562;--line:#c9d1c7;--accent:#486315;--fuel:#9e4d0c;--hydrogen:#087b9a;--storage:#58751d;--nuclear:#8752b9;--grid:#dde2d8}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,select{cursor:pointer}button,select,input[type=number]{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px 14px}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--hydrogen);outline-offset:4px}input{accent-color:var(--accent)}input[type=checkbox]{width:17px;height:17px}button.active,button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--accent);color:var(--bg);padding:10px}.skip:focus{top:10px}.top{max-width:1320px;margin:auto;display:flex;align-items:center;gap:30px;padding:24px 40px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand span{font-size:13px;font-weight:400;letter-spacing:.02em;color:var(--muted)}.top>a:nth-child(2){margin-left:auto;font-size:13px;text-decoration:none}.top button{font-size:24px;padding:0 11px}main{max-width:1320px;padding:0 40px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:68px 0 60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:700;margin:0 0 22px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:9px}h1{font-weight:500;font-size:clamp(40px,5.2vw,70px);letter-spacing:-3px;line-height:1.06;margin:0 0 28px}h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.lead{color:var(--muted);font-size:17px;line-height:1.7}.cta{display:inline-flex;gap:50px;margin-top:19px;padding:13px 20px;border-radius:8px;background:var(--accent);color:var(--bg);font-size:14px;font-weight:700;text-decoration:none}.hero-art{position:relative;height:360px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#d9f87909,transparent 65%)}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:310px;height:310px;transform:rotate(-25deg) scaleX(1.35) scaleY(.7)}.orbit-two{transform:rotate(42deg) scaleX(1.3) scaleY(.8)}.orbit-one:after{content:'';position:absolute;top:46px;left:36px;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #d9f87977}.core{width:213px;height:213px;border:1px solid #d9f87955;border-radius:50%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;font-size:84px;letter-spacing:-6px;background:radial-gradient(circle at 35% 28%,#3c5141,var(--bg) 75%);color:#f1f2e9;box-shadow:inset 0 0 30px #d9f87915}.core>span{font-size:32px;align-self:center;margin-left:6px;color:#d9f879}.core small{font-size:8px;letter-spacing:.15em;width:100%;text-align:center;color:#d9f879}.art-label{position:absolute;font-size:9px;letter-spacing:.15em;background:var(--bg);color:var(--muted);padding:5px 9px}.label-a{top:25px;left:15px}.label-b{bottom:55px;right:0}.hero-art>p{position:absolute;bottom:-5px;font-size:11px;color:var(--muted)}.intro-strip{display:flex;align-items:center;gap:35px;padding:12px 0;border-block:1px solid var(--line);font-size:12px}.intro-strip b{font-size:10px;color:var(--accent);margin-right:10px}.intro-strip>span{margin-left:auto;font-size:10px;color:var(--muted)}.section{padding-top:70px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:0}.section-head>p{font-size:12px;color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}.toolbar,.filter-row,.legend,.comparison-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.toolbar{justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.segmented{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:10px}.segmented button{border:0;font-size:13px}.toolbar label,.filter-row label{font-size:12px}.filter-row{padding:20px 0;gap:25px}.check{display:flex;align-items:center;gap:8px}.legend{font-size:11px;color:var(--muted);gap:20px;margin-bottom:18px}.legend span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--color);border-radius:50%}.caption{color:var(--muted);font-size:12px;line-height:1.7}.chart{margin-top:20px;min-height:300px}.bar-row{display:grid;grid-template-columns:180px 1fr 100px;gap:14px;align-items:center;width:100%;padding:10px 0;border:0;border-radius:0;background:transparent;text-align:left;font-size:12px}.bar-row:hover,.bar-row.selected{background:color-mix(in srgb,var(--text) 4%,transparent)}.bar-row .track{height:17px;background:var(--bg);border-radius:3px;position:relative}.bar-row .bar{display:block;height:100%;border-radius:3px;min-width:2px;background:var(--color);transition:width .35s}.bar-row .value{text-align:right;font-variant-numeric:tabular-nums}.bar-row.selected .name{color:var(--accent)}.axis{display:flex;justify-content:space-between;margin:16px 114px 0 194px;font-size:10px;color:var(--muted)}.detail{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-size:13px}.detail h3{margin:0 0 5px;font-size:17px}.detail p{margin:0;color:var(--muted)}.detail .metrics{margin-top:12px;color:var(--accent);font-variant-numeric:tabular-nums}.plot{width:100%;height:auto;display:block}.plot text{font-family:Arial,sans-serif;fill:var(--muted);font-size:11px}.plot .grid{stroke:var(--grid);stroke-width:1}.plot .point{cursor:pointer}.plot .point circle{stroke:var(--panel);stroke-width:2}.plot .point:focus{outline:none}.plot .point:focus circle,.plot .point:hover circle{stroke:var(--text);stroke-width:3}.scenario{display:grid;grid-template-columns:240px 1fr;gap:30px;border-bottom:1px solid var(--line);padding-bottom:20px}.scenario label{font-size:12px}.energy-input{display:flex;align-items:center;gap:12px;margin-top:8px}.energy-input input{width:160px;font-size:28px;padding:8px 12px}.energy-input span{color:var(--muted)}#input-error{font-size:12px;color:var(--fuel);margin:6px 0}.presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.presets button{font-size:11px;padding:8px 10px}.comparison-controls{justify-content:center;margin:25px 0}.comparison-controls label{display:flex;gap:10px;align-items:center;font-size:12px}.comparison-controls select{max-width:280px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-card{border-radius:10px;background:var(--bg);padding:24px;text-align:center}.compare-card h3{margin:0;font-size:17px;font-weight:500}.compare-card .kind{font-size:11px;color:var(--muted)}.cube-stage{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cube{width:var(--size);height:var(--size);position:relative;transform:rotateX(-20deg) rotateY(30deg);transform-style:preserve-3d}.cube i{position:absolute;inset:0;background:color-mix(in srgb,var(--color) 28%,var(--bg));border:1px solid var(--color)}.cube i:nth-child(1){transform:translateZ(calc(var(--size)/2))}.cube i:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--size)/2));background:color-mix(in srgb,var(--color) 12%,var(--bg))}.cube i:nth-child(3){transform:rotateX(90deg) translateZ(calc(var(--size)/2));background:color-mix(in srgb,var(--color) 45%,var(--bg))}.compare-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-stats strong{font-size:27px;font-weight:500;letter-spacing:-1px;color:var(--color)}.compare-stats span{display:block;font-size:11px;color:var(--muted)}.compare-card .edge{font-size:11px;color:var(--muted);margin-top:20px}.callout{background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:2px solid var(--accent);padding:15px 20px;font-size:13px;margin:20px 0 0}.flow-controls{display:flex;gap:30px;align-items:center}.flow-controls label{display:flex;flex-direction:column;gap:10px;font-size:12px;flex:1}.flow-controls output{color:var(--accent);font-size:25px}.flow-controls input{width:100%}.flow-controls button{font-size:12px}.flow-svg{width:100%;max-height:290px;margin:20px 0}.flow-svg text{fill:var(--text);font-size:16px}.flow-svg .small{fill:var(--muted);font-size:12px}.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.insights article{border-top:1px solid var(--line);padding-top:22px}.insights article>span{font-size:28px;color:var(--accent)}h3{font-size:18px;font-weight:500}.insights p{color:var(--muted);font-size:13px}details.panel{margin-bottom:12px;padding:20px 25px}summary{cursor:pointer;font-size:15px}details[open] summary{margin-bottom:20px}.method{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.method p,.sources p{font-size:13px;color:var(--muted)}.method b{color:var(--text)}.sources{padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;font-size:13px}.sources p{margin:5px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}caption{text-align:left;color:var(--muted);padding-bottom:15px}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:70px;padding:30px 0 40px}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}@media(max-width:800px){main{padding:0 20px}.top{padding:20px}.hero{gap:0;padding:45px 0}.hero-art{height:280px}.orbit{width:220px;height:220px}.core{width:170px;height:170px;font-size:65px}h1{letter-spacing:-2px}.intro-strip{gap:15px}.intro-strip>span{display:none}.section-head>p{max-width:220px}.scenario{grid-template-columns:1fr}.comparison-controls{gap:10px}.comparison-controls select{max-width:210px}.sources{grid-template-columns:1fr}.flow-controls{gap:20px}footer{flex-wrap:wrap}}@media(max-width:560px){.top{gap:16px}.top>a:nth-child(2){font-size:11px}.brand span{font-size:10px}.hero{grid-template-columns:1fr;padding-bottom:30px}.hero-art{height:280px;margin-top:25px}.hero h1{font-size:49px}.hero-art .label-a{left:30px}.hero-art .label-b{right:20px}.intro-strip{justify-content:space-between;font-size:10px;gap:8px}.intro-strip b{display:block}.section{padding-top:45px}.section-head{display:block}.section-head>p{margin-top:16px;max-width:none}.section-head>button{margin-top:18px}h2{font-size:27px}.panel{padding:17px}.toolbar{gap:16px}.segmented{width:100%}.segmented button{flex:1;font-size:11px;padding:10px 7px}.filter-row{gap:13px}.legend{gap:12px;font-size:10px}.bar-row{grid-template-columns:110px 1fr 72px;gap:9px;font-size:10px;padding:11px 0}.axis{margin-left:119px;margin-right:81px;font-size:9px}.detail{grid-template-columns:1fr;gap:12px}.comparison-controls{display:grid;grid-template-columns:1fr 36px}.comparison-controls label{display:block;grid-column:1}.comparison-controls select{display:block;width:100%;max-width:none;margin-top:5px}.comparison-controls button{grid-column:2;grid-row:1/3;padding:5px;font-size:25px}.comparison{gap:9px}.compare-card{padding:15px 8px}.compare-card h3{font-size:14px;min-height:42px}.cube-stage{height:145px}.compare-stats{grid-template-columns:1fr}.compare-stats strong{font-size:24px}.flow-controls{flex-wrap:wrap}.flow-controls label{flex-basis:100%}.flow-controls button{width:100%}.flow-svg text{font-size:20px}.flow-svg .small{font-size:15px}.insights{grid-template-columns:1fr;gap:20px}.method{grid-template-columns:1fr}details.panel{padding:17px}.plot text{font-size:13px}footer{display:grid;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.top,.toolbar,.filter-row,button,.presets{display:none}body{--bg:white;--panel:white;--text:black;--muted:#444;--line:#ccc}.panel{break-inside:avoid}.section{padding-top:25px}}
.hero-art{overflow:hidden}.map-chart{overflow-x:auto}.map-chart .plot{min-width:640px}.flow-summary{display:flex;justify-content:space-around;gap:8px;align-items:center;color:var(--accent);font-size:18px}.flow-summary small{display:block;color:var(--muted);font-size:10px}.flow-summary>span:first-child{color:var(--hydrogen)}.flow-summary>span:last-child{color:var(--fuel)}@media(max-width:560px){.flow-summary{font-size:14px}.map-chart{min-height:0}.map-chart .plot{min-width:680px}.hero-art{margin-inline:-10px}}