@font-face{font-family:Manrope;src:url('/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-600.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/fonts/barlow-condensed-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{font-family:Manrope,sans-serif;color:#252b25;background:#f4f3ed;font-synthesis:none;--muted:#64695e;--line:#d9dcd0;--green:#c6e591;--orange:#f4bd61;--red:#ed8c73;--tile:#e7e8e0;--ink:#252b25}
*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #315d3c;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}.page-shell{max-width:1488px;padding:0 64px;margin:auto}.masthead{min-height:112px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.wordmark{display:flex;align-items:center;font-size:37px;font-weight:600;letter-spacing:-2px;line-height:1}.wordmark-period{color:#527c36}.brand-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;background:#252b25;width:20px;height:37px;border-radius:7px;margin-right:11px}.brand-mark i{height:6px;width:6px;border-radius:50%;background:#e17a62}.brand-mark i:nth-child(2){background:#edb653}.brand-mark i:nth-child(3){background:#b8d988}.location{display:flex;align-items:center;gap:9px;font-size:14px;margin-left:auto}.location-dot{width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%;box-shadow:0 0 0 3px #252b2510;margin-right:3px}.node-code{font-size:11px;letter-spacing:1px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:3px}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:8px;background:transparent;border:1px solid #c9cdbf;font-size:12px;cursor:pointer;transition:background .2s}.refresh-button svg{width:17px;height:17px}.refresh-button:hover{background:#e7e9df}.refresh-button:disabled{opacity:.55;cursor:wait}.refresh-button:disabled svg{animation:rotate 1.3s linear infinite}.page-intro{display:flex;align-items:center;justify-content:space-between;margin:39px 0 22px;gap:12px}.page-intro h1{font-size:18px;letter-spacing:-.5px;font-weight:400;margin:0}.page-intro p{font-size:12px;color:var(--muted);margin:0;font-variant-numeric:tabular-nums}.price-tile{--tile:#e7e8e0;background:var(--tile);border:1px solid #252b250d;border-radius:20px;padding:29px 38px 27px;overflow:hidden;position:relative;transition:background-color .6s ease;animation:arrive .55s ease both}.price-tile[data-band=green]{--tile:var(--green)}.price-tile[data-band=orange]{--tile:var(--orange)}.price-tile[data-band=red]{--tile:var(--red)}.tile-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.tile-topline h2{margin:0;font-size:11px;letter-spacing:1.8px;font-weight:600}.status-pill{display:flex;align-items:center;gap:7px;font-size:11px;border:1px solid #252b2540;border-radius:30px;padding:7px 12px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.price-display{display:flex;justify-content:center;align-items:center;gap:14px;margin:3px 0 -2px;min-height:284px}.price-number{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(130px,21.1vw,300px);letter-spacing:-.032em;line-height:1.02;font-variant-numeric:tabular-nums}.price-number.long-price{font-size:clamp(90px,15vw,225px)}.price-unit{display:flex;flex-direction:column;align-self:stretch;justify-content:center;margin-top:13px;gap:12px}.cent-symbol{font-family:'Barlow Condensed',sans-serif;font-size:clamp(58px,6.8vw,98px);font-weight:600;line-height:1}.unit-label{font-size:11px;letter-spacing:.3px;white-space:nowrap}.price-caption{text-align:center;display:flex;flex-direction:column;gap:9px;margin-bottom:34px}.price-caption p{font-size:20px;margin:0;letter-spacing:-.5px}.dollar-equivalent{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}.breakdown{border-top:1px solid #252b252e;padding-top:23px;display:flex;align-items:center;gap:30px}.breakdown-item{display:flex;flex-direction:column;gap:9px}.breakdown-label{font-size:11px;display:flex;align-items:center;gap:8px}.breakdown-item strong{font-size:24px;font-weight:600;line-height:1;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.small-unit{font-size:11px;letter-spacing:0;font-weight:400}.plus-sign{font-size:22px;font-weight:400;opacity:.6;margin-top:22px}.period-tag{font-size:9px;padding:3px 7px;border-radius:4px;background:#ffffff35;font-weight:600}.signal-legend{display:flex;gap:21px;margin-left:auto;align-items:center}.signal-legend>div{display:flex;align-items:center;gap:6px;font-size:10px;opacity:.6;padding:6px 0;white-space:nowrap}.signal-legend>div.active{opacity:1;font-weight:600;border-bottom:1px solid currentColor}.legend-dot{width:8px;height:8px;border-radius:50%;border:1px solid #252b2530}.legend-dot.green{background:#4a752e}.legend-dot.orange{background:#a36507}.legend-dot.red{background:#b63623}.data-line{display:flex;justify-content:space-between;gap:16px;margin:14px 3px 0;font-size:10px;color:var(--muted)}.data-line p{margin:0;line-height:1.5}.auto-refresh{display:flex;gap:6px;align-items:center;white-space:nowrap}.auto-dot{width:5px;height:5px;border-radius:50%;background:#658845}.data-line.has-warning .auto-dot{background:#a86922}.under-tile{display:grid;grid-template-columns:1.05fr 1fr auto;gap:32px;padding:35px 3px 31px;align-items:start}.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:600}.next-period p,.daily-charge p{margin:9px 0 6px;font-size:13px}.next-period strong{font-size:16px;font-weight:600}.next-period p span{font-size:12px;margin-left:9px;color:var(--muted)}.next-rate,.detail-note{font-size:10px;color:var(--muted)}.daily-charge{border-left:1px solid var(--line);padding-left:32px}.daily-charge strong{font-size:20px;font-weight:600;letter-spacing:-.6px}.daily-charge p span{color:var(--muted);font-size:11px}.rates-details{max-width:430px;justify-self:end;align-self:start;margin-top:4px}.rates-details summary{display:flex;align-items:center;gap:13px;font-size:12px;padding:9px 0;cursor:pointer;list-style:none}.rates-details summary::-webkit-details-marker{display:none}.rates-details summary svg{height:15px;width:15px;transition:transform .2s}.rates-details[open] summary svg{transform:rotate(180deg)}.rates-content{font-size:10px;padding-top:12px}.rates-content p{color:var(--muted);margin:0 0 12px}.rates-content table{border-collapse:collapse;width:100%}.rates-content th,.rates-content td{padding:10px 10px 10px 0;border-top:1px solid var(--line);text-align:left;font-weight:400}.rates-content thead th{color:var(--muted);font-size:9px}.rates-content td:last-child,.rates-content th:last-child{text-align:right;padding-right:0;white-space:nowrap}.rates-content tbody th{white-space:nowrap}footer{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;align-items:start;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted)}footer p{margin:0;line-height:1.7}footer p:last-child{text-align:right;font-size:9px}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{padding:20px;text-align:center}.price-tile[data-band=unavailable] .signal-legend{opacity:.4}
@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1500px){.price-display{min-height:325px}.price-caption{margin-bottom:42px}.page-intro{margin-top:46px}}
@media(max-width:1050px){.page-shell{padding:0 36px}.breakdown{gap:22px}.signal-legend{gap:12px}.under-tile{grid-template-columns:1fr 1fr;gap:25px}.rates-details{grid-column:1/-1;justify-self:stretch;max-width:none;margin-top:-2px}.rates-details summary{justify-content:space-between}.rates-content{max-width:650px}.price-display{min-height:250px}.price-caption{margin-bottom:28px}}
@media(max-width:650px){.page-shell{padding:0 20px}.masthead{min-height:88px;gap:12px}.wordmark{font-size:30px}.brand-mark{width:17px;height:31px;gap:2px;margin-right:8px}.brand-mark i{width:5px;height:5px}.location{font-size:11px;gap:6px}.location-dot{display:none}.node-code{display:none}.refresh-button{padding:9px;border-radius:50%}.refresh-button span{display:none}.page-intro{margin:29px 0 17px;align-items:start;flex-direction:column;gap:8px}.page-intro h1{font-size:17px}.page-intro p{font-size:10px}.price-tile{padding:22px 22px 21px;border-radius:16px}.tile-topline h2{font-size:8px;letter-spacing:1.1px}.status-pill{font-size:9px;padding:6px 9px;gap:5px}.status-dot{width:5px;height:5px}.price-display{gap:8px;margin:16px 0 11px;min-height:180px}.price-number{font-size:clamp(92px,24vw,155px);letter-spacing:-.04em}.price-number.long-price{font-size:clamp(61px,17vw,112px)}.price-unit{gap:8px;margin-top:8px}.cent-symbol{font-size:55px}.unit-label{font-size:8px}.price-caption{gap:8px;margin-bottom:25px}.price-caption p{font-size:17px}.dollar-equivalent{font-size:10px}.breakdown{flex-wrap:wrap;gap:19px;padding-top:20px}.breakdown-item{gap:10px;flex:1}.breakdown-label{font-size:10px;gap:5px}.breakdown-item strong{font-size:23px}.small-unit{font-size:9px}.period-tag{padding:3px 5px;font-size:8px}.plus-sign{margin-top:20px;font-size:19px}.signal-legend{flex-basis:100%;justify-content:space-between;border-top:1px solid #252b2520;padding-top:15px;margin-top:0;gap:8px}.signal-legend>div{font-size:9px}.data-line{flex-direction:column;gap:5px;font-size:9px;margin-top:12px}.auto-refresh{font-size:9px}.under-tile{gap:24px 16px;padding:28px 0 23px;grid-template-columns:1.08fr 1fr}.daily-charge{padding-left:19px}.eyebrow{font-size:8px;letter-spacing:1px}.next-period p{display:flex;flex-direction:column;gap:6px}.next-period p span{margin-left:0;font-size:10px}.next-period strong{font-size:15px}.next-rate,.detail-note{font-size:9px}.daily-charge p{margin-top:9px}.detail-note{display:block;line-height:1.6}.rates-details{margin-top:0;padding-top:12px;border-top:1px solid var(--line)}.rates-details summary{font-size:11px}footer{flex-direction:column;gap:8px;padding-top:18px}footer p:last-child{text-align:left}.rates-content{font-size:9px}.rates-content th,.rates-content td{padding-right:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.rate-timing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: center;
  padding: 30px 3px;
  border-bottom: 1px solid var(--line);
}
.peak-hours p {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 9px;
  margin: 10px 0 7px;
  font-size: 18px;
  letter-spacing: -.4px;
}
.peak-hours p strong { font-weight: 600; white-space: nowrap; }
.peak-hours p span { color: var(--muted); font-size: 13px; }
.rate-timing .next-period {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-left: 1px solid var(--line);
  padding-left: 32px;
}
.next-period-details { min-width: 0; }
.next-period-details p { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 9px; }
.next-period-details p span { margin-left: 0; }
.rate-countdown {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-width: 105px;
  padding: 12px 18px;
  border-radius: 10px;
  background: #e8eadf;
  font-variant-numeric: tabular-nums;
}
.rate-countdown strong { font-family: 'Barlow Condensed', sans-serif; font-size: 46px; line-height: 1; font-weight: 600; }
.rate-countdown span { font-size: 10px; color: var(--muted); white-space: nowrap; }
.under-tile { grid-template-columns: 1fr auto; padding-top: 25px; padding-bottom: 25px; }
.daily-charge { border-left: 0; padding-left: 0; }
@media (max-width: 1050px) {
  .rate-timing { gap: 24px; }
  .rate-timing .next-period { padding-left: 24px; }
  .peak-hours p { font-size: 16px; gap: 6px; }
}
@media (max-width: 650px) {
  .rate-timing { grid-template-columns: 1fr; gap: 22px; padding: 27px 0 23px; }
  .rate-timing .next-period { border-left: 0; border-top: 1px solid var(--line); padding: 22px 0 0; }
  .peak-hours p { font-size: 17px; gap: 8px; }
  .next-period-details p { align-items: start; }
  .rate-countdown { min-width: 98px; padding: 10px 16px; }
  .rate-countdown strong { font-size: 42px; }
  .rate-countdown span { font-size: 9px; }
  .under-tile { padding-top: 22px; padding-bottom: 22px; }
}
