.roi{--roi-surface:#fff;--roi-soft:#fff1e6;--roi-line:#ece7e1;--roi-track:#ddd6ce;--roi-fg:#1b1714;--roi-mute:#6b625a;--roi-ember:#ff7b15;--roi-ember-ink:#c85a08;--roi-good:#1f9d55;background:var(--roi-surface);color:var(--roi-fg);box-shadow:0 0 0 1px var(--roi-line) inset, 0 30px 60px -48px #46280a73;border-radius:28px;margin:8px 0;padding:clamp(18px,4cqi,32px);container-type:inline-size}.dark .roi{--roi-surface:#1f1c17;--roi-soft:#f9731624;--roi-line:#322c22;--roi-track:#3f3729;--roi-fg:#f5f3ef;--roi-mute:#c9c2b4;--roi-ember:#f97316;--roi-ember-ink:#fb923c;--roi-good:#34d399}.roi *{box-sizing:border-box}.roi-grid{gap:20px;display:grid}@container (min-width:620px){.roi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px}}.roi-inputs{flex-direction:column;gap:18px;display:flex}.roi-label{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.roi-label label{font-size:15px;font-weight:600;line-height:1.3}.roi-label output{color:var(--roi-ember-ink);font-variant-numeric:tabular-nums;flex:none;font-size:17px;font-weight:700}.roi input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;display:block}.roi input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--roi-ember) var(--fill), var(--roi-track) var(--fill));border-radius:3px;height:6px}.roi input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--roi-ember) var(--fill), var(--roi-track) var(--fill));border-radius:3px;height:6px}.roi input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--roi-ember);background:#fff;border-radius:50%;width:24px;height:24px;margin-top:-9px;box-shadow:0 3px 8px #783c004d}.roi input[type=range]::-moz-range-thumb{border:3px solid var(--roi-ember);background:#fff;border-radius:50%;width:18px;height:18px}.roi input[type=range]:focus-visible{outline:2px solid var(--roi-ember);outline-offset:4px;border-radius:6px}.roi-more summary{cursor:pointer;color:var(--roi-mute);font-size:13px;line-height:1.45;list-style:none}.roi-more summary::-webkit-details-marker{display:none}.roi-more summary u{color:var(--roi-ember-ink);text-underline-offset:3px;white-space:nowrap;font-weight:600}.roi-more summary:focus-visible{outline:2px solid var(--roi-ember);outline-offset:3px;border-radius:6px}.roi-more[open] summary u{display:none}.roi-more-body{flex-direction:column;gap:18px;margin-top:16px;display:flex}.roi-result{background:var(--roi-soft);border-radius:22px;padding:clamp(18px,3cqi,26px)}.roi-kicker{color:var(--roi-mute);margin:0;font-size:14px;font-weight:600}.roi-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:clamp(38px,8cqi,52px);font-weight:800;line-height:1.05}.roi-sub{color:var(--roi-mute);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.roi-plans{flex-direction:column;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.roi-plans li{background:var(--roi-surface);box-shadow:0 0 0 1px var(--roi-line) inset;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.roi-plans li.best{box-shadow:0 0 0 2px var(--roi-ember) inset}.roi-plans li.off{opacity:.55}.roi-plan{color:var(--roi-mute)}.roi-plan b{color:var(--roi-fg);margin-right:4px;font-weight:700}.roi-net{color:var(--roi-good);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:800}.roi-net.neg{color:var(--roi-mute)}.roi-net-off{color:var(--roi-mute);text-align:right;font-size:12.5px}.roi-plans-note{color:var(--roi-mute);margin:10px 0 0;font-size:12.5px;line-height:1.4}.roi-foot{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;display:flex}.roi-cta{background:var(--roi-ember);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 26px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 22px -10px #ff7b15b3}.roi-cta:hover{filter:brightness(1.05)}.roi-cta:focus-visible{outline:2px solid var(--roi-ember);outline-offset:3px}.roi-note{color:var(--roi-mute);flex:260px;margin:0;font-size:12px;line-height:1.45}
