.relay{min-width:0;position:relative;border-radius:24px;padding:clamp(20px,2.6vw,30px);background:#12141c;color:#f6f3ee;box-shadow:14px 14px 0 0 var(--accent),0 40px 80px -48px rgba(18,20,28,.7);margin:0 14px 0 0;border:1px solid rgba(246,243,238,.08)}.relay-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.relay-brand{font-family:var(--font-syne),var(--font-sora),sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.01em}.relay-brand b{color:#ff5a36;font-weight:800}.relay-tag{font-size:.75rem;font-weight:500;color:#c9c4bc;border:1px solid rgba(246,243,238,.22);border-radius:999px;padding:.3em .8em;white-space:nowrap}.relay-steps{position:relative;list-style:none;margin:0;padding:0;display:grid}.relay-steps:after,.relay-steps:before{content:"";position:absolute;left:13px;top:30px;bottom:30px;width:2px;border-radius:2px;background:rgba(246,243,238,.14)}.relay-steps:after{background:#ff5a36;transform-origin:top;transform:scaleY(var(--progress,1));transition:transform .9s var(--ease-out)}.relay-step{z-index:1;grid-template-columns:28px minmax(0,1fr);column-gap:14px;align-items:center;min-height:60px;padding-block:8px}.relay-icon,.relay-step{position:relative;display:grid}.relay-icon{width:28px;height:28px;border-radius:9px;place-items:center;background:#12141c;border:1.5px solid rgba(246,243,238,.2);transition:background-color .3s ease,border-color .3s ease}.relay-icon>span{grid-area:1/1;opacity:0;transition:opacity .25s ease,transform .35s var(--ease-out)}.pending-dot{width:5px;height:5px;border-radius:2px;background:rgba(246,243,238,.35)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,90,54,.25);border-top-color:#ff5a36}.tick{color:#12141c;transform:scale(.4)}.relay-label{font-weight:600;font-size:1rem;line-height:1.3;color:rgba(246,243,238,.45);transition:color .3s ease}.relay-meta{grid-column:2;font-family:var(--font-mono),monospace;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:#bcb7af;opacity:0;transform:translateY(-3px);transition:opacity .3s ease,transform .3s ease}.is-pending .pending-dot{opacity:1}.is-active .relay-icon{border-color:#ff5a36}.is-active .spinner{opacity:1;animation:spin .8s linear infinite}.is-active .relay-label{color:transparent;background:linear-gradient(90deg,#a8a29a 35%,#ffffff 50%,#a8a29a 65%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:sheen 1.6s linear infinite}.is-done .relay-icon{background:#ff5a36;border-color:#ff5a36}.is-done .tick{opacity:1;transform:none}.is-done .relay-label{color:#f6f3ee}.is-done .relay-meta{opacity:1;transform:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes sheen{0%{background-position:120% 0}to{background-position:-120% 0}}@media (min-width:560px){.relay-step{grid-template-columns:28px minmax(0,1fr) auto}.relay-meta{grid-column:3;text-align:right}}@media (prefers-reduced-motion:reduce){.relay-icon,.relay-icon>span,.relay-label,.relay-meta,.relay-steps:after{transition:none}.is-active .relay-label,.is-active .spinner{animation:none}}