/* agents.css — /agents (MK2): ARCIRCLE's AI agents on Arc. Sits on gw.css (the nav, buttons, footer). */
body.ag{background:#050a1a;color:#e8f1ff;font-family:Sora,system-ui,sans-serif;margin:0}
.ag-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.ag-kick{font:800 12px/1.2 Sora,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7ff6ff;margin:0 0 10px}
.ag h1,.ag h2{font-family:"Exo 2",Sora,sans-serif;font-weight:900;letter-spacing:-.01em;margin:0 0 14px}
.ag h1{font-size:clamp(38px,6vw,68px);line-height:1.02}.ag h2{font-size:clamp(28px,4vw,42px);line-height:1.08}
.ag-lead{color:#b9cbea;font-size:17px;line-height:1.6;max-width:680px;margin:0 0 20px}
.ag-hero{position:relative;overflow:hidden;padding:120px 0 70px;background:radial-gradient(900px 500px at 80% 20%,rgba(122,60,255,.35),transparent 60%),radial-gradient(700px 400px at 10% 90%,rgba(31,224,255,.18),transparent 60%),linear-gradient(180deg,#071233,#050a1a)}
.ag-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.ag-cta{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 18px}
.ag-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.ag-chips li{font:700 12.5px/1 Sora,sans-serif;padding:9px 12px;border-radius:999px;background:rgba(127,246,255,.1);border:1px solid rgba(127,246,255,.35);color:#cff9ff}
.ag-hero-art{position:relative;height:420px}
.ag-hero-art img{position:absolute;width:250px;height:250px;object-fit:cover;border-radius:28px;box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 2px rgba(255,255,255,.12);animation:agFloat 6s ease-in-out infinite}
.ag-hero-art .a1{left:6%;top:4%}.ag-hero-art .a2{right:0;top:24%;animation-delay:-2s}.ag-hero-art .a3{left:22%;bottom:0;animation-delay:-4s}
@keyframes agFloat{50%{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){.ag-hero-art img{animation:none}}
.ag-sec{padding:70px 0}.ag-dark{background:linear-gradient(180deg,#081536,#060d24)}
.ag-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 22px}
.ag-stats>div{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ag-stats b{display:block;font:900 32px/1 "Exo 2",sans-serif;color:#ffd23f}.ag-stats span{color:#9fb4dc;font-size:13px}
.ag-board{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ag-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.ag-row img{width:48px;height:48px;border-radius:12px;object-fit:cover}.ag-row div{flex:1;min-width:0}.ag-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-row small{color:#8fa6d0}.ag-row em{font-style:normal;font-weight:800;color:#7ff6ff;font-size:13px;white-space:nowrap}
.ag-rank{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:900 13px/1 Sora;background:#1a2a66;color:#ffd23f;flex:0 0 auto}
.ag-empty{color:#9fb4dc;grid-column:1/-1}
.ag-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ag-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ag-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:10px 0 18px}
.ag-card,.ag-kind{padding:20px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.ag-card i,.ag-kind i{font-style:normal;font-size:28px;display:block;margin-bottom:10px}.ag-card b,.ag-kind b{display:block;font-size:17px;margin-bottom:6px}
.ag-card p,.ag-kind p{color:#a9bde6;font-size:14px;line-height:1.55;margin:0}
.ag-kind{position:relative;padding-bottom:48px}.ag-soon{position:absolute;left:20px;bottom:16px;font:800 11px/1 Sora;letter-spacing:.06em;padding:6px 9px;border-radius:8px;background:rgba(255,210,63,.14);color:#ffd23f;border:1px solid rgba(255,210,63,.35)}
.ag-note{color:#ffe08a;font-size:14px;margin:0}
.ag-plan{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.ag-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ag-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#9fb4dc}.ag-form label[hidden]{display:none}
.ag-form select,.ag-form input{font:600 15px Sora,sans-serif;color:#fff;background:#0c1838;border:1px solid rgba(127,246,255,.3);border-radius:12px;padding:11px 12px;min-width:0}
.ag-mandate{padding:22px;border-radius:22px;background:linear-gradient(160deg,#13225a,#0a1336);border:1.5px solid rgba(127,246,255,.35);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.ag-mline{font-size:18px;font-weight:700;line-height:1.5;margin:0 0 12px}.ag-mandate h4{margin:14px 0 8px;font-size:14px;color:#7ff6ff}
.ag-mandate ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;color:#cfdcf5;font-size:14px}.ag-over{color:#ff9aa8;font-weight:700}.ag-fund{color:#ffd23f;margin:14px 0 0;font-weight:700}
.ag-faq{display:grid;gap:10px;max-width:820px}.ag-faq details{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ag-faq summary{cursor:pointer;font-weight:700}.ag-faq p{color:#b4c6e8;line-height:1.6;margin:10px 0 0}
.ag-final{text-align:center}.ag-final .ag-lead{margin:0 auto 20px}.ag-final .gw-btn{margin:0 6px 8px}
@media (max-width:900px){.ag-hero-in,.ag-plan{grid-template-columns:1fr}.ag-hero-art{height:300px}.ag-hero-art img{width:170px;height:170px}.ag-grid4,.ag-grid5{grid-template-columns:repeat(2,1fr)}.ag-grid3,.ag-board{grid-template-columns:1fr}}
@media (max-width:520px){.ag-wrap{padding:0 16px}.ag-hero{padding:96px 0 50px}.ag-stats{grid-template-columns:1fr}.ag-grid4,.ag-grid5,.ag-form{grid-template-columns:1fr}.ag-hero-art{height:230px}.ag-hero-art img{width:132px;height:132px;border-radius:20px}.ag-sec{padding:52px 0}}