/* Home: the "My agents" hero tab and the card that leads to /agents.
   Loaded only while the landing_agents flag is on (marker block in the HTML). */
:root{--term:#0d0f14;--term-2:#161922;--term-line:#262a35;--term-ink:#e7e9ee;--term-dim:#8a90a0;--term-acc:#7c93ff;--term-key:#9fb1ff;--term-num:#ffd28a}
.seg7{flex-wrap:wrap}
/* hero terminal */
.hterm{background:var(--term);color:var(--term-ink);border-radius:16px;overflow:hidden;box-shadow:0 34px 70px -36px rgba(13,15,20,.6);font:13px/1.6 "Geist Mono",ui-monospace,monospace;margin:44px 0 52px}
.hterm-b{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:var(--term-2);border-bottom:1px solid var(--term-line)}
.hterm-b i{width:9px;height:9px;border-radius:50%;background:#2c313d}
.hterm-b span{margin-left:8px;font-size:11.5px;color:var(--term-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hterm-b em{margin-left:auto;font:500 11px Geist,sans-serif;font-style:normal;color:var(--term-dim);border:1px solid var(--term-line);border-radius:99px;padding:2px 9px}
.hterm-c{padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px}
.hterm .hpr{color:var(--term-acc)}
.hl-u{color:#fff}
.hl-call{color:var(--term-dim);display:flex;align-items:baseline;gap:8px}
.hl-call b{color:var(--term-ink);font-weight:500}
.hterm .dot{width:8px;height:8px;border-radius:50%;background:var(--term-num);flex:none}
.hterm .dot.a{background:var(--term-acc)}
.hl-json{margin:0 0 0 16px;font:12px/1.7 "Geist Mono",monospace;color:var(--term-dim);background:rgba(255,255,255,.035);border:1px solid var(--term-line);border-radius:10px;padding:10px 12px;white-space:pre-wrap;word-break:break-word}
.hterm .jk{color:var(--term-key)}.hterm .jn{color:var(--term-num)}
.hl-a{display:flex;gap:10px;align-items:baseline;font:14.5px/1.55 Geist,system-ui,sans-serif}
.hl-a b{color:#fff;font-weight:600}
/* card */
.agcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;align-items:center;margin:8px 0 72px;padding:30px 32px;border-radius:20px;background:var(--term);color:var(--term-ink);text-decoration:none;position:relative;overflow:hidden;
  background-image:radial-gradient(rgba(124,147,255,.14) 1px,transparent 1px);background-size:22px 22px}
.agcard:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.agc-k{font:500 11.5px "Geist Mono",monospace;letter-spacing:.08em;color:var(--term-acc)}
.agc-t h2{margin:10px 0 8px;font-size:26px;line-height:1.12;letter-spacing:-.03em;font-weight:600;color:#fff}
.agc-t p{margin:0 0 18px;font-size:15px;color:var(--term-dim)}
.agc-go{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:9px;background:#fff;color:var(--term);font-weight:500;font-size:15px}
.agc-go i{font-style:normal}
.agc-v{display:flex;flex-direction:column;gap:10px;min-width:0}
.agc-v code{display:block;background:var(--term-2);border:1px solid var(--term-line);border-radius:10px;padding:12px 14px;font:12.5px/1.5 "Geist Mono",monospace;color:var(--term-ink);overflow-wrap:anywhere}
.agc-v .hpr{color:var(--term-acc)}
.agc-v .ok{display:flex;align-items:center;gap:8px;color:var(--term-dim);align-self:flex-start}
.agc-v .dot{width:8px;height:8px;border-radius:50%;background:#7fd6a4}
@media (max-width:860px){.agcard{grid-template-columns:1fr;gap:22px;padding:24px 20px}}
@media (max-width:640px){.hterm{margin:0;font-size:12px}.hterm-c{padding:14px}.hl-json{margin-left:0}.agc-t h2{font-size:22px}.agcard{margin-bottom:48px}}
@media (prefers-reduced-motion:no-preference){
  .agc-go i{transition:transform .2s cubic-bezier(.2,.7,.2,1)}
  .agcard:hover .agc-go i{transform:translateX(3px)}
  .agcard{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s}
  @media (hover:hover){.agcard:hover{transform:translateY(-2px);box-shadow:0 30px 60px -34px rgba(13,15,20,.55)}}
}
/* color, matching /agents */
.hterm{box-shadow:0 0 0 1.5px rgba(123,92,255,.45),0 34px 80px -34px rgba(70,60,255,.6)}
.agcard{background-color:#0b0d16;background-image:radial-gradient(circle at 12% 0%,rgba(31,79,255,.45),transparent 45%),radial-gradient(circle at 95% 100%,rgba(123,92,255,.4),transparent 45%);background-size:auto}
/* quiet syntax, the margin of error in cobalt */
.hterm .jk{color:#7d8496}.hterm .jn{color:var(--term-ink)}
.hterm .ci{background:rgba(124,147,255,.16);border-radius:4px;box-shadow:0 0 0 2px rgba(124,147,255,.18)}
.hterm .ci .jk,.hterm .ci .jn{color:#9fb1ff}
.hterm .dot{background:#7b5cff}
.vis-agents{display:flex;align-items:center}
.vis-agents[hidden]{display:none}
.vis-agents .hterm{margin:20px 0;width:100%}