.oc-roi{--ink:#14121f;--soft:#4c4a58;--faint:#8b8896;--p:#6366f1;--pd:#4f46e5;--pt:#eef0ff;--pt2:#e0e3ff;--or:#f2531d;--line:#e7e5ef;--gr:#12a150;--grt:#e4f5ea;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;margin:32px auto 8px;max-width:1160px;width:100%}.oc-roi *{box-sizing:border-box}.oc-roi__loading{color:var(--faint);text-align:center}.oc-roi .oc-grid{align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:860px){.oc-roi .oc-grid{grid-template-columns:1fr}}.oc-roi .oc-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 1px 2px rgba(20,18,31,.04),0 12px 32px rgba(20,18,31,.06);display:flex;flex-direction:column;padding:36px;text-align:left}@media (max-width:560px){.oc-roi .oc-card{padding:24px}}.oc-roi .oc-field{margin-bottom:30px}.oc-roi .oc-top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.oc-roi label{color:var(--ink);font-size:16px;font-weight:600;margin:0}.oc-roi .oc-hint{color:var(--faint);display:block;font-size:12.5px;font-weight:400;margin-top:2px}.oc-roi .oc-num{flex:0 0 150px;position:relative}.oc-roi .oc-aff{color:var(--faint);font-size:15px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.oc-roi .oc-pre{left:14px}.oc-roi .oc-suf{right:14px}.oc-roi .oc-num input{-moz-appearance:textfield;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:none;color:var(--ink);font:700 17px Inter,sans-serif;height:auto;margin:0;padding:11px 16px;text-align:right;width:100%}.oc-roi .oc-num.pre input{padding-left:30px}.oc-roi .oc-num.suf input{padding-right:32px}.oc-roi .oc-num input:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(99,102,241,.15);outline:none}.oc-roi .oc-num input::-webkit-inner-spin-button,.oc-roi .oc-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.oc-roi input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(var(--p),var(--p)) 0/var(--fill,50%) 100% no-repeat,var(--pt2);border:0;border-radius:999px;cursor:pointer;height:8px;margin:0;padding:0;width:100%}.oc-roi input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid var(--p);border-radius:50%;box-shadow:0 2px 6px rgba(20,18,31,.15);height:26px;width:26px}.oc-roi input[type=range]::-moz-range-thumb{background:#fff;border:3px solid var(--p);border-radius:50%;height:20px;width:20px}.oc-roi input[type=range]:focus-visible{outline:3px solid var(--pt2);outline-offset:4px}.oc-roi .oc-assump{border-top:1px solid var(--line);padding-top:24px}.oc-roi .oc-assump-h{color:var(--faint);font-size:12.5px;font-weight:700;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase}.oc-roi .oc-assump .oc-field{margin-bottom:22px}.oc-roi .oc-assump .oc-field:last-child{margin-bottom:0}.oc-roi .oc-note{color:var(--faint);font-size:12.5px;line-height:1.5;margin-top:6px}.oc-roi .oc-reset{background:none;border:0;color:var(--p);cursor:pointer;font:600 12.5px Inter,sans-serif;margin-top:6px;padding:0}.oc-roi .oc-reset[hidden]{display:none}.oc-roi .oc-lab{color:var(--soft);font-size:15px;font-weight:600}.oc-roi .oc-bigrow{align-items:center;display:flex;flex-wrap:wrap;gap:10px 14px;margin:8px 0 26px}.oc-roi .oc-big{color:var(--ink);font-size:clamp(44px,6vw,64px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.035em;line-height:1}.oc-roi .oc-big small{color:var(--faint);font-size:.38em;font-weight:600;letter-spacing:0}.oc-roi .oc-badge{background:var(--grt);border-radius:999px;color:var(--gr);font-size:15px;font-weight:700;padding:7px 13px;white-space:nowrap}.oc-roi .oc-badge.neg{background:#fde7df;color:var(--or)}.oc-roi .oc-rows{border-top:1px solid var(--line);margin-bottom:18px}.oc-roi .oc-r{border-bottom:1px solid var(--line);display:flex;font-size:15px;gap:16px;justify-content:space-between;padding:13px 0}.oc-roi .oc-r .l{color:var(--soft)}.oc-roi .oc-r .v{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.oc-roi .oc-r.rev .v{color:var(--gr)}.oc-roi .oc-r.cost .v{color:var(--or)}.oc-roi .oc-r.net .l{color:var(--ink);font-weight:700}.oc-roi .oc-r.net .v.neg{color:var(--or)}.oc-roi .oc-plan{background:var(--pt);border-radius:14px;color:var(--soft);font-size:13.5px;line-height:1.5;margin-top:auto;padding:14px 16px}.oc-roi .oc-plan b{color:var(--ink)}