
.hero,.masthead{position:relative;overflow:hidden;isolation:isolate}
.motion-signature{position:absolute;z-index:5;pointer-events:none;box-sizing:border-box;font-family:inherit}
.motion-signature *{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){.motion-signature,.motion-signature *{animation:none!important;transition:none!important}.motion-signature{opacity:.75}}
.motion-joker-compare{right:3%;bottom:6%;display:grid;grid-template-columns:repeat(3,78px);gap:7px;padding:12px;background:#0a1726e8;border:2px solid #efba5d;border-radius:10px;box-shadow:0 18px 36px #0009}.motion-joker-compare>small,.motion-joker-compare>b{grid-column:1/-1;color:#ffd375;font:900 8px/1 sans-serif;letter-spacing:.15em}.motion-joker-compare>b{text-align:right;color:#fff9;letter-spacing:.1em}.motion-joker-compare span{position:relative;display:grid;height:76px;place-items:center;border:1px solid #ffffff42;background:linear-gradient(160deg,#1d3650,#0a1726);overflow:hidden}.motion-joker-compare span:before{content:"";position:absolute;inset:-2px;border:3px solid transparent}.motion-joker-compare em{position:absolute;left:5px;top:5px;color:#fff9;font:800 7px/1 sans-serif;font-style:normal;letter-spacing:.08em}.motion-joker-compare i{color:#fff;font:1000 34px/1 sans-serif;font-style:normal;text-shadow:0 0 16px #efba5d}.motion-joker-compare.is-moving span{animation:joker-version-card 5.7s ease-in-out infinite}.motion-joker-compare span:nth-of-type(2){animation-delay:.65s}.motion-joker-compare span:nth-of-type(3){animation-delay:1.3s}
@keyframes joker-version-card{0%,18%,100%{transform:translateY(0);border-color:#ffffff42;box-shadow:none}30%,52%{transform:translateY(-7px);border-color:#ffd375;box-shadow:0 0 0 3px #ffd37522,0 12px 22px #0008}64%{transform:translateY(0)}}
@media(max-width:740px){.motion-joker-compare{right:8px;bottom:8px;grid-template-columns:repeat(3,60px);scale:.82;transform-origin:bottom right}.motion-joker-compare span{height:62px}.motion-joker-compare i{font-size:26px}}
