:root{--ink:#12241f;--muted:#4a5c56;--paper:#f3f6f2;--panel:#ffffffb8;--solar:#e8a838;--forest:#2e8b6e;--peak:#c45c36;--offpeak:#3d5a80;--line:#12241f1f;--radius:4px;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 80% -10%,#e8a83847,#0000 55%),radial-gradient(900px 500px at -10% 20%,#2e8b6e2e,#0000 50%),linear-gradient(165deg,#e8efe8 0%,#f3f6f2 42%,#dde8e2 100%);margin:0}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M0 60h120M60 0v120' stroke='%2312241f' stroke-opacity='0.04' stroke-width='1'/%3E%3C/svg%3E");position:fixed;inset:0}#app{z-index:1;position:relative}a{color:var(--forest)}.hero{align-content:center;min-height:100vh;padding:clamp(2rem,6vw,5rem);display:grid;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(8px);z-index:0;background:radial-gradient(at 40% 40%,#e8a8388c,#0000 55%),radial-gradient(at 70% 60%,#2e8b6e59,#0000 50%);animation:14s ease-in-out infinite alternate sunDrift;position:absolute;inset:10% -5% -20% 40%}@keyframes sunDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-4%,3%)scale(1.05)}}.hero-inner{z-index:1;max-width:42rem;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2.8rem,8vw,4.6rem);font-weight:600;line-height:.95;animation:.9s both riseIn}.hero h2{font-family:var(--font-display);max-width:18ch;margin:0 0 .75rem;font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:500;animation:.9s .12s both riseIn}.hero p{color:var(--muted);max-width:36ch;margin:0 0 1.75rem;font-size:1.05rem;line-height:1.5;animation:.9s .22s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cta-row{flex-wrap:wrap;gap:.75rem;animation:.9s .32s both riseIn;display:flex}.btn{appearance:none;border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:1px solid #0000;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#f7faf7}.btn-ghost{color:var(--ink);background:0 0;border-color:#12241f40}.dashboard{max-width:1100px;margin:0 auto 4rem;padding:clamp(1.5rem,4vw,3rem)}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.dash-header h2{font-family:var(--font-display);margin:0;font-size:1.75rem}.range-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.range-bar label{color:var(--muted);gap:.2rem;font-size:.8rem;display:grid}.range-bar input[type=date]{font-family:var(--font-body);border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);color:var(--ink);padding:.45rem .55rem}.chip{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-family:var(--font-body);padding:.45rem .7rem}.chip.active{background:var(--forest);border-color:var(--forest);color:#fff}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin-bottom:1.75rem;display:grid}.stat{border-bottom:2px solid var(--line);padding:.9rem .95rem;animation:.6s both riseIn}.stat:first-child{animation-delay:50ms}.stat:nth-child(2){animation-delay:.1s}.stat:nth-child(3){animation-delay:.15s}.stat:nth-child(4){animation-delay:.2s}.stat:nth-child(5){animation-delay:.25s}.stat:nth-child(6){animation-delay:.3s}.stat .label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.75rem;display:block}.stat .value{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;font-weight:600}.stat .value.money{color:var(--forest)}.stat .value.warn{color:var(--peak)}.chart-block{margin-bottom:2rem}.chart-block h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.2rem;font-weight:500}.chart-block p{color:var(--muted);margin:0 0 .85rem;font-size:.95rem}.chart-frame{height:320px;position:relative}.bills{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.bills h3{font-family:var(--font-display);margin:0 0 .75rem}.bill-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.55rem 0;font-size:.95rem;display:flex}.gate{text-align:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.gate h1{font-family:var(--font-display);margin:0 0 .75rem;font-size:clamp(2rem,6vw,3rem)}.gate p{color:var(--muted);max-width:28rem;margin:0 auto 1.25rem}.note{color:var(--muted);margin-top:.75rem;font-size:.85rem}@media (width<=640px){.chart-frame{height:260px}}