:root{--bg: #f5efe3;--bg-deep: #f0e4c8;--panel: rgba(255, 250, 239, .88);--ink: #1f2a1f;--muted: #566154;--line: rgba(48, 57, 41, .14);--solar: #f18f01;--solar-soft: #ffcb69;--on-peak: #f94144;--off-peak: #277da1;--super-off: #90be6d;--accent: #355070;--accent-soft: #84a59d;--card-shadow: 0 28px 60px rgba(58, 42, 12, .12)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,203,107,.7),transparent 32%),radial-gradient(circle at top right,rgba(132,165,157,.55),transparent 28%),linear-gradient(180deg,#f8f1df 0%,var(--bg) 48%,#efe6d0 100%);font-family:Space Grotesk,sans-serif}button,input{font:inherit}.shell{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:28px 0 48px}.hero,.panel-grid,.details{display:grid;gap:20px}.hero{grid-template-columns:1.35fr 1fr;align-items:start;margin-bottom:22px}.hero__copy,.hero__panel,.panel,.result-card{position:relative;overflow:hidden;border:1px solid rgba(80,65,32,.08);border-radius:28px;background:var(--panel);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero__copy{padding:32px}.hero__copy:after{content:"";position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(241,143,1,.24),transparent 68%)}.eyebrow{margin:0 0 10px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}h1,h2,h3{margin:0;font-family:Fraunces,serif;line-height:.96;letter-spacing:-.03em}h1{max-width:9ch;font-size:clamp(3rem,7vw,5.4rem)}h2{font-size:clamp(1.5rem,2.6vw,2.3rem)}h3{font-size:clamp(1.4rem,2.1vw,2rem)}.hero__lede,.panel__note,.notes-list,.control small,.hero__stats span,.metric-grid span,.summary-grid span{color:var(--muted)}.hero__lede{max-width:58ch;margin:18px 0 0;font-size:1.05rem;line-height:1.6}.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.hero__stats div,.metric-grid div,.summary-grid div{padding:14px 16px;border-radius:18px;background:#ffffff7a;border:1px solid rgba(80,65,32,.08)}.hero__stats span,.metric-grid span,.summary-grid span{display:block;margin-bottom:6px;font-size:.85rem}.hero__stats strong,.metric-grid strong,.summary-grid strong,.control strong{font-size:1.02rem}.hero__panel,.panel{padding:24px}.controls{display:grid;gap:18px;margin-top:18px}.control{display:grid;gap:9px}.control__head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.control input[type=range]{width:100%;accent-color:var(--solar)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}.result-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.result-card:hover{transform:translateY(-2px)}.result-card.is-active{border-color:#f18f0166;box-shadow:0 32px 65px #c780152e}.result-card__button{width:100%;padding:24px;border:0;text-align:left;color:inherit;background:transparent;cursor:pointer}.result-card__tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#3550701a;color:var(--accent);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.result-card__price{margin:10px 0 20px;font-size:1.05rem;font-weight:700}.metric-grid,.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.panel__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.panel__note{max-width:24ch;margin:0;line-height:1.5;font-size:.92rem}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px;color:var(--muted);font-size:.9rem}.legend span{display:inline-flex;align-items:center;gap:8px}.swatch,.line-key{display:inline-block;width:14px;height:14px;border-radius:999px}.swatch--on{background:var(--on-peak)}.swatch--off{background:var(--off-peak)}.swatch--super{background:var(--super-off)}.swatch--solar{background:var(--solar)}.line-key{width:22px;height:4px;border-radius:999px}.line-key--one{background:var(--accent)}.line-key--two{background:var(--solar)}.chart-svg{display:block;width:100%;height:auto}.chart-grid{stroke:#3039291f;stroke-width:1}.chart-grid--vertical{stroke-dasharray:3 6}.axis-label{fill:#373f32d1;font-size:12px;font-family:Space Grotesk,sans-serif}.bar--on{fill:var(--on-peak)}.bar--off{fill:var(--off-peak)}.bar--super{fill:var(--super-off)}.solar-line{fill:none;stroke:var(--solar);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.solar-point{fill:var(--solar-soft);stroke:var(--solar);stroke-width:2}.zero-line{stroke:#1f2a1fa6;stroke-width:1.5}.payoff-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.payoff-line--one,.payoff-end.payoff-line--one,.payoff-end.payoff-line--one+*{stroke:var(--accent)}.payoff-line--two,.payoff-end.payoff-line--two,.payoff-end.payoff-line--two+*{stroke:var(--solar)}.payoff-end{fill:#fff;stroke-width:3}.details{grid-template-columns:1fr 1fr}.notes-list{margin:16px 0 0;padding-left:18px;line-height:1.6}.notes-list li+li{margin-top:10px}.source-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.source-links a{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(53,80,112,.12);color:var(--accent);text-decoration:none;background:#ffffff85}.source-links a:hover{border-color:#f18f015c;color:#8b4f00}@media(max-width:1024px){.hero,.panel-grid,.details,.cards{grid-template-columns:1fr}.panel__head{flex-direction:column}.panel__note{max-width:none}}@media(max-width:720px){.shell{width:min(100vw - 20px,1200px);padding-top:14px}.hero__copy,.hero__panel,.panel,.result-card__button{padding:18px}.hero__stats,.metric-grid,.summary-grid{grid-template-columns:1fr}h1{max-width:none}}