/* Give the copy more room while keeping the illustration alongside it. */
/* Blue circles with warm accents and gently defined edges. */
.agent-handoff::before,.agent-handoff::after{content:"";position:absolute;z-index:0;width:clamp(340px,46vw,700px);aspect-ratio:1;pointer-events:none}
.agent-handoff::before{top:24px;left:clamp(12px,2vw,32px);transform:translateX(-30%);background:
  radial-gradient(ellipse 42% 42% at 38% 42%,rgba(83,211,240,.24) 0%,rgba(150,228,250,.2) 74%,rgba(219,246,255,.09) 81%,transparent 86%),
  radial-gradient(ellipse 20% 20% at 78% 25%,rgba(255,182,117,.3) 0%,rgba(255,213,174,.23) 76%,rgba(255,235,215,.1) 83%,transparent 88%)}
.agent-handoff::after{right:clamp(-120px,-6vw,-60px);bottom:-4%;width:clamp(340px,32vw,500px);background:
  radial-gradient(circle at 62% 54%,rgba(255,218,82,.3) 0 32%,rgba(255,231,137,.22) 39%,rgba(255,247,211,.09) 46%,transparent 52%)}
.agent-handoff .agent-ai-heading{margin-bottom:2.8em}
.agent-handoff .agent-ai-heading p{max-width:68ch}
.agent-handoff .act-container-wrap{width:calc(100% - 4em);max-width:1200px}
.agent-handoff-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:0}
.agent-handoff-features{box-sizing:border-box;display:grid;align-content:center;gap:1.6em;min-height:29em;margin:0;padding:2.5em 2.2em;list-style:none;transform:translateY(-2em)}
.agent-handoff-features li{position:relative;display:grid;grid-template-columns:8.8em minmax(0,1fr);align-items:center;gap:1.1em;padding-bottom:1.4em}
.agent-handoff-features li::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#0882de 0%,#50c8ed 55%,rgba(80,200,237,0) 100%)}
.agent-handoff-label{display:flex;align-items:center;gap:.55em}
.agent-handoff-label h3{margin:0;color:#0878dc;font-size:1.9em;font-weight:800;line-height:1.3;white-space:nowrap}
.agent-handoff-label img{display:block;width:3.6em;height:3.6em;object-fit:contain;flex-shrink:0;order:-1}
.agent-handoff-features p{margin:0;color:#002f62;font-size:clamp(1.2em,1.6vw,1.6em);font-weight:700;line-height:1.65;white-space:nowrap}
.agent-handoff-visual{position:relative;box-sizing:border-box;width:100%;max-width:39em;aspect-ratio:.85;margin:0 auto;isolation:isolate}
.agent-handoff-charts,.agent-handoff-person{display:block}
.agent-handoff-charts{position:absolute;inset:0;z-index:0}
.agent-handoff-person{position:absolute;left:25%;bottom:0;z-index:1;width:58%}
.agent-handoff-visual img{display:block;width:100%;height:auto}
.agent-handoff-person img{filter:drop-shadow(0 .7em .75em rgba(34,93,153,.12))}

@media screen and (max-width:1100px) and (min-width:770px){
  .agent-handoff .act-container-wrap{width:calc(100% - 3em)}
  .agent-handoff-features{gap:1.5em;min-height:24em;padding:2em 1.5em}
  .agent-handoff-features li{grid-template-columns:7.4em minmax(0,1fr);gap:.7em}
  .agent-handoff-label{gap:.4em}
  .agent-handoff-label h3{font-size:1.6em}
  .agent-handoff-label img{width:3em;height:3em}
  .agent-handoff-features p{font-size:1.25em;white-space:normal}
}
@media screen and (max-width:769px){
  .agent-handoff::before,.agent-handoff::after{display:none}
  .agent-handoff .act-container-wrap{width:calc(100% - 2em)}
  .agent-handoff .agent-ai-heading{margin-bottom:2em}
  .agent-handoff-body{grid-template-columns:minmax(0,1fr);gap:1.6em}
  .agent-handoff-features{gap:1.5em;min-height:0;padding:1.6em 1.35em}
  .agent-handoff-features li{grid-template-columns:7.1em minmax(0,1fr);gap:.7em}
  .agent-handoff-label{gap:.4em}
  .agent-handoff-label h3{font-size:1.5em}
  .agent-handoff-label img{width:3em;height:3em}
  .agent-handoff-features p{font-size:1.22em;font-weight:700;white-space:normal}
  .agent-handoff-visual{max-width:28em}
}