.card-swap-stack{position:relative;width:min(860px,calc(100% - 96px));height:min(500px,37vw);min-height:380px;margin:0 auto;perspective:1800px}.card-swap-card{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#090a0e;box-shadow:0 32px 80px #00000085,inset 0 1px #ffffff1f;transform-origin:50% 88%;will-change:transform,opacity}@media(max-width:680px){.card-swap-stack{width:calc(100% - 42px);height:min(510px,104vw);min-height:370px}}#agentCardSwap{width:100%;height:100%}.agent-swap-card{position:relative;width:100%;height:100%;background:#08090d}.agent-swap-card>img{width:100%;height:100%;object-fit:cover;object-position:top center}.agent-swap-shade{position:absolute;inset:0;background:linear-gradient(180deg,#01030c0a 28%,#01030ccc)}.agent-swap-caption{position:absolute;right:30px;bottom:26px;left:30px;display:grid;grid-template-columns:54px minmax(0,1fr) minmax(170px,.68fr);align-items:end;gap:15px;color:#fff}.agent-swap-caption>img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.42))}.agent-swap-caption span{display:block;margin-bottom:2px;color:#ffffffa6;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.agent-swap-caption h3,.agent-swap-caption p{margin:0}.agent-swap-caption h3{font-size:clamp(27px,3vw,42px);line-height:1}.agent-swap-caption p{color:#ffffffb8;font-size:14px;line-height:1.45}@media(max-width:680px){.agent-swap-caption{right:18px;bottom:18px;left:18px;grid-template-columns:42px minmax(0,1fr);gap:10px}.agent-swap-caption>img{width:42px;height:42px}.agent-swap-caption p{grid-column:1 / -1;font-size:13px}}
