.hero-illustration{pointer-events:none}.hero-guide{pointer-events:auto}.mascot-stage{position:absolute;left:0;top:50%;transform:translateY(-50%);width:64%;height:100%;max-height:390px;z-index:1;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.mascot-canvas{width:100%;height:calc(100% - 28px);object-fit:contain;display:block;opacity:0;filter:drop-shadow(0 12px 20px #00a6ff25);pointer-events:none}.mascot-stage.ready .mascot-canvas{opacity:1}.mascot-fallback-hidden{opacity:0!important}.mascot-controls{display:flex;justify-content:center;gap:6px}.mascot-controls button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #28769477;border-radius:50%;color:#a5eaff;background:#012036dc;font-size:14px;backdrop-filter:blur(6px);cursor:pointer}.mascot-caption{font-size:10px;color:#a9cfdf;line-height:1.3;text-align:center;margin-top:5px;text-shadow:0 1px 4px #001529}.mascot-stage:not(.ready) .mascot-caption{display:none}.mascot-stage.docked{position:fixed;top:auto;left:auto;right:20px;bottom:18px;transform:none;width:155px;height:215px;max-height:none;z-index:40;padding:8px;border-radius:22px;background:radial-gradient(ellipse at 50% 65%,#043951bb,transparent 73%);filter:drop-shadow(0 6px 15px #00152788)}.mascot-stage.docked .mascot-caption{background:#001c2cdb;border:1px solid #1e637b66;border-radius:9px;padding:5px 7px;font-size:10px}.mascot-restore{position:fixed;bottom:20px;right:20px;background:#06344e;color:#66e8ff;border:1px solid #2384a3;border-radius:22px;padding:10px 14px;font-size:13px;z-index:40}.mascot-stage[hidden],.mascot-restore[hidden],.mascot-hide[hidden]{display:none!important}.mascot-stage.in-dialog{position:relative;float:right;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100px;height:152px;margin:24px 0 10px 12px;z-index:1}.mascot-stage.in-dialog .mascot-caption{display:none}.mascot-stage.in-dialog .mascot-canvas{height:125px}.mascot-stage.in-dialog .mascot-controls button{width:24px;height:24px;font-size:12px}.mascot-stage.reduced:not(.ready){height:auto;top:auto;bottom:14px;transform:none}.mascot-stage.reduced:not(.ready) canvas{display:none}.mascot-stage.reduced.docked:not(.ready){display:none}.mascot-stage.paused .mascot-caption{opacity:.65}
@media(min-width:1400px){.hero-illustration .hero-guide{margin-right:2%;width:200px}.mascot-stage{width:68%;left:-3%}}
@media(max-width:1100px){.mascot-stage{width:64%;left:0;height:100%;max-height:340px}.mascot-stage.docked{width:120px;height:172px;left:auto;right:12px;bottom:12px}.mascot-stage.docked .mascot-caption{font-size:9px}.mascot-stage.in-dialog{width:85px;height:135px;left:auto;max-height:none}.mascot-stage.in-dialog .mascot-canvas{height:108px}.mascot-stage .mascot-controls button{width:26px;height:26px}}
@media(max-width:520px){.mascot-stage{width:67%;left:-5%;height:330px}.hero-guide{max-width:51%;margin-top:110px}.mascot-stage.docked{width:105px;height:155px;right:8px;bottom:8px;left:auto}.mascot-stage.docked .mascot-caption{display:none}.mascot-stage.in-dialog{width:80px;height:125px;left:auto;margin-top:26px}.mascot-restore{right:12px;bottom:12px}.mascot-controls button{min-width:30px;min-height:30px}}
@media(prefers-reduced-motion:reduce){.mascot-stage,.mascot-canvas{transition:none}}