/* Approved direction 04. Only the seven AOS Action role nodes use this treatment. */
.aos-graphic{container-type:inline-size}
.aos-character{position:relative;isolation:isolate;flex:none}
.aos-agent-fallback{display:grid;place-items:center;width:100%;height:100%}
.aos-character-move{display:none}
.aos-character-ready>span.aos-character:first-child{width:clamp(43px,13.2cqw,85px);height:clamp(59px,15.6cqw,100px);border:0;border-radius:0;background:none;box-shadow:none}
.aos-agent-ceo.aos-character-ready>span.aos-character:first-child{width:clamp(51px,16cqw,103px);height:clamp(70px,18.4cqw,118px)}
.aos-agent[class*="worker"].aos-character-ready>span.aos-character:first-child{width:clamp(38px,11.5cqw,74px);height:clamp(53px,14.2cqw,91px)}
.aos-character-ready .aos-agent-fallback{display:none}
.aos-character-ready .aos-character-move{position:absolute;inset:0;display:block;transform-origin:50% 94%;z-index:1}
.aos-character-ready .aos-character img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:50% 94%;filter:drop-shadow(0 3px 5px #02091835);user-select:none;-webkit-user-drag:none}
.aos-character-ready .aos-character::after{content:'';position:absolute;left:25%;bottom:1%;width:50%;height:3px;border-radius:50%;background:#83b7d626;box-shadow:0 0 10px #83b7d618;transition:background .6s,box-shadow .6s}
.aos-agent-ceo.aos-character-ready .aos-character::after{background:#f5ad8233;box-shadow:0 0 15px #f5ad821c}
.aos-character-ready{gap:5px}
.aos-character-ready strong{position:relative;z-index:2;padding-inline:5px;background:#142137eb;transition:color .5s}
.aos-agent-active.aos-character-ready strong{color:#e8f2fb}
.aos-agent-ceo.aos-agent-active.aos-character-ready strong{color:#ffcfaa}
.aos-agent-active .aos-character::after{background:#a2d5ee70;box-shadow:0 0 17px #91c8e13d}
.aos-agent-ceo.aos-agent-active .aos-character::after{background:#f5ad8273;box-shadow:0 0 17px #f5ad823b}
.aos-experience[data-aos-stage="3"] .aos-character-ready .aos-character img{animation:aosCharacterIdle var(--character-period,8.6s) ease-in-out infinite;animation-delay:var(--character-delay,0s)}
.aos-experience[data-aos-stage="3"] .aos-agent-active .aos-character-move{animation:aosCharacterAcknowledge 1.7s cubic-bezier(.3,.1,.3,1) both}
.aos-agent-ceo{--character-period:9.4s;--character-delay:-2.7s;--character-lean:-.7deg}
.aos-agent-manager1{--character-period:8.6s;--character-delay:-5.1s;--character-lean:.8deg}
.aos-agent-manager2{--character-period:9.1s;--character-delay:-1.2s;--character-lean:-.6deg}
.aos-agent-worker1{--character-period:8.8s;--character-delay:-3.6s;--character-lean:.65deg}
.aos-agent-worker2{--character-period:9.8s;--character-delay:-6.4s;--character-lean:-.7deg}
.aos-agent-worker3{--character-period:8.4s;--character-delay:-.8s;--character-lean:.7deg}
.aos-agent-worker4{--character-period:9.6s;--character-delay:-4.3s;--character-lean:-.6deg}
@keyframes aosCharacterIdle{0%,100%{transform:translateY(0) rotate(0)}48%{transform:translateY(-.65px) rotate(var(--character-lean,.6deg))}}
@keyframes aosCharacterAcknowledge{0%,100%{transform:translateY(0) rotate(0)}32%{transform:translateY(-1.2px) rotate(.9deg)}62%{transform:translateY(.4px) rotate(-.35deg)}}
@media(max-width:800px){.aos-character-ready{gap:4px}.aos-character-ready strong{padding-inline:3px}}
/* Full-body silhouettes need extra space below the manager labels on narrow diagrams. */
@container(max-width:400px){
  .aos-plane-action .aos-agent[class*="worker"]{top:72%}
  .aos-plane-action .aos-automation{top:88%}
}
.aos-paused .aos-character img,.aos-paused .aos-character-move{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.aos-character img,.aos-character-move{animation:none!important;transform:none!important}.aos-character::after,.aos-character-ready strong{transition:none!important}}