.roi-hook{text-align:left;cursor:pointer;width:100%;color:var(--nw-primary,#091426);background:linear-gradient(135deg,#fbf8fa 0%,#f3eef8 48%,#fff 100%);border:1px solid #73559838;border-radius:1rem;grid-template-columns:1fr auto;gap:1rem 1.25rem;padding:1rem 1.05rem;display:grid;box-shadow:0 10px 28px -24px #4a356073}.roi-hook:hover{border-color:#73559866}.roi-kicker{letter-spacing:.14em;text-transform:uppercase;color:#735598;margin:0;font-size:.68rem;font-weight:700}.roi-hook h3{letter-spacing:-.03em;margin:.2rem 0 0;font-size:1.15rem;font-weight:680;line-height:1.2}.roi-hook-sub{color:#6b6478;margin:.3rem 0 .75rem;font-size:.78rem}.roi-bars{flex-direction:column;gap:.4rem;max-width:28rem;display:flex}.roi-bar{grid-template-columns:5.5rem 1fr auto;align-items:center;gap:.5rem;font-size:.72rem;font-weight:650;display:grid}.roi-track{background:#7355981a;border-radius:999px;height:.55rem;position:relative;overflow:hidden}.roi-fill{border-radius:inherit;background:#735598;height:100%;display:block}.roi-fill.is-hidden{background:linear-gradient(90deg,#c4b3d4 0% 42%,#0000 78%);width:100%}.roi-bar-amt{font-variant-numeric:tabular-nums;color:#4a3560}.roi-bar-amt.is-secret{color:#8a7e98;font-weight:600}.roi-unfold{color:#fff;white-space:nowrap;background:#091426;border-radius:999px;align-self:center;align-items:center;gap:.35rem;height:2.25rem;padding:0 .85rem;font-size:.78rem;font-weight:680;display:inline-flex}.roi-panel{background:#fff;border:1px solid #7355982e;border-radius:1rem;overflow:hidden}.roi-panel-top{background:#f7f3fa;border-bottom:1px solid #7355981f;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.roi-total{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.55rem;font-weight:720;line-height:1}.roi-total small{color:#7a6d8c;margin-left:.2rem;font-size:.75rem;font-weight:650}.roi-save{color:#3f6b52;margin:.35rem 0 0;font-size:.75rem;font-weight:650}.roi-fold{color:#5a4378;cursor:pointer;background:0 0;border:0;font-size:.75rem;font-weight:700}.roi-controls{gap:.85rem;padding:.9rem 1rem;display:grid}@media (min-width:800px){.roi-controls{grid-template-columns:1.1fr 1.3fr auto;align-items:end}}.roi-field label{letter-spacing:.08em;text-transform:uppercase;color:#7a6d8c;margin-bottom:.3rem;font-size:.68rem;font-weight:700;display:block}.roi-field select{color:#091426;background:#fff;border:1px solid #73559833;border-radius:.65rem;width:100%;height:2.25rem;padding:0 .65rem;font-size:.82rem}.roi-steps{gap:.35rem;margin-bottom:.4rem;display:flex}.roi-steps button{color:#4a3560;cursor:pointer;background:#fff;border:1px solid #7355982e;border-radius:.55rem;flex:1;height:1.85rem;font-size:.75rem;font-weight:680}.roi-steps button.is-on{color:#fff;background:#735598;border-color:#735598}.roi-field input[type=range]{accent-color:#735598;width:100%}.roi-check{color:#3d3648;cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;height:2.25rem;font-size:.78rem;display:flex}.roi-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:0 1rem .85rem;display:grid}.roi-stat{background:#f7f3fa;border-radius:.75rem;padding:.65rem .7rem}.roi-stat span{letter-spacing:.08em;text-transform:uppercase;color:#7a6d8c;font-size:.65rem;font-weight:700;display:block}.roi-stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.95rem;display:block}.roi-lines{flex-direction:column;padding:0 1rem .85rem;display:flex}.roi-line{border-top:1px solid #7355981a;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.55rem 0;font-size:.8rem;display:grid}.roi-line p{color:#6b6478;margin:0;font-size:.68rem}.roi-line b{font-variant-numeric:tabular-nums}.roi-line em{color:#735598;font-size:.72rem;font-style:normal;font-weight:700}.roi-line.is-you{background:#f7f3fa;border-top:0;margin:0 -1rem;padding:.6rem 1rem}.roi-more{color:#5a4378;cursor:pointer;text-align:left;background:0 0;border:0;margin:0 1rem 1rem;padding:0;font-size:.75rem;font-weight:700}.roi-split{padding:0 1rem 1rem}@media (max-width:640px){.roi-hook{grid-template-columns:1fr}.roi-unfold{justify-content:center}.roi-stats{grid-template-columns:1fr}}
