.roi{--r-brand: var(--gx-brand, #4baa99);--r-brand-300: var(--gx-brand-300, #71c1b2);--r-green: var(--gx-green-text, #2a8a78);--r-mint: var(--gx-mint, #b8e0d9);--r-mint-100: var(--gx-mint-100, #e3f2ed);--r-mint-50: var(--gx-mint-50, #f4f8f6);--r-line: var(--gx-line, #dce6e1);--r-line-soft: var(--gx-line-soft, #e8efeb);--r-ink: var(--gx-ink, #18181b);--r-text: var(--gx-text, #3f3f46);--r-muted: var(--gx-muted, #626269);--r-amber: var(--gx-amber, #b45309);--r-amber-bg: var(--gx-amber-bg, #fff7e8);--r-red: var(--gx-red, #b42318);--r-red-bg: var(--gx-red-bg, #fef3f2);padding:104px 0;background:var(--r-mint-50);border-block:1px solid var(--r-line-soft);color:var(--r-text);font-family:Inter,sans-serif;line-height:1.55}.roi *{box-sizing:border-box}.roi :where(h2,p,ul){margin:0}.roi .roi-container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.roi .roi-head{max-width:680px;margin:0 auto 48px;text-align:center}.roi .roi-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--r-green);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.roi .roi-eyebrow:before,.roi .roi-eyebrow:after{content:"";width:18px;height:2px;border-radius:2px;background:var(--r-brand)}.roi .roi-title{margin-top:16px;color:var(--r-ink);font-size:clamp(31px,3.6vw,48px);font-weight:600;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.roi .roi-title span{color:var(--r-brand)}.roi .roi-lead{margin:16px auto 0;max-width:540px;color:var(--r-muted);font-size:17px;line-height:1.6}.roi .roi-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);background:#fff;border:1px solid var(--r-line);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -48px #114a3f73}.roi .roi-inputs{display:grid;align-content:start;gap:26px;padding:36px 36px 40px}.roi .roi-results{display:grid;align-content:start;gap:14px;padding:32px;background:var(--r-mint-50);border-left:1px solid var(--r-line-soft)}.roi .roi-group{color:var(--r-muted);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.roi .roi-invest{display:grid;gap:18px;padding-top:24px;border-top:1px dashed var(--r-line)}.roi .roi-field-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.roi .roi-field-head label{display:grid;gap:2px;color:var(--r-ink);font-size:14px;font-weight:500;line-height:1.35}.roi .roi-field-head small{color:var(--r-muted);font-size:12px;font-weight:400}.roi .roi-field-head output{flex-shrink:0;min-width:64px;padding:4px 10px;border-radius:8px;background:var(--r-mint-100);color:var(--r-green);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.roi input[type=range]{--p: 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:6px;margin:0;border-radius:999px;background:linear-gradient(to right,var(--r-brand) 0 var(--p),#e4ebe8 var(--p) 100%);cursor:pointer}.roi input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--r-brand);box-shadow:0 2px 8px #114a3f2e;-webkit-transition:transform .15s ease;transition:transform .15s ease}.roi input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--r-brand);box-shadow:0 2px 8px #114a3f2e}.roi input[type=range]:hover::-webkit-slider-thumb,.roi input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.roi input[type=range]:focus-visible{outline:3px solid var(--r-mint);outline-offset:6px}.roi .roi-field-range{display:flex;justify-content:space-between;margin-top:8px;color:#a1a1aa;font-size:11px}.roi .roi-total{padding:4px 4px 8px}.roi .roi-total strong{display:block;margin-top:6px;color:var(--r-ink);font-size:clamp(40px,4.6vw,58px);font-weight:600;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.roi .roi-total-sub{margin-top:10px;color:var(--r-muted);font-size:13px}.roi .roi-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.roi .roi-stats>div{padding:14px;border-radius:14px;background:#fff;border:1px solid var(--r-line-soft)}.roi .roi-stats span{display:block;color:var(--r-muted);font-size:11px;font-weight:500}.roi .roi-stats strong{display:block;margin-top:4px;color:var(--r-green);font-size:clamp(17px,1.7vw,22px);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.roi .roi-stats strong.is-neg{color:var(--r-red)}.roi .roi-block{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--r-line-soft)}.roi .roi-block-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.roi .roi-badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.roi .roi-badge-great,.roi .roi-badge-good{background:var(--r-mint-100);color:var(--r-green)}.roi .roi-badge-ok{background:var(--r-amber-bg);color:var(--r-amber)}.roi .roi-badge-long{background:var(--r-red-bg);color:var(--r-red)}.roi .roi-payback{height:8px;margin-top:14px;border-radius:999px;background:#e8eeeb;overflow:hidden}.roi .roi-payback i,.roi .roi-bar i{display:block;height:100%;border-radius:inherit;background:var(--r-brand);transition:width .45s cubic-bezier(.22,1,.36,1)}.roi .roi-scale{display:flex;justify-content:space-between;margin-top:7px;color:#a1a1aa;font-size:10px}.roi .roi-compare{display:grid;gap:12px;margin-top:14px}.roi .roi-compare>div{display:grid;grid-template-columns:74px minmax(0,1fr) 104px;align-items:center;gap:12px;font-size:13px}.roi .roi-compare span{color:var(--r-muted)}.roi .roi-compare strong{color:var(--r-ink);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.roi .roi-bar{height:12px;border-radius:999px;background:#f1f4f3;overflow:hidden}.roi .roi-bar-before i{background:#d4d4d8}.roi .roi-note{margin-top:12px;color:var(--r-muted);font-size:11px}.roi .roi-stack{display:flex;gap:3px;height:10px;margin-top:14px;border-radius:999px;overflow:hidden}.roi .roi-stack i{flex-basis:0;min-width:4px;transition:flex-grow .45s cubic-bezier(.22,1,.36,1)}.roi .roi-c-a{background:var(--r-brand)}.roi .roi-c-b{background:var(--r-brand-300)}.roi .roi-c-c{background:var(--r-mint)}.roi .roi-parts{display:grid;margin-top:8px;padding:0;list-style:none}.roi .roi-parts li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--r-line-soft)}.roi .roi-parts li:last-child{border-bottom:0;padding-bottom:0}.roi .roi-part-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#114a3f}.roi .roi-part-title{display:inline-flex;align-items:center;gap:6px;color:var(--r-ink);font-size:13px;font-weight:500}.roi .roi-parts small{display:block;color:var(--r-muted);font-size:11px}.roi .roi-parts strong{color:var(--r-green);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.roi .roi-tip{position:relative;display:inline-flex}.roi .roi-tip button{display:grid;place-items:center;padding:2px;border:0;border-radius:50%;background:none;color:#a1a1aa;cursor:help}.roi .roi-tip button:hover,.roi .roi-tip button:focus-visible{color:var(--r-green)}.roi .roi-tip [role=tooltip]{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:10;width:260px;padding:12px;border-radius:10px;background:#18181b;color:#e4e4e7;font-size:12px;font-weight:400;line-height:1.5;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none}.roi .roi-tip:hover [role=tooltip],.roi .roi-tip:focus-within [role=tooltip]{opacity:1;visibility:visible;transform:translate(-50%)}.roi .roi-actions{display:grid;gap:10px;margin-top:6px}.roi .roi-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:14px 22px;border-radius:12px;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.roi .roi-btn:active{transform:scale(.99)}.roi .roi-btn-primary{border:1px solid var(--r-brand);background:var(--r-brand);color:#13201d;box-shadow:0 10px 22px -12px #4baa99e6}.roi .roi-btn-primary:hover{background:var(--r-brand-300)}.roi .roi-btn-primary svg{transition:transform .15s ease}.roi .roi-btn-primary:hover svg{transform:translate(3px)}.roi .roi-btn-ghost{border:1px solid var(--r-line);background:#fff;color:var(--r-text)}.roi .roi-btn-ghost:hover{border-color:var(--r-brand-300);color:var(--r-green)}.roi .roi-btn:disabled{opacity:.6;cursor:wait}.roi .roi-btn:focus-visible{outline:3px solid var(--r-mint);outline-offset:3px}.roi .roi-disclaimer{max-width:760px;margin:22px auto 0;color:var(--r-muted);font-size:12px;text-align:center}.roi .roi-disclaimer svg{display:inline;vertical-align:-2px}@media (max-width: 960px){.roi .roi-card{grid-template-columns:1fr}.roi .roi-results{border-left:0;border-top:1px solid var(--r-line-soft)}}@media (max-width: 600px){.roi{padding:64px 0}.roi .roi-container{width:calc(100% - 32px)}.roi .roi-head{margin-bottom:32px}.roi .roi-lead{font-size:15px}.roi .roi-inputs{padding:26px 20px 30px}.roi .roi-results{padding:22px 16px}.roi .roi-stats{grid-template-columns:1fr 1fr}.roi .roi-stats>div:last-child{grid-column:1 / -1}.roi .roi-block{padding:16px}.roi .roi-compare>div{grid-template-columns:62px minmax(0,1fr)}.roi .roi-compare strong{grid-column:2;text-align:left;margin-top:-6px}.roi .roi-tip [role=tooltip]{width:220px;left:auto;right:-8px;transform:translateY(4px)}.roi .roi-tip:hover [role=tooltip],.roi .roi-tip:focus-within [role=tooltip]{transform:none}}@media (prefers-reduced-motion: reduce){.roi *{transition:none!important}}