/* Agents hero: agent-to-service payment card */
.hero.has-agent-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:center}
.hero.has-agent-card .hero-content{max-width:none}
.agent-card{position:relative;border:1px solid rgba(119,164,255,.22);border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#17396a 0%,#0c1629 62%,#0a1222 100%);box-shadow:0 30px 80px -40px rgba(34,98,233,.55),inset 0 1px 0 rgba(255,255,255,.05);padding:34px 30px 18px;color:#f7f9ff;text-align:center;overflow:hidden}
.ac-head{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.1;font-size:clamp(28px,2.6vw,38px);margin:0 0 30px}
.ac-head span{display:block;color:#9fb2d4}
.ac-rail{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px}
.ac-end{display:flex;flex-direction:column;align-items:center;min-width:120px}
.ac-orb{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(119,164,255,.65);background:rgba(20,40,80,.55);color:#cfe0ff;transition:box-shadow .3s,border-color .3s}
.ac-orb svg{width:38px;height:38px}
.agent-card.arrived .ac-to .ac-orb{border-color:#9fc0ff;box-shadow:0 0 0 6px rgba(119,164,255,.12),0 0 30px rgba(119,164,255,.45)}
.ac-name{font:600 18px var(--font-display);margin-top:12px;color:#f7f9ff}
.ac-amt{font:500 30px var(--font-display);letter-spacing:-.01em;margin-top:2px;font-variant-numeric:tabular-nums}
.ac-sub{font-size:17px;color:#9fb2d4}
.ac-line{position:relative;height:84px}
.ac-line::before{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,rgba(119,164,255,.5),rgba(119,164,255,.8),rgba(119,164,255,.5))}
.ac-line::after{content:"";position:absolute;left:0;right:0;top:50%;height:8px;margin-top:-4px;background:radial-gradient(circle,#77a4ff 3px,transparent 4px) left center/8px 8px no-repeat,radial-gradient(circle,#77a4ff 3px,transparent 4px) right center/8px 8px no-repeat}
.ac-token{position:absolute;top:50%;left:0;width:40px;height:40px;margin-top:-20px;border-radius:50%;border:1.5px solid #77a4ff;background:#0f2146;display:grid;place-items:center;color:#cfe0ff;box-shadow:0 0 18px rgba(119,164,255,.5);transform:translateX(0);opacity:0}
.ac-token svg{width:18px;height:18px}
.agent-card.sending .ac-token{opacity:1}
.ac-status{display:inline-flex;align-items:center;gap:10px;margin:22px auto 0;padding:9px 18px;border-radius:999px;font-size:17px;border:1px solid rgba(119,164,255,.3);color:#9fc0ff;background:rgba(12,22,41,.6);transition:all .25s}
.ac-status i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(119,164,255,.2);font-style:normal;font-size:13px;line-height:1}
.agent-card.arrived .ac-status{color:#8ff0bf;border-color:rgba(79,217,150,.4);background:rgba(20,70,50,.35)}
.agent-card.arrived .ac-status i{background:#6fe3a8;color:#073222}
.ac-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(162,184,221,.2);margin-top:26px;padding-top:20px}
.ac-stats div+div{border-left:1px solid rgba(162,184,221,.2)}
.ac-stats strong{display:block;font:600 34px var(--font-display);line-height:1.1}
.ac-stats strong sup{font-size:.5em;vertical-align:top;margin-left:2px}
.ac-stats span{font-size:17px;color:#9fb2d4}
.agent-card .art-disclaimer{font-size:13px!important;color:#8e9cb4;margin:16px 0 0}
@media (max-width:1050px){.hero.has-agent-card{grid-template-columns:1fr;gap:36px}.agent-card{max-width:560px}}
@media (max-width:520px){.agent-card{padding:26px 16px 16px}.ac-end{min-width:0}.ac-orb{width:64px;height:64px}.ac-orb svg{width:28px;height:28px}.ac-amt{font-size:24px}.ac-sub,.ac-status,.ac-stats span{font-size:16px}.ac-line{height:64px}.ac-token{width:34px;height:34px;margin-top:-17px}.ac-stats strong{font-size:28px}}
@media (prefers-reduced-motion:reduce){.ac-token{transition:none!important}}
.agent-card{padding-top:30px}
.hero.has-agent-card .button-row{gap:14px}