.sotefin-roi{box-sizing:border-box;padding:1.2rem;background:#f7f9fb;border:1px solid #dce2e7;border-radius:10px;color:#17212b}
.sotefin-roi *{box-sizing:border-box}.sotefin-roi__intro{margin:0 0 1rem;color:#68737d}
.sotefin-roi__grid{display:grid;grid-template-columns:1fr;gap:.9rem}.sotefin-roi__field label{display:block;margin-bottom:.4rem;font-weight:700}.sotefin-roi__field label span{color:#c62828}.sotefin-roi__field small{display:block;margin-top:.4rem;color:#68737d;line-height:1.4}
.sotefin-roi__input-wrap{display:flex;min-height:48px;overflow:hidden;background:#fff;border:1px solid #dce2e7;border-radius:7px}.sotefin-roi__input-wrap input{width:100%;min-width:0;padding:.72rem .8rem;border:0;outline:0;background:transparent;font:inherit}.sotefin-roi__suffix{display:inline-flex;align-items:center;padding:0 .75rem;border-left:1px solid #dce2e7;background:#f4f6f8;font-weight:700}
.sotefin-roi__actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.sotefin-roi__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1rem;border:1px solid transparent;border-radius:7px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.sotefin-roi__button--primary{background:#b92b2b;color:#fff}.sotefin-roi__button--secondary{background:#fff;border-color:#dce2e7;color:#17212b}
.sotefin-roi__error{margin-bottom:.8rem;padding:.8rem;background:#fff;border-left:4px solid #9e2f2f;color:#9e2f2f;font-weight:700}.sotefin-roi__results{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid #dce2e7}
.sotefin-roi__project,.sotefin-roi__comparison,.sotefin-roi__project-total{padding:1rem;background:#fff;border:1px solid #dce2e7;border-radius:8px;margin-bottom:.8rem}.sotefin-roi__project h3,.sotefin-roi__comparison h3,.sotefin-roi__project-total h3{margin:0 0 .85rem;color:#123f65;font-size:1rem}
.sotefin-roi__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.sotefin-roi__metric{text-align:center;padding:.55rem}.sotefin-roi__metric strong{display:block;color:#123f65;font-size:1.45rem;margin-bottom:.2rem}.sotefin-roi__metric span{display:block;font-size:.82rem}
.sotefin-roi__hero-result{margin:.8rem 0;padding:1.2rem;background:#123f65;border-radius:9px;color:#fff;text-align:center}.sotefin-roi__hero-result .sotefin-roi__eyebrow{display:block;margin-bottom:.35rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.sotefin-roi__hero-result>strong{display:block;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1;margin-bottom:.35rem}.sotefin-roi__hero-result>span:not(.sotefin-roi__eyebrow){display:block;font-weight:700}.sotefin-roi__hero-result small{display:block;margin-top:.45rem;opacity:.85}
.sotefin-roi__table-wrap{overflow-x:auto}.sotefin-roi__table{width:100%;min-width:620px;border-collapse:collapse;font-size:.9rem}.sotefin-roi__table th,.sotefin-roi__table td{padding:.65rem .7rem;border-bottom:1px solid #dce2e7;text-align:left}.sotefin-roi__table thead th{background:#edf3f7;color:#123f65}.sotefin-roi__table td:nth-child(n+2),.sotefin-roi__table thead th:nth-child(n+2){text-align:center}
.sotefin-roi__ramps{display:flex;justify-content:center;gap:.45rem;margin-top:.7rem;padding:.65rem;border-radius:7px;background:#edf3f7;color:#123f65;font-weight:800}.sotefin-roi__total-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.sotefin-roi__total-grid>div{padding:.8rem;background:#edf3f7;border-radius:7px}.sotefin-roi__total-grid span{display:block;font-size:.8rem;color:#68737d;margin-bottom:.25rem}.sotefin-roi__total-grid strong{display:block;color:#123f65;font-size:1.15rem}
.sotefin-roi__method-note{margin:.8rem 0 0;padding:.8rem;background:#edf3f7;border-radius:7px;font-size:.82rem;line-height:1.45}.sotefin-roi__cta{margin-top:.85rem}@media(max-width:620px){.sotefin-roi__metrics,.sotefin-roi__total-grid{grid-template-columns:1fr}.sotefin-roi__button,.sotefin-roi__cta .sotefin-roi__button{width:100%}}