.roi-calculator-section{background:linear-gradient(to bottom right,#f0fdf4,#eff6ff)}.roi-calculator-container{max-width:80rem;margin:0 auto;padding:0 1.5rem}@media(min-width:1024px){.roi-calculator-container{padding:0 2rem}}.roi-header{margin-bottom:1.5rem}.roi-header,.roi-header__icon-container{display:flex;align-items:center;justify-content:center}.roi-header__icon-container{background-color:#dcfce7;padding:.75rem;border-radius:9999px;margin-right:1rem}.roi-header__title{font-size:2.25rem;font-weight:700;color:#111827;text-align:center}@media(max-width:768px){.roi-header__title{font-size:1.75rem}}.roi-header__description{font-size:1.25rem;color:#4b5563;max-width:48rem;margin:0 auto 4rem;line-height:1.75;text-align:center}.roi-header-icon{width:2rem;height:2rem;color:#16a34a}.roi-link{color:#2563eb;text-decoration:underline;margin-left:.25rem}.roi-link:hover{color:#1e40af}.roi-grid{display:grid;gap:3rem;margin-bottom:4rem}@media(min-width:1024px){.roi-grid{grid-template-columns:repeat(2,1fr)}}.roi-input-card{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.roi-input-card__header{background:linear-gradient(90deg,#2563eb,#16a34a);padding:1.5rem;text-align:center}.roi-input-card__title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .25rem}.roi-input-card__subtitle{color:#dbeafe;margin:0}.roi-input-card__content{padding:2rem;display:flex;flex-direction:column;gap:2rem}.roi-slider__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:1rem}.roi-slider__value{font-weight:700;font-size:1.125rem;color:#2563eb}.roi-slider__track-container{position:relative;width:100%}.roi-slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.5rem;border-radius:9999px;outline:none;cursor:pointer}.roi-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;border:2px solid #2563eb;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-transition:box-shadow .15s ease;transition:box-shadow .15s ease}.roi-slider__input::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.roi-slider__input::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;border:2px solid #2563eb;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-transition:box-shadow .15s ease;transition:box-shadow .15s ease}.roi-slider__input::-moz-range-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.roi-slider__input:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.3)}.roi-slider__input:focus::-moz-range-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.3)}.roi-slider__range{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-top:.5rem}.roi-assumptions{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.roi-assumptions__title{font-weight:600;color:#1f2937;margin:0 0 .5rem;font-size:.875rem}.roi-assumptions__list{margin:0;padding:0;list-style:none;font-size:.875rem;color:#4b5563}.roi-assumptions__list li{margin-bottom:.25rem}.roi-assumptions__list li:before{content:"•";color:#9ca3af;margin-right:.5rem}.roi-results{display:flex;flex-direction:column;gap:1.5rem}.roi-result-card{border-radius:.5rem;border:1px solid;overflow:hidden}.roi-result-card--loss{background:linear-gradient(to bottom right,#fef2f2,#fee2e2);border-color:#fecaca}.roi-result-card--savings{background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border-color:#dcfce7}.roi-result-card--roi{background:linear-gradient(to bottom right,#eff6ff,#dbeafe);border-color:#dbeafe}.roi-result-card__header{padding:1.5rem 1.5rem 0}.roi-result-card__title{display:flex;align-items:center;font-size:1.5rem;font-weight:600;margin:0}.roi-result-card--loss .roi-result-card__title{color:#991b1b}.roi-result-card--savings .roi-result-card__title{color:#166534}.roi-result-card--roi .roi-result-card__title{color:#1e40af}.roi-result-card__content{padding:0 1.5rem 1.5rem}.roi-result-card__value{font-weight:700;margin-bottom:.5rem}.roi-result-card__value--loss{font-size:1.875rem;color:#dc2626}.roi-result-card__value--savings{font-size:1.875rem;color:#16a34a}.roi-result-card__value--roi{font-size:2.25rem;color:#2563eb}.roi-result-card__description{font-size:.875rem;color:#4b5563;margin:0}.roi-result-card__savings{font-size:1.125rem;font-weight:600;color:#16a34a;margin-top:.5rem}.roi-icon{width:1.5rem;height:1.5rem;margin-right:.5rem}