body[data-hero="a"] .hero.v-b, body[data-hero="a"] .hero.v-c { display: none; }
  body[data-hero="b"] .hero.v-a, body[data-hero="b"] .hero.v-c { display: none; }
  body[data-hero="c"] .hero.v-a, body[data-hero="c"] .hero.v-b { display: none; }
  html.accent-indigo .sb-btn.primary {
    background: var(--indigo);
    box-shadow: 0 2px 8px color-mix(in oklab, var(--indigo) 40%, transparent);
  }
  html.accent-indigo .sb-btn.primary:hover { box-shadow: 0 4px 14px color-mix(in oklab, var(--indigo) 55%, transparent); }

/* Illustrated AI crew, shared SVG shapes with independent character motion. */
.bot-scene { position: relative; max-width: 1000px; margin: 16px auto 0; }
.bot-art { display: block; width: 100%; height: auto; overflow: visible; }
.bot-float { animation: bot-hover 4.8s ease-in-out infinite; }
.bot-left { animation-delay: -1.6s; }
.bot-right { animation-delay: -3.2s; }
.bot-eyes { transform-box: fill-box; transform-origin: center; animation: bot-blink 6s infinite; }
.bot-hand { transform-origin: 39px 62px; animation: bot-wave 7s ease-in-out infinite; }
.bot-antenna { animation: bot-signal 3s ease-in-out infinite; }
.bot-task { transform-box: fill-box; transform-origin: center; animation: bot-task-drift 5s ease-in-out infinite; }
.task-code { animation-delay: -2s; }
.task-check { animation-delay: -3.5s; }
.bot-floor { transform-box: fill-box; transform-origin: center; animation: bot-shadow-breathe 4.8s ease-in-out infinite; }
.floor-left { animation-delay: -1.6s; }.floor-right { animation-delay: -3.2s; }
.bot-motion { display: block; margin: -8px auto 0; padding: 8px 12px; border: 0; background: transparent; color: #60718a; font: inherit; font-size: 12px; cursor: pointer; border-radius: 8px; }
.bot-motion[hidden] { display: none; }
.bot-motion:hover { background: #e6eeff; color: #2563eb; }
.bot-motion:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.bot-scene.is-paused * { animation-play-state: paused !important; }
@keyframes bot-hover { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-14px) rotate(2deg); } }
@keyframes bot-blink { 0%,43%,47%,100% { transform: scaleY(1); } 45% { transform: scaleY(.12); } }
@keyframes bot-wave { 0%,65%,100% { transform: rotate(0); } 74%,86% { transform: rotate(-27deg); } 80%,92% { transform: rotate(-12deg); } }
@keyframes bot-signal { 0%,100% { opacity: 1; } 50% { opacity: .4; } }
@keyframes bot-task-drift { 0%,100% { translate: 0 0; rotate: -5deg; } 50% { translate: 0 -10px; rotate: 5deg; } }
@keyframes bot-shadow-breathe { 0%,100% { transform: scaleX(1); opacity: .35; } 50% { transform: scaleX(.8); opacity: .18; } }
@media (max-width: 600px) { .bot-scene { margin: 25px -20px 0; } .bot-art { width: 120%; max-width: none; margin-inline: -10%; } .bot-scene { overflow: hidden; } .bot-motion { margin-top: 8px; } }
@media (prefers-reduced-motion: reduce) { .bot-scene * { animation: none !important; } .bot-motion { display: none; } }