:root{--cream:#f7f2e7;--paper:#fffdf8;--ink:#33251f;--muted:#74685f;--yellow:#eab51e;--yellow2:#ffd85a;--green:#536b48;--brown:#51382d;--line:#e5ddcf;--shadow:0 24px 70px rgba(63,44,31,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--cream)}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:78px;background:rgba(255,253,248,.96);border-bottom:1px solid rgba(81,56,45,.11);position:relative;z-index:10}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:225px;display:block}.topbar-note{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#786b62;font-weight:700}
.hero{min-height:660px;position:relative;overflow:hidden;color:white}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/solar-tender-hero.webp') center/cover no-repeat;transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,rgba(30,23,18,.9) 0%,rgba(38,29,23,.72) 45%,rgba(30,23,18,.12) 78%)}.hero-inner{position:relative;z-index:2;min-height:660px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:55px;padding-bottom:55px}.hero-copy{max-width:720px}.eyebrow{margin:0 0 18px;color:#ffe17b;font-size:12px;text-transform:uppercase;letter-spacing:.13em;line-height:1.6;font-weight:800}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:0;max-width:790px}.hero h1 em{font-style:normal;color:var(--yellow2);white-space:nowrap}.hero-lead{max-width:680px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.87);margin:25px 0}.hero-lead strong{color:#fff}.payment-badge{width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,216,90,.55);background:rgba(255,222,108,.11);backdrop-filter:blur(8px);padding:11px 18px;border-radius:13px;color:#fff;font-size:14px;font-weight:700}.payment-badge small{display:block;color:#ffe17b;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2px}.badge-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#36291e;font-weight:900}.primary-cta,.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;margin-top:24px;border:0;border-radius:10px;padding:17px 22px;background:linear-gradient(135deg,var(--yellow2),var(--yellow));color:#33251f;text-decoration:none;font-weight:800;box-shadow:0 12px 28px rgba(232,177,25,.22);cursor:pointer;transition:.2s}.primary-cta:hover,.submit-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(232,177,25,.3)}.proof-card{width:265px;flex:0 0 265px;align-self:flex-end;margin-bottom:35px;padding:23px;border:1px solid rgba(255,255,255,.26);border-radius:18px;background:rgba(33,26,20,.62);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.18)}.proof-card strong{font-size:20px}.proof-card strong span{display:block;color:var(--yellow2);font-size:46px;line-height:1}.proof-card p{font-size:14px;line-height:1.5;margin:10px 0 15px}.proof-card small{color:rgba(255,255,255,.68);font-size:11px;line-height:1.5;display:block}.proof-line{height:2px;background:rgba(255,255,255,.2);margin-bottom:15px}.proof-line span{display:block;width:72%;height:100%;background:var(--yellow)}
.benefits{background:var(--paper);border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit-grid article{display:flex;gap:15px;padding:27px 18px;border-right:1px solid var(--line)}.benefit-grid article:first-child{padding-left:0}.benefit-grid article:last-child{border:0}.benefit-grid article>span{color:#c89b1d;font-size:11px;font-weight:800}.benefit-grid strong{display:block;font-size:14px}.benefit-grid p{font-size:11px;line-height:1.45;color:var(--muted);margin:5px 0 0}
.price-section{padding:70px 0 30px}.price-card{display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.chart-wrap{padding:32px 38px;background:linear-gradient(145deg,#f0e8d9,#faf7ef)}.chart-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800;color:#6d5c51}.chart-head strong{color:#b48813}.chart{height:230px;position:relative;margin-top:10px}.chart svg{position:absolute;inset:18px 0 20px;width:100%;height:180px;overflow:visible}.chart-line{fill:none;stroke:#dca70e;stroke-width:5;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620;animation:draw 2s .35s ease forwards}.chart-area{fill:url(#area);opacity:0;animation:fade .7s 1.25s forwards}.dot{fill:#fff;stroke:#dca70e;stroke-width:4;opacity:0;animation:fade .35s 1.7s forwards}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed rgba(81,56,45,.16)}.grid-line span{position:absolute;right:0;top:-17px;font-size:10px;color:#8e7d71}.line-900{top:43px}.line-600{top:148px}.chart-label{position:absolute;bottom:0;display:flex;flex-direction:column}.chart-label strong{font-size:15px}.chart-label span{font-size:11px;color:var(--muted)}.chart-label.start{left:0}.chart-label.end{right:0;text-align:right}.price-copy{padding:42px 44px;display:flex;flex-direction:column;justify-content:center}.eyebrow.dark{color:#a47b0a}.price-copy h2,.quiz-intro h2{font-size:clamp(27px,3vw,39px);line-height:1.16;letter-spacing:-.035em;margin:0}.price-copy>p:not(.eyebrow){color:var(--muted);line-height:1.65}.price-copy>a{color:var(--green);font-weight:800;text-decoration:none}.price-copy>a span{margin-left:10px}.price-copy small{display:block;margin-top:22px;color:#9a8e84;font-size:10px;line-height:1.5}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}
.quiz-section{padding:65px 0 90px}.quiz-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:start}.quiz-intro{padding:25px 0}.quiz-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7}.quiz-intro ul{padding:0;margin:28px 0 0;list-style:none;display:grid;gap:14px}.quiz-intro li{position:relative;padding-left:29px;font-weight:700;font-size:13px}.quiz-intro li:before{content:'✓';position:absolute;left:0;top:-2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e5eadf;color:var(--green);font-size:11px}.quiz-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:34px 38px;box-shadow:var(--shadow);min-height:480px}.quiz-progress{display:flex;justify-content:space-between;color:#8b7b70;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.progress-track{height:5px;background:#eee8dc;border-radius:5px;margin:12px 0 35px;overflow:hidden}.progress-track span{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--green),var(--yellow));border-radius:5px;transition:.35s}.quiz-step{display:none}.quiz-step.active{display:block;animation:stepIn .35s ease}@keyframes stepIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.step-kicker{margin:0 0 8px;color:#ae8413;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.quiz-card h3{font-size:clamp(24px,3vw,35px);line-height:1.25;letter-spacing:-.03em;margin:0 0 28px}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer-grid.two-columns{grid-template-columns:repeat(2,1fr)}.answer{min-height:69px;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid #ded6c9;border-radius:12px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer;transition:.2s}.answer:hover{border-color:#d5a317;background:#fffbec;transform:translateY(-1px)}.answer span{color:#b28a1d;font-size:10px}.answer b{margin-left:auto;color:#9a8d82}.answer.wide{grid-column:1/-1}.back-button{margin-top:22px;border:0;background:transparent;padding:0;color:#81746a;font-weight:700;cursor:pointer}.form-copy{margin:-15px 0 23px;color:var(--muted);line-height:1.55}.contact-step form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-step label{font-size:11px;font-weight:800;color:#6f6157}.contact-step label span{font-weight:500}.contact-step input{width:100%;height:53px;margin-top:7px;padding:0 14px;border:1px solid #ddd4c7;border-radius:10px;background:#fff;color:var(--ink);outline:0}.contact-step input:focus{border-color:#c99a18;box-shadow:0 0 0 3px rgba(234,181,30,.13)}.contact-step input.invalid{border-color:#b54f3a}.contact-step label:nth-child(3),.submit-button,.privacy,.form-status{grid-column:1/-1}.submit-button{margin-top:3px;width:100%}.privacy,.form-status{font-size:10px;color:#91847a;text-align:center;margin:0}.form-status{color:#a64331;min-height:15px}.result-step{text-align:center;padding:20px 5px}.result-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;background:#edf0e8;color:var(--green);font-size:24px;font-weight:900}.result-step .step-kicker{text-align:center}.result-step p:not(.step-kicker){max-width:520px;margin:0 auto 25px;color:var(--muted);line-height:1.6}.result-link{width:auto;text-decoration:none;margin:auto}.result-step h3{max-width:580px;margin-left:auto;margin-right:auto}
footer{background:#33251f;color:rgba(255,255,255,.72);padding:24px 0;font-size:11px}.footer-inner{display:flex;justify-content:space-between}.footer-inner a{color:#ffe17b;text-decoration:none}
@media(max-width:900px){.hero-inner{align-items:flex-start;padding-top:70px}.proof-card{display:none}.hero-copy{max-width:720px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.benefit-grid article:first-child{padding-left:18px}.price-card,.quiz-layout{grid-template-columns:1fr}.quiz-layout{gap:20px}.quiz-intro{padding-bottom:0}}
@media(max-width:620px){.shell{width:min(100% - 28px,1180px)}.topbar{height:68px}.brand img{width:185px}.topbar-note{display:none}.hero{min-height:720px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(36,27,21,.91),rgba(36,27,21,.66))}.hero-inner{min-height:720px;padding-top:45px;padding-bottom:45px}.hero h1{font-size:38px}.hero h1 em{white-space:normal}.hero-lead{font-size:15px}.payment-badge{align-items:flex-start;font-size:12px}.primary-cta{width:100%}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid var(--line)!important;padding:18px 4px!important}.benefit-grid article:last-child{border:0!important}.price-section{padding-top:38px}.price-card{border-radius:18px}.chart-wrap{padding:24px 20px}.chart{height:215px}.price-copy{padding:29px 22px}.quiz-section{padding:42px 0 65px}.quiz-intro{padding-top:0}.quiz-card{padding:25px 18px;border-radius:18px;min-height:510px}.progress-track{margin-bottom:28px}.answer-grid,.answer-grid.two-columns{grid-template-columns:1fr}.answer.wide{grid-column:auto}.contact-step form{grid-template-columns:1fr}.contact-step label:nth-child(3),.submit-button,.privacy,.form-status{grid-column:auto}.footer-inner{flex-direction:column;gap:7px;text-align:center}.chart-label strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chart-line,.chart-area,.dot{animation:none;stroke-dashoffset:0;opacity:1}}