:root{color:#17352d;font-synthesis:none;--green:#0b6b53;--lime:#b6dd35;--orange:#e56d35;--ink:#17352d;--muted:#62736d;background:#f5f7f2;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:var(--green);font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:system-ui,sans-serif}h1{letter-spacing:-.06em;max-width:780px;margin-bottom:20px;font-size:clamp(2.5rem,6vw,5.25rem);line-height:.98}h2{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(1.7rem,3vw,2.5rem)}.wrap{width:min(1180px,100% - 40px);margin-inline:auto}.hero{color:#fff;clip-path:ellipse(110% 100% at 50% 0);background:radial-gradient(circle at 85% 10%,#238169 0,#0000 34%),#064a3b;padding:76px 0 120px}.hero-grid{grid-template-columns:1fr 300px;align-items:end;gap:60px;display:grid}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:800}.hero .eyebrow{color:#d9f47b}.intro{color:#d8ebe4;max-width:640px;margin-bottom:0;font-size:1.14rem}.recommendation{color:var(--ink);background:var(--lime);border-radius:20px;padding:24px;transform:rotate(1.5deg);box-shadow:0 18px 45px #00271f66}.recommendation span{text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:800}.recommendation strong{margin:4px 0 8px;font-size:2rem;display:block}.recommendation p{margin:0}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-55px;display:grid;position:relative}.metrics article,.chart-card,.tariff,.slider-card{background:#fff;border:1px solid #dfe6dd;box-shadow:0 12px 30px #163a2e0d}.metrics article{border-radius:16px;flex-direction:column;min-height:145px;padding:22px;display:flex}.metrics span,.metrics small{color:var(--muted)}.metrics strong{margin:auto 0 2px;font-size:1.55rem}.section{padding-top:88px}.section-title{justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px;display:flex}.section-title h2,.section-title p{margin-bottom:0}.section-note{max-width:360px;color:var(--muted)}.controls{align-items:end;gap:16px;margin:0 0 18px;display:flex}.controls label{color:var(--muted);gap:6px;font-size:.8rem;font-weight:700;display:grid}.controls select{min-width:190px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd8ce;border-radius:10px;padding:11px 38px 11px 12px}.profile-controls span{color:var(--muted);padding-bottom:12px;font-size:.85rem}.chart-card{border-radius:20px;padding:20px;overflow:hidden}.chart{width:100%;min-width:620px;display:block;overflow:visible}.chart text{fill:#71817b;font:12px system-ui,sans-serif}.grid{stroke:#dfe6dd;stroke-width:1px}.line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.line.import{stroke:var(--orange)}.line.export{stroke:var(--green)}.line.previous{opacity:.55;stroke-dasharray:9 7}.legend,.band-legend{color:var(--muted);white-space:nowrap;gap:22px;font-size:.85rem;display:flex}.legend span,.band-legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:3px;width:18px;height:4px}.import-dot{background:var(--orange)}.export-dot{background:var(--green)}.previous-dot{opacity:.55;background-image:linear-gradient(90deg,#0000 35%,#fff 35% 55%,#0000 55%);background-size:9px 4px}.band-legend{justify-content:center;margin:4px 0 0}.band-legend span:before{content:"";border-radius:4px;width:14px;height:14px}.free-band:before{background:#dff8e9}.peak-band:before{background:#fff0e7}details{color:var(--muted);margin-top:14px}summary{cursor:pointer;color:var(--green);font-weight:700}.table-wrap{border:1px solid #dfe6dd;border-radius:12px;max-height:340px;margin-top:12px;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:right;border-bottom:1px solid #edf0eb;padding:10px 14px}th:first-child,td:first-child{text-align:left}th{background:#eff3ec;position:sticky;top:0}.tariffs{grid-template-columns:1fr 1fr;gap:18px;display:grid}.tariff{border-radius:22px;padding:30px}.tariff.winner{border:2px solid var(--green);box-shadow:0 16px 45px #0b6b531a}.tariff-heading{justify-content:space-between;gap:15px;display:flex}.tariff-heading h3{margin-bottom:0;font-size:1.6rem}.badge{color:#fff;background:var(--green);border-radius:99px;height:fit-content;padding:7px 11px;font-size:.75rem;font-weight:700}.price{letter-spacing:-.06em;margin:30px 0 24px;font:800 clamp(2.5rem,5vw,4rem) system-ui,sans-serif}.price small{color:var(--muted);letter-spacing:0;margin-left:7px;font:500 .9rem system-ui,sans-serif}.breakdown{border-block:1px solid #e5eae3;margin:0;padding:18px 0}.breakdown div{justify-content:space-between;margin:7px 0;display:flex}.breakdown dd{font-weight:700}.rates{grid-template-columns:1fr 1fr;gap:8px 18px;padding:0;list-style:none;display:grid}.rates li{font-size:.88rem}.rates b{display:block}.rate-note{color:var(--muted);margin:18px 0 0;font-size:.88rem}.scenario{color:#fff;background:var(--green);border-radius:28px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;margin-top:88px;padding:52px;display:grid}.scenario .eyebrow{color:#d9f47b}.scenario p{color:#d6e6e1;line-height:1.6}.slider-card{color:var(--ink);border:0;border-radius:20px;padding:28px}.slider-card label{margin-bottom:8px;font-weight:700;display:block}.slider-value{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.slider-value strong{font-size:3rem}.slider-value span{color:var(--muted)}input[type=range]{width:100%;accent-color:var(--green)}.range-labels{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.scenario .scenario-result{color:var(--ink);border-top:1px solid #dfe6dd;margin:24px 0 0;padding-top:18px}.notes{grid-template-columns:.7fr 1.3fr;gap:50px;padding:88px 0;display:grid}.notes p{color:var(--muted);line-height:1.65}.notes nav{flex-wrap:wrap;grid-column:2;gap:20px;display:flex}footer{color:#bdd2cb;background:#063c31;padding:25px 0;font-size:.85rem}@media (width<=800px){.hero{padding-top:55px}.hero-grid,.scenario,.notes{grid-template-columns:1fr}.recommendation{max-width:360px;transform:none}.metrics{grid-template-columns:1fr 1fr}.section-title{flex-direction:column;align-items:start}.tariffs{grid-template-columns:1fr}.scenario{gap:25px;padding:30px 22px}.notes nav{grid-column:1}}@media (width<=500px){.wrap{width:min(100% - 24px,1180px)}.metrics{grid-template-columns:1fr}.metrics article{min-height:115px}.chart-card{overflow-x:auto}.legend{white-space:normal}.rates{grid-template-columns:1fr}.slider-value{flex-direction:column;align-items:start}.controls{flex-direction:column;align-items:stretch}.profile-controls span{padding:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}