.roi{color:var(--color-text);overflow:hidden;padding:var(--sp-24) 0;position:relative}.roi--bg-gradient{background:radial-gradient(120% 60% at 80% 0,rgba(94,165,135,.18) 0,transparent 55%),linear-gradient(180deg,#0b1e3f,#0a1833);color:#fff}.roi--bg-solid{background:#0b1e3f;color:#fff}.roi--bg-light{background:var(--color-surface-alt);color:var(--color-text)}.roi--dark .roi__hint,.roi--dark .roi__label,.roi--dark .roi__output-label,.roi--dark .roi__output-sub{color:hsla(0,0%,100%,.7)}.roi--dark .roi__value{color:#fff}.roi__header{margin:0 auto var(--sp-12);max-width:720px;text-align:center}.roi__heading>h2,.roi__heading>h3{font-family:var(--font-heading);font-size:clamp(1.75rem,3.2vw,2.75rem);letter-spacing:-.02em;line-height:1.15;margin:var(--sp-3) 0 var(--sp-4)}.roi__sub{font-size:1.05rem;opacity:.85}.roi__grid{align-items:start;display:grid;gap:var(--sp-8);grid-template-columns:minmax(0,1fr);position:relative;z-index:1}@media (min-width:900px){.roi__grid{gap:var(--sp-12);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.roi__inputs,.roi__outputs{box-sizing:border-box;min-width:0;width:100%}.roi__inputs>*,.roi__outputs>*{min-width:0}.roi__inputs{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-xl,20px);display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-8)}.roi--bg-light .roi__inputs{background:#fff;border-color:rgba(11,30,63,.08);box-shadow:0 20px 40px -30px rgba(11,30,63,.2)}.roi__field-row{align-items:baseline;display:flex;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-2)}.roi__label{font-size:.95rem;font-weight:500;letter-spacing:-.005em}.roi__value{font-family:var(--font-heading);font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em}.roi__field--accent .roi__value{background:linear-gradient(90deg,var(--color-accent,#5ea587),var(--color-secondary,#5b8def));-webkit-background-clip:text;color:var(--color-accent,#5ea587);-webkit-text-fill-color:transparent;background-clip:text}.roi__hint{font-size:.82rem;line-height:1.5;margin-top:var(--sp-2);opacity:.7}.roi__slider{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.12);border-radius:999px;cursor:pointer;height:6px;outline:none;width:100%}.roi--bg-light .roi__slider{background:rgba(11,30,63,.1)}.roi__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--color-accent,#5ea587),var(--color-secondary,#5b8def));border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:grab;height:20px;transition:transform .12s ease;width:20px}.roi__slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.roi__slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.roi__slider::-moz-range-thumb{background:linear-gradient(135deg,var(--color-accent,#5ea587),var(--color-secondary,#5b8def));border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:grab;height:20px;width:20px}.roi__slider--accent::-webkit-slider-thumb{background:linear-gradient(135deg,var(--color-accent,#5ea587),#8dd3b5);box-shadow:0 0 0 4px rgba(94,165,135,.18),0 2px 8px rgba(0,0,0,.25)}.roi__outputs{background:linear-gradient(135deg,rgba(94,165,135,.12),rgba(91,141,239,.1));border:1px solid rgba(94,165,135,.25);border-radius:var(--radius-xl,20px);display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-8)}.roi--bg-light .roi__outputs{background:linear-gradient(135deg,#f5faf7,#eef3fb);border-color:rgba(94,165,135,.25)}.roi__output-label{font-size:.82rem;font-weight:600;letter-spacing:.12em;opacity:.75;text-transform:uppercase}.roi__output-value{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.025em;line-height:1.05}.roi__output--primary .roi__output-value{background:linear-gradient(90deg,#8dd3b5,var(--color-accent,#5ea587),var(--color-secondary,#5b8def));-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,3.75rem);-webkit-text-fill-color:transparent;background-clip:text;margin-top:var(--sp-2)}.roi__output-value--sm{font-size:clamp(1.35rem,2vw,1.75rem);margin-top:var(--sp-1)}.roi__output-sub{font-size:.9rem;margin-top:var(--sp-1);opacity:.7}.roi__output-row{border-top:1px solid hsla(0,0%,100%,.08);display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:var(--sp-4)}.roi__output-row>*{min-width:0}.roi--bg-light .roi__output-row{border-top-color:rgba(11,30,63,.08)}.roi__ctas{border-top:1px solid hsla(0,0%,100%,.08);margin-top:var(--sp-4);padding-top:var(--sp-4)}.roi--bg-light .roi__ctas{border-top-color:rgba(11,30,63,.08)}@media (prefers-reduced-motion:reduce){.roi__slider::-webkit-slider-thumb{transition:none}}