.roi{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;margin:2.5rem 0 1rem;padding:2rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background-color:rgba(255,255,255,.015)}.roi-controls{gap:1.6rem}.roi-controls,.roi-field{display:flex;flex-direction:column}.roi-field{gap:.6rem}.roi-field>label{color:var(--foreground-200)}.roi-hl{color:#ff6b35}.roi-seg{display:flex;gap:.4rem}.roi-seg-btn{flex:1 1;padding:.6rem .9rem;font-size:.9rem;color:var(--foreground);background-color:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:all .18s ease;font-family:inherit}.roi-seg-btn:hover{border-color:rgba(255,255,255,.3)}.roi-seg-btn.is-active{border-color:#ff6b35;background-color:rgba(255,107,53,.12);color:#fff}.roi-slider{width:100%;accent-color:#ff6b35;cursor:pointer}.roi-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;padding-top:.5rem}.roi-inputs .roi-field:first-child{grid-column:1/-1}.roi-number{width:100%;padding:.6rem .8rem;font-size:1rem;font-family:inherit;color:var(--foreground);background-color:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:8px}.roi-number:focus{outline:none;border-color:#ff6b35}.roi-results{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;border-radius:12px;background-color:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);align-self:start;position:-webkit-sticky;position:sticky;top:6rem}.roi-metric>.sm.caps.mono,.roi-result>.sm.caps.mono{color:var(--foreground-200)}.roi-result-value{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.1;color:#7CFFB2;margin:.35rem 0 .2rem}.roi-result-value.is-negative{color:#ff6b6b}.roi-result-note{font-size:.85rem!important;color:var(--foreground-200)}.roi-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.1)}.roi-metric{display:flex;flex-direction:column;gap:.3rem}.roi-metric-value{font-size:1.25rem;color:#fff}.roi-disclaimer{font-size:.8rem!important;line-height:1.5;color:var(--foreground-200)}.roi-cta{display:inline-block;text-align:center;padding:.85rem 1.5rem;background-color:#ff6b35;color:#111!important;border-radius:999px;text-decoration:none!important;font-size:.95rem;transition:transform .15s ease,opacity .15s ease}.roi-cta:hover{opacity:.9;transform:translateY(-1px);color:#111!important}@media (max-width:860px){.roi{grid-template-columns:1fr;padding:1.25rem;gap:1.75rem}.roi-results{position:static}}