.final.with-mascot{text-align:left;min-height:420px;padding-right:46%;isolation:isolate}
.final.with-mascot>.eyebrow{justify-content:flex-start}
.mascot-companion{position:absolute;right:4%;bottom:25px;width:37%;max-width:390px;margin:0;display:flex;flex-direction:column;align-items:center}
.mascot-companion:before{content:'';position:absolute;inset:15% 0 10%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#719cdb19,transparent 65%)}
.mascot-companion img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 22px #0004);transform-origin:50% 80%}
.mascot-companion figcaption{display:flex;align-items:center;gap:7px;color:#8eabc9;font-size:7px;letter-spacing:1.4px;margin-top:-6px;padding:9px 12px;border:1px solid #98c0ff20;border-radius:30px;background:#101722}
.mascot-status{display:block;width:4px;height:4px;background:#b1d2ff;border-radius:50%}
@media(prefers-reduced-motion:no-preference){.mascot-companion img{animation:mascot-float 7s ease-in-out infinite}.mascot-status{animation:status-pulse 3.5s ease-in-out infinite}@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}}
@media(max-width:700px){.final.with-mascot{text-align:center;padding:35px 25px 25px;min-height:0}.final.with-mascot>.eyebrow{justify-content:center}.mascot-companion{position:relative;right:auto;bottom:auto;width:230px;max-width:100%;margin:25px auto 0}.mascot-companion figcaption{font-size:6px}.final.with-mascot h2{font-size:42px}}