/* mascot for site-recovery — keep unique class names */
.mascot-guide{position:fixed;right:16px;bottom:16px;z-index:30;display:flex;align-items:end;gap:8px;max-width:min(370px,calc(100vw - 32px));filter:drop-shadow(0 8px 16px rgba(15,35,60,.12));transition:transform .6s cubic-bezier(.22,1,.36,1)}.mascot-guide img{width:120px;height:180px;object-fit:contain;object-position:bottom;flex:none;pointer-events:none;animation:mascot-float 4s cubic-bezier(.22,1,.36,1) infinite alternate}.mascot-bubble{position:relative;background:#fff;color:#11283c;border:1px solid #b9d7dc;border-radius:16px;padding:16px 36px 16px 16px;font-size:14px;line-height:20px;box-shadow:0 4px 16px #10263a16}.mascot-bubble p{margin:0}.mascot-close{position:absolute;top:4px;right:8px;border:0;background:transparent;color:#334e5a;font-size:22px;line-height:28px;cursor:pointer}.mascot-restore{position:fixed;right:16px;bottom:16px;z-index:30;border:1px solid #0b7378;border-radius:999px;background:#fff;color:#145c61;padding:8px 12px;font:700 14px "Segoe UI",sans-serif;cursor:pointer}.mascot-close:focus-visible,.mascot-restore:focus-visible{outline:3px solid #155bd5;outline-offset:3px}[hidden]{display:none!important}@keyframes mascot-float{from{transform:translateY(0)}to{transform:translateY(-6px)}}@media(max-width:600px){.mascot-guide{right:8px;bottom:8px;max-width:250px}.mascot-guide img{width:72px;height:112px}.mascot-bubble{font-size:12px;line-height:16px;padding:12px 28px 12px 12px}}@media(prefers-reduced-motion:reduce){.mascot-guide img{animation:none}.mascot-guide{transition:none}}
.brand img{display:block;width:200px;max-width:100%;height:auto}@media(max-width:520px){.brand img{width:150px}}

/* A single, calm indication of the three steps. Content stays visible without animation. */
@media (prefers-reduced-motion: no-preference){.hero .stage .num{animation:step-highlight 1.2s cubic-bezier(.22,1,.36,1) both}.hero .stage:nth-of-type(2) .num{animation-delay:.35s}.hero .stage:nth-of-type(3) .num{animation-delay:1.55s}.hero .stage:nth-of-type(4) .num{animation-delay:2.75s}@keyframes step-highlight{0%,100%{background:#eaf2ff;color:#155bd5;transform:scale(1)}45%{background:#155bd5;color:#fff;transform:scale(1.08)}}}

.sps-sr .mascot-guide[hidden],.sps-sr .mascot-restore[hidden]{display:none!important;}