.agent-visual{--energy-color:#29a8ff;isolation:isolate;overflow:hidden}
.agent-visual:after{content:"";position:absolute;inset:8%;z-index:1;border-radius:50%;background:radial-gradient(circle at var(--core-x,50%) var(--core-y,46%),color-mix(in srgb,var(--energy-color) 25%,transparent),transparent 36%);filter:blur(12px);animation:energyBreath 3s ease-in-out infinite;pointer-events:none}
.agent-visual #agent-image{position:relative;z-index:2;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--energy-color) 28%,transparent));transition:opacity .25s,transform .35s,filter .4s}
.agent-energy{position:absolute;inset:2% 4% 0;z-index:3;color:var(--energy-color);pointer-events:none;mix-blend-mode:screen;opacity:.96}
.energy-network{width:100%;height:100%;overflow:visible}
.energy-network path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:2 13;filter:drop-shadow(0 0 5px currentColor);animation:energyFlow 2.1s linear infinite}
.energy-network path:nth-child(2){animation-duration:2.7s;animation-direction:reverse;opacity:.78}.energy-network path:nth-child(3){animation-duration:1.75s;opacity:.65}.energy-network path:nth-child(4){animation-duration:3.1s;animation-direction:reverse;opacity:.55}
.energy-core{position:absolute;left:var(--core-x,50%);top:var(--core-y,46%);width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 18px var(--energy-color),0 0 38px var(--energy-color);animation:coreBeat 1.65s ease-in-out infinite}
.energy-core:before,.energy-core:after{content:"";position:absolute;inset:-11px;border:1px solid currentColor;border-radius:50%;animation:coreRing 2.1s ease-out infinite}.energy-core:after{inset:-22px;animation-delay:.7s;opacity:.5}
.energy-node{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px var(--energy-color);animation:nodeTravel 3s ease-in-out infinite}
.energy-node.n1{left:31%;top:35%;--dx:76px;--dy:64px}.energy-node.n2{right:30%;top:35%;--dx:-74px;--dy:64px;animation-delay:.45s}.energy-node.n3{left:40%;top:68%;--dx:45px;--dy:-96px;animation-delay:.9s}.energy-node.n4{right:39%;top:68%;--dx:-44px;--dy:-96px;animation-delay:1.3s}
.energy-scan{position:absolute;left:12%;right:12%;top:12%;height:2px;background:linear-gradient(90deg,transparent,currentColor 25%,#fff 50%,currentColor 75%,transparent);filter:drop-shadow(0 0 7px currentColor);opacity:0;animation:scanBody 3.4s ease-in-out infinite}
.agent-energy[data-mode="mikeclaw"] .energy-network{opacity:1}.agent-energy[data-mode="mikeclaw"] .energy-node{animation-duration:2.25s}
.agent-energy[data-mode="pmbot"] .energy-network path{stroke-dasharray:1 20;animation-duration:3.8s;opacity:.38}.agent-energy[data-mode="pmbot"] .energy-core{width:26px;height:26px;animation-duration:1.15s}.agent-energy[data-mode="pmbot"] .energy-core:before{inset:-32px;border-width:2px}.agent-energy[data-mode="pmbot"] .energy-core:after{inset:-62px;border-style:dashed;animation:pmOrbit 5s linear infinite}.agent-energy[data-mode="pmbot"] .energy-node{animation:pmGather 2.8s ease-in-out infinite}
.agent-energy[data-mode="brandbot"] .energy-network path{stroke-dasharray:18 8;animation-duration:4.6s}.agent-energy[data-mode="brandbot"] .energy-scan{opacity:.7;animation-duration:5s}.agent-energy[data-mode="brandbot"] .energy-node{animation-duration:4.4s}
.agent-energy[data-mode="devbot"] .energy-network path{stroke-dasharray:5 9;animation-duration:1.25s}.agent-energy[data-mode="devbot"] .energy-scan{opacity:.75;animation-duration:2.2s}.agent-energy[data-mode="devbot"] .energy-core:after{border-radius:3px;animation:devRotate 3s linear infinite}
.agent-energy[data-mode="seobot"] .energy-network{opacity:.5}.agent-energy[data-mode="seobot"] .energy-core:before{inset:-58px;border-top-color:transparent;border-bottom-color:transparent;animation:radarSpin 2.5s linear infinite}.agent-energy[data-mode="seobot"] .energy-core:after{inset:-95px;border-style:dashed;animation:radarSpin 7s linear infinite reverse}.agent-energy[data-mode="seobot"] .energy-scan{opacity:.45;transform-origin:center;animation:seoSweep 3.2s linear infinite}
.agent-energy[data-mode="qabot"] .energy-network path{stroke-dasharray:24 34;animation-duration:5s}.agent-energy[data-mode="qabot"] .energy-scan{opacity:.95;animation-duration:2.1s}.agent-energy[data-mode="qabot"] .energy-core{animation:qaAlert 2.6s steps(2) infinite}
.agent-energy[data-mode="docbot"] .energy-network path{stroke-dasharray:3 8;animation-duration:3.4s}.agent-energy[data-mode="docbot"] .energy-scan{opacity:.65;animation-duration:4.8s}.agent-energy[data-mode="docbot"] .energy-node{border-radius:1px;animation-duration:3.8s}
@keyframes energyFlow{to{stroke-dashoffset:-100}}
@keyframes energyBreath{50%{opacity:.45;transform:scale(1.08)}}
@keyframes coreBeat{50%{transform:translate(-50%,-50%) scale(1.45);filter:brightness(1.6)}}
@keyframes coreRing{0%{transform:scale(.35);opacity:0}35%{opacity:.8}100%{transform:scale(1.45);opacity:0}}
@keyframes nodeTravel{0%,100%{transform:translate(0,0);opacity:0}18%,75%{opacity:1}55%{transform:translate(var(--dx),var(--dy)) scale(1.6)}}
@keyframes scanBody{0%,100%{transform:translateY(0);opacity:0}15%,80%{opacity:.8}50%{transform:translateY(390px)}}
@keyframes pmOrbit{to{transform:rotate(360deg)}}
@keyframes pmGather{0%,100%{transform:translate(0,0);opacity:0}50%{left:var(--core-x,50%);top:var(--core-y,46%);opacity:1}}
@keyframes devRotate{to{transform:rotate(360deg)}}
@keyframes radarSpin{to{transform:rotate(360deg)}}
@keyframes seoSweep{0%{transform:translateY(210px) rotate(-18deg)}100%{transform:translateY(210px) rotate(342deg)}}
@keyframes qaAlert{50%{background:#fff;box-shadow:0 0 8px #fff,0 0 24px var(--energy-color),0 0 58px var(--energy-color)}}
@media(max-width:720px){.agent-energy{inset:0}.energy-network path{stroke-width:2.8}.energy-node{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){.agent-visual:after,.energy-network path,.energy-core,.energy-core:before,.energy-core:after,.energy-node,.energy-scan{animation:none}}