.mascot{position:relative;display:inline-block;flex:none;vertical-align:middle;overflow:visible}
.mascot .mascot-shape{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;object-fit:contain!important;border-radius:0!important;filter:grayscale(1)}
.mascot-eye{position:absolute;z-index:1;width:13%;height:19%;pointer-events:none;transform:translate(-50%,-50%) translate(var(--gaze-x,0px),var(--gaze-y,0px)) rotate(calc(var(--eye-tilt,0deg) + var(--gaze-angle,0deg)));transition:transform 150ms cubic-bezier(.22,.61,.36,1)}
.mascot-eye::after{content:"";display:block;width:100%;height:100%;background:radial-gradient(ellipse at 65% 25%,#202020 0%,#050505 34%,#000 85%);border-radius:50% 47% 52% 48%;box-shadow:0 0 0 .7px rgba(255,255,255,.8),0 0 6px 2px rgba(255,255,255,.65);animation:mascot-blink 7.2s ease-in-out infinite}
.mascot-eye::before{content:"";position:absolute;z-index:1;left:65%;top:14%;width:23%;height:44%;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.54));animation:mascot-blink 7.2s ease-in-out infinite}
.mascot-eye--left{left:50.8%;top:51.3%;--eye-tilt:9deg}
.mascot-eye--right{left:74.2%;top:51%;width:11.5%;--eye-tilt:-8deg}
.mascot-eye--right::after,.mascot-eye--right::before{animation-delay:.02s}
.phone-avatar>.mascot{display:block;width:100%;height:100%}
.integration-core>.mascot{display:block;width:84px;height:84px}
@media(max-width:1000px) and (min-width:721px){.integration-core>.mascot{width:64px;height:64px}}
@media(max-width:720px){.integration-core>.mascot{width:73%;height:73%}}
@keyframes mascot-blink{0%,67%,69%,100%{transform:scaleY(1)}68%{transform:scaleY(.07)}}
@media(prefers-reduced-motion:reduce){.mascot-eye{transition:none}.mascot-eye::after,.mascot-eye::before{animation:none}}