.roi-calculator{font-family:Roboto,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:100%;padding:20px}.section-title{color:#111827;font-size:20px;font-weight:700;margin-bottom:30px}.info-privacy,.section-title{font-family:Roboto,sans-serif;text-align:center}.info-privacy{font-size:12px;font-weight:500;margin-top:-20px}.input-group{margin-bottom:40px}.input-group,.slider-labels{position:relative;width:100%}.slider-labels{margin-bottom:12px}.slider-title{color:#374151;font-weight:400;left:0}.slider-title,.slider-value{font-size:16px;position:absolute}.slider-value{color:#009688;font-weight:500;right:0}.slider-wrapper{margin-top:40px;padding:10px 0;position:relative;width:100%}.styled-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:2px;height:4px;outline:none;position:relative;width:100%}.styled-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#009688 var(--slider-percentage),#e5e7eb var(--slider-percentage));border:none;border-radius:2px;height:4px;width:100%}.styled-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#009688;border-radius:50%;box-shadow:0 2px 4px rgba(0,150,136,.2);cursor:pointer;height:20px;margin-top:-8px;position:relative;width:20px;z-index:2}.styled-slider::-moz-range-track{background:#e5e7eb;border:none;border-radius:2px;height:4px;width:100%}.styled-slider::-moz-range-progress{background:#009688;border-radius:2px;height:4px}.styled-slider::-moz-range-thumb{background:#009688;border:none;border-radius:50%;box-shadow:0 2px 4px rgba(0,150,136,.2);cursor:pointer;height:20px;position:relative;width:20px;z-index:2}.slider-tooltip{background:#009688;border-radius:4px;color:#fff;font-size:12px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:3}.slider-tooltip:after{background:#009688;bottom:-4px;content:"";height:8px;left:50%;margin-left:-4px;position:absolute;transform:rotate(45deg);width:8px}.styled-slider:active+.slider-tooltip,.styled-slider:hover+.slider-tooltip{opacity:1}.button-group{display:flex;gap:10px;margin:20px 0}.calc-button{align-items:center;background-color:#009688;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:14px 28px;transition:background-color .2s}.calc-button:hover{background-color:#008075}.reset-button{background:#fff;border:1px solid #009688;border-radius:4px;color:#009688;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;min-width:100px;padding:14px 24px}.reset-button:hover{background-color:#f0fdf9}.results-grid{margin-top:30px}.result-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;gap:16px;margin-bottom:20px;padding:24px}.result-card.highlight{background:#f0fdf9}.result-icon{color:#009688;flex-shrink:0;height:24px;width:24px}.result-content{flex:1}.result-content h3{color:#4b5563;font-size:14px;font-weight:500}.result-content h3,.result-value{font-family:Roboto,sans-serif;margin:0 0 8px}.result-value{color:#111827;font-size:24px;font-weight:600}.result-metrics{color:#4b5563;margin:12px 0}.result-description,.result-metrics{font-family:Roboto,sans-serif;font-size:14px;line-height:1.5}.result-description{color:#6b7280;margin:0}