.trading-features{display:grid;grid-template-columns:.8fr 1.2fr 1.2fr;gap:22px;margin:24px 0 0}.trading-feature{min-width:0;padding:26px;border:1px solid hsl(var(--theme-hue,217) calc(9.8% * var(--theme-saturation,1)) 16.1%);background:hsl(var(--theme-hue,217) calc(11.1% * var(--theme-saturation,1)) 8.8%);border-radius:18px;display:flex;flex-direction:column}.feature-topline{display:flex;gap:12px;align-items:center;justify-content:space-between}.feature-topline h2{font-size:20px;font-weight:600;letter-spacing:-.35px;margin:0;line-height:1.3}.feature-status{font-size:11px;letter-spacing:.3px;color:hsl(var(--theme-hue,217) calc(16.4% * var(--theme-saturation,1)) 65.3%);background:hsl(var(--theme-hue,217) calc(16.9% * var(--theme-saturation,1)) 15.1%);border:1px solid hsl(var(--theme-hue,217) calc(16.5% * var(--theme-saturation,1)) 22.5%);border-radius:4px;padding:4px 6px}.trading-feature>p{font-size:14px;line-height:1.8;color:hsl(var(--theme-hue,217) calc(9.5% * var(--theme-saturation,1)) 67.1%);margin:0}.feature-link{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;font-size:13px;color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 78.0%);line-height:1.5;margin-top:18px;padding:0;text-align:left;background:none;border:0}.feature-link .icon{height:15px;width:15px;flex:none}.feature-link:hover{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 90.8%)}
.auction-preview{min-height:193px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0 20px}.auction-preview img{object-fit:contain;width:125px;height:115px;filter:drop-shadow(0 12px 15px #0006)}.auction-caption{font-size:12px;color:hsl(var(--theme-hue,217) calc(9.5% * var(--theme-saturation,1)) 67.1%);margin:0 0 10px;text-align:center}.auction-bid{display:flex;align-items:center;gap:8px;background:hsl(var(--theme-hue,217) calc(33.3% * var(--theme-saturation,1)) 17.1%);color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 82.2%);border:1px solid hsl(var(--theme-hue,217) calc(34.7% * var(--theme-saturation,1)) 28.8%);padding:8px 16px;font-size:12px;border-radius:6px}.auction-bid .icon{width:15px;height:15px}
.bargain-preview{min-height:193px;display:grid;place-items:center;padding:20px 0}.offer-window{width:100%;max-width:300px;background:hsl(var(--theme-hue,217) calc(16.4% * var(--theme-saturation,1)) 13.1%);border:1px solid hsl(var(--theme-hue,217) calc(18.1% * var(--theme-saturation,1)) 24.9%);border-radius:10px;box-shadow:0 10px 24px #0004;transform:rotate(-2deg)}.offer-window-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:hsl(var(--theme-hue,217) calc(39.6% * var(--theme-saturation,1)) 18.8%);border-radius:9px 9px 0 0;color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 81.0%);font-size:12px}.offer-window-bar .icon{width:16px;height:16px}.offer-window-item{display:flex;gap:11px;align-items:center;padding:9px 12px}.offer-window-item img{object-fit:contain;width:60px;height:60px}.offer-window-item strong{font-size:13px;font-weight:550;display:block}.offer-window-item span{font-size:11px;color:hsl(var(--theme-hue,217) calc(13.7% * var(--theme-saturation,1)) 62.7%);display:block;margin-top:5px}.offer-window-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 12px}.offer-window-actions span{background:hsl(var(--theme-hue,217) calc(16.7% * var(--theme-saturation,1)) 18.8%);border:1px solid hsl(var(--theme-hue,217) calc(17.6% * var(--theme-saturation,1)) 25.7%);text-align:center;font-size:11px;border-radius:5px;padding:6px 3px;color:hsl(var(--theme-hue,217) calc(17.4% * var(--theme-saturation,1)) 72.9%)}.offer-window-actions span:first-child{background:hsl(var(--theme-hue,217) calc(83.0% * var(--theme-saturation,1)) 53.9%);color:#fff;border-color:hsl(var(--theme-hue,217) calc(95.8% * var(--theme-saturation,1)) 62.4%)}

@media(max-width:1100px){.trading-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.auction-feature{grid-row:span 2}.auction-preview{flex:1}.auction-preview img{width:170px;height:170px}.items-usd-feature,.bargain-feature{padding:24px}.bargain-preview{min-height:175px}}
@media(max-width:640px){.trading-features{grid-template-columns:1fr;gap:16px;margin-top:18px}.trading-feature{padding:23px;border-radius:16px}.auction-feature{grid-row:auto}.auction-preview{min-height:180px;flex:none}.auction-preview img{height:115px;width:125px}.feature-topline h2{font-size:21px}.trading-feature>p{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.offer-window{transition:transform 180ms ease}.bargain-feature:hover .offer-window{transform:rotate(0)}.trading-feature{transition:border-color 180ms ease}.trading-feature:hover{border-color:hsl(var(--theme-hue,217) calc(20.5% * var(--theme-saturation,1)) 28.6%)}}

/* A sticky introduction beside a six-step, scroll-revealed timeline. */
.trade-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:50px;margin:100px 0 110px;padding:100px 0 0;border-top:1px solid hsl(var(--theme-hue,217) calc(9.8% * var(--theme-saturation,1)) 16.1%)}
.journey-heading{position:sticky;top:40vh;padding:15px 0;align-self:start}
.journey-heading h2{margin:0 0 30px;font-size:clamp(30px,3vw,40px);font-weight:600;line-height:1.22;letter-spacing:-1px}
.journey-heading>p{max-width:490px;margin:0;color:hsl(var(--theme-hue,217) calc(9.5% * var(--theme-saturation,1)) 64.9%);font-size:15px;line-height:1.65}
.journey-preview-note{display:block;max-width:430px;margin-top:25px;color:hsl(var(--theme-hue,217) calc(6.9% * var(--theme-saturation,1)) 48.0%);font-size:11px;line-height:1.6}
.journey-timeline{list-style:none;margin:0;padding:0;min-width:0}
.journey-event{display:grid;grid-template-columns:2px minmax(0,1fr);column-gap:40px;position:relative;min-height:164px}
.journey-connector{position:relative;display:block;background:hsl(var(--theme-hue,217) calc(12.3% * var(--theme-saturation,1)) 14.3%)}
.journey-event:first-child .journey-connector{background:linear-gradient(to bottom,transparent 50%,hsl(var(--theme-hue,217) calc(12.3% * var(--theme-saturation,1)) 14.3%) 50%)}
.journey-event:last-child .journey-connector{background:linear-gradient(to bottom,hsl(var(--theme-hue,217) calc(12.3% * var(--theme-saturation,1)) 14.3%) 50%,transparent 50%)}
.journey-dot{position:absolute;left:50%;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);background:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 57.8%);border-radius:50%}
.journey-card{display:flex;align-items:center;gap:20px;margin:15px 0;padding:28px;background:hsl(var(--theme-hue,217) calc(12.5% * var(--theme-saturation,1)) 9.4%);border:1px solid hsl(var(--theme-hue,217) calc(15.5% * var(--theme-saturation,1)) 13.9%);border-radius:12px;min-width:0}
.journey-icon{display:grid;place-items:center;flex:0 0 60px;height:60px;border-radius:9px;background:hsl(var(--theme-hue,217) calc(43.2% * var(--theme-saturation,1)) 15.9%);color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 60.6%)}
.journey-icon>.icon{width:33px;height:33px;stroke-width:1.8}
.journey-card h3{margin:0 0 9px;color:hsl(var(--theme-hue,217) calc(14.3% * var(--theme-saturation,1)) 95.9%);font-size:clamp(21px,2vw,27px);line-height:1.18;letter-spacing:-.5px;font-weight:600}
.journey-card p{margin:0;color:hsl(var(--theme-hue,217) calc(9.5% * var(--theme-saturation,1)) 64.9%);font-size:15px;line-height:1.45}
/* Native scroll timelines follow the scroll position in both directions, with no scroll interception. */
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference) and (min-width:801px){
  .journey-card{animation:journey-reveal linear;animation-timeline:view();animation-range:cover 0% cover 60%}
 }
}
@keyframes journey-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.trade-journey{gap:34px}.journey-event{column-gap:25px}.journey-card{padding:24px 20px;gap:16px}.journey-icon{flex-basis:48px;height:48px}.journey-icon>.icon{width:28px;height:28px}}
@media(max-width:800px){.trade-journey{grid-template-columns:1fr;gap:30px;margin:65px 16px 75px;padding-top:55px}.journey-heading{position:static;padding:0}.journey-heading h2{font-size:32px;margin-bottom:18px}.journey-heading>p{max-width:540px}.journey-preview-note{margin-top:16px}.journey-timeline{padding-left:7px}.journey-event{min-height:140px;column-gap:24px}.journey-card{margin:10px 0;padding:23px;gap:18px}.journey-card h3{font-size:22px}.journey-card p{font-size:14px}}
@media(max-width:420px){.journey-heading h2{font-size:28px}.journey-card{padding:20px 16px;gap:13px}.journey-icon{flex-basis:40px;height:40px}.journey-icon>.icon{width:25px;height:25px}.journey-card h3{font-size:19px}.journey-event{column-gap:19px}}
@media(prefers-reduced-motion:reduce){.journey-heading{position:static}.journey-card{animation:none;opacity:1}}

/* An illustrative items-and-cash offer, using the active theme. */
.items-usd-example{font-size:10px;color:var(--muted);white-space:nowrap}
.items-usd-preview{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:8px;min-height:211px;padding:16px 0;margin:0}
.items-usd-side{min-width:0;display:flex;flex-direction:column;align-items:center;align-self:stretch;text-align:center;padding:8px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-surface)}
.items-usd-label{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-weight:600}
.items-usd-side img{width:100%;max-width:90px;height:64px;object-fit:contain;margin:4px 0;filter:drop-shadow(0 8px 12px #0003)}
.items-usd-side>strong{font-size:11px;line-height:1.5;color:var(--text);min-height:33px;display:flex;align-items:center;justify-content:center}
.items-usd-cash{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-top:6px;padding:5px 8px;width:100%;border-radius:6px;background:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-surface));color:var(--theme-accent);font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap}
.items-usd-cash>span{font-size:13px;font-weight:400}.items-usd-cash small{font-size:9px;font-weight:500}
.items-usd-exchange{display:grid;place-items:center;color:var(--theme-accent)}.items-usd-exchange .icon{width:22px;height:22px}
.items-usd-receive{border-color:color-mix(in srgb,var(--theme-accent) 30%,var(--theme-border))}
.items-usd-result{display:flex;align-items:center;justify-content:center;min-height:28px;margin-top:6px;font-size:10px;color:var(--muted)}
.items-usd-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.items-usd-feature>.feature-link{margin-top:18px;padding:0;text-decoration:none}
@media(max-width:380px){.items-usd-preview{gap:5px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.items-usd-side{padding-inline:6px}.items-usd-cash{font-size:15px}.items-usd-example{font-size:9px}}

@media(min-width:1101px){.auction-preview,.bargain-preview{min-height:211px}}