/* ===== ROI ===== */
#roi{position:relative;overflow:hidden}
.roi-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.roi-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:44px;position:relative;overflow:hidden}
.roi-box::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(244,121,32,.04),transparent);pointer-events:none}
.roi-grp{margin-bottom:32px}
.roi-grp:last-child{margin-bottom:0}
.roi-lbl{font-size:14px;font-weight:600;color:var(--white);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.roi-lbl .val{font-size:18px;font-weight:800;color:var(--orange)}
input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.08);outline:none;transition:all .3s;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--orange);cursor:pointer;box-shadow:0 0 20px rgba(244,121,32,.4);transition:all .3s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 30px rgba(244,121,32,.6)}
.roi-result{background:linear-gradient(135deg,var(--navy3),rgba(244,121,32,.05));border:1px solid rgba(244,121,32,.12);border-radius:24px;padding:44px;position:relative;overflow:hidden}
.roi-result::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(244,121,32,.08),transparent);pointer-events:none;filter:blur(40px)}
.roi-result h3{font-size:22px;font-weight:700;color:var(--white);margin-bottom:28px;display:flex;align-items:center;gap:10px}
.roi-metric{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.roi-metric:last-of-type{border-bottom:none}
.roi-m-lbl{font-size:12px;color:var(--g400);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:6px}
.roi-m-val{font-size:clamp(28px,3vw,40px);font-weight:800;color:#22C55E;line-height:1}
.roi-m-val.org{color:var(--orange)}
.roi-m-note{font-size:12px;color:var(--g600);margin-top:4px;line-height:1.5}
.roi-source{margin-top:20px;padding:16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);font-size:11px;color:var(--g600);line-height:1.6}
.roi-source strong{color:var(--g400)}
/* Result value flash on update */
.roi-m-val.flash{animation:valFlash .6s ease}
@keyframes valFlash{0%{transform:scale(1)}30%{transform:scale(1.08);text-shadow:0 0 20px rgba(34,197,94,.3)}100%{transform:scale(1);text-shadow:none}}
@media(max-width:1024px){.roi-wrap{grid-template-columns:1fr}}
@media(min-width:768px) and (max-width:1024px){.roi-wrap{max-width:520px;margin:0 auto}}
@media(max-width:768px){#roi .sub{text-align:justify;padding:0 12px}.roi-box.sr.left,.roi-result.sr.right{transform:translateY(30px)}.roi-box.sr.left.vis,.roi-result.sr.right.vis{transform:translateY(0)}.roi-box{padding:28px 20px}.roi-result{padding:28px 20px}input[type=range]::-webkit-slider-thumb{width:32px;height:32px}input[type=range]::-moz-range-thumb{width:32px;height:32px}}