.roi{isolation:isolate;border-bottom:1px solid var(--ink);background:#f8f6f0;position:relative;overflow:hidden}.roi:before{z-index:-2;content:"";background-image:linear-gradient(90deg,#0e0e0d11 1px,#0000 1px),linear-gradient(#0e0e0d11 1px,#0000 1px);background-position:top;background-size:116px 116px;position:absolute;inset:0}.roi:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(46% 60% at 80% 30%,#f2e84a2e,#0000 64%),linear-gradient(90deg,#f8f6f0eb,#f8f6f066 50%,#f8f6f01f);position:absolute;inset:0}.roi-inner{max-width:1280px;margin:0 auto;padding:56px 28px 104px;position:relative}.roi-head{z-index:3;text-align:center;max-width:760px;margin:0 auto 48px;position:relative}.roi-head .eyebrow-label{color:var(--margin)}.roi-head h2{letter-spacing:-.04em;text-wrap:balance;margin:14px 0 24px;font-size:clamp(42px,5.4vw,76px);font-weight:600;line-height:.98}.roi-sub{max-width:54ch;color:var(--ink-soft);margin:0 auto;font-size:17px;line-height:1.55}.roi-panel{border:1px solid var(--ink);background:var(--paper-2);position:relative}.roi-controls{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:40px;padding:44px;display:grid}.roi-field{display:block}.roi-field__top{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.roi-field label{max-width:26ch;color:var(--ink-soft);font-size:14px;line-height:1.4}.roi-readout{font-family:var(--font-instrument-serif), serif;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;font-size:30px;line-height:1}.roi-range{appearance:none;background:var(--ink);cursor:pointer;width:100%;height:2px;margin:0}.roi-range::-webkit-slider-thumb{appearance:none;border:1px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:3px;width:22px;height:22px;box-shadow:0 4px 14px #0e0e0d2e}.roi-range::-moz-range-thumb{border:1px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:3px;width:22px;height:22px;box-shadow:0 4px 14px #0e0e0d2e}.roi-range:focus-visible{outline:none}.roi-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #f2e84a73}.roi-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #f2e84a73}.roi-scale{color:var(--muted);font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.06em;justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.roi-versus{grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.roi-side{flex-direction:column;justify-content:center;gap:12px;min-height:220px;padding:52px 44px;display:flex}.roi-side--cost{background:var(--ink);color:var(--paper)}.roi-side--value{background:var(--paper-2);position:relative}.roi-side--value:before{background:var(--yellow);content:"";border-radius:3px;width:18px;height:18px;position:absolute;top:26px;right:26px}.roi-side__label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:500}.roi-side--cost .roi-side__label{color:var(--yellow)}.roi-side--value .roi-side__label{color:var(--margin)}.roi-side__value{font-family:var(--font-instrument-serif), serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:.82}.roi-side--cost .roi-side__value{font-size:clamp(44px,4.6vw,66px)}.roi-side--value .roi-side__value{font-size:clamp(58px,6.6vw,100px)}.roi-side__cents{color:#f4f2ed8c;vertical-align:top;margin-left:-3px;font-size:.42em}.roi-side__per{letter-spacing:-.01em;font-size:13px}.roi-side--cost .roi-side__per{color:#f4f2ed8c}.roi-side--value .roi-side__per{color:var(--muted)}.roi-vs{border-left:1px solid var(--ink);border-right:1px solid var(--ink);background:#f8f6f0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 28px;display:flex}.roi-vs__mult{font-family:var(--font-instrument-serif), serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, transparent 0%, transparent 30%, var(--yellow) 30%, var(--yellow) 90%, transparent 90%);padding:0 .1em;font-size:clamp(40px,4.4vw,64px);line-height:1;display:inline-block;transform:skew(-1.2deg)}.roi-vs__cap{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}@media (max-width:900px){.roi-inner{padding:48px 22px 80px}.roi-head{margin-bottom:40px}.roi-controls{grid-template-columns:1fr;gap:30px;padding:34px 26px}.roi-versus{grid-template-columns:1fr}.roi-side{min-height:0;padding:34px 26px}.roi-vs{border-left:none;border-right:none;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);flex-direction:row;gap:12px;padding:22px 26px}}