.mascot-hero{--mascot-motion-scale:1;min-height:360px;cursor:pointer;isolation:isolate}.mascot-hero .v2-hero-badge{display:none}.mascot-arrival{position:relative;z-index:3;width:100%;transform:translate3d(100px,0,0);opacity:0;will-change:transform,opacity}.mascot-hero.is-visible .mascot-arrival{transform:translate3d(0,0,0);opacity:1;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .55s ease-out}.mascot-hover,.mascot-float,.mascot-suspension{transform:translate3d(0,0,0);will-change:transform}.mascot-float{animation:mascot-float 4.8s ease-in-out infinite}.mascot-suspension{position:relative;animation:mascot-suspension 12s cubic-bezier(.34,1.56,.64,1) infinite}.mascot-rider{position:relative;z-index:3;display:block;width:100%;height:auto;max-height:430px;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(23,34,49,.24)) drop-shadow(0 0 20px rgba(255,106,0,.08));transform:translate3d(0,0,0);will-change:filter}.mascot-hero:hover .mascot-hover,.mascot-hero:focus-within .mascot-hover{transform:translate3d(0,0,0) rotate(1deg) scale(1.03);transition:transform .34s cubic-bezier(.2,.8,.2,1)}.mascot-hero:hover .mascot-rider,.mascot-hero:focus-within .mascot-rider{filter:drop-shadow(0 26px 28px rgba(23,34,49,.32)) drop-shadow(0 0 24px rgba(255,106,0,.12))}.mascot-hero.is-cta-active .mascot-hover{transform:translate3d(-8px,0,0) rotate(-3deg) scale(1.02);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.mascot-shadow{position:absolute;z-index:1;right:7%;bottom:4%;width:78%;height:13%;border-radius:50%;background:radial-gradient(ellipse,rgba(15,23,42,.3),rgba(15,23,42,0) 70%);filter:blur(7px);transform:translate3d(0,0,0) scaleX(.88);opacity:.48;animation:mascot-shadow 4.8s ease-in-out infinite;will-change:transform,opacity,filter}.mascot-headlight{position:absolute;z-index:4;left:11%;top:58%;width:16%;aspect-ratio:1.7;border-radius:50%;background:radial-gradient(ellipse,rgba(255,250,214,.96),rgba(255,190,76,.35) 38%,transparent 72%);filter:blur(3px);transform:translate3d(0,0,0) rotate(-8deg);opacity:.8;animation:mascot-headlight 5s ease-in-out infinite;pointer-events:none;will-change:opacity,filter,transform}.mascot-speed-lines{position:absolute;z-index:0;left:-5%;top:40%;width:48%;height:36%;pointer-events:none;opacity:.18}.mascot-speed-lines i{position:absolute;right:0;width:75%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#4a91c7 52%,transparent);transform:translate3d(38px,0,0) scaleX(.72);opacity:0;animation:mascot-speed-line 2.8s ease-out infinite;will-change:transform,opacity}.mascot-speed-lines i:nth-child(1){top:10%;animation-delay:-.2s}.mascot-speed-lines i:nth-child(2){top:45%;width:58%;animation-delay:-1.1s}.mascot-speed-lines i:nth-child(3){top:78%;width:68%;animation-delay:-2s}.mascot-online{position:absolute;z-index:7;top:10px;right:8px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(22,163,74,.18);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(15,23,42,.1);color:#136a39;font-size:13px;font-weight:850;backdrop-filter:blur(9px)}.mascot-online i{width:10px;height:10px;border-radius:50%;background:#1cbd67;box-shadow:0 0 0 0 rgba(28,189,103,.35);transform:translate3d(0,0,0);animation:mascot-online-pulse 2.4s ease-out infinite;will-change:transform,opacity}.mascot-notification{position:absolute;z-index:8;right:7%;bottom:8%;min-width:174px;padding:11px 14px;border:1px solid rgba(23,111,192,.14);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(18,38,61,.16);color:#18314a;font-size:14px;font-weight:850;pointer-events:none;transform:translate3d(0,14px,0) scale(.96);opacity:0;will-change:transform,opacity,filter}.mascot-notification.is-showing{animation:mascot-notification 3.4s cubic-bezier(.2,.8,.2,1) both}.mascot-hero:after{content:"";position:absolute;z-index:2;inset:10% 7% 18%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24),rgba(255,106,0,.06) 38%,transparent 70%);filter:blur(12px);pointer-events:none;opacity:.7}
@keyframes mascot-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,calc(-6px * var(--mascot-motion-scale)),0)}}@keyframes mascot-suspension{0%,78%,84%,100%{transform:translate3d(0,0,0) scaleY(1)}80%{transform:translate3d(0,calc(2px * var(--mascot-motion-scale)),0) scaleY(.996)}82%{transform:translate3d(0,calc(-1px * var(--mascot-motion-scale)),0) scaleY(1.002)}}@keyframes mascot-headlight{0%,8%,100%{opacity:.8;filter:blur(3px)}4%{opacity:1;filter:blur(2px)}}@keyframes mascot-shadow{0%,100%{transform:translate3d(0,0,0) scaleX(.88);opacity:.48;filter:blur(7px)}50%{transform:translate3d(0,0,0) scaleX(1);opacity:.34;filter:blur(9px)}}@keyframes mascot-speed-line{0%{transform:translate3d(48px,0,0) scaleX(.65);opacity:0}22%{opacity:.2}72%{opacity:.12}100%{transform:translate3d(-54px,0,0) scaleX(1);opacity:0}}@keyframes mascot-online-pulse{0%{transform:translate3d(0,0,0) scale(.9);box-shadow:0 0 0 0 rgba(28,189,103,.32)}65%{transform:translate3d(0,0,0) scale(1);box-shadow:0 0 0 8px rgba(28,189,103,0)}100%{transform:translate3d(0,0,0) scale(.9);box-shadow:0 0 0 0 rgba(28,189,103,0)}}@keyframes mascot-notification{0%{transform:translate3d(0,14px,0) scale(.96);opacity:0;filter:blur(2px)}14%,72%{transform:translate3d(0,0,0) scale(1);opacity:1;filter:blur(0)}100%{transform:translate3d(0,-12px,0) scale(.98);opacity:0;filter:blur(1px)}}
@media(min-width:1200px){.mascot-arrival{transform:translate3d(100px,68px,0)}.mascot-hero.is-visible .mascot-arrival{transform:translate3d(0,68px,0)}.mascot-online{top:92px}.mascot-shadow{bottom:-13%}.mascot-speed-lines{top:52%}}@media(max-width:900px){.mascot-hero{--mascot-motion-scale:.5;min-height:260px}.mascot-rider{max-height:340px}.mascot-notification{right:4%;bottom:5%}.mascot-speed-lines{left:0;width:42%}}@media(max-width:560px){.mascot-hero{min-height:220px}.mascot-rider{max-height:265px}.mascot-online{top:6px;right:6px;padding:6px 9px;font-size:12px}.mascot-notification{min-width:154px;padding:9px 11px;font-size:12px}.mascot-shadow{bottom:1%}}
@media(prefers-reduced-motion:reduce){.mascot-arrival,.mascot-hover,.mascot-float,.mascot-suspension,.mascot-rider,.mascot-shadow,.mascot-headlight,.mascot-speed-lines i,.mascot-online i,.mascot-notification{animation:none!important;transition:none!important;transform:none!important}.mascot-arrival{opacity:1}.mascot-speed-lines,.mascot-headlight{display:none}.mascot-notification{opacity:0}.mascot-rider{filter:drop-shadow(0 18px 20px rgba(23,34,49,.22))}}
.mascot-hero:before,.mascot-hero:after{display:none!important}.mascot-hero,.mascot-arrival,.mascot-hover,.mascot-float,.mascot-suspension,.mascot-rider{background:transparent!important}.mascot-rider{border-radius:0!important;box-shadow:none!important}