.roi-hero{text-align:center;padding:96px 0 40px}.roi-hero__title{text-wrap:balance;max-width:20ch;margin:18px auto 0;font-size:clamp(34px,4.8vw,58px);line-height:1.06}.roi-hero__title em{background:var(--butter);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:0 .18em;font-style:normal}.roi-hero__sub{max-width:62ch;color:var(--fg-muted);margin:20px auto 0;font-size:18px;line-height:1.55}.roi-hero__sub b{color:var(--dark)}.roi-section{padding-bottom:var(--v4-section)}.roi{margin-top:26px}.roi-panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:18px;flex-direction:column;padding:4px 30px 24px;display:flex}.roi-step{padding:22px 0 4px}.roi-step__head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;display:flex}.roi-step__num{background:var(--butter);border:1.5px solid var(--dark);width:26px;height:26px;color:var(--dark);font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #251e0029}.roi-step__title{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:17px;font-weight:700;line-height:1.2}.roi-step__hint{font-family:var(--font-mono);letter-spacing:.02em;color:var(--dark);white-space:nowrap;margin:0 0 0 auto;font-size:12px;font-weight:700}.roi-panel__split{border-top:1px dashed var(--line);grid-template-columns:1fr 1fr;display:grid}.roi-panel__split .roi-step:first-child{padding-right:34px}.roi-panel__split .roi-step+.roi-step{border-left:1px dashed var(--line);padding-left:34px}.roi-provs{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.roi-chip{font-family:var(--font-ui);color:var(--fg-muted);background:var(--white);border:1px solid var(--line);border-radius:var(--pill-radius);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:7px 15px;font-size:13.5px;font-weight:600}.roi-chip:hover{border-color:var(--fg-subtle)}.roi-chip:focus-visible{outline:2px solid var(--dark);outline-offset:2px}.roi-chip[aria-checked=true]{background:var(--dark);border-color:var(--dark);color:var(--cream)}.roi-gap{flex-direction:column;gap:12px;max-width:560px;display:flex}.roi-gap__row{grid-template-columns:92px 1fr 52px;align-items:center;gap:14px;display:grid}.roi-gap__label{font-family:var(--font-display);color:var(--dark);text-align:right;font-size:14px;font-weight:700}.roi-gap__bar{background:#251e0014;border-radius:999px;height:16px;position:relative;overflow:hidden}.roi-gap__meter{height:100%;transition:width var(--dur-base) var(--ease-out);border-radius:999px;display:block}.roi-gap__meter--them{background:#251e004d}.roi-gap__meter--us{background:var(--butter)}.roi-gap__val{font-family:var(--font-mono);color:var(--dark);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.roi-gap__delta{font-family:var(--font-body);color:var(--fg-muted);margin:14px 0 0;font-size:14px;font-weight:600}.roi-gap__delta strong{font-family:var(--font-display);color:var(--dark);background:var(--butter);border-radius:8px;margin-left:4px;padding:2px 9px;font-size:20px}.roi-field{background:var(--white);border:1.5px solid var(--line);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:12px;align-items:center;gap:4px;padding:10px 16px;display:inline-flex}.roi-field:focus-within{border-color:#251e0066;box-shadow:0 3px 12px #ffd90d66}.roi-field__prefix,.roi-field__suffix{font-family:var(--font-display);color:var(--fg-muted);font-weight:700}.roi-field__prefix{font-size:24px}.roi-field__suffix{font-size:14px}.roi-field__input{width:8ch;font-family:var(--font-display);color:var(--dark);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;outline:none;font-size:27px;font-weight:700}.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__hint{color:var(--fg-subtle);margin:12px 0 0;font-size:13px;line-height:1.5}.roi-slider{appearance:none;background:linear-gradient(to right, var(--butter) 0 var(--roi-fill,0%), #251e001f var(--roi-fill,0%));outline-offset:4px;cursor:pointer;border-radius:999px;width:100%;height:8px}.roi-slider::-webkit-slider-thumb{appearance:none;background:var(--butter);border:3px solid var(--dark);cursor:grab;width:28px;height:28px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;box-shadow:0 2px 8px #251e0040}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.roi-slider::-moz-range-thumb{background:var(--butter);border:3px solid var(--dark);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #251e0040}.roi-ticks{justify-content:space-between;margin-top:12px;display:flex}.roi-tick{font-family:var(--font-mono);color:var(--fg-subtle);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:600}.roi-tick:hover:not(.is-active){color:var(--dark)}.roi-tick.is-active{background:var(--butter);color:var(--dark);font-weight:700}.roi-result{background:var(--dark);color:var(--cream);box-shadow:var(--shadow-md);border-radius:22px;margin-top:26px;padding:32px clamp(22px,4vw,44px)}.roi-result__hero{text-align:center}.roi-result__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fdf7f09e;margin:0;font-size:12px;font-weight:700}.roi-result__label span{letter-spacing:.06em;text-transform:none}.roi-result__value{font-family:var(--font-display);color:var(--butter);font-variant-numeric:tabular-nums;letter-spacing:.01em;margin:8px 0 0;font-size:clamp(48px,9vw,88px);font-weight:700;line-height:1}.roi-result__formula{font-family:var(--font-mono);color:#fdf7f0b8;font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:13.5px}.roi-funnel{grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.roi-funnel__step{background:#fdf7f00f;border:1px solid #fdf7f01f;border-radius:14px;flex-direction:column;gap:4px;padding:18px 16px;display:flex;position:relative}.roi-funnel__step+.roi-funnel__step:before{content:"→";color:#fdf7f066;font-size:14px;position:absolute;top:50%;left:-12px;transform:translate(-50%,-50%)}.roi-funnel__step--win{background:#ffd90d29;border-color:#ffd90d80}.roi-funnel__k{font-family:var(--font-display);color:var(--cream);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.05}.roi-funnel__step--win .roi-funnel__k{color:var(--butter)}.roi-funnel__v{color:#fdf7f0e6;font-size:13px;font-weight:600;line-height:1.35}.roi-funnel__sub{font-family:var(--font-mono);color:#fdf7f08c;font-size:11px}.roi-result__cta{font-family:var(--font-display);color:var(--dark);background:var(--butter);border:1.5px solid var(--butter);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;margin-top:28px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px 14px #ffd90d4d}.roi-result__cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ffd90d6b}.roi-method{max-width:72ch;margin-top:40px}.roi-method h2{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 14px;font-size:clamp(22px,3vw,30px)}.roi-method p{color:var(--fg-muted);margin:0 0 14px;font-size:15px;line-height:1.65}.roi-method b{color:var(--dark)}.roi-method code{font-family:var(--font-mono);color:var(--dark);background:#ffd90d38;border-radius:5px;padding:1px 6px;font-size:13.5px}.roi-method__formula{font-family:var(--font-mono);background:var(--white);border:1px solid var(--line);border-left:3px solid var(--butter);border-radius:10px;padding:14px 18px;font-weight:600;color:var(--dark)!important;font-size:14px!important}@media (max-width:760px){.roi-hero{padding-top:76px}.roi-panel{padding:4px 18px 20px}.roi-panel__split{grid-template-columns:1fr}.roi-panel__split .roi-step:first-child{padding-right:0}.roi-panel__split .roi-step+.roi-step{border-left:0;border-top:1px dashed var(--line);padding-left:0}.roi-funnel{grid-template-columns:1fr 1fr}.roi-funnel__step:nth-child(3):before,.roi-funnel__step:nth-child(2):before,.roi-funnel__step:nth-child(4):before{content:none}}@media (max-width:440px){.roi-gap__row{grid-template-columns:76px 1fr 46px;gap:10px}.roi-funnel{grid-template-columns:1fr}}
