*,*:before,*:after{box-sizing:border-box;margin:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}:root{--primary-color: #ffffff;--secondary-color: #121313;--ternary-color: rgba(255, 174, 0);--lighter-ternary-color: rgba(255, 174, 0, .1);--quaternary-color: #2a2b2b;--light-grey-color: #dbdede;--middle-grey-color: #f0f3f3;--grey-color: #585b5b;--light-yellow: #ffd375;--secondary-background: #f3f6f6;--default-font-size: 16px;--default-line-height: 1.5;--title-font-family: Funnel Display, sans-serif;--text-font-family: Instrument Sans, sans-serif;--typo-2xs: .625rem;--typo-xs: .75rem;--typo-sm: .875;--typo-md: 1rem;--typo-lg: 1.25rem;--typo-xl: 1.75rem;--typo-2xl: 2.25rem;--typo-3xl: 3rem;--typo-4xl: 3.75rem;--typo-5xl: 5rem;--space-2xs: 0rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--space-6xl: 4rem;--space-7xl: 5rem;--space-8xl: 7.5rem;--space-9xl: 10rem}html{font-family:var(--text-font-family);background:var(--primary-color)}body{color:var(--secondary-color);font-size:var(--default-font-size);font-family:var(--text-font-family);line-height:var(--default-line-height)}h1,h2,h3,h4{font-family:var(--title-font-family);font-weight:500;letter-spacing:0}h1{font-size:var(--typo-5xl);line-height:.9;color:var(--primary-color)}h2{font-size:var(--typo-3xl);line-height:1.1}h3{font-size:var(--typo-2xl)}h4{font-size:var(--typo-xl)}h3+p{margin-block-start:1.25rem!important}.top-bar~header .nav-dropdown .nav-dropdown-content{top:var(--space-9xl)}@supports selector(:has(*)){.top-bar~header .nav-dropdown .nav-dropdown-content{top:unset}body:has(>.top-bar) .nav-dropdown .nav-dropdown-content{top:var(--space-9xl)}}.roi-calculator{min-height:100vh;background:var(--primary-color);padding:2rem 0}.container{max-width:800px;margin:0 auto}.calculator-header{text-align:center;color:var(--secondary-color);margin-bottom:2rem}.calculator-header h1{color:var(--secondary-color);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.calculator-header p{font-size:1.1rem;opacity:.9}.progress-bar{margin-bottom:2rem}.progress-steps{display:flex;justify-content:center;gap:2rem}.step{width:40px;height:40px;border-radius:50%;background:var(--quaternary-color);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.step.active{background:var(--ternary-color);transform:scale(1.1)}.step-form{background:var(--quaternary-color);padding:2rem;border-radius:1rem}.step-form h2{color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem;.checkbox-label{padding-inline-start:var(--space-lg)}}.form-group label{color:var(--primary-color);font-weight:500;& span.required{color:var(--ternary-color)}}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group input[type=tel]{min-width:100%;padding:var(--space-md);width:100%;border:none;border-radius:calc(var(--space-sm) / 2);& input[type=checkbox]{padding:var(--space-md);border-radius:calc(var(--space-md) / 2)}}.form-group input:focus{outline:none;border:2px solid var(--ternary-color)}.form-group input[type=range]{width:100%;margin:.5rem 0;accent-color:var(--ternary-color)}.range-value{font-weight:700;color:var(--ternary-color);margin-left:var(--space-md)}.form-group small{color:var(--primary-color);font-size:.9rem;padding-inline-start:var(--space-md)}.orientation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.5rem}.orientation-option{display:block;text-align:center;cursor:pointer}.orientation-option input{display:none}.orientation-label{display:block;padding:.75rem;border:2px solid var(--ternary-color);border-radius:8px;font-weight:700;transition:all .3s ease}.orientation-option input:checked+.orientation-label{background:var(--ternary-color);color:#fff;border-color:var(--ternary-color)}.radio-group{display:flex;gap:1rem;margin-top:.5rem;accent-color:var(--ternary-color)}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.capitalize{text-transform:capitalize}.btn-primary,.btn-secondary,.btn-cta,.btn-restart{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:var(--ternary-color);color:var(--secondary-color)}.btn-primary:hover{background:var(--light-yellow)}.btn-secondary{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--secondary-color)}.btn-cta{background:#48bb78;color:#fff;font-size:1.1rem;padding:1rem 2rem}.btn-cta:hover{background:#38a169;transform:translateY(-2px)}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.full-width{width:100%}.results-display{background:var(--quaternary-color);padding:2rem;border-radius:1rem;box-shadow:0 10px 30px #0000001a}.results-display h2{text-align:center;color:var(--primary-color);margin-bottom:2rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.result-card{background:var(--primary-color);padding:1.5rem;border-radius:12px;border-left:4px solid var(--primary-color);text-align:center}.result-card.highlight{background:var(--ternary-color);color:var(--secondary-color);border-left-color:var(--light-yellow)}.result-card.eco{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-left-color:#2f855a}.result-card h3{font-size:.9rem;margin-bottom:.5rem;opacity:.8}.result-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.result-subtitle{font-size:.9rem;opacity:.7;margin:0}.cashflow-chart{margin:2rem 0}.cashflow-chart h3{text-align:center;color:var(--primary-color);margin-bottom:1rem}.chart-container{background:var(--primary-color);padding:1rem;border-radius:8px}.chart-bars{display:flex;align-items:end;justify-content:space-between;height:200px;margin-bottom:1rem;padding:1rem 0;border-bottom:2px solid var(--primary-color)}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1}.chart-bar{width:80%;min-height:4px;border-radius:2px;transition:all .3s ease}.chart-bar.positive{background:#48bb78}.chart-bar.negative{background:#f56565}.chart-label{font-size:.8rem;color:var(--quaternary-color);margin-top:.5rem}.chart-axis{display:flex;justify-content:space-between;font-size:.9rem;color:var(--quaternary-color)}.cta-section{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--primary-color)}.cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:1.5rem}.confidence-badges{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.badge{background:var(--primary-color);color:var(--secondary-color);padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:600;.icon{color:var(--ternary-color)}}.disclaimer{font-size:.8rem;color:var(--primary-color);margin-top:1rem;line-height:1.4}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-body{padding:1.5rem}.lead-benefits{background:var(--light-yellow);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.lead-benefits p{color:var(--secondary-color);margin-bottom:.5rem}.checkbox-group label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.lead-form{.form-group>label{color:var(--secondary-color);font-weight:500;& span.required{color:var(--ternary-color)}}.form-group>input{border:1px solid var(--light-grey-color);border-radius:calc(var(--space-sm) / 2);padding:var(--space-md);&:focus{border-color:var(--ternary-color)}}}.consent-text{font-size:.9rem;line-height:1.4;color:var(--secondary-color)}.consent-text a{font-weight:600;text-decoration:none}.consent-text a:hover{text-decoration:underline}@media (max-width: 768px){.calculator-header h1{font-size:2rem}.results-grid{grid-template-columns:1fr}.orientation-grid{grid-template-columns:repeat(3,1fr)}.radio-group{flex-direction:column;gap:.5rem}.form-actions{flex-direction:column}.confidence-badges{flex-direction:column;align-items:center}.chart-bars{height:150px}.cta-buttons{gap:.75rem}.btn-cta,.btn-restart{width:100%;max-width:300px}}.toast{position:fixed;top:20px;right:20px;z-index:10000;animation:slideIn .3s ease-out;max-width:500px;min-width:300px}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border-left:4px solid}.toast-success .toast-content{border-left-color:#10b981}.toast-error .toast-content{border-left-color:#ef4444}.toast-info .toast-content{border-left-color:#3b82f6}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;margin:0;color:#1f2937;font-size:.95rem;line-height:1.5}.toast-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.toast-close:hover{background:#f3f4f6;color:#1f2937}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast{top:10px;right:10px;left:10px;max-width:calc(100% - 20px)}.toast-content{padding:14px 16px}.toast-message{font-size:.9rem}}