/* ======================================================================
   AI Employees (/agents) page
   ====================================================================== */
.agents-hero .hero-copy h1{max-width:640px}
.agent-ring-card{
  width:min(100%,448px);margin:0 auto;border:1px solid var(--line);border-radius:16px;
  background:rgba(230,233,238,.9);padding:16px;overflow:visible;
}
@media(min-width:640px){.agent-ring-card{padding:24px}}
.ringcard-label{
  display:flex;align-items:center;gap:8px;margin-bottom:8px;
  font:600 11px "IBM Plex Mono",monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);
}
.ringcard-svg{display:block;width:100%;height:auto;overflow:visible}
.ringcard-agent{outline:none}
.ringcard-node{transition:r .35s ease,fill .35s ease,stroke-width .35s ease}
.ringcard-line{transition:stroke .35s ease,stroke-width .35s ease}
.ringcard-name{transition:font-weight .25s}
.ringcard-agent.is-active .ringcard-name{font-weight:700}
.ringcard-status{
  min-height:52px;margin-top:4px;padding:12px 16px;
  border:1px solid var(--line);border-radius:12px;background:#fff;
}
.ringcard-status-inner{
  display:flex;align-items:center;gap:10px;font-size:14px;color:var(--slate);line-height:1.3;
}
.ringcard-status-inner strong{flex:0 0 auto;color:var(--ink);font-weight:600}
.ringcard-status-inner [data-ring-action]{min-width:0}
.spotlight-caption{margin:10px 0 0;font-size:12px;color:var(--slate);text-align:center}

.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.why-card{
  background:#fff;border:2px solid rgba(168,85,247,.5);border-radius:20px;padding:22px;
  box-shadow:0 8px 28px -8px rgba(168,85,247,.28);
}
.why-card h3{margin:0 0 8px;font:700 1.1rem/1.3 Poppins,sans-serif}
.why-card p{margin:0;font-size:14px;line-height:1.55;color:var(--slate)}

.orch-canvas{border:1px solid var(--line);border-radius:20px;background:var(--panel2);padding:24px}
.orch-title{font:600 11px "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:16px}
.orch-center{
  display:block;width:fit-content;max-width:100%;margin:0 auto 24px;padding:12px 24px;border-radius:999px;
  background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff;font:700 15px Poppins,sans-serif;text-align:center;
}
.orch-related{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.orch-pill{
  width:100%;max-width:220px;flex:1 1 180px;text-align:center;background:#fff;border:2px solid rgba(168,85,247,.5);
  border-radius:20px;padding:16px;box-shadow:0 8px 24px -8px rgba(168,85,247,.28);
}
.orch-pill strong{display:block;font:600 15px Poppins,sans-serif;color:var(--ink)}
.orch-pill span{display:block;margin-top:4px;font-size:12px;color:var(--slate)}

.agent-detail-list{display:flex;flex-direction:column;gap:20px}
.agent-detail-card{
  display:grid;grid-template-columns:220px 1fr;gap:24px;background:#fff;border:2px solid rgba(168,85,247,.5);
  border-radius:20px;padding:24px;box-shadow:0 8px 28px -8px rgba(168,85,247,.28);
}
.agent-detail-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.agent-detail-emoji{
  width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;
}
.agent-detail-num{font-size:11px;margin-bottom:4px}
.agent-detail-card h3{margin:0;font:700 1.5rem/1.2 Poppins,sans-serif}
.agent-detail-role{margin-top:4px;font-size:14px;font-weight:500;color:var(--slate)}
.agent-detail-body p{margin:0;font-size:16px;line-height:1.6;color:var(--ink)}
.agent-detail-body .text-slate{color:var(--slate)}
.agent-detail-body .tags{margin-top:12px}
.agent-detail-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:600;
  color:var(--blue);text-decoration:none;transition:gap .2s;
}
.agent-detail-link:hover{gap:10px}

.deploy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.deploy-card{
  display:block;text-decoration:none;background:#fff;border:2px solid rgba(168,85,247,.5);border-radius:20px;
  padding:20px;box-shadow:0 8px 28px -8px rgba(168,85,247,.28);transition:transform .25s;
}
.deploy-card:hover{transform:translateY(-4px)}
.deploy-icon{display:inline-flex;color:var(--blue);line-height:0;margin-bottom:12px}
.deploy-icon svg{width:24px;height:24px}
.deploy-card h3{margin:0;font:700 14px/1.3 Poppins,sans-serif;color:var(--ink)}
.deploy-card p{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--slate)}

.faq-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.faq-item{border-bottom:1px solid var(--line);padding:16px 0}
.faq-item summary{cursor:pointer;font:600 15px/1.4 Poppins,sans-serif;color:var(--ink);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";float:right;color:var(--slate);font-weight:400}
.faq-item[open] summary:after{content:"–"}
.faq-item p{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--slate)}
.faq-aside{
  border:2px solid rgba(168,85,247,.5);border-radius:20px;background:#fff;padding:24px;
  box-shadow:0 8px 24px -8px rgba(168,85,247,.35);
}
.faq-aside h4{margin:0;font:700 1.1rem Poppins,sans-serif}
.faq-aside p{margin:8px 0 0;font-size:14px;color:var(--slate)}
.faq-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.faq-badges span,.compliance-badges span{border-radius:999px;background:var(--panel2);padding:4px 10px;font-size:11px;font-weight:500;color:var(--slate)}
.compliance-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:28px}
.faq-aside .compliance-badges{justify-content:flex-start;margin-top:24px}

/* Single agent profile */
.agent-single-page .hero-copy h1{max-width:none}
.agent-portrait{
  position:relative;width:100%;max-width:28rem;margin:0 auto;overflow:hidden;
  border:1px solid var(--line);border-radius:20px;background:#fff;
  box-shadow:0 24px 60px rgba(15,23,42,.12);
}
.agent-portrait img{
  display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;
}
.agent-portrait-fallback{
  display:flex;align-items:flex-end;justify-content:center;min-height:28rem;
  background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,#fff),var(--panel2));
}
.agent-portrait-emoji{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:96px;line-height:1}
.agent-portrait-meta{
  position:absolute;inset-inline:0;bottom:0;padding:64px 20px 20px;
  background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.4),transparent);
  color:#fff;
}
.agent-portrait-meta .mono{
  display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75);
}
.agent-portrait-meta strong{
  display:block;margin-top:4px;font:700 1.5rem/1.15 Poppins,sans-serif;color:#fff;
}
.agent-moment{padding-top:56px;padding-bottom:56px}
.agent-moment-inner{max-width:720px;margin:0 auto;text-align:center}
.agent-moment-inner .label{margin-bottom:16px}
.agent-moment-setup{
  margin:0;font:600 clamp(1.35rem,2.4vw,1.75rem)/1.35 Poppins,sans-serif;color:var(--ink);letter-spacing:-.02em;
}
.agent-moment-resolution{margin:16px 0 0;font-size:18px;line-height:1.65;color:var(--slate)}
.agent-pain-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;
}
.agent-pain-card{
  height:100%;border:2px solid rgb(168,85,247);border-radius:20px;background:#fff;
  box-shadow:0 8px 28px -8px rgba(168,85,247,.25);
}
.agent-pain-card-inner{padding:24px;display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box}
.agent-pain-card h3{margin:0 0 4px;font:700 1.1rem/1.3 Poppins,sans-serif;color:var(--ink)}
.agent-pain-card .label{margin:8px 0 0}
.agent-pain-card p{margin:0;font-size:14px;line-height:1.55;color:var(--slate)}
.agent-pain-resolve{color:var(--accent) !important}
.agent-adapt-grid,.agent-along-grid{
  display:flex;flex-wrap:wrap;justify-content:center;gap:16px;
}
.agent-adapt-card,.agent-along-card{
  width:100%;max-width:calc(50% - 8px);flex:1 1 280px;text-decoration:none;color:inherit;
  border:2px solid color-mix(in srgb,var(--accent) 85%,#fff);border-radius:20px;background:#fff;
  box-shadow:0 8px 28px -8px color-mix(in srgb,var(--accent) 35%,transparent);
  transition:transform .25s var(--ease);
}
.agent-along-card{
  border-color:color-mix(in srgb,var(--along-accent,var(--accent)) 85%,#fff);
  box-shadow:0 8px 28px -8px color-mix(in srgb,var(--along-accent,var(--accent)) 35%,transparent);
}
.agent-along-card:hover{transform:translateY(-4px)}
.agent-adapt-card-inner{padding:24px}
.agent-adapt-card .profile-role{margin-bottom:8px;color:var(--accent)}
.agent-adapt-card p{margin:0;font-size:14px;line-height:1.55;color:var(--slate)}
.agent-along-card-inner{display:flex;align-items:flex-start;gap:16px;padding:24px}
.agent-along-emoji{flex:0 0 auto;font-size:28px;line-height:1}
.agent-along-card strong{display:block;font:700 1.1rem/1.3 Poppins,sans-serif;color:var(--ink)}
.agent-along-card p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--slate)}

@media(max-width:900px){
  .why-grid,.deploy-grid{grid-template-columns:1fr 1fr}
  .agent-detail-card{grid-template-columns:1fr}
  .agent-detail-side{flex-direction:row;align-items:center}
  .faq-layout{grid-template-columns:1fr}
  .agent-pain-grid{grid-template-columns:1fr}
  .agent-adapt-card,.agent-along-card{max-width:none;flex:1 1 100%}
}
@media(max-width:560px){
  .why-grid,.deploy-grid{grid-template-columns:1fr}
  .breadcrumb{padding:14px 20px 0}
}