.reel{--black:#0b0c18;--violet:#b13bff;--violet-lite:#c064ff;--blue:#3b82f6;--orange:#f97316;--green:#89ff3b;--white:#fafafa;--grid:#c064ff1a;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--disp:"Helvetica Neue",Helvetica,Arial,"Arial Narrow",sans-serif;width:100%;font-family:var(--mono)}.reel *{box-sizing:border-box;margin:0;padding:0}.reel .stage{aspect-ratio:16/9;width:100%;color:var(--white);background:radial-gradient(120% 90% at 50% 12%,#171528 0%,var(--black)55%,#05060c 100%);-webkit-user-select:none;user-select:none;border:1px solid #c064ff38;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 40px 120px -30px #b13bff59,inset 0 0 0 1px #00000080;container-type:size}.reel .stage:after{content:"";pointer-events:none;z-index:40;mix-blend-mode:overlay;opacity:.5;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.reel .gridlay{z-index:1;pointer-events:none;opacity:.8;background-image:linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px);background-size:6.25% 11.1%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 120%,#000 55%,#0000 100%);mask-image:radial-gradient(120% 120%,#000 55%,#0000 100%)}.reel .scene{z-index:10;opacity:0;visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.reel .scene.on{opacity:1;visibility:visible}.reel .cut{z-index:35;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(90deg,#ff005080,#0000 40% 60%,#00b4ff80);position:absolute;inset:0}.reel .cut.fire{animation:.16s steps(2,end) reelcut}@keyframes reelcut{0%{opacity:.9;transform:translate(-6px)}to{opacity:0;transform:translate(0)}}.reel .type{font-family:var(--disp);text-transform:uppercase;letter-spacing:-.035em;text-align:center;text-wrap:balance;padding:0 5%;font-weight:900;line-height:.82}.reel .type .ln{display:block;overflow:hidden}.reel .type .ln>span{will-change:transform;display:inline-block}.reel .kicker{font-family:var(--mono);letter-spacing:.4em;color:var(--violet-lite);text-transform:uppercase;text-align:center;font-size:clamp(8px,2cqmin,15px)}.reel .sub{font-family:var(--mono);letter-spacing:.24em;color:#fafafa9e;text-transform:uppercase;text-align:center;padding:0 5%;font-size:clamp(8px,1.9cqmin,13px)}.reel .scene.on .slam>span{animation:.5s cubic-bezier(.16,1,.3,1) both reelslam}@keyframes reelslam{0%{transform:translateY(112%)skewY(7deg)}to{transform:translateY(0)skewY(0)}}.reel .scene.on .fade{animation:.5s both reelfade}.reel .scene.on .fade.d1{animation-delay:.18s}.reel .scene.on .fade.d2{animation-delay:.5s}@keyframes reelfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reel .pop{opacity:0}.reel .scene.on .pop{animation:.5s cubic-bezier(.2,1.5,.3,1) both reelpop}@keyframes reelpop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes reelbounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.62)}}@keyframes reelbarIn{0%{opacity:0;height:2%}to{opacity:1}}.reel .s1 .stack{flex-direction:column;align-items:center;gap:5cqmin;display:flex}.reel .s1 .eqrow{align-items:flex-end;gap:1.4cqmin;height:30cqmin;display:flex}.reel .s1 .eqrow i{background:linear-gradient(180deg,var(--violet-lite),var(--violet));border-radius:99px;width:clamp(5px,1.6cqmin,14px);height:14%;box-shadow:0 0 22px #c064ffb3}.reel .s1.on .eqrow i{animation:.5s cubic-bezier(.2,1.4,.3,1) both reelbarIn,1s ease-in-out infinite reelbounce}.reel .s1 .type{color:var(--white);font-size:clamp(44px,17cqmin,210px)}.reel .s1 .type .on-w{color:var(--violet-lite);text-shadow:0 0 44px #c064ffbf}.reel .s2 .plist{z-index:2;flex-direction:column;gap:1.4cqmin;display:flex;position:absolute;top:11%;left:7%;right:7%}.reel .s2 .prow{opacity:0;background:linear-gradient(120deg,#181430,#110c22);border:1px solid #c064ff66;border-radius:12px;align-items:center;gap:2cqmin;padding:1.5cqmin;display:flex;box-shadow:0 16px 34px -18px #000}.reel .s2 .prow .cov{aspect-ratio:1;background:linear-gradient(150deg,var(--violet-lite),var(--blue));border-radius:8px;flex:none;width:7cqmin;box-shadow:0 0 18px #c064ff80}.reel .s2 .prow .cov.o{background:linear-gradient(150deg,var(--orange),#f43f5e)}.reel .s2 .prow .cov.g{background:linear-gradient(150deg,#a3ff6b,var(--green))}.reel .s2 .prow .m{flex-direction:column;flex:1;gap:1.2cqmin;display:flex}.reel .s2 .prow .m b{background:#fafafad1;border-radius:9px;width:42%;height:1.7cqmin}.reel .s2 .prow .m span{background:#c064ff8c;border-radius:9px;width:26%;height:1.1cqmin}.reel .s2 .prow .mw{background:repeating-linear-gradient(90deg,#c064ff80 0 2px,#0000 2px 5px);border-radius:5px;flex:0 0 20%;height:4.2cqmin}.reel .s2 .prow .st{font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;border:1px solid;border-radius:99px;flex:none;align-items:center;gap:.6em;padding:.7cqmin 1.6cqmin;font-size:clamp(8px,1.7cqmin,12px);display:inline-flex}.reel .s2 .prow .st:before{content:"";background:currentColor;border-radius:50%;width:1.4cqmin;min-width:6px;height:1.4cqmin;min-height:6px;box-shadow:0 0 8px}.reel .s2 .st.concept{color:#c064ff;background:#c064ff1a;border-color:#c064ff73}.reel .s2 .st.mixing{color:#60a5fa;background:#3b82f61a;border-color:#60a5fa73}.reel .s2 .st.master{color:#fb923c;background:#f973161a;border-color:#fb923c73}.reel .s2 .st.released{color:#89ff3b;background:#89ff3b1f;border-color:#89ff3b80}.reel .s2.on .prow{animation:.5s cubic-bezier(.16,1,.3,1) both reelrow}@keyframes reelrow{0%{opacity:0;transform:translate(-8%)}to{opacity:1;transform:none}}.reel .s2 .type{z-index:3;color:var(--white);font-size:clamp(24px,8cqmin,110px);position:absolute;bottom:12%;left:0;right:0}.reel .s2 .type .hl{color:var(--violet-lite)}.reel .s2 .sub{z-index:3;position:absolute;bottom:8%;left:0;right:0}.reel .s3 .tl{z-index:1;transform-origin:0;background:#c064ff4d;height:3px;position:absolute;top:26%;left:9%;right:9%}.reel .s3.on .tl{animation:.7s both reeldraw}@keyframes reeldraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reel .s3 .vnodes{z-index:2;justify-content:space-between;gap:2cqmin;display:flex;position:absolute;top:13%;left:9%;right:9%}.reel .s3 .vn{text-align:left;opacity:0;background:linear-gradient(160deg,#1b1432,#120c22);border:1px solid #c064ff73;border-radius:12px;flex:1;padding:1.6cqmin;box-shadow:0 20px 44px -20px #000}.reel .s3 .vn .t{font-family:var(--mono);color:var(--violet-lite);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:clamp(9px,1.9cqmin,13px);display:flex}.reel .s3 .vn .w{background:repeating-linear-gradient(90deg,#c064ff8c 0 2px,#0000 2px 5px);border-radius:5px;height:5cqmin;margin-top:1.3cqmin}.reel .s3 .vn.master{border-color:var(--green);box-shadow:0 20px 44px -16px #89ff3b66,0 0 0 1px var(--green)}.reel .s3 .vn.master .w{background:repeating-linear-gradient(90deg,#89ff3bb3 0 2px,#0000 2px 5px)}.reel .s3 .vn .chk{background:var(--green);color:#04140a;opacity:0;border-radius:50%;place-items:center;width:4.2cqmin;min-width:18px;height:4.2cqmin;min-height:18px;font-size:clamp(11px,2.4cqmin,16px);font-weight:900;display:grid;box-shadow:0 0 22px #89ff3bcc}.reel .s3.on .vn{animation:.5s cubic-bezier(.2,1.4,.3,1) both reelpop}.reel .s3.on .vn:nth-child(2){animation-delay:.16s}.reel .s3.on .vn:nth-child(3){animation-delay:.32s}.reel .s3.on .vn.master .chk{animation:.45s cubic-bezier(.2,1.7,.3,1) .7s both reelpop}.reel .s3 .type{z-index:3;color:var(--white);font-size:clamp(22px,7.6cqmin,100px);position:absolute;bottom:12%;left:0;right:0}.reel .s3 .type .hl{color:var(--violet-lite)}.reel .s3 .sub{z-index:3;position:absolute;bottom:8%;left:0;right:0}.reel .s4 .lanes{z-index:1;flex-direction:column;gap:1cqmin;display:flex;position:absolute;top:15%;left:8%;right:8%}.reel .s4 .lane{opacity:0;background:linear-gradient(90deg,var(--violet),var(--blue),var(--orange));border-radius:99px;height:1.7cqmin;min-height:5px}.reel .s4.on .lane{animation:.45s cubic-bezier(.16,1,.3,1) both reellane}@keyframes reellane{0%{opacity:0;transform:translate(-40%)scaleX(.2)}to{opacity:.92;transform:none}}.reel .s4 canvas{z-index:2;width:84%;height:20%;position:absolute;top:42%;left:8%;right:8%}.reel .s4 .badges{z-index:3;gap:1.4cqmin;display:flex;position:absolute;top:15%;right:8%}.reel .s4 .bdg{font-family:var(--mono);letter-spacing:.12em;border:1px solid var(--green);color:var(--green);opacity:0;border-radius:99px;padding:.8cqmin 2cqmin;font-size:clamp(9px,1.9cqmin,13px);box-shadow:0 0 20px #89ff3b59}.reel .s4.on .bdg{animation:.45s cubic-bezier(.2,1.6,.3,1) both reelpop}.reel .s4.on .bdg:nth-child(2){animation-delay:.14s}.reel .s4 .type{z-index:3;color:var(--white);font-size:clamp(22px,7.7cqmin,104px);position:absolute;bottom:12%;left:0;right:0}.reel .s4 .type .hl{color:var(--orange)}.reel .s4 .sub{z-index:3;position:absolute;bottom:8%;left:0;right:0}.reel .s5{background:radial-gradient(80% 80% at 50% 40%,#13210f,#0000 70%)}.reel .s5 canvas{z-index:1;width:86%;height:22%;position:absolute;top:31%;left:7%;right:7%}.reel .s5 .beam{z-index:2;background:linear-gradient(90deg,transparent,var(--violet-lite),var(--white));width:0;height:2px;box-shadow:0 0 24px var(--violet-lite);position:absolute;top:42%;left:0}.reel .s5.on .beam{animation:1s cubic-bezier(.6,0,.2,1) .15s both reelbeam}@keyframes reelbeam{0%{width:0}to{width:100%}}.reel .s5 .avs{z-index:3;justify-content:center;gap:3cqmin;display:flex;position:absolute;top:11%;left:0;right:0}.reel .s5 .av{aspect-ratio:1;width:clamp(34px,10cqmin,70px);font-weight:900;font-family:var(--disp);color:#0b0710;opacity:0;box-shadow:0 12px 28px -8px #000,0 0 0 3px var(--black);border-radius:50%;place-items:center;font-size:clamp(14px,4cqmin,28px);display:grid;position:relative}.reel .s5 .av.a{background:linear-gradient(150deg,#e0c9ff,var(--violet-lite))}.reel .s5 .av.b{background:linear-gradient(150deg,#93c5fd,var(--blue))}.reel .s5 .av.c{background:linear-gradient(150deg,#fdba74,var(--orange))}.reel .s5 .av.d{background:linear-gradient(150deg,#c4ff9a,var(--green))}.reel .s5 .av .ext{font-family:var(--mono);letter-spacing:.08em;background:var(--black);color:var(--orange);border:1px solid var(--orange);border-radius:99px;padding:1px 6px;font-size:clamp(7px,1.5cqmin,10px);position:absolute;bottom:-1.4cqmin}.reel .s5.on .av{animation:.5s cubic-bezier(.2,1.6,.3,1) both reelpop}.reel .s5.on .av:nth-child(2){animation-delay:.1s}.reel .s5.on .av:nth-child(3){animation-delay:.2s}.reel .s5.on .av:nth-child(4){animation-delay:.3s}.reel .s5 .pin{z-index:4;background:linear-gradient(160deg,var(--violet-lite),var(--violet));opacity:0;border-radius:50% 50% 50% 2px;place-items:center;width:clamp(24px,6cqmin,44px);height:clamp(24px,6cqmin,44px);display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 10px 26px -6px #000}.reel .s5 .pin b{font-size:clamp(11px,2.6cqmin,17px);transform:rotate(45deg)}.reel .s5.on .pin{animation:.45s cubic-bezier(.2,1.7,.3,1) both reelpop}.reel .s5.on .pin.p2{animation-delay:.5s}.reel .s5.on .pin.p3{animation-delay:.85s}.reel .s5 .type{z-index:5;color:var(--white);font-size:clamp(24px,8.4cqmin,112px);position:absolute;bottom:13%;left:0;right:0}.reel .s5 .type .hl{color:var(--green)}.reel .s5 .sub{z-index:5;position:absolute;bottom:8.5%;left:0;right:0}.reel .ssec{background:radial-gradient(80% 80% at 50% 38%,#1b1024,#0000 70%)}.reel .ssec .lockwrap{z-index:3;flex-direction:column;align-items:center;gap:3cqmin;display:flex;position:absolute;top:15%;left:0;right:0}.reel .ssec .lkcard{background:linear-gradient(160deg,#1d1432,#120c22);border:1px solid #c064ff80;border-radius:16px;flex-direction:column;gap:2.2cqmin;width:min(72cqmin,560px);padding:3cqmin;display:flex;box-shadow:0 26px 60px -22px #000}.reel .ssec .lkrow{justify-content:space-between;align-items:center;gap:1.6cqmin;display:flex}.reel .ssec .lchip{font-family:var(--mono);letter-spacing:.04em;color:var(--violet-lite);white-space:nowrap;text-overflow:ellipsis;background:#c064ff1f;border:1px solid #c064ff66;border-radius:99px;flex:1;padding:1.2cqmin 2cqmin;font-size:clamp(9px,2.1cqmin,15px);overflow:hidden}.reel .ssec .plock{background:linear-gradient(150deg,var(--violet-lite),var(--violet));transform-origin:50%;border-radius:12px;place-items:center;width:8cqmin;min-width:34px;height:8cqmin;min-height:34px;font-size:clamp(15px,4cqmin,26px);display:grid;box-shadow:0 0 26px #c064ff99}.reel .ssec.on .plock{animation:.5s cubic-bezier(.2,1.7,.3,1) .3s both reelsnap}@keyframes reelsnap{0%{opacity:0;transform:rotate(-24deg)scale(.6)}60%{transform:rotate(8deg)scale(1.08)}to{opacity:1;transform:none}}.reel .ssec .lkpw{font-family:var(--mono);letter-spacing:.18em;color:#fafafa8c;align-items:center;gap:1.6cqmin;font-size:clamp(8px,1.8cqmin,12px);display:flex}.reel .ssec .dots{gap:1.1cqmin;display:flex}.reel .ssec .dots i{background:var(--white);opacity:0;border-radius:50%;width:2cqmin;min-width:8px;height:2cqmin;min-height:8px}.reel .ssec.on .dots i{animation:.3s both reelpop}.reel .ssec.on .dots i:first-child{animation-delay:.45s}.reel .ssec.on .dots i:nth-child(2){animation-delay:.52s}.reel .ssec.on .dots i:nth-child(3){animation-delay:.59s}.reel .ssec.on .dots i:nth-child(4){animation-delay:.66s}.reel .ssec.on .dots i:nth-child(5){animation-delay:.73s}.reel .ssec.on .dots i:nth-child(6){animation-delay:.8s}.reel .ssec .lkmeta{font-family:var(--mono);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:clamp(8px,1.8cqmin,12px);display:flex}.reel .ssec .exp{color:var(--orange)}.reel .ssec .rvk{color:#fafafa80;border:1px solid #fafafa33;border-radius:99px;padding:.6cqmin 1.6cqmin}.reel .ssec .protected{font-family:var(--mono);letter-spacing:.24em;color:var(--green);opacity:0;border:1px solid var(--green);border-radius:99px;padding:1cqmin 2.4cqmin;font-size:clamp(9px,2cqmin,14px);box-shadow:0 0 24px #89ff3b4d}.reel .ssec.on .protected{animation:.5s 1s both reelfade}.reel .ssec .beam{z-index:2;background:linear-gradient(90deg,transparent,var(--violet-lite),var(--white));width:0;height:2px;box-shadow:0 0 24px var(--violet-lite);position:absolute;top:44%;left:0}.reel .ssec.on .beam{animation:.9s cubic-bezier(.6,0,.2,1) .1s both reelbeam}.reel .ssec .type{z-index:4;color:var(--white);font-size:clamp(22px,7.8cqmin,104px);position:absolute;bottom:12%;left:0;right:0}.reel .ssec .type .hl{color:var(--violet-lite)}.reel .ssec .sub{z-index:4;position:absolute;bottom:8%;left:0;right:0}.reel .s6{background:radial-gradient(80% 80% at 50% 40%,#1a1029,#06060c 70%)}.reel .s6 .mark{aspect-ratio:1;background:linear-gradient(155deg,var(--violet-lite),var(--violet));border-radius:24px;justify-content:center;align-items:center;gap:1.4cqmin;width:clamp(80px,22cqmin,190px);margin-bottom:4cqmin;display:flex;box-shadow:0 30px 80px -20px #b13bffb3,inset 0 0 0 1px #ffffff1f}.reel .s6 .mark i{background:var(--white);border-radius:99px;width:clamp(4px,1.6cqmin,11px);height:20%;box-shadow:0 0 10px #fff6}.reel .s6.on .mark{animation:.6s cubic-bezier(.2,1.4,.3,1) both reelpop}.reel .s6.on .mark i{animation:.5s cubic-bezier(.2,1.5,.3,1) both reelbarIn,1.1s ease-in-out infinite reelbounce}.reel .s6 .word{font-family:var(--disp);letter-spacing:-.02em;text-align:center;font-size:clamp(28px,9cqmin,120px);font-weight:900;line-height:.92}.reel .s6 .word .k{color:var(--violet-lite)}.reel .s6 .tag{font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:#fafafaa8;text-align:center;margin-top:2.4cqmin;font-size:clamp(9px,2cqmin,15px)}.reel .s6 .cta{flex-direction:column;align-items:center;gap:2cqmin;margin-top:4cqmin;display:flex}.reel .s6 .cta .btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;color:#0b0710;background:linear-gradient(150deg,var(--violet-lite),var(--violet));border-radius:99px;align-items:center;gap:.5em;padding:1.7cqmin 4cqmin;font-size:clamp(15px,4cqmin,34px);font-weight:900;display:inline-flex;box-shadow:0 18px 44px -14px #b13bffcc,inset 0 0 0 1px #ffffff2e}.reel .s6.on .cta .btn{animation:.55s cubic-bezier(.2,1.5,.3,1) .55s both reelpop,2s ease-in-out .9s infinite reelglow}.reel .s6.on .cta .btn .arw{animation:1.4s ease-in-out 1s infinite reelnudge}@keyframes reelnudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes reelglow{0%,to{box-shadow:0 18px 44px -14px #b13bffa6,inset 0 0 0 1px #ffffff2e}50%{box-shadow:0 18px 60px -10px #c064ff,inset 0 0 0 1px #ffffff47}}.reel .s6 .cta .url{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--violet-lite);font-size:clamp(9px,2cqmin,14px)}.reel .s6.on .word,.reel .s6.on .tag{animation:.6s .25s both reelfade}.reel .s6.on .cta .url{animation:.5s .8s both reelfade}.reel .hud{z-index:30;pointer-events:none;font-family:var(--mono);color:#fafafab8;letter-spacing:.14em;font-size:clamp(8px,1.7cqmin,12px);position:absolute;inset:0}.reel .hud .tick{border:1px solid #c064ff99;width:14px;height:14px;position:absolute}.reel .hud .tl{border-bottom:0;border-right:0;top:14px;left:14px}.reel .hud .tr{border-bottom:0;border-left:0;top:14px;right:14px}.reel .hud .bl{border-top:0;border-right:0;bottom:14px;left:14px}.reel .hud .br{border-top:0;border-left:0;bottom:14px;right:14px}.reel .hud .tc{color:var(--white);position:absolute;top:16px;left:36px}.reel .hud .rec{color:#ff5064;align-items:center;gap:6px;display:flex;position:absolute;top:16px;right:38px}.reel .hud .rec b{background:#ff5064;border-radius:50%;width:7px;height:7px;animation:1s steps(2,end) infinite reelblink;box-shadow:0 0 10px #ff5064}@keyframes reelblink{50%{opacity:.15}}.reel .hud .scn{color:var(--violet-lite);position:absolute;bottom:32px;left:36px}.reel .hud .brand{position:absolute;bottom:32px;right:38px}.reel .hud .prog{background:#ffffff1f;height:2px;position:absolute;bottom:18px;left:36px;right:38px}.reel .hud .prog i{background:linear-gradient(90deg,var(--violet),var(--violet-lite));width:0;height:100%;box-shadow:0 0 10px var(--violet-lite);display:block}@media (prefers-reduced-motion:reduce){.reel *{animation-duration:.001ms!important;animation-iteration-count:1!important}.reel .hud .rec b{animation:none}}