.roi{background:#fff}.roi-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.roi-in{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);align-content:start;gap:26px;padding:clamp(22px,3vw,36px);display:grid}.roi-in .head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:6px;display:flex}.roi-in .head b{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px}.roi-in .head span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:12px}.ctrl{gap:8px;display:grid}.ctrl .lab{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ctrl .lab label{font-size:15px;font-weight:600;line-height:1.3;display:block}.ctrl .lab small{color:var(--text-3);margin-top:3px;font-size:12.5px;font-weight:400;line-height:1.35;display:block}.ctrl output{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--lime);border-radius:12px;padding:6px 12px;font-size:30px;font-weight:700;line-height:1}.range{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.range:focus-visible{outline:none}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--lime-deep) 0,var(--lime) var(--p,50%),var(--surface-2) var(--p,50%));border:1px solid var(--line);border-radius:999px;height:8px}.range::-moz-range-track{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px}.range::-moz-range-progress{background:linear-gradient(90deg,var(--lime-deep),var(--lime));border-radius:999px;height:8px}.range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);background:#fff;border-radius:50%;width:26px;height:26px;margin-top:-10px;transition:transform .2s;box-shadow:0 4px 12px -4px #0a0a0a66}.range::-moz-range-thumb{border:2px solid var(--ink);background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 4px 12px -4px #0a0a0a66}.range:hover::-webkit-slider-thumb,.range:active::-webkit-slider-thumb{transform:scale(1.08)}.range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--green);outline-offset:2px}.range:focus-visible::-moz-range-thumb{outline:2px solid var(--green);outline-offset:2px}.ctrl .ticks{font-family:var(--font-mono);color:var(--text-3);justify-content:space-between;font-size:12px;display:flex}.roi-hyp{border-top:1px dashed var(--line);gap:8px;padding-top:16px;display:grid}.roi-hyp b{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:500}.roi-hyp ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roi-hyp li{color:var(--text-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12.5px}.roi-hyp .hyp-note{color:var(--text-3);margin-top:4px;font-size:13px;line-height:1.45}.roi-out{background:var(--forest);color:#f2f5f0;border-radius:var(--r-xl);isolation:isolate;align-content:start;gap:20px;padding:clamp(22px,3vw,36px);display:grid;position:relative;overflow:hidden}.roi-out:before{content:"";aspect-ratio:1;z-index:0;background:radial-gradient(closest-side,#ebff8b59,#0000 70%);border-radius:50%;width:75%;position:absolute;inset:auto -20% -40% auto}.roi-out:after{content:"";background-image:var(--grain-light);mix-blend-mode:screen;opacity:.14;pointer-events:none;z-index:0;background-size:220px;animation:1.6s steps(6,end) infinite grainShift;position:absolute;inset:-10%}.roi-out>*{z-index:1;position:relative}.roi-out .head{justify-content:space-between;align-items:center;gap:12px;display:flex}.roi-out .head span:last-child{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#a9bcb2;border:1px solid #ffffff2e;border-radius:999px;padding:6px 10px;font-size:12px}.roi-big{gap:8px;display:grid}.roi-big .l{color:#b9c6bf;font-size:14.5px}.roi-big b{font-family:var(--font-display);letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#fff;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:clamp(52px,5.8vw,82px);font-weight:700;line-height:.95;display:flex}.roi-big b small{letter-spacing:-.02em;color:#b9c6bf;font-size:.3em;font-weight:600}.roi-mult{background:var(--lime);color:#0a0a0a;font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:10px;width:max-content;padding:9px 14px;font-size:22px;font-weight:700;display:inline-flex}.roi-mult small{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500}.roi-bar{gap:8px;display:grid}.roi-bar .track{background:#ffffff1a;border-radius:999px;gap:2px;height:14px;display:flex;overflow:hidden}.roi-bar .track i{height:100%;transition:width .6s var(--ease);border-radius:999px;display:block}.roi-bar .track i.cost{background:#f2f5f0;min-width:6px}.roi-bar .track i.gain{background:linear-gradient(90deg,var(--lime-deep),var(--lime))}.roi-bar .legend{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#a9bcb2;justify-content:space-between;font-size:12px;display:flex}.roi-bar .legend i{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.roi-bar .legend i.lc{background:#f2f5f0}.roi-bar .legend i.lg{background:var(--lime)}.roi-tiles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rt{background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;align-content:start;gap:6px;padding:14px 14px 12px;display:grid}.rt .ic{width:30px;height:30px;color:var(--lime);background:#ebff8b24;border-radius:9px;place-items:center;margin-bottom:2px;display:grid}.rt .ic svg{width:15px;height:15px}.rt b{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:26px;line-height:1}.rt b small{letter-spacing:0;color:#b9c6bf;margin-left:2px;font-size:13px;font-weight:600}.rt span{color:#b9c6bf;font-size:12.5px;line-height:1.3}.roi-year{color:#dce5e0;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0 0;font-size:14px;display:flex}.roi-year b{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;font-size:20px}.roi-out .cta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;display:flex}@media (width<=900px){.roi-grid{grid-template-columns:1fr}.range{height:40px}}@media (width<=520px){.roi-tiles{grid-template-columns:1fr}.ctrl output{font-size:24px}}