.mr-hero{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:96px 0 72px;display:flex}.mr-hero h1{font-size:calc(clamp(44px, 8vw, 120px) * var(--fit,1));margin:0;line-height:.9}.mr-hero h1 em{text-transform:none;letter-spacing:-.03em;color:var(--volt);margin-top:18px;font-size:.52em;font-style:italic;line-height:1;display:block}.mr-hero p{color:#ffffffd1;text-wrap:pretty;max-width:36ch;margin:0;font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.45}.mr-cue{background:linear-gradient(transparent, var(--volt));border-radius:2px;width:4px;height:73px;margin-top:28px;animation:1.6s ease-in-out infinite mr-cue}@keyframes mr-cue{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.mr-lab{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding:40px 0;display:grid}.mr-stage{aspect-ratio:1;background:var(--violet);border-radius:36px;align-self:start;width:100%;position:sticky;top:96px;overflow:visible;box-shadow:inset 0 1px #ffffff2e}.mr-stage>*{transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .5s;position:absolute;top:50%;left:50%}.mr-charge{aspect-ratio:1;opacity:0;background:radial-gradient(closest-side,#d7ff0099,#d7ff0000);border-radius:999px;width:70%;transform:translate(-50%,-50%)scale(.3)}.mr-clock{filter:drop-shadow(0 16px #0a0a0c4d);width:50%;transform:translate(-50%,-40%)}.mr-cvid{aspect-ratio:1;object-fit:cover;opacity:0;width:68%;transform:translate(-50%,-43%);-webkit-mask:radial-gradient(closest-side,#000 82%,#0000);mask:radial-gradient(closest-side,#000 82%,#0000)}.mr-stage[data-step="2"] .mr-cvid,.mr-stage[data-step="3"] .mr-cvid{opacity:1;transition-delay:.6s}.mr-stage[data-step="2"] .mr-clock,.mr-stage[data-step="3"] .mr-clock{opacity:0;transition-delay:.6s}.mr-clock,.mr-cvid{animation:3s ease-in-out infinite mr-hover}@keyframes mr-hover{0%,to{translate:0}50%{translate:0 -6%}}.mr-stage[data-step="2"] .mr-cvid{animation:1.6s ease-in-out infinite mr-shake,3s ease-in-out infinite mr-hover}.mr-stage[data-step="3"] .mr-cvid{animation:.7s ease-in-out infinite mr-shake,3s ease-in-out infinite mr-hover}.mr-stage[data-step="4"] .mr-cvid{opacity:0;transform:translate(-50%,-50%)scale(0)}.mr-brain{opacity:0;filter:drop-shadow(0 10px #0a0a0c4d);width:20%;transform:translate(-50%,-320%)}.mr-orbit{z-index:2;aspect-ratio:1;opacity:0;transform:translate(-50%,-50%)scale(.4)}.mr-o1{width:64%}.mr-o2{width:90%}.mr-orbit .spin{animation:14s linear infinite mr-spin;position:absolute;inset:0}.mr-o2 .spin{animation-duration:20s;animation-direction:reverse}.mr-orbit .oc{width:108px;height:108px;margin:-54px;position:absolute}.mr-orbit .oc img{object-fit:contain;filter:drop-shadow(0 10px #0a0a0c4d);width:100%;height:100%;animation:14s linear infinite reverse mr-spin;display:block}.mr-o2 .oc img{animation-duration:20s;animation-direction:normal}@keyframes mr-spin{to{transform:rotate(360deg)}}.mr-flash{border-radius:inherit;background:var(--volt);opacity:0;transition:opacity .25s;inset:0}.mr-spark{opacity:0;z-index:3;width:0;height:0;transform:translateY(-40px)}.mr-spark i{background:var(--volt);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:22px;height:22px;position:absolute;top:-11px;left:-11px}.mr-spark i:nth-child(3n){background:#fff;width:14px;height:14px;top:-7px;left:-7px}.mr-rocco{border-radius:inherit;opacity:0;inset:0;overflow:hidden;transform:scale(.4)}.mr-rocco video,.mr-rocco img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.mr-name{opacity:0;white-space:nowrap;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 14px #0a0a0cb3;z-index:4;font-size:clamp(22px,2.6vw,32px);font-weight:900;top:auto;bottom:7%;transform:translate(-50%,30px)}.mr-stage[data-step="1"] .mr-brain{opacity:1;animation:.5s .5s mr-jiggle,2.4s ease-in-out 1s infinite mr-bhover;transform:translate(-50%,-215%)}@keyframes mr-bhover{0%,to{translate:0}50%{translate:0 -10%}}.mr-bsp{aspect-ratio:1;opacity:0;pointer-events:none;z-index:3;width:20%;transform:translate(-50%,-215%)}.mr-bsp i{background:var(--volt);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:1.6s ease-in-out infinite mr-twinkle;position:absolute}.mr-bsp i:nth-child(odd){background:#fff}@keyframes mr-twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.mr-stage[data-step="1"] .mr-bsp{opacity:1;transition-delay:.6s;animation:2.4s ease-in-out 1s infinite mr-bhover}@keyframes mr-jiggle{30%{scale:1 .88}60%{scale:1 1.06}}.mr-stage[data-step="2"] .mr-brain,.mr-stage[data-step="3"] .mr-brain{opacity:0;transition:transform .9s cubic-bezier(.5,0,.75,0),opacity .6s .35s;transform:translate(-50%,-10%)scale(.25)}.mr-stage[data-step="2"] .mr-clock{animation:1.6s ease-in-out infinite mr-shake,1.6s ease-in-out infinite mr-cglow,3s ease-in-out infinite mr-hover}.mr-stage[data-step="3"] .mr-clock{animation:.7s ease-in-out infinite mr-shake,.7s ease-in-out infinite mr-cglow,3s ease-in-out infinite mr-hover}@keyframes mr-cglow{0%,to{filter:drop-shadow(0 16px #0a0a0c4d)}50%{filter:drop-shadow(0 16px #0a0a0c4d)drop-shadow(0 0 26px #d7ff00cc)brightness(1.12)}}@keyframes mr-shake{0%,40%,to{rotate:none;scale:1}10%{rotate:-3deg;scale:1.03}20%{rotate:3deg;scale:1.03}30%{rotate:-1.5deg;scale:1.01}}.mr-stage[data-step="2"] .mr-charge{opacity:.8;animation:1.6s ease-in-out infinite mr-cpulse;transform:translate(-50%,-50%)scale(1)}.mr-stage[data-step="3"] .mr-charge{opacity:1;animation:.7s ease-in-out infinite mr-cpulse;transform:translate(-50%,-50%)scale(1.3)}@keyframes mr-cpulse{50%{opacity:.55}}.mr-stage[data-step="2"] .mr-o1,.mr-stage[data-step="3"] .mr-o1,.mr-stage[data-step="3"] .mr-o2{opacity:1;transform:translate(-50%,-50%)scale(1)}.mr-stage[data-step="3"] .mr-o1 .spin,.mr-stage[data-step="3"] .mr-o1 .oc img{animation-duration:6s}.mr-stage[data-step="3"] .mr-o2 .spin,.mr-stage[data-step="3"] .mr-o2 .oc img{animation-duration:9s}.mr-stage[data-step="4"] .mr-clock,.mr-stage[data-step="4"] .mr-brain{opacity:0;animation:none;transform:translate(-50%,-50%)scale(0)}.mr-stage[data-step="4"] .mr-orbit{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(180deg)}.mr-stage[data-step="4"] .mr-rocco{opacity:1;transition-delay:.15s;transform:scale(1)}.mr-stage[data-step="4"] .mr-name{opacity:1;transition-delay:.5s;transform:translate(-50%)}.mr-stage.smile .mr-spark{opacity:1}.mr-stage.smile .mr-spark i{animation:1.3s cubic-bezier(.2,.7,.3,1) infinite mr-sparkle}@keyframes mr-sparkle{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}15%{opacity:1}70%{opacity:1}to{transform:translate(var(--x), var(--y)) scale(1) rotate(90deg);opacity:0}}.mr-stage.boom .mr-flash{opacity:.9}.mr-steps{flex-direction:column;display:flex}.mr-step{opacity:.28;flex-direction:column;justify-content:center;gap:16px;min-height:72vh;transition:opacity .4s;display:flex}.mr-step.on{opacity:1}.mr-step h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(34px,4.2vw,56px);font-weight:900;line-height:.98}.mr-step p{color:#ffffffc7;text-wrap:pretty;max-width:34ch;margin:0;font-size:19px;font-weight:500;line-height:1.5}.mr-ingr{flex-wrap:wrap;gap:10px;max-width:560px;display:flex}.mr-ingr>span{background:#ffffff0f;border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:15px;font-weight:700;line-height:1.3;display:flex;box-shadow:inset 0 1px #ffffff1a}.mr-mstage{display:none}.mr-reveal{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:120px 0 56px;display:flex}.mr-reveal h2{margin:0;font-size:clamp(80px,14vw,200px);line-height:.82}.mr-tag{letter-spacing:-.03em;color:var(--volt);font-size:clamp(26px,3.4vw,44px);font-style:italic;font-weight:900}.mr-reveal p{color:#ffffffd1;text-wrap:pretty;max-width:40ch;margin:8px 0 0;font-size:20px;font-weight:600;line-height:1.45}.mr-beats{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:960px;margin-top:26px;display:grid}.mr-beats>div{background:var(--ink-2);box-shadow:var(--top-sheen);border-radius:22px;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.mr-beats b{letter-spacing:-.01em;text-wrap:pretty;font-size:19px;font-weight:800;line-height:1.3}.mr-reveal .mr-kick{color:var(--volt);margin-top:26px;font-size:22px;font-style:italic;font-weight:900}.mr-resp{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:56px 0 32px;display:flex}.mr-resp h2{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(32px,4.6vw,60px);font-weight:900;line-height:.95}.mr-dia{grid-template-columns:minmax(0,1fr) minmax(220px,380px) minmax(0,1fr);align-items:center;gap:28px;padding:24px 0 96px;display:grid}.mr-col{flex-direction:column;gap:14px;display:flex}.mr-pw{cursor:default;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:2px 14px;padding:6px 0;display:grid}.mr-pw .pi{object-fit:contain;background:radial-gradient(closest-side,#d7ff0061,#d7ff0000);grid-row:span 2;align-self:center;width:112px;height:112px;transition:transform .16s cubic-bezier(.18,1.5,.42,1)}.mr-pw h3{letter-spacing:-.02em;align-self:end;align-items:baseline;gap:10px;margin:0;font-size:19px;font-weight:900;display:flex}.mr-pw h3 b{font-family:var(--font-jetbrains), monospace;letter-spacing:.1em;color:var(--volt);font-size:11px;font-weight:700}.mr-pw p{color:#ffffffb8;text-wrap:pretty;align-self:start;margin:0;font-size:14.5px;font-weight:500;line-height:1.45}.mr-pw.hot .pi{transform:scale(1.12)rotate(-4deg)}.mr-pw.hot h3{color:var(--volt)}.mr-cat{aspect-ratio:900/1263;position:relative}.mr-cat>img,.mr-cat .cy{width:100%;height:100%;position:absolute;inset:0}.mr-cat .cy img,.mr-cat .cy svg{width:100%;height:100%;display:block;position:absolute;inset:0}.mr-cat .cy img{filter:grayscale()brightness(.42)sepia()hue-rotate(205deg)saturate(4)}.mr-cat .cy .scanr{animation:2.8s linear infinite mr-scanr}@keyframes mr-scanr{0%{transform:translateY(-220px)}to{transform:translateY(1263px)}}.mr-cat .cy{clip-path:inset(0 0 0 48%);filter:drop-shadow(2px 0 #d7ff00)drop-shadow(-2px 0 #d7ff00)drop-shadow(0 2px #d7ff00)drop-shadow(0 -2px #d7ff00)drop-shadow(0 0 18px #d7ff0073);overflow:hidden}.mr-seam{border-left:2px dashed #d7ff0099;position:absolute;top:-4%;bottom:-4%;left:48%}.mr-eye{aspect-ratio:1;background:var(--volt);border-radius:999px;width:4%;margin:-2%;animation:2.2s ease-in-out infinite mr-eye;position:absolute;top:24%;left:64%;box-shadow:0 0 22px 6px #d7ff00b3}@keyframes mr-eye{50%{opacity:.7;transform:scale(.7)}}.mr-hs{background:var(--ink);border:2px solid var(--volt);width:30px;height:30px;color:var(--volt);font-family:var(--font-jetbrains), monospace;cursor:pointer;z-index:2;border-radius:999px;justify-content:center;align-items:center;margin:-15px;padding:0;font-size:10px;font-weight:700;transition:transform .16s cubic-bezier(.18,1.5,.42,1),background .16s,color .16s;display:flex;position:absolute}.mr-hs.hot{background:var(--volt);color:var(--ink);transform:scale(1.35)}.mr-hs:before{content:"";border:2px solid var(--volt);opacity:0;border-radius:999px;animation:2.4s ease-out infinite mr-ping;position:absolute;inset:-7px}@keyframes mr-ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.mr-halves{justify-content:space-between;margin-top:18px;display:flex}.mr-treats{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:40px 0 100px;display:flex}.mr-treats h2{letter-spacing:-.035em;margin:0;font-size:clamp(44px,7vw,96px);font-weight:900;line-height:.9}.mr-treats p{color:#ffffffd1;text-wrap:pretty;max-width:40ch;margin:0;font-size:20px;font-weight:600;line-height:1.45}.mr-wallet{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:880px;margin-top:28px;display:grid}.mr-tr{flex-direction:column;align-items:center;gap:6px;display:flex}.mr-tr img{object-fit:contain;filter:drop-shadow(0 12px #0a0a0c4d);width:150px;height:150px;transition:transform .2s cubic-bezier(.18,1.5,.42,1)}.mr-tr:hover img{transform:translateY(-8px)rotate(-5deg)}.mr-tr h3{letter-spacing:-.02em;color:var(--volt);margin:10px 0 0;font-size:24px;font-weight:900}.mr-tr span{color:#ffffffbf;font-size:16px;font-weight:600}.mr-keys{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:56px;display:flex}.mr-keys h3{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(34px,4.6vw,60px);font-weight:900;line-height:1}.mr-keys p{color:#fff;max-width:34ch}.mr-end{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:40px 0 120px;display:flex}.mr-end h2{margin:0;font-size:clamp(40px,6vw,76px)}.lp-appbtn .ear{clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;z-index:0;background:#6957ff;border:4px solid #0a0a0c;border-bottom:0;width:44px;height:48px;transition:transform .35s cubic-bezier(.34,1.6,.5,1),opacity .15s;position:absolute;top:10px;transform:translateY(34px)scale(.6)}.lp-appbtn .ear:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#ff5cc8;height:24px;position:absolute;bottom:0;left:12px;right:12px}.lp-appbtn .ear.l{left:4px;rotate:-18deg}.lp-appbtn .ear.r{right:4px;rotate:18deg}.lp-appbtn .lp-appicon{z-index:1;position:relative}.lp-appbtn.playing .ear{opacity:1;animation:1s ease-in-out .4s infinite mr-twitch;transform:translateY(-30px)scale(1)}.lp-appbtn.playing .ear.r{animation-delay:.9s}@keyframes mr-twitch{0%,80%,to{translate:0}88%{translate:0 -5px}}@media (max-width:1180px){.mr-pw{grid-template-columns:76px minmax(0,1fr);gap:2px 10px}.mr-pw .pi{width:76px;height:76px}.mr-dia{gap:20px}}@media (max-width:860px),(orientation:portrait) and (max-width:1024px){.mr-lab{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0;overflow-x:clip}.mr-lab>.mr-stage{display:none}.mr-step{opacity:1;min-height:0;padding:36px 0 20px}.mr-mstage{aspect-ratio:1;width:100%;max-width:520px;height:auto;margin:18px auto 0;display:block;position:relative;top:auto}.mr-mstage .mr-orbit .oc{width:clamp(56px,15vw,96px);height:clamp(56px,15vw,96px);margin:calc(clamp(56px,15vw,96px)/-2)}.mr-mstage .mr-bsp i{scale:.7}}@media (max-width:760px){.mr-beats{grid-template-columns:minmax(0,1fr)}.mr-dia{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px}.mr-dia .mr-cat-wrap{order:-1;grid-column:1/-1;width:100%;max-width:400px;margin:0 auto 20px}}@media (max-width:620px){.mr-wallet,.mr-dia{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.mr-hero *,.mr-lab *,.mr-dia *,.mr-cue,.lp-appbtn .ear{transition:none!important;animation:none!important}}
