.hero-experience { position: relative; background: #0d1b2a; }
.hero-experience .hero-slide .slide-visual,
.hero-experience .glass-card-float,
.hero-experience .floating-elements { display: none; }
.hero-bot-scene { position: absolute; top: 115px; bottom: 25px; right: 2.5%; width: 53%; z-index: 3; pointer-events: none; display: flex; align-items: center; justify-content: center; }
.hero-bot-art { display: block; width: 100%; max-width: 780px; max-height: 100%; overflow: visible; }
.bot-eye-light { filter: drop-shadow(0 0 7px #00afef); }
.bot-eyes { transform-box: fill-box; transform-origin: center; }
.bot-head { transform-box: fill-box; transform-origin: center; }
.bot-motion-toggle { position: absolute; bottom: 30px; right: 34px; z-index: 12; display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 9px 15px; border: 1px solid rgba(126,199,231,.28); border-radius: 30px; background: rgba(13,27,42,.8); color: #b3ccdb; font: 500 12px/1.3 'Inter', sans-serif; cursor: pointer; transition: background .2s, border-color .2s; }
.bot-motion-toggle:hover { background: #193a52; border-color: #00afef; color: #fff; }
.bot-motion-toggle:focus-visible { outline: 2px solid #FEC62B; outline-offset: 5px; }
.bot-motion-icon { display: flex; gap: 3px; width: 11px; height: 12px; align-items: center; justify-content: center; }
.bot-motion-icon::before,.bot-motion-icon::after { content: ''; width: 3px; height: 10px; background: #00afef; border-radius: 1px; }
.bot-motion-toggle[aria-pressed="true"] .bot-motion-icon::before { width: 0; height: 0; background: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #00afef; border-radius: 0; }
.bot-motion-toggle[aria-pressed="true"] .bot-motion-icon::after { display: none; }
@media (min-width: 1500px) { .hero-bot-scene { right: 7%; width: 48%; } }
@media (max-width: 1199px) and (min-width: 992px) { .hero-bot-scene { right: -3%; width: 55%; opacity: .85; } }
@media (max-width: 991px) {
    .hero-bot-scene { top: 90px; bottom: 75px; right: -17%; width: 85%; opacity: .24; }
    .hero-experience .hero-slide .slide-content { max-width: 620px; }
    .bot-motion-toggle { right: 20px; bottom: 24px; }
}
@media (max-width: 575px) {
    .hero-bot-scene { top: 140px; bottom: 110px; right: -38%; width: 130%; opacity: .19; }
    .hero-experience .hero-slide { padding-bottom: 110px; }
    .hero-experience .slick-dots { bottom: 30px; left: 22px; transform: none; gap: 8px; }
    .bot-motion-toggle { bottom: 19px; right: 15px; padding: 8px 11px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .bot-motion-toggle { transition: none; } }