.satelco-robot{position:fixed;width:96px;height:116px;pointer-events:none!important;z-index:12;overflow:hidden;contain:layout paint;visibility:hidden}
.satelco-robot.is-visible{visibility:visible}
.satelco-robot svg{width:96px;height:116px;overflow:visible;transform:translateY(120%)}
.satelco-robot.is-visible svg{animation:robot-peek 4.8s ease-in-out both}
.satelco-robot.edge svg{animation-name:robot-edge}
.satelco-robot.left{transform:scaleX(-1)}
.satelco-robot.is-visible .robot-eyes{transform-box:fill-box;transform-origin:center;animation:robot-blink 4.8s linear both}
.satelco-robot.is-visible .robot-hand{transform-origin:76px 63px;animation:robot-wave 4.8s ease-in-out both}
.robot-setting{display:block;margin:16px 0 0;background:transparent;border:1px solid #d9dee3;border-radius:8px;padding:9px 12px;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.robot-setting:focus-visible{outline:3px solid #cf1225;outline-offset:3px}
@keyframes robot-peek{0%,100%{transform:translateY(120%) rotate(-8deg)}18%,76%{transform:translateY(-8%) rotate(-6deg)}32%,62%{transform:translateY(-10%) rotate(4deg)}}
@keyframes robot-edge{0%,100%{transform:translateX(110%) rotate(-14deg)}20%,76%{transform:translateX(16%) rotate(-12deg)}40%,60%{transform:translateX(8%) rotate(-5deg)}}
@keyframes robot-blink{0%,29%,33%,54%,58%,100%{transform:scaleY(1)}31%,56%{transform:scaleY(.08)}}
@keyframes robot-wave{0%,30%,70%,100%{transform:rotate(0)}40%,58%{transform:rotate(-18deg)}49%,66%{transform:rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.satelco-robot{display:none!important}.satelco-robot *{animation:none!important}}

.satelco-robot.mood-1 .robot-hand{animation-name:robot-point}.satelco-robot.mood-2 .robot-hand{animation-name:robot-cheer}@keyframes robot-point{0%,25%,85%,100%{transform:rotate(0)}40%,70%{transform:rotate(-45deg)}55%{transform:rotate(-30deg)}}@keyframes robot-cheer{0%,25%,80%,100%{transform:rotate(0)}35%,55%,75%{transform:rotate(25deg)}45%,65%{transform:rotate(-25deg)}}

/* Full foreground mascot; decorative and click-through. */
.satelco-robot{z-index:80;height:116px;overflow:visible;contain:layout;pointer-events:none!important}.satelco-robot svg{pointer-events:none!important}

/* Entrance ends in a visible pose; departure is handled across the viewport. */
@keyframes robot-peek{0%{transform:translateY(120%) rotate(-8deg)}20%{transform:translateY(0) rotate(-6deg)}40%{transform:translateY(0) rotate(4deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes robot-edge{0%{transform:translateX(110%) rotate(-14deg)}25%{transform:translateX(0) rotate(-8deg)}100%{transform:translateX(0) rotate(0)}}
.satelco-robot.mood-3 .robot-hand{animation:robot-salute 2.4s ease-in-out 2}.satelco-robot.mood-4 .robot-hand{animation:robot-dance 1s ease-in-out 5}.satelco-robot.mood-5 .robot-hand{animation:robot-point 2s ease-in-out 2}.satelco-robot.mood-4 svg{animation:robot-arrive-dance 5s ease-in-out both}.satelco-robot.mood-5 .robot-eyes{animation:robot-curious 2s ease-in-out 2}.satelco-robot.departing svg{animation:robot-roll .25s ease-in-out infinite alternate!important}
@keyframes robot-salute{0%,100%{transform:rotate(0)}35%,70%{transform:rotate(-60deg)}}@keyframes robot-dance{0%,100%{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}@keyframes robot-arrive-dance{0%{transform:translateY(120%)}20%,40%,60%,80%,100%{transform:translateY(0) rotate(0)}30%,50%,70%{transform:translateY(-7px) rotate(6deg)}}@keyframes robot-curious{0%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}70%{transform:translateX(3px)}}@keyframes robot-roll{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-2px) rotate(3deg)}}

.satelco-robot.departing .robot-tread{animation:robot-tread-drive .3s linear infinite}.satelco-robot.departing .robot-wheel{animation:robot-wheel-drive .5s linear infinite}.satelco-robot.departing .robot-head{transform-origin:50px 45px;animation:robot-head-drive .45s ease-in-out infinite alternate}.satelco-robot.departing .robot-hand{transform-origin:73px 65px;animation:robot-arm-drive .4s ease-in-out infinite alternate}.satelco-robot.departing .robot-left-hand{transform-origin:28px 66px;animation:robot-arm-drive .4s ease-in-out -.4s infinite alternate}
@keyframes robot-tread-drive{to{stroke-dashoffset:-7}}@keyframes robot-wheel-drive{to{transform:rotate(360deg)}}@keyframes robot-head-drive{from{transform:rotate(-5deg) translateY(0)}to{transform:rotate(5deg) translateY(1px)}}@keyframes robot-arm-drive{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}