.roi-hero{background:linear-gradient(125deg,#eef7fc,#f8fcff 52%,#e8fbf5)}.roi-back{display:inline-block;margin-top:18px;color:#087fe5;font-weight:750;text-decoration:none}.roi-calculator,.roi-results{border:1px solid #d9e7ef;border-radius:22px;background:#fff;box-shadow:0 24px 60px #072f5414}.roi-calculator{padding:clamp(22px,4vw,38px)}.roi-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.roi-intro h2,.roi-results-heading h2{font-size:34px}.roi-intro p:last-child{max-width:760px;color:#587084}.roi-units{display:grid;gap:14px}.roi-unit{margin:0;padding:18px;border:1px solid #d9e7ef;border-radius:15px;background:#f9fcfe}.roi-unit-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.roi-unit-title label{font-weight:800}.roi-unit-title input{display:block;width:min(330px,65vw);margin-top:5px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:#eef7fc;color:#10283d;font:inherit;font-weight:750}.roi-remove{border:0;background:none;color:#687f91;text-decoration:underline;cursor:pointer}.roi-fields{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.roi-fields label>span:first-child{display:block;margin-bottom:6px;color:#587084;font-size:13px;font-weight:750}.input-wrap{display:grid;grid-template-columns:38px 1fr;align-items:center;border:1px solid #bdd4e2;border-radius:10px;background:#fff;overflow:hidden}.input-wrap.suffix{grid-template-columns:1fr 38px}.input-wrap b{display:grid;height:100%;place-items:center;background:#eef7fc;color:#087fe5}.input-wrap input{width:100%;padding:11px;border:0;outline:0;color:#10283d;font:700 16px inherit}.input-wrap:focus-within{border-color:#087fe5;box-shadow:0 0 0 3px #087fe526}.roi-error{margin:15px 0 0;padding:10px;border-radius:8px;background:#fff0f0;color:#a32727;font-weight:700}.roi-results{margin-top:30px;padding:clamp(22px,4vw,38px)}.roi-primary{margin:24px 0;padding:28px;border-radius:17px;background:linear-gradient(135deg,#087fe5,#00b79d);color:#fff}.roi-primary span,.roi-primary small{display:block}.roi-primary strong{display:block;margin:5px 0;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.05em}.roi-primary small{color:#e7fffa}.roi-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roi-result-grid article{padding:18px;border:1px solid #d9e7ef;border-radius:13px}.roi-result-grid span,.roi-result-grid strong{display:block}.roi-result-grid span{color:#587084;font-size:13px}.roi-result-grid strong{margin-top:5px;color:#087fe5;font-size:22px}.roi-chart-wrap{margin-top:26px;padding:20px;border:1px solid #d9e7ef;border-radius:15px}.roi-chart-head{display:flex;align-items:center;justify-content:space-between}.roi-chart-head h3{margin:0}.roi-chart-head span{color:#718596;font-size:13px}.roi-chart{display:block;width:100%;height:auto;overflow:visible}.roi-chart line{stroke:#aec7d6;stroke-width:1}.roi-chart polyline{fill:none;stroke:#087fe5;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.roi-chart circle{fill:#00b79d;stroke:#fff;stroke-width:3}.roi-chart text{fill:#718596;font:13px sans-serif}.roi-table-wrap{margin-top:22px;overflow:auto;border:1px solid #d9e7ef;border-radius:13px}.roi-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.roi-table th,.roi-table td{padding:10px 12px;border-bottom:1px solid #e7eff4;text-align:right}.roi-table th:first-child,.roi-table td:first-child{text-align:left}.roi-table thead{background:#072f54;color:#fff}.roi-table tbody tr:nth-child(even){background:#f1f8fc}.roi-explanation{margin:24px 0;padding:21px;border-radius:13px;background:#eef7fc}.roi-explanation h3{margin:0 0 9px}.roi-explanation p{margin:8px 0;color:#587084;font-size:13px}@media(max-width:900px){.roi-fields,.roi-result-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.roi-intro{align-items:flex-start;flex-direction:column}.roi-fields,.roi-result-grid{grid-template-columns:1fr}.roi-calculator,.roi-results{padding:20px}.roi-primary strong{font-size:38px}}