.energy-now{padding:clamp(72px,8vw,108px) 0 0;scroll-margin-top:98px}
.energy-now__head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:28px}
.energy-now__head h2{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1;margin:4px 0 0}
.energy-now__head>p{max-width:420px;margin:0 0 4px;color:var(--bw-muted);line-height:1.6}
.energy-now__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.energy-now__card{position:relative;min-width:0;padding:clamp(23px,3vw,34px);border:1px solid var(--bw-border);border-radius:26px;background:var(--bw-surface);box-shadow:var(--bw-shadow-sm);overflow:hidden}
.energy-now__card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--bw-blue),var(--bw-volt));opacity:.8}
.energy-now__card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.energy-now__eyebrow{font-size:.71rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--bw-readable-accent,var(--bw-blue))}
.energy-now__live-dot{width:9px;height:9px;border-radius:50%;background:var(--bw-blue);box-shadow:0 0 0 5px rgba(5,185,242,.1)}
.energy-now__card h3{font-family:var(--bw-display);font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.06;margin:0 0 6px;color:var(--bw-ink)}
.energy-now__description{font-size:.88rem;color:var(--bw-muted);margin:0}
.energy-now__value{font-family:var(--bw-display);font-size:clamp(4.8rem,8vw,7rem);line-height:1;margin:28px 0 18px;color:var(--bw-ink);font-variant-numeric:tabular-nums}
.energy-now__value span{font-size:.42em;margin-left:3px;color:var(--bw-readable-accent,var(--bw-blue))}
.energy-now__meter{height:13px;border-radius:100px;background:rgba(5,185,242,.1);overflow:hidden}
.energy-now__meter>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--bw-blue),var(--bw-volt));border-radius:inherit;transition:width .7s ease}
.energy-now__spark-wrap{margin-top:30px;padding-top:22px;border-top:1px solid var(--bw-border)}
.energy-now__spark-wrap>span{display:block;font-size:.74rem;font-weight:800;color:var(--bw-muted);margin-bottom:12px}
.energy-now__spark-wrap svg{display:block;width:100%;height:86px;overflow:visible}
.energy-now__spark-wrap path{fill:none;stroke:var(--bw-blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.energy-now__total{display:flex;align-items:baseline;gap:12px;margin:30px 0 20px;flex-wrap:wrap}
.energy-now__total strong{font-family:var(--bw-display);font-size:clamp(3.4rem,6vw,5.6rem);line-height:1;color:var(--bw-ink);font-variant-numeric:tabular-nums}
.energy-now__total>span{max-width:180px;color:var(--bw-muted);font-size:.77rem;line-height:1.45}
.energy-now__stack{display:flex;gap:2px;height:13px;width:100%;border-radius:100px;overflow:hidden;background:rgba(5,185,242,.08)}
.energy-now__stack>span{height:100%;min-width:0}
.energy-now__mix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;margin-top:26px;min-height:138px}
.energy-now__mix-row{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 0;border-bottom:1px solid var(--bw-border);font-size:.79rem;color:var(--bw-ink)}
.energy-now__mix-row>i{width:8px;height:8px;flex:none;border-radius:2px;background:var(--mix-color)}
.energy-now__mix-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.energy-now__mix-row>strong{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}
.energy-now__asof{min-height:19px;margin:24px 0 8px!important;color:var(--bw-ink);font-weight:800;font-size:.8rem;font-variant-numeric:tabular-nums}
.energy-now__source{display:inline-block;color:var(--bw-readable-accent,var(--bw-blue));font-size:.76rem;font-weight:800;text-decoration:none}
.energy-now__source:hover{text-decoration:underline}
.energy-now__footnote{max-width:1000px;margin:18px 0 0;color:var(--bw-muted);font-size:.78rem;line-height:1.6}
html[data-design="future"] .energy-now__card{background:linear-gradient(160deg,rgba(9,25,38,.97),rgba(6,16,25,.96))}
html[data-design="classic"] .energy-now__meter{background:rgba(0,107,136,.12)}
@media(max-width:850px){.energy-now__head{display:block}.energy-now__head>p{margin:18px 0 0;max-width:680px}.energy-now__grid{grid-template-columns:1fr}.energy-now__spark-wrap svg{height:76px}}
@media(max-width:650px){.energy-now__card{padding:22px;border-radius:22px}.energy-now__mix{column-gap:12px}.energy-now__mix-row{font-size:.75rem}.energy-now__total>span{max-width:150px}}