/* The illustrations reserve no space until the customer opens the inquiry. */
.sell-journey{position:relative;margin-top:32px}
.sell-journey .sj-defs{position:absolute;width:0;height:0;pointer-events:none}
.sell-journey .buyback-steps{margin:0;gap:clamp(28px,4vw,64px)}
.sell-journey .buyback-steps>li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;align-content:start;border:0;padding:0;min-width:0}
.sell-journey .step-number{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e6edf5;color:#355579;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;margin:0}
.sell-journey .buyback-steps>li>div:last-child{grid-column:2;grid-row:2;position:relative;min-width:0}
.sell-journey .buyback-steps h3{font-size:20px;line-height:32px;letter-spacing:-.45px}
.sell-journey .buyback-steps p{font-size:14px;line-height:1.7;max-width:34ch;margin-top:6px}
.sj-slot{grid-column:1/-1;grid-row:1;height:0;margin-bottom:0;position:relative;pointer-events:none}
.sell-journey{--sj-card-width:150px;--sj-card-height:210px}
.sj-card-art{display:block;width:100%;height:100%;object-fit:contain;border:0;filter:none;clip-path:none}
.sj-fan{position:absolute;width:230px;height:230px;left:50%;top:0;transform:translateX(-50%);opacity:0}
.sj-fan-card{position:absolute;width:var(--sj-card-width);height:var(--sj-card-height);left:50%;top:0;transform-origin:50% 88%}
.sj-fan-card:nth-child(1){transform:translateX(calc(-50% - 27px)) rotate(-16deg)}
.sj-fan-card:nth-child(2){transform:translateX(-50%) rotate(-3deg)}
.sj-fan-card:nth-child(3){transform:translateX(calc(-50% + 22px)) rotate(10deg)}
.sj-middle{width:var(--sj-card-width);height:var(--sj-card-height);position:absolute;left:0;top:0;opacity:0;pointer-events:none}
.sj-middle{left:50%;top:0;transform:translateX(-50%) rotate(-7deg)}
.sell-journey[data-state=complete] .sj-slot{height:230px;margin-bottom:12px}
.sell-journey[data-state=complete] .sj-fan,.sell-journey[data-state=complete] .sj-middle{opacity:1}
@media(max-width:700px){
 .sell-journey{margin-top:28px}
 .sell-journey .buyback-steps{gap:24px}
 .sell-journey .buyback-steps h3{font-size:19px}
 .sell-journey .buyback-steps p{max-width:none;font-size:13px}
 .sell-journey{--sj-card-width:130px;--sj-card-height:182px}
 .sj-fan{width:210px;height:210px}
 .sj-middle{top:0}
 .sell-journey[data-state=complete] .sj-slot{height:210px;margin-bottom:12px}
}

/* Short separators group the text without framing the illustration area. */
@media(min-width:701px){
 .sell-journey .buyback-steps>li:not(:last-child)>div:last-child::after{content:"";position:absolute;right:calc(clamp(28px,4vw,64px) / -2);top:5px;height:64px;border-right:1px solid #dbe2e9;pointer-events:none}
}
@media(min-width:701px) and (max-width:1000px){
 .sell-journey .buyback-steps{gap:28px}
 .sell-journey .buyback-steps>li{grid-template-columns:28px minmax(0,1fr);column-gap:10px}
 .sell-journey .step-number{width:28px;height:28px;font-size:11px}
 .sell-journey .buyback-steps h3{font-size:17px;line-height:28px}
 .sell-journey .buyback-steps p{font-size:13px}
 .sell-journey .buyback-steps>li:not(:last-child)>div:last-child::after{right:-14px}
}
@media(max-width:700px){
 .sell-journey .buyback-steps{gap:22px}
 .sell-journey .buyback-steps h3{line-height:32px}
 .sell-journey .buyback-steps p{margin-top:4px;max-width:34ch;font-size:14px}
}

/* The approved hand greeting is drawn from one unchanged engraved sprite sheet. */
.sj-dap{display:block;position:absolute;width:min(410px,100%);height:auto;aspect-ratio:900/520;left:50%;top:-5px;transform:translateX(-50%);pointer-events:none}
@media(max-width:700px){.sj-dap{width:min(340px,100%);top:8px}}

/* One card travels to the offer; the hanging label pivots around its own hole. */
.sj-middle{transform-origin:50% 88%;isolation:isolate}
.sj-middle>.sj-card-art{position:relative;z-index:1}
.sj-tag{position:absolute;width:60px;height:auto;left:89%;top:23%;z-index:0;overflow:visible;stroke:none;transform-origin:0 0;opacity:0}
.sell-journey[data-state=complete] .sj-tag{opacity:1}
@media(max-width:700px){.sj-tag{width:54px}}

/* The approved shared stage replaces the explanatory row only during playback. */
.sell-journey--inline{border-top:1px solid var(--line,#d6dfe8);padding-top:24px}
.sell-flow-viewport{position:relative}
.sell-flow-viewport>.buyback-steps{transition:opacity .3s ease,transform .55s cubic-bezier(.22,.72,.22,1)}
.sell-flow{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s ease,transform .55s cubic-bezier(.22,.72,.22,1)}
.sell-flow-viewport.is-animating>.buyback-steps{opacity:0;transform:translateY(-6px);pointer-events:none}
.sell-flow-viewport.is-animating>.sell-flow{opacity:1;transform:translateY(0)}
/* Three horizontal lanes occupy the same positions as the explanatory steps. */
.sell-flow-stage{--sj-spread:clamp(8px,1.6vw,23px);position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px);width:100%;height:260px;overflow:hidden}
.sell-flow-lane{position:relative;min-width:0;height:100%}
.sell-flow .sj-fan{position:absolute;inset:20px 0 auto;width:100%;height:210px;transform:none}
.sell-flow .sj-fan-card{position:absolute;width:clamp(60px,11vw,150px);height:auto;aspect-ratio:5/7;left:50%;top:0;transform-origin:50% 88%}
.sell-flow .sj-middle{width:clamp(60px,11vw,150px);height:auto;aspect-ratio:5/7;left:50%;top:20px}
.sell-flow .sj-tag{width:40%}
.sell-flow .sj-dap{width:min(380px,100%);height:auto;max-width:100%;aspect-ratio:900/520;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(min-width:701px) and (max-width:1000px){
 .sell-flow-stage{gap:28px}
}
@media(max-width:700px){
 .sell-journey--inline{padding-top:20px}
 .sell-flow-stage{gap:12px;height:160px}
 .sell-flow .sj-fan{top:20px;height:120px}
 .sell-flow .sj-middle{top:20px}
}
@media(prefers-reduced-motion:reduce){
 .sell-flow{display:none}
 .sell-flow-viewport>.buyback-steps{opacity:1;transform:none;transition:none}
}