.roi{background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.section--surface .roi{background-color:var(--c-bg)}@media (max-width:767px){.roi{padding:var(--space-5)}}.roi__header{margin-bottom:var(--space-6);max-width:var(--container-text)}.roi__title{font-size:var(--fs-h3);margin-bottom:var(--space-2)}.roi__header .lead{margin:0}.roi__body{display:grid;gap:var(--space-6)}@media (min-width:900px){.roi__body{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.roi__inputs{display:grid;gap:var(--space-5)}.roi__mode{border:0;margin:0;min-width:0;padding:0}.roi .roi__label,.roi__label{color:var(--c-ink);display:block;font-family:var(--font-ui);font-size:.9375rem;font-weight:600;margin-bottom:var(--space-2);padding:0}.roi__segmented{background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);display:grid;gap:var(--space-1);grid-template-columns:1fr 1fr;padding:var(--space-1)}.roi__segment-input{height:1px;opacity:0;position:absolute;width:1px}.roi .roi__segment{align-items:center;border-radius:calc(var(--radius-md) - 2px);color:var(--c-muted);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:.9375rem;font-weight:600;justify-content:center;margin:0;min-height:44px;padding:var(--space-2) var(--space-3);text-align:center;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.roi__segment-input:checked+.roi__segment{background-color:var(--c-primary);color:var(--c-bg)}.roi__segment-input:focus-visible+.roi__segment{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.roi__field{margin:0}.roi__input-wrap{position:relative}.roi__input-wrap--short{max-width:220px}.roi .roi__input{background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-ink);font-family:var(--font-body);font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:500;min-height:52px;padding:var(--space-3) var(--space-4);width:100%}.roi__input-wrap .roi__input{padding-right:4.5rem}.roi .roi__input:focus{border-color:var(--c-accent-600);outline:var(--focus-ring);outline-offset:0}.roi .roi__input[aria-invalid=true]{border-color:var(--c-danger)}.roi__suffix{color:var(--c-muted);font-weight:500;pointer-events:none;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%)}.roi__select{appearance:auto}.roi__error,.roi__help{font-size:var(--fs-small);margin:var(--space-2) 0 0}.roi__help{color:var(--c-muted)}.roi__error{color:var(--c-danger)}.roi__advanced{border-top:1px solid var(--c-border);padding-top:var(--space-4)}.roi__advanced-toggle{color:var(--c-primary);cursor:pointer;font-family:var(--font-ui);font-weight:600;list-style:none}.roi__advanced-toggle::-webkit-details-marker{display:none}.roi__advanced-toggle:after{content:"+";display:inline-block;margin-left:var(--space-2);transition:transform var(--dur-fast) var(--ease-out)}.roi__advanced[open] .roi__advanced-toggle:after{transform:rotate(45deg)}.roi__advanced-toggle:focus-visible{border-radius:2px;outline:var(--focus-ring);outline-offset:var(--focus-offset)}.roi__advanced-body{display:grid;gap:var(--space-5);padding-top:var(--space-4)}.roi__results{background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-5)}.roi__results-title{font-size:var(--fs-h4);margin-bottom:var(--space-3)}.roi__results[data-state=filled] .roi__empty{display:none}.roi__kpis{margin:0}.roi__kpi{align-items:baseline;border-bottom:1px solid var(--c-border);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);justify-content:space-between;padding:var(--space-3) 0}.roi__kpi:last-child{border-bottom:0}.roi__kpi dt{color:var(--c-muted)}.roi__kpi dd{font-family:var(--font-heading);font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700;margin:0;text-align:right}.roi__results[data-state=empty] .roi__kpi dd{color:var(--c-muted);font-weight:400}.roi__kpi--net dt{color:var(--c-ink);font-weight:600}.roi__kpi--net dd{font-size:1.5rem}.roi__results[data-state=filled] .roi__kpi--net[data-sign=positive] dd{color:var(--c-success)}.roi__results[data-state=filled] .roi__kpi--net[data-sign=partial] dd{color:var(--c-ink)}.roi__results[data-state=filled] .roi__kpi--net[data-sign=none] dd{color:var(--c-muted);font-weight:400}.roi__breakeven{margin:var(--space-2) 0 0}.roi__ratio{background-color:var(--c-primary-50);border-radius:var(--radius-sm);color:var(--c-ink);margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4)}.roi__ratio strong{color:var(--c-primary);font-variant-numeric:tabular-nums}.roi__payback{margin:var(--space-3) 0 0}.roi__cta{margin-top:var(--space-5)}.roi__disclaimer{margin-top:var(--space-4)}.roi__disclaimer p:last-child{margin-bottom:0}.roi__lead{border-top:1px solid var(--c-border);margin-top:var(--space-6);padding-top:var(--space-6)}.roi__lead-intro{color:var(--c-ink);font-size:var(--fs-lead);margin:0 0 var(--space-5);max-width:var(--container-text)}.roi__notice--editor{margin-top:var(--space-4)}.roi__notice{background-color:var(--c-primary-50);border-left:3px solid var(--c-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--fs-small);margin:0;padding:var(--space-3) var(--space-4)}