.psm-stage{position:absolute;left:450px;top:410px;width:0;height:0;transform-style:preserve-3d}
.psm-ring{position:absolute;left:-310px;top:-310px;width:620px;height:620px;box-sizing:border-box;border-radius:50%;border:2px dashed rgba(49,109,255,.28);animation-play-state:paused;animation-name:psmRing;animation-timing-function:linear;animation-iteration-count:infinite}
.psm-ring2{position:absolute;left:-380px;top:-380px;width:760px;height:760px;box-sizing:border-box;border-radius:50%;border:1px solid rgba(49,109,255,.12)}
.psm-orbit{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;animation-play-state:paused;animation-name:psmOrbit;animation-timing-function:linear;animation-iteration-count:infinite}
.psm-spoke{position:absolute;left:-1px;top:-310px;width:2px;height:310px;background:linear-gradient(to top,rgba(49,109,255,0) 0%,rgba(49,109,255,0) 34%,rgba(49,109,255,.32) 72%,rgba(49,109,255,.6) 100%)}
.psm-item{position:absolute;left:0;top:-310px;width:0;height:0;transform-style:preserve-3d;animation-play-state:paused;animation-name:psmFace;animation-timing-function:linear;animation-iteration-count:infinite}
.psm-card{position:absolute;left:-75px;top:-75px;width:150px;height:150px;animation-play-state:paused;animation-name:psmBob;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.psm-tile{width:150px;height:150px;box-sizing:border-box;padding:9px;border-radius:26px;background:linear-gradient(160deg,#FFFFFF 0%,#E7ECF3 100%);box-shadow:inset 0 2px 0 #FFFFFF,inset 0 -3px 0 rgba(140,156,184,.35),5px 9px 0 #C5CEDC,6px 24px 32px rgba(32,62,140,.18)}
.psm-tile-in{width:100%;height:100%;box-sizing:border-box;border-radius:18px;background:linear-gradient(180deg,#EEF2F7 0%,#FFFFFF 100%);box-shadow:inset 0 3px 6px rgba(112,130,165,.28),inset 0 -1px 0 #FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding-top:6px}
.psm-tile-label{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:10px;letter-spacing:.06em;white-space:nowrap;color:#384357}
.psm-tile-dark{background:linear-gradient(160deg,#21377A 0%,#0B1940 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 0 rgba(0,0,0,.25),5px 9px 0 #08122F,6px 24px 32px rgba(10,25,80,.3)}
.psm-tile-dark .psm-tile-in{background:linear-gradient(180deg,#1A42B8 0%,#2456E0 100%);box-shadow:inset 0 3px 8px rgba(0,0,0,.35),inset 0 -1px 0 rgba(255,255,255,.15)}
.psm-tile-dark .psm-tile-label{color:#E4ECFF}
.psm-logo{position:absolute;left:-160px;top:-160px;width:320px;height:320px;transform-style:preserve-3d;animation-play-state:paused;animation-name:psmRock;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.psm-layer{position:absolute;left:0;top:0;width:320px;height:320px}
@keyframes psmOrbit{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}
@keyframes psmFace{from{transform:rotateZ(0deg)}to{transform:rotateZ(-360deg)}}
@keyframes psmRing{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}
@keyframes psmBob{0%{transform:translateX(0px)}50%{transform:translateX(-8px)}100%{transform:translateX(0px)}}
@keyframes psmRock{0%{transform:rotateY(-26deg) rotateX(10deg)}25%{transform:rotateY(0deg) rotateX(-6deg)}50%{transform:rotateY(26deg) rotateX(10deg)}75%{transform:rotateY(0deg) rotateX(-6deg)}100%{transform:rotateY(-26deg) rotateX(10deg)}}

.logo-motion.is-running *{animation-play-state:running}