.section.kx-roi{background:var(--kx-shop-panel-dark);color:var(--kx-text-on-dark-primary,var(--white));overflow:hidden;padding-bottom:clamp(46px,5vw,76px);padding-top:clamp(42px,5vw,68px)}.kx-roi__inner{position:relative}.kx-roi__intro{align-items:center;display:grid;gap:clamp(10px,2vw,18px);grid-template-columns:1fr;justify-items:center;margin-inline:auto;margin-bottom:clamp(18px,3vw,28px);max-width:900px;text-align:center}.kx-roi__intro .section-label{color:var(--kx-eyebrow-color-dark);margin:0 0 12px;text-align:center}.kx-roi__intro h2{color:var(--kx-text-on-dark-primary,var(--white));font-size:clamp(2rem,3.7vw,3.35rem);font-weight:var(--kx-font-weight-heading);letter-spacing:0;line-height:1.02;margin:0 auto;max-width:760px}.kx-roi__summary,.kx-roi__summary p,.kx-roi__summary>div{color:var(--kx-text-on-dark-muted);font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.6;margin:0 auto;max-width:680px}.kx-roi__layout{gap:clamp(18px,2.6vw,28px);grid-template-columns:minmax(0,1.22fr) minmax(310px,.78fr)}.kx-roi__inputs,.kx-roi__layout{align-items:stretch;display:grid}.kx-roi__inputs{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;height:100%}.kx-roi__input-card,.kx-roi__results{background:var(--kx-surface-on-dark);border:1px solid var(--kx-border-on-dark);border-radius:var(--kx-radius-card);box-shadow:var(--kx-shadow-dark-panel)}.kx-roi__input-card{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:224px;padding:clamp(18px,2vw,24px)}.kx-roi__input-header{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:16px;min-height:104px}.kx-roi__input-header h3{color:var(--kx-text-on-dark-primary,var(--white));font-size:clamp(1.12rem,1.9vw,1.45rem);font-weight:var(--kx-font-weight-heading);letter-spacing:0;line-height:1.15;margin:0 0 5px}.kx-roi__input-header p{color:var(--kx-text-on-dark-muted);font-size:.9rem;line-height:1.45;margin:0}.kx-roi__pill{align-self:start;background:var(--kx-surface-on-dark-subtle);border:1px solid var(--kx-border-on-dark-soft);border-radius:var(--kx-radius-md);color:var(--kx-text-on-dark-primary,var(--white));flex:0 0 auto;font-size:1rem;font-weight:var(--kx-font-weight-emphasis);min-width:74px;padding:10px 14px;text-align:center}.kx-roi__range{accent-color:var(--kardex-moss);align-self:end;width:100%}.kx-roi__scale{color:var(--kx-text-on-dark-muted);display:flex;font-size:.78rem;font-weight:var(--kx-font-weight-label);justify-content:space-between;margin-top:8px}.kx-roi__assumptions{background:var(--kx-surface-on-dark-subtle);border:1px solid var(--kx-border-on-dark-soft);border-radius:var(--kx-radius-md);color:var(--kx-text-on-dark-muted);font-size:.88rem;grid-column:1/-1;line-height:1.5;margin:0;padding:14px 16px}.kx-roi__assumptions strong{color:var(--kx-text-on-dark-primary,var(--white))}.kx-roi__results{align-self:stretch;box-shadow:var(--kx-shadow-dark-panel);display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;padding:clamp(18px,2.2vw,26px)}.kx-roi__metric{align-content:center;background:var(--kx-surface-on-dark-subtle);border-radius:var(--kx-radius-lg);display:grid;min-height:104px;padding:16px}.kx-roi__metric--highlight{background:color-mix(in srgb,var(--kardex-moss) 14%,var(--kx-surface-on-dark));border:1px solid var(--kx-border-moss);grid-column:1/-1}.kx-roi__metric small:not(.kx-roi__metric-note),.kx-roi__metric span{color:var(--kx-text-on-dark-muted);display:block;font-size:.68rem;font-weight:var(--kx-font-weight-label);letter-spacing:.08em;text-transform:uppercase}.kx-roi__metric strong{color:var(--kx-text-on-dark-primary,var(--white));display:block;font-size:clamp(1.6rem,2.8vw,2.35rem);font-weight:var(--kx-font-weight-heading);letter-spacing:0;line-height:1;margin-top:6px}.kx-roi__metric-note{color:var(--kx-text-on-dark-muted);display:block;font-size:.78rem;font-weight:var(--kx-font-weight-body,400);letter-spacing:0;line-height:1.35;margin-top:8px;opacity:.88;text-transform:none}.kx-roi__results .btn-primary{grid-column:1/-1;justify-content:center;margin-top:8px;text-align:center}.kx-roi__debug{background:var(--text-primary);border-radius:var(--kx-radius-sm);color:var(--kx-text-on-dark-primary,var(--white));font-size:.78rem;line-height:1.5;margin:0;max-height:220px;overflow:auto;padding:14px}@media (max-width:980px){.kx-roi__inputs,.kx-roi__intro,.kx-roi__layout{grid-template-columns:1fr}.kx-roi__results{position:static}}@media (max-width:620px){.kx-roi__input-header{display:grid;grid-template-columns:1fr;min-height:0}.kx-roi__pill{justify-self:start}.kx-roi__input-card{min-height:0}}