
.qmq-stats{position:relative;overflow:hidden;isolation:isolate;max-width:1000px;margin:56px auto 76px!important;border-radius:28px;color:#fff;padding:48px 30px 70px;background:radial-gradient(55% 90% at 100% 0%,rgba(247,148,29,.42),transparent 70%),radial-gradient(50% 90% at 0% 100%,rgba(236,72,153,.36),transparent 70%),linear-gradient(120deg,#1a1240 0%,#2a1766 55%,#1c1450 100%);box-shadow:0 26px 60px -24px rgba(42,23,102,.75)}
.qmq-stats:before{content:"";position:absolute;z-index:-1;right:-110px;top:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(247,148,29,.55) 0 22px,transparent 23px),repeating-radial-gradient(circle,rgba(255,255,255,.12) 0 1px,transparent 1.5px 7px);animation:qmqSpin 18s linear infinite}
.qmq-stats:after{content:"♪  ♫  ♪";position:absolute;z-index:-1;left:26px;top:14px;font-size:22px;letter-spacing:6px;color:rgba(255,255,255,.3)}
.qmq-stats ul{position:relative;z-index:1;list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.qmq-stats li{margin:0}
.qmq-stats strong{display:block;white-space:nowrap;font:800 clamp(28px,3.2vw,42px)/1 "Bricolage Grotesque",sans-serif;color:var(--orange);margin-bottom:8px;font-variant-numeric:tabular-nums}
.qmq-stats span{font-size:15px;font-weight:600;color:#e9e3ff}
.qmq-eq{position:absolute;z-index:0;left:0;right:0;bottom:0;height:52px;display:flex;align-items:flex-end;gap:5px;padding:0 14px;opacity:.5}
.qmq-eq i{flex:1;height:30%;border-radius:6px 6px 0 0;background:linear-gradient(to top,#ec4899,#f7941d);animation:qmqEq 1.2s ease-in-out infinite alternate}
.qmq-eq i:nth-child(3n){animation-duration:.9s;animation-delay:-.3s}
.qmq-eq i:nth-child(4n+1){animation-duration:1.5s;animation-delay:-.7s}
.qmq-eq i:nth-child(5n+2){animation-duration:.7s;animation-delay:-.2s}
.qmq-eq i:nth-child(7n){animation-duration:1.1s;animation-delay:-.5s}
@keyframes qmqEq{to{height:100%}}
@keyframes qmqSpin{to{transform:rotate(360deg)}}
.qmq-stats.is-done strong{animation:qmqPop .5s ease}
@keyframes qmqPop{50%{transform:scale(1.12)}}
@media (max-width:900px){.qmq-stats ul{grid-template-columns:1fr 1fr;gap:28px 16px}}
@media (max-width:600px){.qmq-stats{margin:40px 16px 58px!important;padding:40px 18px 64px}}
@media (prefers-reduced-motion:reduce){.qmq-stats *,.qmq-stats:before{animation:none!important}}
