body{display:flex;min-height:100vh;flex-direction:column}.main{flex:1;padding:58px 0 0}.intro{max-width:880px;margin:0 auto 34px;text-align:center}.intro h1{margin:18px auto 14px;font-size:clamp(2.6rem,7vw,4.7rem)}.breadcrumbs{margin-bottom:18px;color:var(--muted);font-size:.82rem}.breadcrumbs a{color:var(--primary);font-weight:800}.breadcrumbs span{margin:0 7px}.solar-eyebrow{border-color:rgba(255,181,46,.25);color:#8d620b;background:rgba(255,248,226,.82)}.solar-eyebrow .eyebrow-dot{background:#ffb52e;box-shadow:0 0 0 4px rgba(255,181,46,.14)}.sun-text{color:#f49b17;background:linear-gradient(115deg,#ef8f0a,#ffbd39);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.privacy-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;border:1px solid rgba(0,194,168,.18);border-radius:999px;color:#087b6c;background:rgba(255,255,255,.72);font-size:.78rem;font-weight:800}.privacy-note i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(0,194,168,.12)}
.estimator{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:22px;max-width:1140px;margin:auto}.panel{border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.controls{align-self:start;padding:28px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:23px}.panel h2{margin:0 0 5px;font-size:1.18rem}.sub{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.save-state{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:#087b6c;font-size:.7rem;font-weight:800}.save-state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.field{display:grid;gap:7px}.field.wide{grid-column:1/-1}.field-label{display:flex;justify-content:space-between;gap:8px;color:#3d4058;font-size:.79rem;font-weight:800}.field-hint{color:var(--muted);font-size:.69rem;font-weight:650}.input-wrap{display:flex;align-items:center;overflow:hidden;border:1px solid rgba(31,34,62,.14);border-radius:13px;background:#fff;transition:.2s}.input-wrap:focus-within{border-color:#f3a719;box-shadow:0 0 0 4px rgba(255,181,46,.13)}.prefix,.suffix{flex:0 0 auto;color:var(--muted);font-size:.8rem;font-weight:850}.prefix{padding-left:13px}.suffix{padding-right:12px}.input-wrap input,.input-wrap select{min-width:0;width:100%;height:49px;padding:0 12px;border:0;outline:0;color:var(--text);background:transparent;font-weight:760}.input-wrap .with-prefix{padding-left:7px}.input-wrap select{cursor:pointer}.sun-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sun-chip{min-height:36px;padding:0 5px;border:1px solid var(--border);border-radius:10px;color:#67677a;background:#fff;font-size:.68rem;font-weight:800}.sun-chip:hover,.sun-chip.active{border-color:#f3a719;color:#936009;background:#fff8e6}.range{width:100%;height:6px;appearance:none;border-radius:999px;outline:0;background:linear-gradient(90deg,#ffbd39 0 12.5%,#eceaf5 12.5%)}.range::-webkit-slider-thumb{width:20px;height:20px;appearance:none;border:4px solid #fff;border-radius:50%;background:#f3a719;box-shadow:0 2px 10px rgba(133,91,9,.25);cursor:pointer}.range::-moz-range-thumb{width:12px;height:12px;border:4px solid #fff;border-radius:50%;background:#f3a719;box-shadow:0 2px 10px rgba(133,91,9,.25);cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.65rem;font-weight:650}.advanced{grid-column:1/-1;border-top:1px solid var(--border);margin-top:2px;padding-top:3px}.advanced summary{padding:11px 0;cursor:pointer;color:var(--primary);font-size:.8rem;font-weight:850}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;padding:2px 0 4px}.error{grid-column:1/-1;min-height:17px;margin:0;color:#a43a51;font-size:.75rem;font-weight:750}.form-actions{grid-column:1/-1;display:flex;gap:9px}.action-btn{min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:12px;color:#55586f;background:#fff;font-size:.77rem;font-weight:800}.action-btn:hover{color:var(--primary);background:#f8f7ff}.action-btn.primary{flex:1;color:#fff;border-color:transparent;background:var(--primary)}.action-btn.primary:hover{background:var(--primary-dark)}
.results{position:relative;overflow:hidden;padding:29px;background:linear-gradient(155deg,#fffdf6 0,#fff 43%,#f7f5ff 100%)}.result-head{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.live-badge{padding:7px 10px;border-radius:999px;color:#087b6c;background:rgba(0,194,168,.1);font-size:.7rem;font-weight:850}.solar-stage{position:absolute;top:0;right:0;width:290px;height:185px;overflow:hidden;pointer-events:none}.sun{position:absolute;top:24px;right:47px;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#fff6a2,#ffb52e);box-shadow:0 0 0 12px rgba(255,191,62,.09),0 0 44px rgba(255,181,46,.38);animation:sunFloat 4.5s ease-in-out infinite}.sun span{position:absolute;inset:20px;border-radius:50%;background:rgba(255,255,255,.32)}.sun-ray{position:absolute;right:67px;top:11px;width:3px;height:13px;border-radius:4px;background:#ffbf3e;transform-origin:2px 42px}.ray-one{transform:rotate(-45deg)}.ray-two{transform:rotate(45deg)}.ray-three{transform:rotate(90deg)}.roof{position:absolute;right:-35px;bottom:7px;width:220px;height:92px;transform:skewX(-24deg) rotate(-3deg);border-radius:10px 0 0;background:#302d66;box-shadow:0 18px 32px rgba(44,40,97,.15)}.solar-panel{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:3px;position:absolute;inset:10px 18px 13px 14px;padding:4px;border:2px solid rgba(255,255,255,.74);background:#756ae2}.solar-panel span{background:linear-gradient(135deg,#5047b0,#8176ec);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.energy-line{position:absolute;right:167px;top:86px;width:77px;height:2px;transform:rotate(23deg);background:linear-gradient(90deg,transparent,#00c2a8)}.energy-line i{position:absolute;width:6px;height:6px;border-radius:50%;background:#20d7bd;box-shadow:0 0 0 4px rgba(0,194,168,.1);animation:energyFlow 2s linear infinite}.energy-line i:nth-child(2){animation-delay:.65s}.energy-line i:nth-child(3){animation-delay:1.3s}
.hero-result{position:relative;z-index:2;display:grid;grid-template-columns:1fr 126px;gap:18px;align-items:center;margin:70px 0 17px;padding:24px;border-radius:23px;color:#fff;background:linear-gradient(135deg,#25234f,#5146b5 56%,#6c5ce7);box-shadow:0 20px 45px rgba(55,47,126,.22)}.hero-result:after{content:"";position:absolute;width:165px;height:165px;right:-80px;bottom:-100px;border-radius:50%;background:rgba(255,255,255,.07)}.hero-label{color:rgba(255,255,255,.7);font-size:.72rem;font-weight:820;letter-spacing:.09em;text-transform:uppercase}.hero-value{display:block;margin-top:7px;font-size:clamp(2.55rem,5.5vw,4.25rem);letter-spacing:-.06em;line-height:1;overflow-wrap:anywhere}.hero-value.pop{animation:resultPop .3s ease}.hero-caption{margin:10px 0 0;color:rgba(255,255,255,.76);font-size:.78rem;line-height:1.5}.coverage-ring{position:relative;z-index:2;display:grid;place-items:center;width:116px;height:116px;border-radius:50%;background:conic-gradient(#ffce55 calc(min(var(--coverage),100)*1%),rgba(255,255,255,.15) 0)}.coverage-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#5045ad}.coverage-copy{position:relative;text-align:center}.coverage-copy strong,.coverage-copy span{display:block}.coverage-copy strong{font-size:1.42rem}.coverage-copy span{margin-top:2px;color:rgba(255,255,255,.7);font-size:.62rem;font-weight:750}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:15px;border:1px solid var(--border);border-radius:15px;background:#fff}.summary-card span,.summary-card strong{display:block}.summary-card span{color:var(--muted);font-size:.68rem;font-weight:720}.summary-card strong{margin-top:6px;font-size:1.04rem;letter-spacing:-.025em}.summary-card.accent strong{color:#087b6c}.coach{display:flex;align-items:center;gap:13px;margin-top:14px;padding:15px 16px;border-radius:16px;color:#3f3b68;background:linear-gradient(110deg,#fff5d9,#e9fbf7);font-size:.79rem;line-height:1.5}.coach p{margin:0}.coach-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:11px;color:#d98d05;background:#fff;font-size:1.25rem;box-shadow:0 7px 18px rgba(99,77,22,.09)}.coach strong{color:var(--text)}.chart-card{margin-top:17px;padding:17px;border:1px solid var(--border);border-radius:19px;background:#fff}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.chart-head h3{margin:0;font-size:.88rem}.chart-head p{margin:3px 0 0;color:var(--muted);font-size:.65rem}.chart-total{color:var(--primary);font-size:.68rem;font-weight:850}.month-chart{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:5px;height:170px;border-bottom:1px solid var(--border)}.month{display:grid;grid-template-rows:1fr auto;align-items:end;height:100%;gap:7px}.month-bar{position:relative;width:100%;min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#ffcb56,#ffac24);box-shadow:0 7px 12px rgba(246,164,22,.12);transform-origin:bottom;animation:barRise .45s ease both}.month-bar:after{content:"";position:absolute;inset:1px 2px auto;height:34%;border-radius:6px;background:rgba(255,255,255,.28)}.month-label{text-align:center;color:var(--muted);font-size:.58rem;font-weight:800}.disclaimer{margin:14px 2px 0;color:var(--muted);font-size:.69rem;line-height:1.55}
.content-section{padding:70px 0}.content-section.alt{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.42)}.content{max-width:920px;margin:auto}.content h2{margin:14px 0;font-size:clamp(1.8rem,4vw,2.5rem)}.content h3{margin:32px 0 10px;font-size:1.2rem}.content>p,.info-card p,.formula-card p,.faq p{color:var(--muted);line-height:1.75}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:26px}.info-card{padding:22px;border:1px solid var(--border);border-radius:19px;background:#fff}.info-card .number{display:grid;place-items:center;width:38px;height:38px;margin-bottom:15px;border-radius:12px;color:#936009;background:#fff3cf;font-weight:900}.info-card h3{margin:0 0 8px;font-size:.98rem}.info-card p{margin:0;font-size:.86rem}.formula-card{margin:28px 0;padding:24px;border:1px solid rgba(255,181,46,.25);border-radius:20px;background:linear-gradient(125deg,#fff9e9,#fff)}.formula-label{display:block;margin-bottom:8px;color:#936009;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.formula-card strong{display:block;font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.5}.formula-card p{margin:10px 0 0;font-size:.83rem}.faq{display:grid;gap:11px;margin-top:24px}.faq details{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:#fff}.faq summary{padding:17px 19px;cursor:pointer;font-weight:800}.faq p{margin:0;padding:0 19px 18px}.try-section{padding:70px 0}.try-wrap{max-width:1000px;margin:auto}.try-head{text-align:center}.try-head h2{margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.55rem)}.try-head p{margin:0;color:var(--muted)}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.try-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--border);border-radius:19px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(53,49,110,.05);transition:.22s}.try-card:hover{transform:translateY(-4px);border-color:rgba(108,92,231,.25);box-shadow:0 17px 38px rgba(53,49,110,.1)}.try-icon{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:13px;color:var(--primary);background:rgba(108,92,231,.1);font-weight:900}.try-card strong,.try-card span{display:block}.try-card strong{margin-bottom:4px;font-size:.9rem}.try-card span{color:var(--muted);font-size:.75rem}.toast{position:fixed;right:22px;bottom:22px;z-index:80;padding:12px 16px;border-radius:13px;color:#fff;background:#29254f;box-shadow:0 14px 35px rgba(31,34,62,.25);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;font-size:.8rem;font-weight:800}.toast.show{opacity:1;transform:none}
@keyframes sunFloat{50%{transform:translateY(-5px);box-shadow:0 0 0 15px rgba(255,191,62,.07),0 0 54px rgba(255,181,46,.48)}}@keyframes energyFlow{0%{left:0;opacity:0}20%,80%{opacity:1}100%{left:100%;opacity:0}}@keyframes resultPop{0%{opacity:.45;transform:translateY(6px) scale(.985)}100%{opacity:1;transform:none}}@keyframes barRise{0%{transform:scaleY(.08);opacity:.35}100%{transform:scaleY(1);opacity:1}}@media(max-width:950px){.estimator{grid-template-columns:1fr;max-width:760px}.solar-stage{width:330px}}@media(max-width:680px){.main{padding-top:42px}.controls,.results{padding:21px}.solar-stage{width:230px;height:160px;opacity:.88}.hero-result{grid-template-columns:1fr 100px;margin-top:62px;padding:21px}.coverage-ring{width:92px;height:92px}.coverage-ring:before{inset:7px}.summary-grid,.info-grid,.try-grid{grid-template-columns:1fr}.summary-card{display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-card strong{margin:0}.content-section,.try-section{padding:54px 0}.month-chart{height:145px;gap:3px}.month-label{font-size:.53rem}}@media(max-width:440px){.fields,.advanced-grid{grid-template-columns:1fr}.field.wide,.advanced,.error,.form-actions{grid-column:auto}.sun-presets{grid-template-columns:1fr}.hero-result{grid-template-columns:1fr}.coverage-ring{position:absolute;top:17px;right:17px;width:76px;height:76px}.coverage-copy strong{font-size:1.02rem}.coverage-copy span{font-size:.53rem}.hero-copy{padding-right:62px}.hero-value{font-size:clamp(2.1rem,12vw,3rem)}.form-actions{flex-direction:column}.action-btn.primary{width:100%}.chart-head{flex-direction:column}.month-chart{height:130px}.month-label{font-size:.48rem}}@media(prefers-reduced-motion:reduce){.sun,.energy-line i,.hero-value.pop,.month-bar{animation:none}}