.pdj{display:block;width:100%;height:100%;border-radius:22%;overflow:hidden}.pdj-fig{animation:pdj-bounce var(--pdj-beat, .5s) steps(1,end) infinite;animation-delay:var(--pdj-delay, 0s)}.pdj-head{animation:pdj-nod var(--pdj-beat, .5s) steps(1,end) infinite;animation-delay:var(--pdj-delay, 0s)}@keyframes pdj-bounce{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes pdj-nod{0%{transform:translateY(1px)}25%{transform:translateY(0)}to{transform:translateY(0)}}.pdj-still .pdj-fig,.pdj-still .pdj-head{animation-play-state:paused}:hover>.pdj-still .pdj-fig,:hover>.pdj-still .pdj-head,.pdj-still:hover .pdj-fig,.pdj-still:hover .pdj-head{animation-play-state:running}@media (prefers-reduced-motion: reduce){.pdj-fig,.pdj-head{animation:none}}.reduce-motion .pdj-fig,.reduce-motion .pdj-head{animation:none}html{background:#08090c;color-scheme:dark}body{margin:0;background:radial-gradient(1200px 600px at 75% -10%,rgba(255,107,26,.16),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(61,139,255,.1),transparent 60%),#08090c}.public-home{--orange: #ff6b1a;--orange-2: #ff9a57;--pink: #ff4fa3;--cyan: #3df2ff;--muted: #a9aebb;--line: #23262e;--card: #101218;max-width:1180px;margin:auto;padding:0 32px;color:#eceef3;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.public-home *{box-sizing:border-box}.public-home a{color:inherit;text-underline-offset:4px}.public-home a:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:4px}.public-home ul,.public-home ol{list-style:none;margin:0;padding:0}.public-home .site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:84px}.public-home .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.6px}.public-home .brand b{color:var(--orange);font-weight:800}.public-home .brand-mark,.public-home .brand-word{display:block;flex:none}.public-home .brand:hover .brand-mark{animation:brand-hop .5s steps(2) infinite alternate}@keyframes brand-hop{to{transform:translateY(-3px)}}.public-home .site-header nav{display:flex;align-items:center;gap:22px;font-size:14px}.public-home .site-header nav>a:not(.button){text-decoration:none;color:var(--muted)}.public-home .site-header nav>a:not(.button):hover{color:#fff}.public-home .button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:12px 20px;border:1px solid #3a3e49;border-radius:10px;background:#ffffff08;text-decoration:none;font-weight:700;font-size:15px;transition:transform .12s ease,filter .12s ease,border-color .12s ease}.public-home .button:hover{border-color:#5a5f6c;transform:translateY(-1px)}.public-home .button.small{padding:8px 14px;font-size:13px;border-radius:8px}.public-home .button.ghost{background:none}.public-home .button.big{padding:15px 24px;font-size:16px}.public-home .button.primary{background:var(--orange);border-color:var(--orange);color:#170b04;box-shadow:0 0 #ff6b1a66,0 10px 30px -10px #ff6b1ab3}.public-home .button.primary:hover{filter:brightness(1.08)}.public-home .button>span{position:relative;width:12px;height:12px}.public-home .button>span:before{content:"";position:absolute;right:0;top:0;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor}.public-home .button>span:after{content:"";position:absolute;left:0;top:6px;width:13px;height:2px;background:currentColor;transform:rotate(-45deg)}.public-home .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:56px 0 64px}.public-home .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--orange-2);text-transform:uppercase;letter-spacing:2px;font-weight:750;font-size:12px;margin:0 0 18px}.public-home .live-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ff6b1a33;animation:live 1.2s steps(2,jump-none) infinite}@keyframes live{50%{box-shadow:0 0 0 7px #ff6b1a0d}}.public-home h1{margin:0;font-size:clamp(44px,5.6vw,72px);line-height:1;letter-spacing:-.045em;font-weight:850}.public-home h1 span{display:block;background:linear-gradient(90deg,var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.public-home .intro{max-width:520px;margin:24px 0 28px;font-size:18.5px;color:var(--muted)}.public-home .cta-row{display:flex;flex-wrap:wrap;gap:12px}.public-home .hero-points{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;color:var(--muted);font-size:13.5px}.public-home .hero-points li{display:inline-flex;align-items:center;gap:8px}.public-home .hero-points li:before{content:"";width:6px;height:6px;background:var(--orange)}.public-home .booth{position:relative;aspect-ratio:1 / .92;min-height:320px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#120b1f,#0c0d14 62%,#0a0b10);box-shadow:0 40px 90px -40px #ff4fa359,inset 0 1px #ffffff0a;isolation:isolate}.public-home .booth-beams i{position:absolute;top:-10%;width:34%;height:90%;transform-origin:50% 0;background:linear-gradient(180deg,rgba(255,79,163,.32),transparent 80%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);animation:sweep 4s ease-in-out infinite alternate;z-index:-1}.public-home .booth-beams i:nth-child(1){left:2%}.public-home .booth-beams i:nth-child(2){left:33%;background:linear-gradient(180deg,rgba(61,242,255,.22),transparent 80%);animation-delay:-1.3s}.public-home .booth-beams i:nth-child(3){right:2%;background:linear-gradient(180deg,rgba(255,107,26,.3),transparent 80%);animation-delay:-2.6s}@keyframes sweep{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}.public-home .booth-screen{position:absolute;left:12%;right:12%;top:8%;height:22%;display:flex;align-items:flex-end;justify-content:center;gap:3%}.public-home .booth-screen span{width:6%;height:30%;background:linear-gradient(180deg,var(--pink),var(--orange));opacity:.55;animation:eq 1s steps(4,jump-none) infinite}.public-home .booth-screen span:nth-child(2n){animation-duration:.75s}.public-home .booth-screen span:nth-child(3n){animation-duration:1.25s;animation-delay:-.3s}.public-home .booth-screen span:nth-child(5n){animation-duration:.5s}@keyframes eq{0%{height:20%}50%{height:95%}to{height:40%}}.public-home .booth-dj{position:absolute;left:50%;bottom:31%;width:40%;aspect-ratio:1;transform:translate(-50%);filter:drop-shadow(0 0 24px rgba(255,107,26,.35))}.public-home .booth-dj .pdj{border-radius:0;background:none}.public-home .booth-dj .pdj>rect:first-child{fill:transparent}.public-home .booth-desk{position:absolute;left:6%;right:6%;bottom:14%;height:24%;display:flex;align-items:center;justify-content:space-between;gap:4%;padding:0 5%;background:linear-gradient(180deg,#2a2d38,#15161d);border:2px solid #383c49;border-radius:10px;box-shadow:0 -2px #4a4f5f inset,0 18px 30px -12px #000}.public-home .platter{height:78%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#121319 0,#121319 2px,#22242d,#22242d 4px);border:2px solid #3d4150;display:grid;place-items:center;animation:spin 1.8s linear infinite}.public-home .platter i{width:34%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--orange) 0 25%,#ffb27f 0 50%,var(--orange) 0 75%,#ffb27f 0);border:3px solid #0b0c0f}.public-home .platter.two i{background:conic-gradient(var(--cyan) 0 25%,#a8f9ff 0 50%,var(--cyan) 0 75%,#a8f9ff 0)}@keyframes spin{to{transform:rotate(360deg)}}.public-home .booth-mixer{flex:1;height:70%;display:flex;justify-content:center;gap:18%;padding:4% 0}.public-home .booth-mixer b{position:relative;width:4px;background:#0d0e13;border-radius:2px}.public-home .booth-mixer b:after{content:"";position:absolute;left:-6px;width:16px;height:8px;border-radius:2px;background:#c9ccd6;top:25%;animation:fader 2.4s steps(6,jump-none) infinite alternate}.public-home .booth-mixer b:nth-child(2):after{background:var(--orange);animation-delay:-1.2s}.public-home .booth-mixer b:nth-child(3):after{animation-delay:-.6s}@keyframes fader{0%{top:10%}to{top:70%}}.public-home .booth-crowd{position:absolute;left:0;right:0;bottom:-2%;display:flex;justify-content:center;gap:1.5%;padding:0 3%}.public-home .booth-crowd span{width:12.5%;aspect-ratio:1;flex:none}.public-home .booth-crowd .pdj{border-radius:0}.public-home .booth-crowd .pdj>rect:first-child{fill:transparent}.public-home .booth:after{content:"";position:absolute;inset:auto 0 0 0;height:9%;background:linear-gradient(0deg,rgba(8,9,12,.7),transparent);pointer-events:none}.site-beta{margin:0;padding:9px 18px;text-align:center;font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:#e3c9b8;background:linear-gradient(90deg,#ff6b1a29,#ff4fa31f);border-bottom:1px solid rgba(255,107,26,.25)}.site-beta b{display:inline-block;margin-right:8px;padding:1px 6px;border-radius:4px;font-size:10.5px;letter-spacing:1px;color:#170b04;background:#ff6b1a}.site-beta a{color:#ffb27f}.public-home .audiences{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:64px 0 0}.public-home .audiences article{padding:28px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(61,139,255,.1),var(--card) 55%)}.public-home .audiences article+article{background:linear-gradient(160deg,rgba(255,79,163,.12),var(--card) 55%)}.public-home .audiences h2{font-size:clamp(24px,2.6vw,32px)}.public-home .audiences ul{display:grid;gap:10px;margin-top:16px;color:var(--muted);font-size:15px}.public-home .audiences li{display:flex;gap:10px}.public-home .audiences li:before{content:"";flex:none;width:6px;height:6px;margin-top:9px;background:var(--orange)}.public-home .audiences b{color:#fff}.public-home .phone-send{margin:0 0 18px;padding:16px;border-radius:14px;border:1px solid rgba(255,107,26,.45);background:linear-gradient(160deg,#ff6b1a24,#ff4fa30f)}.public-home .phone-send p{margin:0 0 12px;font-size:15px;color:#e5e7ee}.public-home .phone-send-form{display:flex;flex-direction:column;gap:8px}.public-home .phone-send-form input{height:48px;padding:0 14px;border-radius:10px;border:1px solid #3a3e49;background:#0d0f14;color:#fff;font:inherit;font-size:16px}.public-home .phone-send-form .button{width:100%}.public-home .phone-send-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.public-home .phone-send-note{font-size:13px;color:var(--orange-2)}.public-home .ticker{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding:20px 0;border-block:1px solid var(--line);color:var(--muted);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:650}.public-home .ticker span{display:inline-flex;align-items:center;gap:16px}.public-home .ticker span+span:before{content:"";width:5px;height:5px;background:var(--orange)}.public-home h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em;line-height:1.12;margin:0 0 14px;font-weight:800}.public-home h3{font-size:19px;letter-spacing:-.01em;margin:0 0 8px}.public-home section p{color:var(--muted)}.public-home .steps{padding:84px 0 40px}.public-home .steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;counter-reset:s}.public-home .steps li{position:relative;padding:26px 24px 24px;background:var(--card);border:1px solid var(--line);border-radius:16px}.public-home .steps li p{margin:0;font-size:15px}.public-home .steps li b{color:#fff}.public-home .step-no{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:16px;font:800 16px ui-monospace,Menlo,Consolas,monospace;color:#170b04;background:var(--orange);box-shadow:3px 3px #7a2c05}.public-home .modes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 0 84px}.public-home .modes article{padding:20px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#12141b,#0d0f14)}.public-home .modes p{margin:0;font-size:14px}.public-home .mode-tag{display:inline-block;margin-bottom:12px;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:750;letter-spacing:1px;text-transform:uppercase;color:var(--orange-2);background:#ff6b1a1f}.public-home .modes article:nth-child(2) .mode-tag{color:#8fc0ff;background:#3d8bff24}.public-home .modes article:nth-child(3) .mode-tag{color:#ff8cc6;background:#ff4fa324}.public-home .modes article:nth-child(4) .mode-tag{color:#7ef0bd;background:#2fd38a21}.public-home .lineup-section{padding:72px 0;border-top:1px solid var(--line)}.public-home .lineup-head{max-width:780px}.public-home .lineup{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:34px;min-height:380px}.public-home .lineup li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 14px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .15s ease,transform .15s ease}.public-home .lineup li:hover{border-color:#4a4f5c;transform:translateY(-3px)}.public-home .lineup-dj{width:84px;height:84px;margin-bottom:8px;image-rendering:pixelated}.public-home .lineup strong{font-size:14px}.public-home .lineup small{font-size:12px;color:var(--muted);line-height:1.35}.public-home .controllers{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:center;padding:72px 0;border-top:1px solid var(--line)}.public-home .chips{display:flex;flex-wrap:wrap;gap:8px}.public-home .chips li{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13.5px;color:#d6d9e1}.public-home .chips b{color:var(--muted);font-weight:600;margin-right:4px}.public-home .about-account{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;border-top:1px solid var(--line);padding:64px 0}.public-home .about-account p{margin:0 0 14px;font-size:15px}.public-home .start-panel{position:relative;text-align:center;border:1px solid #3a2516;background:radial-gradient(600px 240px at 50% 0%,rgba(255,107,26,.18),transparent 70%),#100f13;border-radius:22px;padding:30px 24px 44px;margin-bottom:16px}.public-home .start-djs{display:flex;justify-content:center;gap:12px;margin-bottom:18px}.public-home .start-djs span{width:64px;height:64px}.public-home .start-panel p{margin:0 0 22px}.public-home footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 20px;padding:40px 0 28px;border-top:1px solid var(--line);margin-top:48px}.public-home footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px}.public-home footer nav a{color:var(--muted);text-decoration:none}.public-home footer nav a:hover{color:#fff}.public-home footer p{width:100%;color:var(--muted);font-size:12px;margin:0}@media (max-width: 1000px){.public-home .modes{grid-template-columns:repeat(2,1fr)}.public-home .lineup{grid-template-columns:repeat(4,1fr);min-height:560px}}@media (max-width: 820px){.public-home{padding:0 18px}.public-home .site-header{min-height:68px}.public-home .site-header nav>a:not(.button){display:none}.public-home .site-header nav{gap:8px}.public-home .hero{grid-template-columns:1fr;padding:28px 0 44px;gap:34px}.public-home .booth{max-width:520px;width:100%;margin:0 auto}.public-home .steps{padding-top:56px}.public-home .steps ol{grid-template-columns:1fr}.public-home .audiences{grid-template-columns:1fr;padding-top:44px}.public-home .controllers,.public-home .about-account{grid-template-columns:1fr;gap:24px;padding:52px 0}.public-home .lineup-section{padding:52px 0}.public-home .lineup{grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}.public-home .lineup-dj{width:64px;height:64px}}@media (max-width: 480px){.public-home .cta-row .button{width:100%}.public-home .modes{grid-template-columns:1fr;padding-bottom:56px}.public-home .lineup{grid-template-columns:repeat(2,1fr)}.public-home .site-header .brand{font-size:18px}.public-home .site-header .brand-mark{width:36px;height:36px}.public-home .site-header .brand-word{width:112px;height:16px}.public-home .ticker{gap:8px 22px;font-size:11.5px}}@media (prefers-reduced-motion: reduce){.public-home *,.public-home *:before,.public-home *:after{animation:none!important;transition:none!important}}.public-home .discord-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;background:#5865f2;color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 3px #3b45c4;transition:transform .1s,box-shadow .1s}.public-home .discord-btn:hover{transform:translateY(-1px);box-shadow:0 4px #3b45c4,0 0 18px #5865f280}.public-home .discord-btn:active{transform:translateY(2px);box-shadow:0 1px #3b45c4}.public-home .discord-btn .discord-px{image-rendering:pixelated}
