#agent-team{background:#f5f8f5;border-top:1px solid #e2ebe5}
#agent-team .team-heading{max-width:650px;margin:0 auto 50px;text-align:center}
#agent-team h2{font-size:38px;letter-spacing:-1.5px;line-height:1.25}
#agent-team .team-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.9;margin-top:20px}
#agent-team .team-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#agent-team .team-member{appearance:none;min-width:0;display:flex;flex-direction:column;align-items:center;background:transparent;border:1px solid transparent;border-radius:18px;padding:24px 15px;color:var(--forest);font:inherit;cursor:pointer;transition:background .2s,border-color .2s}
#agent-team .team-member:hover,#agent-team .team-member[aria-pressed=true]{background:white;border-color:#d3e3d8}
#agent-team .team-member>strong{font-size:16px;margin-top:20px;font-weight:600}
#agent-team .team-member>small{font-size:11px;margin-top:6px;color:var(--muted);line-height:1.6}
#agent-team .team-play-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
#agent-team .team-play-controls>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
#agent-team .team-member:focus-visible{outline:3px solid #60a786;outline-offset:3px}
#agent-team .team-pet-drag{width:56px;height:58px;display:flex;align-items:center;justify-content:center;position:relative;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#agent-team .is-dragging .team-pet-drag{cursor:grabbing}
#agent-team .is-dragging .team-pet{visibility:hidden;animation-play-state:paused}
#agent-team .is-dragging .team-pet i{animation-play-state:paused}
.team-floating-pet{position:fixed;left:0;top:0;width:56px;height:58px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2147483647;will-change:transform}
body.team-drag-in-progress,body.team-drag-in-progress *{cursor:grabbing!important;user-select:none!important}
.team-floating-pet .team-pet{scale:1.08;filter:drop-shadow(0 10px 9px #043d3138);transition:scale .4s ease,filter .4s ease}
.team-floating-pet.is-returning{transition:transform .45s cubic-bezier(.2,1.15,.35,1)}
.team-floating-pet.is-returning .team-pet{scale:1;filter:drop-shadow(0 0 0 transparent)}
#agent-team .team-drag-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.team-pet{--pet-color:#80c8ab;width:56px;height:58px;background:var(--pet-color);border-radius:48% 52% 46% 54%;display:flex;gap:6px;align-items:center;justify-content:center;position:relative;animation:pet-float 4s ease-in-out infinite;animation-delay:var(--pet-delay,0s);transform-origin:50% 90%}
.team-pet i{display:block;width:4px;height:9px;background:#183f32;border-radius:4px;transform:rotate(-10deg);animation:pet-blink 5.7s infinite;animation-delay:var(--pet-delay,0s)}
.pet-bean{border-radius:55% 45% 60% 40%;width:51px;height:61px;rotate:12deg}.pet-square{border-radius:16px;width:55px;height:53px;rotate:-9deg}.pet-leaf{border-radius:70% 30% 50% 50%;rotate:10deg}
.pet-leaf:after{content:'';position:absolute;left:-5px;bottom:7px;width:15px;height:17px;border-radius:50%;background:var(--pet-color)}
.pet-mint{--pet-color:#90d5bb}.pet-sand{--pet-color:#e6c28d}.pet-lilac{--pet-color:#c6b0e0}.pet-green{--pet-color:#a6c77b}.pet-peach{--pet-color:#efa99a}.pet-yellow{--pet-color:#e8cb6a}.pet-blue{--pet-color:#9ac8db}.pet-rose{--pet-color:#d8a9c6}
#agent-team .team-detail{display:flex;justify-content:space-between;align-items:center;gap:30px;background:white;border:1px solid #dbe6de;border-radius:16px;padding:28px 32px;margin-top:30px;min-height:155px}
#agent-team .team-detail h3{font-size:19px;line-height:1.6;letter-spacing:-.4px;max-width:630px}
#agent-team .team-detail p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}
#agent-team .team-detail .button{white-space:nowrap;font-size:12px}
@keyframes pet-float{0%,100%{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(-6px) rotate(5deg)}}
@keyframes pet-blink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .15}}
@media(max-width:700px){#agent-team .team-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#agent-team .team-heading{margin-bottom:30px}#agent-team h2{font-size:30px}#agent-team .team-detail{padding:23px;display:block}#agent-team .team-detail h3{font-size:17px}#agent-team .team-detail .button{margin-top:20px}#agent-team .team-member{padding:20px 10px}}
@media(max-width:480px){#agent-team .team-play-controls>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.team-pet,.team-pet i{animation:none}.team-floating-pet,.team-floating-pet .team-pet{transition:none;scale:1}}
.motion-paused .team-pet,.motion-paused .team-pet i{animation-play-state:paused}