:root{--ink: #17231f;--muted: #5d6b65;--paper: #f7f7f1;--surface: #ffffff;--line: #dce1da;--accent: #176b52;--accent-dark: #0f4d3b;--accent-pale: #ddf1e8;--negative: #6f3d8f;--negative-pale: #f1e7f7;--low: #177155;--low-pale: #e2f3eb;--medium: #9a6508;--medium-pale: #fff2cf;--high: #a43d2d;--high-pale: #fae7e2;--warning: #744f0c;--warning-pale: #fff6dc;--shadow: 0 18px 50px rgba(26, 45, 37, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,select,input{min-height:44px}button{border:0;border-radius:10px;padding:.7rem 1rem;color:#fff;background:var(--accent);font-weight:750;cursor:pointer}button:hover{background:var(--accent-dark)}button:disabled{cursor:not-allowed;opacity:.56}:focus-visible{outline:3px solid #117ac1;outline-offset:3px}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.025em}h1{max-width:800px;margin-bottom:1rem;font-size:clamp(2.35rem,7vw,5.4rem)}h2{margin-bottom:.45rem;font-size:clamp(1.8rem,4vw,3rem)}h3{margin-bottom:.45rem;font-size:1.25rem}.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1240px;margin:0 auto;padding:1rem clamp(1rem,4vw,2.5rem)}.brand{text-decoration:none;font-size:1.05rem;font-weight:850;letter-spacing:-.02em}.region-summary{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.85rem}.region-summary>span{display:grid}.region-summary .eyebrow{margin:0;font-size:.65rem}.text-button{min-height:44px;padding:.35rem .65rem;color:var(--accent-dark);background:transparent;border:1px solid var(--line)}.text-button:hover{background:var(--accent-pale)}main{overflow:hidden}.hero{position:relative;max-width:1240px;margin:0 auto;padding:clamp(4rem,10vw,8rem) clamp(1rem,4vw,2.5rem) clamp(3rem,8vw,6rem)}.hero:after{position:absolute;z-index:-1;top:5%;right:-18%;width:min(65vw,650px);aspect-ratio:1;content:"";border-radius:46% 54% 65% 35%;background:radial-gradient(circle at 35% 35%,#cdeedc 0,#b6ddcd 45%,#e6eadb 46%,#e6eadb 58%,transparent 59%);transform:rotate(-12deg)}.hero>p:last-child{max-width:680px;margin-bottom:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem)}.eyebrow,.step{margin-bottom:.5rem;color:var(--accent-dark);font-size:.75rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.panel,.status-card,.current-rate,.slots-panel,.legend,.recommendation-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.region-picker{display:grid;gap:2rem;max-width:980px;margin:0 auto 5rem;padding:clamp(1.5rem,4vw,3rem)}.region-picker p:last-child{color:var(--muted)}.region-control{display:grid;gap:.5rem;align-self:end}label,legend{color:var(--ink);font-size:.9rem;font-weight:750}input,select{width:100%;border:1px solid #adb8b1;border-radius:10px;padding:.65rem .75rem;color:var(--ink);background:#fff}input[aria-invalid=true]{border-color:var(--high)}.rates-section,.planner-section{padding:clamp(3.5rem,8vw,7rem) max(1rem,calc((100vw - 1160px)/2))}.rates-section{background:#eef0e8}.planner-section{background:var(--paper)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading>p{max-width:260px;margin-bottom:0;color:var(--muted);text-align:right}.current-rate{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.4rem,4vw,2.6rem);overflow:hidden}.current-rate h3{margin-bottom:.5rem;font-size:clamp(2.4rem,7vw,5rem)}.current-rate p:last-child{margin-bottom:0;color:var(--muted)}.current-rate.band-negative{border-left:8px solid var(--negative)}.current-rate.band-low{border-left:8px solid var(--low)}.current-rate.band-medium{border-left:8px solid var(--medium)}.current-rate.band-high{border-left:8px solid var(--high)}.band-badge{display:inline-flex;align-items:center;gap:.35rem;width:max-content;border:1px solid currentColor;border-radius:999px;padding:.3rem .55rem;font-size:.78rem;font-weight:800;white-space:nowrap}.band-badge.large{padding:.65rem .9rem;font-size:1rem}.band-negative{color:var(--negative);background-color:var(--negative-pale);background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgba(111,61,143,.08) 5px 8px)}.band-low{color:var(--low);background:var(--low-pale)}.band-medium{color:var(--medium);background-color:var(--medium-pale);background-image:repeating-linear-gradient(90deg,transparent 0 7px,rgba(154,101,8,.08) 7px 10px)}.band-high{color:var(--high);background-color:var(--high-pale);background-image:repeating-linear-gradient(45deg,transparent 0 7px,rgba(164,61,45,.08) 7px 10px)}.legend{display:grid;gap:1.4rem;margin:1.5rem 0;padding:1.25rem;box-shadow:none}.legend p{margin-bottom:0;color:var(--muted)}.legend ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.legend li{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:.7rem;color:var(--muted);font-size:.9rem}.slots-panel{padding:clamp(1rem,3vw,1.5rem)}.slots-heading{display:flex;justify-content:space-between;gap:1rem}.slots-heading p{color:var(--muted)}.slot-chart{display:flex;align-items:end;gap:2px;height:130px;margin:1rem 0 1.5rem;padding:.75rem .5rem 0;border-bottom:1px solid var(--line)}.chart-bar{flex:1 1 0;min-width:3px;height:var(--bar-height);border-radius:3px 3px 0 0;border:0}.table-scroll{max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th{position:sticky;top:0;z-index:1;background:#f2f4ef;color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-align:left;text-transform:uppercase}th,td{padding:.8rem 1rem;border-bottom:1px solid var(--line)}td:nth-child(2){font-weight:750}tr.is-current td{background:#f0faf5}.current-marker{display:inline-block;margin-left:.5rem;border-radius:4px;padding:.15rem .35rem;color:#fff;background:var(--accent);font-size:.65rem;font-weight:800;text-transform:uppercase}.freshness{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:.4rem;color:var(--muted);font-size:.8rem;text-align:right}.freshness span:nth-last-child(-n+2){grid-column:1 / -1}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--low)}.freshness-stale .status-dot{background:var(--medium)}.freshness-unavailable .status-dot{background:var(--high)}.notice{margin:1rem 0;border-radius:10px;padding:.9rem 1rem}.notice.warning{border:1px solid #e7ce8c;color:var(--warning);background:var(--warning-pale)}.planner-grid{display:grid;gap:1.5rem;align-items:start}.appliance-form{display:grid;gap:1.2rem;padding:clamp(1.2rem,3vw,2rem)}.field{display:grid;gap:.4rem}.field label span,.help{color:var(--muted);font-weight:400}.help,.field-error{margin:0;font-size:.8rem}.field-error{color:var(--high);font-weight:650}fieldset{display:grid;gap:.6rem;margin:0;border:0;padding:0}legend{margin-bottom:.35rem}.duration-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.duration-fields>div{display:grid;gap:.3rem}.radio-card,.check-row{display:flex;align-items:flex-start;gap:.75rem;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:.8rem;cursor:pointer}.radio-card:has(input:checked),.check-row:has(input:checked){border-color:var(--accent);background:var(--accent-pale)}.radio-card input,.check-row input{width:20px;min-height:20px;margin:2px 0 0;accent-color:var(--accent)}.radio-card span,.check-row span{display:grid}.radio-card small,.check-row small{color:var(--muted);font-weight:400}.input-suffix{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #adb8b1;border-radius:10px;background:#f2f4ef}.input-suffix input{border:0}.input-suffix span{padding:0 .75rem;color:var(--muted);font-weight:700}.overnight{display:grid;gap:.75rem}.inset{margin-left:2.8rem}.calculate-button{min-height:52px;margin-top:.3rem}.results{display:grid;gap:1rem}.results>h3{margin-bottom:.25rem}.results-placeholder{display:grid;place-items:center;min-height:250px;border:1px dashed #aeb8b1;border-radius:18px;padding:2rem;color:var(--muted);text-align:center}.results-placeholder>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--accent);background:var(--accent-pale);font-size:2rem}.results-placeholder p{max-width:340px;margin:0}.recommendation-card{padding:clamp(1.2rem,3vw,1.6rem)}.recommendation-top{display:flex;justify-content:space-between;gap:1rem}.recommendation-top h4{margin-bottom:0;font-size:1.2rem}.rank{margin-bottom:.25rem;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.overnight-badge{border-radius:999px;padding:.3rem .55rem;color:#415c76;background:#e7eff7;font-size:.78rem;font-weight:800;white-space:nowrap}.time-window{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;margin:1.3rem 0;padding:1rem 0;border-block:1px solid var(--line)}.time-window div{display:grid}.time-window span,.recommendation-stats span{color:var(--muted);font-size:.75rem}.time-window div:last-child{text-align:right}.recommendation-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.recommendation-stats div{display:grid}.instruction{display:grid;gap:.15rem;margin:1rem 0 0;border-radius:10px;padding:.8rem 1rem;color:var(--accent-dark);background:var(--accent-pale)}.instruction span{font-size:.85rem}.card-warning{margin:.75rem 0 0;color:var(--warning);font-size:.8rem;font-weight:700}.status-card{display:flex;align-items:flex-start;gap:1rem;max-width:1160px;margin:1rem auto;padding:1.25rem;box-shadow:none}.status-card h3{margin-bottom:.3rem}.status-card p{margin-bottom:.6rem;color:var(--muted)}.status-icon{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--accent);background:var(--accent-pale);font-weight:900}.status-loading .status-icon{animation:spin 1.2s linear infinite}.status-error{border-color:#ebbbb3}.status-error .status-icon{color:var(--high);background:var(--high-pale)}footer{padding:2rem 1rem;color:var(--muted);background:#e7e9e2;text-align:center;font-size:.85rem}footer p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:720px){.region-picker{grid-template-columns:1.2fr 1fr}.legend{grid-template-columns:1fr 1.6fr}.legend ul{grid-template-columns:1fr 1fr}.planner-grid{grid-template-columns:minmax(310px,.85fr) minmax(380px,1.15fr)}}@media(max-width:600px){.site-header{align-items:flex-start}.region-summary{align-items:flex-end;flex-direction:column;gap:.3rem;text-align:right}.hero:after{top:12%;right:-40%;width:100vw}.section-heading{align-items:flex-start;flex-direction:column;gap:.6rem}.section-heading>p{text-align:left}.current-rate{align-items:flex-start;flex-direction:column}.legend li{grid-template-columns:88px 1fr}.slot-chart{height:95px}th,td{min-width:125px;padding:.7rem}.recommendation-top{flex-direction:column}.badges{justify-content:flex-start}.time-window{gap:.45rem;font-size:.85rem}.recommendation-stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}