/* Code-native illustration. Motion is paced around one report finding a listener. */
.welcome-scene{--ws-cycle:8s;--ws-ink:#173c70;--ws-accent:#2563db;margin:0;position:relative;width:100%;isolation:isolate;color:var(--ws-ink)}
.welcome-scene-stage{width:100%;position:relative;line-height:0}
.welcome-scene .ws-art{display:block;width:100%;height:auto;overflow:visible}
.welcome-scene .ws-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 21px 0;color:inherit;font-size:12px;line-height:1.45}
.welcome-scene .ws-controls{display:flex;align-items:center;gap:6px}
.welcome-scene .ws-motion-control,.welcome-scene .ws-replay-control{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #173c7033;background:transparent;color:inherit;padding:7px 11px;border-radius:24px;font:inherit;white-space:nowrap;opacity:.8;cursor:pointer;box-shadow:none}
.welcome-scene .ws-motion-control:hover,.welcome-scene .ws-replay-control:hover{opacity:1;background:#fff5;transform:none}
.welcome-scene .ws-motion-control:focus-visible,.welcome-scene .ws-replay-control:focus-visible{outline:3px solid #3475df;outline-offset:4px}
.welcome-scene .ws-motion-control:disabled,.welcome-scene .ws-replay-control:disabled{opacity:.65;cursor:default}
.welcome-scene .ws-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.welcome-scene .ws-play-icon{display:none}
.welcome-scene[data-paused="true"] .ws-pause-icon{display:none}
.welcome-scene[data-paused="true"] .ws-play-icon{display:block}
.welcome-scene .ws-message{animation:ws-delivery var(--ws-cycle) cubic-bezier(.42,0,.24,1) infinite;transform-origin:0 0;will-change:transform,opacity}
.welcome-scene .ws-received{animation:ws-arrival var(--ws-cycle) ease infinite;transform-origin:424px 261px;will-change:transform,opacity}
.welcome-scene .ws-story-tag{animation:ws-tag var(--ws-cycle) ease infinite;transform-origin:320px 74px}
.welcome-scene .ws-resident-arm{animation:ws-wave var(--ws-cycle) ease-in-out infinite;transform-box:fill-box;transform-origin:10% 75%}
.welcome-scene .ws-listener-head{animation:ws-nod var(--ws-cycle) ease-in-out infinite;transform-box:fill-box;transform-origin:50% 90%}
.welcome-scene .ws-listener-hand{animation:ws-receive-hand var(--ws-cycle) ease-in-out infinite;transform-box:fill-box;transform-origin:80% 10%}
.welcome-scene .ws-listening-label{animation:ws-listen-label var(--ws-cycle) ease infinite;transform-origin:423px 400px}
.welcome-scene .ws-path-dot{animation:ws-route var(--ws-cycle) ease infinite;transform-box:fill-box;transform-origin:center}
.welcome-scene .ws-path-dot-two{animation-delay:.4s}
.welcome-scene .ws-path-dot-three{animation-delay:.8s}
.welcome-scene .ws-leaf{animation:ws-leaf 6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.welcome-scene[data-paused="true"] *,.welcome-scene[data-offscreen="true"] *{animation-play-state:paused!important}
.welcome-scene.ws-restarting *{animation:none!important}
@keyframes ws-delivery{
  0%,5%{transform:translate(184px,178px) rotate(-9deg) scale(.9);opacity:0}
  10%,18%{transform:translate(193px,170px) rotate(-9deg) scale(1);opacity:1}
  34%{transform:translate(263px,124px) rotate(6deg) scale(1);opacity:1}
  48%{transform:translate(350px,137px) rotate(13deg) scale(1);opacity:1}
  63%{transform:translate(390px,228px) rotate(-5deg) scale(.94);opacity:1}
  71%{transform:translate(424px,282px) rotate(0) scale(.65);opacity:1}
  74%,100%{transform:translate(424px,290px) rotate(0) scale(.5);opacity:0}
}
@keyframes ws-arrival{0%,69%{transform:scale(.6);opacity:0}76%,94%{transform:scale(1);opacity:1}100%{transform:scale(.85);opacity:0}}
@keyframes ws-tag{0%,5%{opacity:.35;transform:translateY(3px)}15%,54%{opacity:1;transform:translateY(0)}70%,100%{opacity:.45;transform:translateY(3px)}}
@keyframes ws-wave{0%,11%{transform:rotate(0)}16%{transform:rotate(-10deg)}22%{transform:rotate(0)}28%{transform:rotate(-7deg)}34%,100%{transform:rotate(0)}}
@keyframes ws-nod{0%,58%,100%{transform:rotate(0)}68%{transform:rotate(-7deg)}77%{transform:rotate(0)}84%{transform:rotate(-4deg)}91%{transform:rotate(0)}}
@keyframes ws-receive-hand{0%,56%,100%{transform:translate(0,0) rotate(0)}67%,75%{transform:translate(-3px,-4px) rotate(8deg)}87%{transform:translate(0,0) rotate(0)}}
@keyframes ws-listen-label{0%,65%,100%{transform:translateY(0);opacity:.8}77%,92%{transform:translateY(-4px);opacity:1}}
@keyframes ws-route{0%,24%,80%,100%{opacity:.2;transform:scale(.65)}35%,62%{opacity:.85;transform:scale(1)}}
@keyframes ws-leaf{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
.welcome-scene[data-reduced="true"] *{animation:none!important}
.welcome-scene[data-reduced="true"] .ws-message{transform:translate(305px,127px);opacity:1}
.welcome-scene[data-reduced="true"] .ws-received{opacity:1;transform:none}
.welcome-scene[data-reduced="true"] .ws-story-tag,.welcome-scene[data-reduced="true"] .ws-path-dot{opacity:1}
@media(prefers-reduced-motion:reduce){.welcome-scene *{animation:none!important}.welcome-scene .ws-message{transform:translate(305px,127px);opacity:1}.welcome-scene .ws-received{opacity:1;transform:none}}
@media(max-width:600px){.welcome-scene .ws-caption{padding:7px 12px 0;font-size:11px}.welcome-scene .ws-motion-control,.welcome-scene .ws-replay-control{min-height:40px;padding:7px 9px}}