.noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid transparent;transition:background var(--t-md),border-color var(--t-md),backdrop-filter var(--t-md)}.nav--scrolled{background:#0a0a0ed1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;gap:2rem;height:64px}.nav-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text);flex-shrink:0}.nav-logo svg{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:.25rem;margin-left:.5rem}.nav-links a{padding:.4rem .75rem;border-radius:var(--r-sm);font-size:.88rem;color:var(--text-2);transition:color var(--t),background var(--t)}.nav-links a:hover{color:var(--text);background:var(--bg-3)}.nav-actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}.nav-toggle{display:none;background:none;border:none;color:var(--text-2);cursor:pointer;padding:.4rem;border-radius:var(--r-sm);margin-left:auto}.nav-mobile{display:flex;flex-direction:column;gap:.4rem;overflow:hidden;padding:0 1.5rem 1.25rem;border-top:1px solid var(--border);background:#0a0a0ef7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-mobile a{padding:.65rem .75rem;border-radius:var(--r-sm);font-size:.92rem;color:var(--text-2)}.nav-mobile a:hover{color:var(--text);background:var(--bg-3)}.nav-mobile .mag-btn{width:100%;margin-top:.25rem;justify-self:stretch}.aurora-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.aurora-blob{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.aurora-blob--1{width:640px;height:640px;left:8%;top:-220px;background:radial-gradient(circle,rgba(88,101,242,.35) 0%,transparent 70%)}.aurora-blob--2{width:560px;height:560px;right:-120px;top:10%;background:radial-gradient(circle,rgba(236,72,153,.22) 0%,transparent 70%)}.aurora-blob--3{width:480px;height:480px;left:30%;bottom:-260px;background:radial-gradient(circle,rgba(20,184,166,.18) 0%,transparent 70%)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:64px}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center;padding:4rem 0}.hero-content{max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem 1rem;border-radius:9999px;border:1px solid var(--border-hover);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem;font-weight:600;color:var(--text-2);margin-bottom:1.75rem}.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.75rem);font-weight:800;line-height:1.04;letter-spacing:-.02em;color:var(--text);margin-bottom:1.4rem}.hero-sub{font-size:1.1rem;line-height:1.65;color:var(--text-2);margin-bottom:2.25rem;max-width:460px}.hero-ctas{display:flex;gap:.85rem;flex-wrap:wrap}.hero-visual{position:relative;display:flex;justify-content:center}.player-mockup-wrap{position:relative;width:100%;max-width:380px}.floating-cover{position:absolute;border-radius:var(--r);box-shadow:var(--shadow-lg);z-index:0}.hero-player{position:relative;z-index:1;background:#17171ebf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-hover);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-lg),0 0 80px #5865f21f}.player-art{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.player-art-thumb{width:58px;height:58px;border-radius:var(--r);flex-shrink:0;position:relative;box-shadow:0 0 24px #a855f766}.player-art-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:inherit;filter:blur(14px);opacity:.55;z-index:-1}.player-meta{flex:1;min-width:0}.player-title-text{font-size:.95rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.player-artist-text{font-size:.8rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-waveform{height:34px;margin-bottom:1rem}.player-progress-wrap{height:5px;background:#ffffff14;border-radius:9999px;overflow:hidden;margin-bottom:.85rem}.player-progress-fill{height:100%;background:var(--aurora);border-radius:9999px}.player-controls-row{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-bottom:1.1rem}.player-ctrl{width:34px;height:34px;border-radius:50%;background:var(--bg-4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-2)}.player-ctrl.play{width:42px;height:42px;background:var(--aurora);border-color:transparent;color:#fff}.player-upnext{border-top:1px solid var(--border);padding-top:.85rem}.player-upnext-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:.5rem}.player-upnext-row{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.82rem;color:var(--text-2)}.player-upnext-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0}.player-upnext-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2);padding:1.1rem 0}.proof-inner{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.proof-item-wrap{display:flex;align-items:center;gap:1.5rem}.proof-item{font-size:.88rem;font-weight:600;color:var(--text-2);white-space:nowrap}.proof-item strong{color:var(--text)}.proof-div{width:1px;height:16px;background:var(--border-hover)}.section{padding:6.5rem 0;position:relative}.section-kicker{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--aurora-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.85rem}.section-title{font-family:var(--font-display);font-size:clamp(1.9rem,3.8vw,2.75rem);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin-bottom:1rem;color:var(--text)}.section-sub{font-size:1.05rem;color:var(--text-2);line-height:1.65;max-width:540px}.section-header{margin-bottom:3.5rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.75rem;overflow:hidden}.feat-icon{width:46px;height:46px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}.feat-icon--audio{background:var(--accent-dim);color:var(--accent)}.feat-icon--queue{background:var(--teal-dim);color:var(--teal)}.feat-icon--playlists{background:var(--purple-dim);color:var(--purple)}.feat-icon--xp{background:var(--amber-dim);color:var(--amber)}.feat-icon--welcome{background:var(--green-dim);color:var(--green)}.feat-icon--channels{background:var(--teal-dim);color:var(--teal)}.feat-title{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.feat-desc{font-size:.88rem;color:var(--text-2);line-height:1.6}.feat-card--demo{display:flex;flex-direction:column}.feat-demo-stage{margin-top:1.25rem;border-radius:var(--r);background:var(--bg-4);border:1px solid var(--border);padding:1rem;min-height:84px;display:flex;flex-direction:column;justify-content:center;position:relative}.feat-demo-stage--audio{height:84px;padding:.75rem 1rem}.feat-queue-row{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:.82rem;color:var(--text-2);border-bottom:1px solid var(--border)}.feat-queue-row:last-child{border-bottom:none}.feat-queue-pos{width:1.4rem;font-size:.72rem;color:var(--accent);font-weight:700;text-align:center;flex-shrink:0}.feat-queue-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feat-xp-bar-wrap{height:8px;border-radius:9999px;background:#ffffff14;overflow:hidden}.feat-xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--amber),var(--pink));border-radius:9999px}.feat-xp-toast{position:absolute;top:.6rem;right:.75rem;background:var(--amber-dim);color:var(--amber);font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:9999px}.feat-welcome-card{background:var(--green-dim);border:1px solid rgba(35,229,125,.25);border-radius:var(--r-sm);padding:.6rem .8rem;font-size:.82rem;color:var(--text)}.voice-section{background:var(--bg-2)}.voice-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center}.voice-panel{background:var(--bg-3);border:1px solid var(--border-hover);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.voice-panel-header{display:flex;align-items:center;gap:.5rem;background:var(--bg-4);border-bottom:1px solid var(--border);padding:.85rem 1.1rem;font-size:.88rem;font-weight:600;color:var(--text-2)}.voice-panel-count{margin-left:auto;font-size:.75rem;color:var(--text-3);font-weight:500}.voice-members{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.75rem}.voice-member{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:68px}.voice-member-avatar-wrap{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.voice-speaking-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent);opacity:0}.voice-speaking-ring--bot{border-color:var(--accent);background:transparent}.voice-member-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.voice-member-avatar--bot{background:var(--accent-dim);color:var(--accent)}.voice-member-name{font-size:.75rem;color:var(--text-2);white-space:nowrap}.bot-tag{display:inline-block;background:var(--accent);color:#fff;font-size:.55rem;font-weight:700;padding:.08rem .32rem;border-radius:3px;margin-left:.3rem;vertical-align:middle}.commands-section{background:var(--bg-2)}.commands-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start}.inline-slash{color:var(--accent);background:var(--accent-dim);padding:.1em .4em;border-radius:4px;font-size:.9em}.command-list{margin-top:2rem;display:flex;flex-direction:column;gap:.65rem}.command-list-row{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:var(--text-2)}.command-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.command-list-row code{color:var(--accent)}.commands-demo{display:flex;flex-direction:column;gap:1rem;background:var(--bg-3);border:1px solid var(--border-hover);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);min-height:380px}.discord-chan-header{background:var(--bg-4);border-bottom:1px solid var(--border);padding:.85rem 1.1rem;font-size:.85rem;font-weight:600;color:var(--text-2);display:flex;align-items:center;gap:.4rem}.discord-chan-hash{color:var(--text-3)}.discord-msgs{padding:1.1rem;display:flex;flex-direction:column;gap:1rem}.discord-msg{display:flex;gap:.75rem}.discord-msg-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--bg-4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-2)}.discord-msg-avatar.bot-avatar{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-dim)}.discord-msg-body{flex:1;min-width:0}.discord-msg-name{font-size:.82rem;font-weight:700;margin-bottom:.2rem;color:var(--text)}.discord-msg-text{font-size:.9rem;color:var(--text-2)}.discord-msg-text .slash-cmd{color:var(--accent);font-weight:600}.discord-embed{background:var(--bg-4);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:.85rem;margin-top:.5rem;font-size:.82rem}.discord-embed-title{font-weight:700;color:var(--text);margin-bottom:.3rem}.discord-embed-body{color:var(--text-2);line-height:1.5}.discord-embed-meta{color:var(--text-3);font-size:.78rem}.discord-embed-progress{height:3px;background:#ffffff14;border-radius:9999px;margin-top:.55rem;overflow:hidden}.discord-embed-fill{height:100%;background:var(--accent);border-radius:9999px}.typing-dots{display:flex;gap:4px;padding:.4rem 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:typing-bounce 1s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.stats-section{border-top:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem}.stat-counter-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:2rem;text-align:center}.stat-big{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--text);line-height:1}.stat-suffix{font-size:1.5rem;font-weight:800;color:var(--text)}.stat-lbl{display:block;font-size:.85rem;color:var(--text-2);font-weight:500;margin-top:.5rem}.cta-section{position:relative;overflow:hidden;padding:7rem 0;text-align:center;background:linear-gradient(135deg,#4752c4,#7c3aed 55%,#be185d)}.cta-inner{position:relative;z-index:1}.cta-section h2{font-family:var(--font-display);font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:800;color:#fff;margin-bottom:.85rem}.cta-section p{font-size:1.08rem;color:#fffc;margin-bottom:2.25rem}.footer{background:var(--bg-2);border-top:1px solid var(--border);padding-top:4rem}.footer-inner{display:grid;grid-template-columns:1.2fr 2fr;gap:4rem;padding-bottom:3rem}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.footer-logo svg{color:var(--accent)}.footer-tagline{font-size:.88rem;color:var(--text-2);line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-col-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:1rem}.footer-col a{display:block;font-size:.88rem;color:var(--text-2);margin-bottom:.6rem;transition:color var(--t)}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding:1.25rem 0;text-align:center;font-size:.82rem;color:var(--text-3)}@media(max-width:1024px){.hero-layout{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-content{max-width:100%;margin:0 auto}.hero-ctas{justify-content:center}.hero-sub{margin:0 auto 2.25rem}.hero-visual{order:-1}.floating-cover{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.voice-layout,.commands-layout{grid-template-columns:1fr;gap:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr;gap:2.5rem}.footer-brand{max-width:100%}}@media(max-width:768px){.nav-links,.nav-actions{display:none}.nav-toggle{display:flex}.features-grid{grid-template-columns:1fr}.stats-grid,.footer-links{grid-template-columns:repeat(2,1fr)}.section{padding:4rem 0}.hero{min-height:auto;padding:6.5rem 0 3rem}.voice-members{justify-content:center}}@media(max-width:480px){.container{padding:0 1rem}.hero-title{font-size:2.4rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-links{grid-template-columns:1fr}.proof-inner{gap:.75rem}.proof-div{display:none}}@media(prefers-reduced-motion:reduce){.aurora-blob,.voice-speaking-ring{display:none}}