.landing-badge{--badge-px:calc(100cqw / 640);place-self:center start;align-items:center;gap:calc(8 * var(--badge-px));padding:calc(16 * var(--badge-px));border-radius:calc(20 * var(--badge-px));box-shadow:var(--shadow-32);white-space:nowrap;grid-area:1/1;display:flex}.landing-badge-icon{width:calc(56 * var(--badge-px));height:calc(56 * var(--badge-px));flex:none}.landing-badge-label{font-size:calc(14 * var(--badge-px));letter-spacing:.08em;font-weight:500;line-height:1.3}.landing-badge-value{font-size:calc(24 * var(--badge-px));letter-spacing:.04em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.3}.landing-badge-note{font-size:calc(14 * var(--badge-px));letter-spacing:.05em;white-space:pre-line;font-weight:500;line-height:1.3}.landing-badge-title{font-size:calc(18 * var(--badge-px));letter-spacing:.04em;font-weight:700;line-height:1.3}.landing-badge-title:only-child{font-size:calc(20 * var(--badge-px));letter-spacing:.06em}.badge-flip-stage{perspective:1200px;transform:translate(calc(var(--pointer-x,0) * 20px * var(--badge-depth)), calc(var(--pointer-y,0) * 30% * var(--badge-depth)));transition:transform .8s var(--ease-out-soft);animation:badge-cycle 15s linear calc(1.1s + var(--badge-index) * 5s) infinite both}.badge-flip-face{backface-visibility:hidden;animation:15s ease-in-out calc(1.1s + var(--badge-index) * 5s) infinite both}.badge-flip-face-submitted{animation-name:badge-flip-submitted}.badge-flip-face-approved{animation-name:badge-flip-approved}@keyframes badge-cycle{0%{opacity:0;animation-timing-function:var(--ease-back);translate:0 16px;scale:.7}4%,29.33%{opacity:1;animation-timing-function:ease-in;translate:0;scale:1}32%,to{opacity:0;translate:0 -10px;scale:.9}}@keyframes badge-flip-submitted{0%,14.67%{transform:rotateY(0)}18.67%,to{transform:rotateY(180deg)}}@keyframes badge-flip-approved{0%,14.67%{transform:rotateY(-180deg)}18.67%,to{transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){.badge-flip-stage,.badge-flip-face{animation:none}.badge-flip-face-approved{transform:rotateY(180deg)}}
.high-five-layer{height:auto;position:absolute}@keyframes high-five-fade{0%{opacity:0}}@keyframes high-five-left-hand{0%{opacity:0;translate:-45% 10%;rotate:-18deg}30%{opacity:1}}@keyframes high-five-right-hand{0%{opacity:0;translate:45% 10%;rotate:18deg}30%{opacity:1}}@keyframes high-five-burst{0%{opacity:0;scale:.85}}[data-reveal=high-five][data-revealed] .high-five-background{animation:reveal-fade-up .8s var(--ease-out-soft) both}[data-reveal=high-five][data-revealed] .high-five-left-hand,[data-reveal=high-five][data-revealed] .high-five-right-hand{transform-origin:50% 100%;animation:.9s cubic-bezier(.3,1.25,.5,1) .3s both high-five-left-hand}[data-reveal=high-five][data-revealed] .high-five-right-hand{animation-name:high-five-right-hand}[data-reveal=high-five][data-revealed] .high-five-splash{transform-origin:50% 70%;animation:high-five-burst .5s var(--ease-back) 1.15s both}[data-reveal=high-five][data-revealed] .high-five-sparkle{animation:high-five-fade .6s var(--ease-out-soft) 1.5s both, art-float 7s ease-in-out 2.1s infinite}