/* Home payouts showcase (FundedNext-style) — dark, brand-accented. */
.payout-showcase{overflow:hidden}
.payout-showcase-top{position:relative;max-width:780px}
.payout-showcase-glow{position:absolute;right:-8%;top:-45%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(108,77,255,.30),transparent 60%);filter:blur(22px);pointer-events:none;z-index:-1}
.payout-total{font-size:clamp(62px,9vw,128px);font-weight:800;letter-spacing:-.045em;line-height:1;background:linear-gradient(115deg,#ffffff 42%,#9a7bff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:14px 0 0}
.payout-total-plus{background:var(--blue-cyan);-webkit-background-clip:text;background-clip:text;color:transparent}
.payout-subtitle{color:var(--muted);font-size:18px;max-width:540px;margin:18px 0 28px}
.payout-stats{display:flex;gap:42px;flex-wrap:wrap;margin-bottom:28px}
.payout-stat strong{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em}
.payout-stat span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.payout-cta{margin-top:2px}
.payout-marquee{margin-top:46px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.payout-track{display:flex;width:max-content;animation:payoutScroll 52s linear infinite}
.payout-track .payout-card{margin-right:16px}/* margin, not flex gap — keeps translateX(-50%) an exact loop period */
.payout-marquee:hover .payout-track{animation-play-state:paused}
@keyframes payoutScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.payout-card{flex:0 0 234px;padding:18px 20px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--border);box-shadow:0 18px 44px rgba(0,0,0,.36);transition:transform .25s,border-color .25s}
.payout-card:hover{transform:translateY(-4px);border-color:rgba(154,123,255,.4)}
.payout-badge{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#0c2a17;background:#35e879;padding:3px 11px;border-radius:999px}
.payout-badge.is-processing{color:#2a1f05;background:#f6b93b}
.payout-amount{font-size:27px;font-weight:800;letter-spacing:-.03em;margin:14px 0 8px;color:var(--white)}
.payout-time{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.payout-time i{width:14px;height:14px}
.payout-trader{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border);font-weight:700;font-size:14px;color:var(--soft)}
.payout-flag{font-size:19px;line-height:1}
@media (max-width:760px){.payout-stats{gap:26px}.payout-stat strong{font-size:24px}.payout-card{flex-basis:206px}.payout-marquee{margin-top:34px}}
@media (prefers-reduced-motion:reduce){.payout-track{animation:none;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}}
/* Phones: smaller payout cards so 2+ are visible while the strip scrolls */
@media (max-width:600px){
.payout-card{flex:0 0 168px;padding:13px 14px;border-radius:15px}
.payout-track .payout-card{margin-right:11px}
.payout-amount{font-size:19px;margin:10px 0 6px}
.payout-trader{gap:7px;margin-top:10px;padding-top:9px;font-size:12px}
.payout-card small{font-size:10.5px}
}