:root{color-scheme:dark;--bg:#0e171a;--surface:#172429;--border:#344449;--text:#f4f5ef;--muted:#a8b9ba;--amber:#f2be7d;--green:#a2d6b5;font-family:Segoe UI,system-ui,sans-serif;font-synthesis:none;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 20%,#35513c22,transparent 50%),var(--bg)}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button,a,input,select{transition:background .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button:hover{transform:translateY(-1px)}button:active{transform:none}.client-header{max-width:1320px;margin:auto;padding:21px 38px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #a4c0b717}.client-header a{display:block}.client-header img{width:110px;height:auto;display:block}.brand-line{font-size:9px;letter-spacing:2px;color:#b4c3bc}.preview{margin-left:auto;font-size:10px;padding:7px 11px;border:1px solid #83918a36;border-radius:30px;color:#b2c1b9;background:#c3dbbc06}main{max-width:1320px;margin:auto;padding:0 38px}.welcome{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;padding:48px 0 50px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#b0c6b7;display:flex;align-items:center;gap:9px}.eyebrow i{display:block;width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 14px #a4e8b97a}h1{font-size:clamp(40px,4.8vw,67px);line-height:1.08;letter-spacing:-2.8px;font-weight:500;margin:24px 0 18px}h1 em,h2 em{font-style:normal;color:var(--amber);font-weight:400}.welcome-copy>p{font-size:14px;line-height:1.75;color:#adbdbd;margin:0 0 22px;max-width:650px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--amber);color:#172327;border:1px solid var(--amber);border-radius:14px;font-size:13px;font-weight:700;padding:16px 23px;min-height:50px;box-shadow:0 5px 25px #eab25f15}.primary span{font-size:20px;font-weight:400}.primary:hover{background:#ffd59e;border-color:#ffd59e;box-shadow:0 6px 25px #eab25f2a}.audience-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:680px}.audience-title{grid-column:1/-1;margin:0 0 2px;color:#d9e4dc;font-size:12px;font-weight:650}.audience-option{appearance:none;width:100%;min-height:114px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:18px;text-align:left;text-decoration:none;background:#17262b;border:1px solid #41565a;border-radius:15px;color:var(--text)}.audience-option--primary{border-color:#b79161;background:#24302d}.audience-option:hover{background:#1d3034;border-color:#83a296}.audience-option--primary:hover{background:#2b3832;border-color:var(--amber)}.audience-number{font-size:9px;letter-spacing:1px;color:var(--amber);padding-top:3px}.audience-option strong,.audience-option small{display:block}.audience-option strong{font-size:13px;line-height:1.45;font-weight:650}.audience-option small{margin-top:7px;color:#9eb1af;font-size:10px;line-height:1.55}.audience-arrow{font-size:18px;color:var(--amber);line-height:1}.welcome-benefits{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#91a59d;margin-top:18px}.welcome-benefits span:before{content:'✓';color:#bbddbd;margin-right:6px}.welcome-image{position:relative;height:430px;border-radius:120px 24px 24px 24px;overflow:hidden;border:1px solid #a1b99e36;background:#213337}.welcome-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 66%;filter:saturate(.7) brightness(.8)}.welcome-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081315bf,transparent 55%);pointer-events:none}.image-badge{position:absolute;bottom:50px;left:26px;z-index:1;display:flex;align-items:center;gap:15px;background:#192925bd;backdrop-filter:blur(12px);border:1px solid #b2cba440;border-radius:16px;padding:18px 22px;color:#bfcdc6;font-size:12px;line-height:1.7}.image-badge strong{color:#f7f6ed;font-size:16px;font-weight:500}.image-badge svg{width:28px;height:36px;stroke:var(--amber);stroke-width:1.3;fill:none}.image-credit{position:absolute;bottom:16px;right:16px;font-size:8px;color:#c2c7ba;z-index:1}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #36473d;padding:31px 0 35px}.trust-row article{padding-right:35px}.trust-row article+article{padding-left:28px;border-left:1px solid #34423c}.trust-row article>span{font-size:11px;color:#d2b182;letter-spacing:1px}.trust-row h3{font-size:16px;font-weight:500;margin:12px 0 8px;color:#e4ece3}.trust-row p{font-size:12px;line-height:1.7;color:#98aaa6;margin:0}.wizard{padding:35px 0 55px}.wizard-intro{max-width:690px;margin-bottom:36px}.step-meta{display:flex;align-items:center;justify-content:space-between;color:#acc0b9;font-size:10px;margin:21px 0 11px}.step-meta span:first-child{font-size:9px;letter-spacing:1.5px}.progress-track{height:3px;border-radius:3px;background:#30433d}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#abcda5,#efc589);width:33.333%;transition:width .25s;border-radius:3px}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:65px;align-items:start}.question-area{max-width:690px}.question-kicker{color:#a3beb1;font-size:9px;letter-spacing:1.8px;font-weight:650}h2{font-size:42px;line-height:1.12;letter-spacing:-1.5px;font-weight:500;margin:16px 0}.intro{font-size:13px;line-height:1.8;color:var(--muted);max-width:520px;margin-bottom:30px}.residential-path{display:flex;align-items:center;gap:16px;padding:17px 19px;margin:24px 0;background:#a3c59909;border:1px solid #718e6855;border-left:2px solid #9ab58a;border-radius:12px}.residential-path svg{width:30px;height:30px;flex:none;fill:none;stroke:#a8c7b5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.residential-path strong,.residential-path small{display:block}.residential-path strong{font-size:12px;color:#e3ede8}.residential-path small{font-size:10px;color:#9eb2ad;line-height:1.6;margin-top:3px}fieldset{border:0;padding:0;margin:27px 0}legend{font-size:13px;color:#dfe7df;font-weight:500;padding:0;margin-bottom:13px}.choices{display:grid;gap:12px}.two{grid-template-columns:1fr 1fr}.compact{grid-template-columns:repeat(3,1fr);gap:9px}.choice{display:block;position:relative;cursor:pointer;min-width:0}.choice input{position:absolute;opacity:0;width:1px;height:1px;left:15px;top:15px}.choice-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:136px;padding:21px;background:#17262b;border:1px solid #344a4f;border-radius:16px;transition:border-color .18s,background .18s}.choice-body:after{content:'';width:14px;height:14px;border:1px solid #5c7277;border-radius:50%;position:absolute;right:14px;top:14px}.choice-body svg{width:29px;height:29px;fill:none;stroke:#a8c7b5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:15px}.choice-body strong{font-size:13px;font-weight:550;color:#e3ede8;line-height:1.5;padding-right:10px}.choice-body small{font-size:11px;color:#98b1b2;line-height:1.65;margin-top:3px}.choice:hover .choice-body{border-color:#86a99c;background:#1c3034}.choice input:checked+.choice-body{border-color:#e7bd7e;background:linear-gradient(125deg,#c5a87516,#ccb38d08);box-shadow:0 0 0 1px #e7bd7e16}.choice input:checked+.choice-body:after{border:4px solid #efc389;background:#24302e}.choice input:focus-visible+.choice-body{outline:2px solid var(--amber);outline-offset:4px}.compact .choice-body{min-height:92px;padding:18px 16px}.compact .choice-body strong{font-size:11px;padding-top:5px}.compact .choice-body small{font-size:10px}.compact .choice-body:after{width:10px;height:10px;right:9px;top:9px}.compact .choice input:checked+.choice-body:after{border-width:3px}.compact .choice-body svg{width:34px;height:27px;margin-bottom:6px}.stacked .choice-body{min-height:85px;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;padding:19px}.stacked .choice-body small{display:block}.option-number{color:#bdab8c;font-size:12px;border:1px solid #776f524d;display:grid;place-items:center;width:35px;height:35px;border-radius:14px;flex:none}.mini-icon{font-size:28px;line-height:1;color:#c3c8a3;margin-bottom:13px}.compact .mini-icon{font-size:25px;margin-bottom:2px}.fields{display:grid;gap:18px}.fields.two{column-gap:16px}.full{grid-column:1/-1}label:not(.choice){font-size:11px;color:#b8cbc9;line-height:1.7}input:not([type=radio]),select{display:block;width:100%;background:#0c171c;border:1px solid #3c5156;border-radius:12px;color:#e7efeb;font-size:14px;padding:13px 14px;margin-top:7px;min-height:46px;min-width:0}input::placeholder{color:#748e93}input:focus,select:focus{border-color:#d5b684}select{padding-right:5px}.unit-input{position:relative}.unit-input input{padding-right:94px}.unit-input>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#849e9d;font-size:11px}.input-block{max-width:440px;margin:28px 0}.input-block input{font-size:22px;min-height:60px}.hint{font-size:11px;line-height:1.75;color:#8ea9a7;margin:12px 0}.soft-note{padding:17px 19px;background:#a3c59909;border:1px solid #718e6855;border-left:2px solid #9ab58a;border-radius:12px;color:#b8ccbf;font-size:12px;line-height:1.8;margin:22px 0}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:33px;padding-top:25px;border-top:1px solid #31473f}.back{border:0;background:none;color:#a9bcb9;padding:10px 0;font-size:12px;text-decoration:underline;text-underline-offset:5px}.back:hover{color:#efd19d}.reassurance{border:1px solid #4050476e;border-radius:20px;padding:19px;background:linear-gradient(145deg,#23302a,#172529 75%);position:sticky;top:25px}.aside-photo{height:165px;border-radius:14px;overflow:hidden;margin-bottom:23px}.aside-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;filter:brightness(.75) saturate(.55)}.reassurance .eyebrow{font-size:8px;letter-spacing:1.5px}.reassurance h3{font-size:21px;font-weight:450;line-height:1.4;letter-spacing:-.4px;margin:17px 0}.reassurance em{font-style:normal;color:#d6c5a5}.reassurance p{color:#9fb5ac;font-size:12px;line-height:1.85}.reassurance ul{list-style:none;padding:0;margin:21px 0;font-size:11px;color:#c4d6ca;line-height:1.8}.reassurance li{padding:8px 0;border-bottom:1px solid #a1bda417}.reassurance li:before{content:'✓';color:#b5d49e;margin-right:9px}.aside-note{border-top:1px solid #415348;padding-top:15px;font-size:10px;line-height:1.8;color:#97aaa0}#formError{padding:14px 17px;background:#3c241e;border:1px solid #9f6650;border-radius:12px;color:#f4ccae;font-size:12px}.result{padding:45px 0 55px}.result-heading{max-width:700px}.result-heading h2{font-size:47px;line-height:1.12;margin:22px 0}.result-heading p{font-size:13px;line-height:1.8;color:#a3bbb3;max-width:530px}.result-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin:33px 0 25px}.result-card{padding:29px;background:#18282c;border:1px solid #35494d;border-radius:18px}.card-kicker{color:#acbcae;font-size:9px;letter-spacing:1.5px}.result-card h3,.contact-card h3{font-size:25px;letter-spacing:-.5px;line-height:1.3;font-weight:500;margin:15px 0 25px}.result-card dl{margin:0}.result-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #31464b;font-size:12px}.result-card dt{color:#8fa9ad}.result-card dd{margin:0;color:#dceae0;text-align:right;max-width:63%;overflow-wrap:anywhere}.proposal{background:linear-gradient(135deg,#2c342a,#1f2c28)}.price-placeholder{border:1px solid #6873525e;background:#b6c69806;padding:21px;border-radius:15px;margin-top:25px}.price-placeholder>span{font-size:10px;color:#c4c8ab}.price-placeholder strong{display:block;color:#edd1a1;font-size:25px;font-weight:450;letter-spacing:-.5px;line-height:1.3;margin:10px 0}.price-placeholder small{font-size:11px;line-height:1.7;color:#acb89c;display:block}.finance-note{color:#b4c3ae;font-size:11px;line-height:1.8;margin-top:18px}.proposal ol{list-style:none;counter-reset:steps;padding:0;margin:28px 0 0}.proposal li{counter-increment:steps;display:flex;align-items:center;gap:10px;font-size:11px;color:#c2cbb7;margin:15px 0}.proposal li:before{content:counter(steps);border:1px solid #67765b;color:#d2cda9;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:9px}.contact-card{padding:29px;border:1px solid #3a4f4e;border-radius:18px;display:grid;grid-template-columns:1fr 1.4fr;gap:45px;background:#152327}.contact-card h3{margin-bottom:13px}.contact-card p{font-size:12px;line-height:1.8;color:#a5bab5}.export-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.export-actions .primary{font-size:11px;padding:13px 18px;min-height:43px}.secondary{background:#283e43;border:1px solid #496167;color:#c8dcda;border-radius:12px;font-size:11px;padding:13px 15px}.secondary:hover{background:#355055}.contact-card .local-note{font-size:10px;color:#98aba6;line-height:1.7}.contact-card #exportStatus{font-size:11px;color:#e0ca9e;overflow-wrap:anywhere}footer{border-top:1px solid #293e34;max-width:1244px;margin:auto;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#8eaba0}footer>span:first-child{font-size:13px;color:#c9d9cb}footer p{font-size:10px}footer>span:last-child{font-size:8px;letter-spacing:1.5px}.page{animation:appear .23s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.welcome{padding:75px 0 70px}.welcome-image{height:470px}}
@media(max-width:1050px){.welcome{gap:32px}.welcome-image{height:390px}h1{font-size:49px}.welcome-copy>p{font-size:13px}.wizard-layout{gap:32px;grid-template-columns:minmax(0,1fr) 250px}.reassurance{padding:17px}.reassurance h3{font-size:19px}.compact{gap:7px}.compact .choice-body{padding:16px 12px}.contact-card{gap:25px}footer{padding:23px 38px}.brand-line{font-size:8px}}
@media(max-width:900px){.welcome{grid-template-columns:1fr;gap:33px;padding-top:38px}.welcome-copy>p{max-width:680px}.welcome-image{height:340px;border-radius:90px 22px 22px 22px}}
@media(max-width:800px){.welcome{grid-template-columns:1fr;gap:33px;padding-top:38px}.welcome-copy>p{font-size:14px}h1{font-size:55px}.welcome-image{height:285px;border-radius:75px 20px 20px 20px}.image-badge{bottom:30px;padding:13px 20px}.trust-row{gap:16px}.trust-row article{padding-right:10px}.trust-row article+article{padding-left:15px}.trust-row h3{font-size:14px}.trust-row p{font-size:11px}.wizard-layout{grid-template-columns:1fr}.question-area{max-width:none}.reassurance{display:none}.wizard-intro{max-width:none}.result-layout{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr;gap:14px}.brand-line{display:none}footer>span:last-child{display:none}}
@media(max-width:520px){.client-header{padding:15px 21px}.client-header img{width:91px}.preview{font-size:8px;padding:6px 9px}main{padding:0 21px}.welcome{padding:32px 0 35px;gap:30px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:45px;letter-spacing:-1.9px;margin-top:23px}.welcome-copy>p{font-size:12px;line-height:1.85}.welcome-copy>p br{display:none}.audience-selector{grid-template-columns:1fr}.audience-title{grid-column:auto}.audience-option{min-height:94px;padding:15px}.primary{padding:14px 20px;font-size:12px;min-height:48px}.welcome-benefits{font-size:9px;gap:13px}.welcome-image{height:260px}.trust-row{grid-template-columns:1fr;gap:0;padding:15px 0}.trust-row article,.trust-row article+article{padding:19px 0;border:0;border-bottom:1px solid #294136;display:grid;grid-template-columns:28px 1fr;gap:0 8px}.trust-row article:last-child{border-bottom:0}.trust-row article>span{grid-row:1/3;align-self:center;font-size:10px}.trust-row h3{margin:0 0 5px;font-size:14px}.trust-row p{grid-column:2;font-size:11px}.wizard{padding:26px 0 35px}.wizard-intro{margin-bottom:28px}h2{font-size:36px}.intro{font-size:12px}.question-kicker{font-size:8px}.choices{gap:10px}.compact{grid-template-columns:1fr}.compact .choice-body{min-height:65px;padding:15px 18px}.compact .choice-body strong{font-size:12px;padding:0}.compact .choice-body:after{width:13px;height:13px;right:16px;top:18px}.compact .choice input:checked+.choice-body:after{border-width:4px}.compact .choice-body svg{position:absolute;left:17px;margin:0;width:31px}.compact .choice-body:has(svg),.compact .choice-body:has(.mini-icon){padding-left:65px}.compact .mini-icon{position:absolute;left:20px;margin:0}.choice-body{min-height:138px;padding:17px 15px}.choice-body strong{font-size:12px}.choice-body small{font-size:10px}.choice-body:after{right:11px;top:11px}.fields.two{grid-template-columns:1fr}.full{grid-column:auto}input:not([type=radio]),select{font-size:16px}.unit-input input{font-size:16px}.stacked .choice-body{padding:17px 30px 17px 15px}.option-number{width:27px;height:30px}.stacked .choice-body{gap:12px}.wizard-actions{margin-top:26px;padding-top:20px}.result{padding-top:31px}.result-heading h2{font-size:39px}.result-heading p{font-size:12px}.result-card,.contact-card{padding:23px}.result-card h3{font-size:22px}.result-card dl>div{font-size:11px}.price-placeholder{padding:18px}.price-placeholder strong{font-size:22px}.contact-card h3{font-size:24px}.export-actions{display:grid}.export-actions button{width:100%}footer{display:block;padding:24px 21px}footer p{font-size:9px;line-height:1.8;margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.draft-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;color:var(--muted);font-size:11px}.draft-bar .back{white-space:nowrap}.technical-options{border:1px solid var(--border);border-radius:18px;padding:18px;margin:24px 0}.technical-options summary{cursor:pointer;font-size:13px;color:var(--amber)}#estimateCard{margin:25px 0}.estimate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.estimate-option{border:1px solid #617562;border-radius:20px;padding:22px;background:#20312b}.estimate-option h4{font-size:20px;margin:0 0 15px}.estimate-price{font-size:30px;color:var(--amber);margin:15px 0}.estimate-option p{font-size:13px;line-height:1.8}.estimate-option small{display:block;color:var(--muted);line-height:1.7}.estimate-limits{font-size:12px;line-height:1.8;color:var(--muted)}.consent{display:flex;align-items:flex-start;gap:12px;margin:20px 0}.consent input[type=checkbox]{width:18px;min-height:18px;flex:none;margin:0}#estimateStatus{line-height:1.8;color:var(--muted)}@media(max-width:520px){.draft-bar{align-items:flex-start;font-size:10px}.estimate-grid{grid-template-columns:1fr}}

#roofPreview{margin:20px 0}#roofPreviewImage{width:100%;border:1px solid var(--border);border-radius:20px}#roofPreview figcaption{font-size:11px;color:var(--muted);line-height:1.8}
.estimate-option{position:relative}.estimate-option.is-recommended{border-color:var(--amber);box-shadow:0 0 0 1px #f2be7d33}.recommended-badge{display:inline-flex;margin:0 0 12px;padding:5px 9px;border-radius:999px;background:#f2be7d1c;border:1px solid #f2be7d59;color:#f5d7ad;font-size:9px;font-weight:750;letter-spacing:.08em}.catalog-reference{margin:18px 0;color:#c5d4cc;font-size:12px}.commercial-numbers{display:grid;gap:0;margin:18px 0}.commercial-number{display:grid;gap:5px;padding:13px 0;border-bottom:1px solid #50625866}.commercial-number>span{color:#9fb4ab;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.commercial-number>strong{color:#edf4ec;font-size:19px;font-weight:600;line-height:1.25}.commercial-number small{font-size:10px}.battery-scenarios{display:grid;gap:9px;margin:8px 0}.battery-scenario{display:grid;gap:5px;padding:13px;border:1px solid #50625866;border-radius:12px;background:#15251f}.battery-scenario>span{color:#b8c9c0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.battery-scenario>strong{color:var(--amber);font-size:20px}.turnkey-note{padding:13px 14px;border-radius:12px;background:#0f1d1f70;border:1px solid #4a5f5d;color:#d7e3dc}.turnkey-note strong{color:#f5d7ad}.tax-note{font-size:10px!important;line-height:1.7!important;color:#9dafaa!important}.tax-notice{margin:24px 0;padding:20px;border:1px solid #8b7d5d;border-left:3px solid var(--amber);border-radius:14px;background:#2a2d25}.tax-notice>strong{color:#f0d4aa}.tax-notice>p{font-size:11px;line-height:1.7;color:#c9d5cb}.tax-notice ul{margin:12px 0;padding-left:20px;color:#c9d5cb;font-size:11px;line-height:1.75}.tax-notice a{color:#f2d09d}.tax-notice a:hover{text-decoration-thickness:2px}@media(max-width:520px){.battery-scenario>strong{font-size:19px}.tax-notice{padding:17px}}
.vat-conditions-link{display:inline-block;width:max-content;max-width:100%;color:#f2d09d;font-size:10px;line-height:1.55;text-decoration:underline;text-underline-offset:3px}.vat-conditions-link:hover{text-decoration-thickness:2px}