/* A quiet reward preview between income and the spending-method choice. */
.wizard[data-step="checkpoint"]{max-width:600px;margin-inline:auto;text-align:center}
.wizard[data-step="checkpoint"] .question{margin:12px 0 14px;letter-spacing:-.045em}
.potential-subtitle{max-width:390px;margin:0 auto;color:var(--muted,#60666b);font-size:1rem;line-height:1.6;text-wrap:pretty}
.earning-potential{margin-top:36px}
.potential-range{display:block;color:#13834f;font-size:clamp(2.25rem,7.4vw,3.75rem);font-weight:600;letter-spacing:-.065em;line-height:1.15}
.potential-range-numbers{display:inline-flex;align-items:baseline;justify-content:center;gap:.16em;max-width:100%}
.potential-range-dash{font-size:.7em;font-weight:400;color:#70b58d}
.potential-unit{margin:10px 0 0;font-size:.9375rem;line-height:1.5;color:#565e59}
.potential-unit>span{white-space:nowrap;color:#68716b;font-size:.8125rem}
.potential-chart{margin:22px auto 20px;max-width:540px}
.potential-chart svg{display:block;width:100%;height:auto;overflow:visible}
.potential-grid{fill:none;stroke:#e9efeb;stroke-width:1;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}
.potential-drawing{animation:potential-draw 1.6s .12s cubic-bezier(.22,.68,.24,1) both}
.potential-band{fill:url(#potential-fill)}
.potential-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.potential-line-high{stroke:#169b5e;stroke-width:3}
.potential-line-low{stroke:#479c70;stroke-width:2}
.potential-end{fill:#169b5e;stroke:white;stroke-width:3}
.potential-end-low{fill:#479c70;stroke-width:2}
.potential-axis{display:flex;justify-content:space-between;padding-inline:3.57%;color:#68716b;font-size:.75rem;line-height:1.4;margin-top:-10px}
.potential-note{color:#68716b;font-size:.75rem;line-height:1.5;margin:0}
.potential-assumptions{max-width:440px;margin:4px auto 0;font-size:.75rem;color:#68716b;line-height:1.6}
.potential-assumptions summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;list-style:none;text-decoration:underline;text-decoration-color:#b8c2ba;text-underline-offset:3px}
.potential-assumptions summary::-webkit-details-marker{display:none}
.potential-assumptions p{text-align:left;margin:4px 0 0;padding:14px 16px;background:#f5f8f5;border-radius:12px}
.potential-range-empty{font-size:clamp(1.75rem,6vw,2.75rem);letter-spacing:-.045em}
.potential-empty .potential-unit{max-width:340px;margin-inline:auto}
.potential-empty .potential-chart{opacity:.6}
.wizard[data-step="checkpoint"] .nav{margin-top:16px;padding-top:8px;border-top:0}
.wizard[data-step="checkpoint"] .nav .btn{max-width:420px}
@keyframes potential-draw{from{clip-path:inset(-12px 100% -12px -12px)}to{clip-path:inset(-12px -12px -12px -12px)}}
@media(min-width:701px) and (max-height:800px){
 .wizard[data-step="checkpoint"] .question{margin-top:0}
 .earning-potential{margin-top:24px}
 .potential-range{font-size:3.25rem}
 .potential-chart{max-width:440px;margin:18px auto 16px}
}
@media(max-width:700px){
 .wizard[data-step="checkpoint"] .question{font-size:clamp(1.7rem,7vw,2.1rem);margin-top:12px}
 .potential-subtitle{max-width:330px;font-size:.9375rem}
 .earning-potential{margin-top:32px}
 .potential-range{font-size:clamp(2rem,9.2vw,3.75rem)}
 .potential-range-empty{font-size:1.875rem}
 .potential-chart{margin-top:24px;margin-bottom:24px}
 .wizard[data-step="checkpoint"] .nav .btn{max-width:100%}
}
@media(max-height:700px) and (max-width:700px){
 .wizard[data-step="checkpoint"] .question{margin-top:0}
 .earning-potential{margin-top:16px}
 .potential-chart{margin-block:8px 12px}
 .wizard[data-step="checkpoint"] .nav{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.potential-drawing{animation:none}}