:root{--purple:#9b51e0;--navy:#1a1a3d;--bg-light:#f8f9fc;--border:#e2e6f3}.roi-section{background:#fff;font-family:Inter,sans-serif;padding:72px 0 81.5px}.roi-section .roi-header{margin-bottom:48px;text-align:center}.roi-section .roi-header h1,.roi-section .roi-header h2{margin-bottom:14px}.roi-section .roi-header p{color:#6b7280;line-height:1.6;margin:0 auto;max-width:650px}.roi-section .roi-header .section-text{margin:0 auto;max-width:594px}.roi-section .roi-main{display:grid;gap:24px;grid-template-columns:1fr 1fr;width:100%}.roi-section .roi-panel{background:#fff;border:1px solid #e2e6f3;border-radius:16px;box-shadow:0 2px 16px 0 rgba(50,19,122,.08);padding:29px}.roi-section .panel-tag{color:#9aa3c2;display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:16.5px;margin-bottom:23px;text-transform:uppercase}.roi-section .slider-item{margin-bottom:21.5px}.roi-section .right-side-sec{display:grid;gap:24px}.roi-section .slider-label{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:14.5px}.roi-section .slider-label span:first-child{color:#1e2340;font-size:14px;font-weight:500;line-height:21px}.roi-section .val-badge{background:#f5edfc;border-radius:6px;color:#9b51e0;font-size:15px;font-weight:700;line-height:22.5px;min-width:77px;padding:4px 23.69px 4px 12px;text-align:right}.roi-section .range-input{-webkit-appearance:none;background:#e2e6f3;border-radius:10px;height:6px;outline:none;width:100%}.roi-section .range-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--purple);border:none;border-radius:50%;box-shadow:0 1px 4px 0 rgba(155,81,224,.4);cursor:pointer;height:18px;width:18px}.roi-section .hero-card{align-items:center;background:#32137a;border-radius:12px;color:#fff;display:flex;gap:10px;justify-content:space-between;margin-bottom:22px;padding:22px 24px 14px}.roi-section .hero-card .tiny-heading{font-weight:700;letter-spacing:1px;margin:0 0 3.5px;text-transform:uppercase}.roi-section .hero-card .hero-side{text-align:right}.roi-section .huge-num{color:#fff;font-size:42px;font-weight:800;letter-spacing:-1px;line-height:1;margin:0 0 3px}.roi-section .hero-card .hero-desc{color:hsla(0,0%,100%,.55);font-size:13px;font-weight:400;line-height:19.5px}.roi-section .payback-num{color:#e8a020;font-size:24px;font-weight:800;line-height:36px;margin-top:0}.roi-section .sub-results{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:20px}.roi-section .result-box{background:#f5edfc;border-radius:10px;padding:16px}.roi-section .med-num{color:#9b51e0;font-size:22px;font-weight:800;letter-spacing:.5px;line-height:1;margin:0 0 3px}.roi-section .box-note{color:#9aa3c2;font-size:13px;line-height:18px}.roi-section .be-banner{background:#e3f5ed;border-left:4px solid #16a34a;border-radius:0 12px 12px 0;color:#104f33;font-size:13.5px;line-height:20px;padding:14px 19px}.roi-section .be-banner p strong{color:#16a34a;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.6px;line-height:18px;margin:0 0 3.5px;text-transform:uppercase}.roi-section .be-banner p{font-size:14px;line-height:20.25px}.roi-section .be-banner p .green-text{color:#16a34a;display:block;font-weight:700;margin:0 0 3.5px}.roi-section .calc-breakdown,.roi-section .conv-summary{border-top:1px solid #e2e6f3;margin:0;padding-top:25px}.roi-section .calc-breakdown{padding-top:20px}.roi-section .breakdown-row{color:#6b7280;display:flex;font-size:14px;gap:10px;justify-content:space-between;margin-top:7.5px}.roi-section .breakdown-row.bold{color:#1e2340;font-size:14px;font-style:normal;font-weight:700}.roi-section .tiny-heading{color:#9aa3c2;font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:16.5px;margin-bottom:14.5px;text-transform:uppercase}.roi-section .sub-results .tiny-heading{color:#5a6480;font-weight:700;letter-spacing:.6px;margin:0 0 5.5px}.roi-section .card-header{margin-bottom:21.5px}.roi-section .data-row,.roi-section .divider-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.roi-section .card-container.roi-panel .eyebrow{color:#9aa3c2;font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:16.5px;margin:0;text-transform:uppercase}.roi-section .data-row{margin-bottom:4.5px}.roi-section .divider-row{border-top:1px solid var(--border-color);margin-top:16px;padding-top:12px}.roi-section .label.bold{font-weight:600}.roi-section .label{color:#5a6480;font-size:13px;font-weight:400;line-height:19.5px;margin:0}.card-container.roi-panel .divider-row .label,.card-container.roi-panel .divider-row .value{color:#1e2340;font-size:14px;line-height:21px}.card-container.roi-panel .divider-row{border-top:1px solid #e2e6f3;margin:10.5px 0 0;padding:10px 0 0}.roi-section .value{color:#1e2340;font-size:13px;font-weight:600;line-height:19.5px;margin:0}.roi-section .breakdown-row.bold.total-cost-border{border-top:1px solid #e2e6f3;margin:10.5px 0 0;padding:10px 0 0}.roi-section .spacer{background-color:#e2e6f3;border:0;height:1px;margin:24px 0 23px}.roi-section .annual-sec-top-border{border-top:1px solid #e2e6f3;margin:10px 0 0;padding:10px 0 4px}.roi-section .bottom-btn-sec{margin:0 auto;text-align:center}.roi-section .result-box.white-bg{background:#f8f9fd}.roi-section .result-box.white-bg .med-num{color:#1e2340}@media (max-width:1279px){.roi-section .roi-header{margin-bottom:40px}.roi-section .huge-num{font-size:37px}}@media (max-width:991px){.roi-section .roi-main{grid-template-columns:1fr}.roi-section{padding:62px 0}}@media (max-width:768px){.roi-section .roi-main{gap:30px}}