.roi-tool{grid-template-columns:minmax(0,1fr);align-items:start;gap:56px;display:grid}@media (width>=1024px){.roi-tool{grid-template-columns:minmax(0,1fr) minmax(320px,27rem);gap:clamp(48px,6vw,96px)}.roi-tool .roi-results{top:calc(var(--head) + 28px);position:sticky}}.roi-fields{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:30px clamp(24px,3vw,44px);display:grid}.roi-field{grid-template-rows:1fr auto;gap:6px;min-width:0;display:grid}.roi-field>span{color:var(--ink-2);font-size:var(--text-small);align-self:end;line-height:1.35}.roi-field input{border:0;border-bottom:1px solid var(--pencil);width:100%;min-height:44px;box-shadow:none;color:var(--ink);font:400 1.4rem/1.2 var(--font-mono);font-variant-numeric:tabular-nums;caret-color:var(--copper);appearance:textfield;transition:border-color var(--dur-fast) var(--ease-out);background:0 0;border-radius:0;padding:4px 0 6px}.roi-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roi-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.roi-field input:hover{border-bottom-color:var(--ink-2)}.roi-field input:focus{border-bottom:1px solid var(--copper);box-shadow:0 1px 0 0 var(--copper);outline:none}.roi-field input:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.roi-results{border-top:1px solid var(--rule);gap:22px;padding-top:22px;display:grid}.roi-results h2{letter-spacing:0;color:var(--ink-2);font-size:1.05rem;font-weight:400}.roi-net{gap:4px;display:grid}.roi-net>span{color:var(--ink);font-weight:700}.roi-net strong{font:400 clamp(2.2rem, 1.6rem + 1.8vw, 3.1rem)/1.05 var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}.roi-verdict{color:var(--ink);max-width:34rem;line-height:1.5}.roi-figures{display:grid}.roi-figures div{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:16px;padding-block:9px;display:flex}.roi-figures dt{color:var(--ink-2);font-size:var(--text-small)}.roi-figures dd{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0}.roi-cascade{gap:12px;display:grid}.roi-cascade figcaption{color:var(--ink-2);font-size:var(--text-small);line-height:1.45}.roi-cascade .k-red{color:var(--red)}.roi-cascade .k-sys{color:var(--copper)}.roi-steps{display:grid;position:relative}.roi-steps li{min-height:30px;font-size:var(--text-small);color:var(--ink-2);grid-template-columns:7.4rem minmax(4rem,1fr) 5.6rem;align-items:center;gap:12px;display:grid}.roi-steps .lane{align-self:stretch}.roi-steps li b{text-align:right;font:400 var(--text-small) var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.roi-steps li[data-step=net]{color:var(--ink);font-weight:700}.roi-steps svg{pointer-events:none;height:100%;position:absolute;top:0;left:0;overflow:visible}.roi-steps svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.roi-steps .c-ink{stroke:var(--ink);stroke-width:1.4px}.roi-steps .c-sys{stroke:var(--copper);stroke-width:var(--stroke-line)}.roi-steps .c-red{stroke:var(--red);stroke-width:var(--stroke-mark)}.roi-steps .c-pencil{stroke:var(--pencil);stroke-width:1.2px}.roi-steps .c-net{stroke:var(--copper);stroke-width:3px}.roi-steps .c-zero{stroke:var(--pencil);stroke-width:1px;stroke-dasharray:2 4}.roi-steps .t-zero{fill:var(--pencil);font:400 11px var(--font-mono)}.roi-steps .f-net{fill:var(--copper)}.roi-steps.is-drawing path.draw{stroke-dasharray:1 1;animation:roi-draw .9s var(--ease-out) both}@keyframes roi-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.roi-steps.is-drawing path.draw{animation:none}}.roi-pin{z-index:20;background:var(--sheet-deep);border-top:1px solid var(--rule);color:var(--ink-2);font-size:var(--text-small);transition:transform .3s var(--ease-out);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 18px 12px 30px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.roi-pin b{font:400 1.15rem var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums}.roi-pin.is-on{transform:none}@media (width>=1024px){.roi-pin{display:none}}.roi-readings{border-top:1px solid var(--rule);margin-top:36px;display:grid}.roi-readings li{border-bottom:1px solid var(--rule);grid-template-columns:96px minmax(0,1fr);align-items:start;gap:8px 28px;padding-block:22px;display:grid}.roi-readings svg{grid-row:span 2;width:96px;height:40px;overflow:visible}.roi-readings svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.roi-readings h3{letter-spacing:-.01em;font-size:1.2rem}.roi-readings p{color:var(--ink-2);max-width:var(--measure)}.roi-formula pre{border-left:1px solid var(--copper);color:var(--ink);font:400 .92rem/1.75 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;max-width:52rem;margin:26px 0;padding:4px 0 4px 20px}.roi-formula pre code{white-space:inherit}@media (width<=759px){.roi-readings li{grid-template-columns:64px minmax(0,1fr);gap:6px 16px}.roi-readings svg{width:64px}}.roi-field input[aria-invalid=true]{border-bottom:1px dashed var(--amber)}.roi-field-error{color:var(--amber);font-size:var(--text-label)}html:has(.roi-pin){scroll-padding-bottom:72px}.roi-form .roi-example-note,.roi-support-calculator .roi-example-note{border-left:var(--stroke-mark) solid var(--pencil);color:var(--ink-2);font-size:var(--text-small);max-width:36rem;margin:0 0 32px;padding-left:12px}