#bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}nav{z-index:200;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#f0f4f9eb;justify-content:space-between;align-items:center;height:68px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] nav{background:#0d1520eb;transition:background .4s}.nav-logo{letter-spacing:7px;background:linear-gradient(90deg,#00d98b 0%,#3d7eff 50%,#ff6b2b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900}.nav-links{gap:40px;list-style:none;display:flex}.nav-links a{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text)}section{z-index:1;position:relative}#hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 24px;display:flex;overflow:hidden}.hero-eyebrow{letter-spacing:6px;text-transform:uppercase;color:var(--muted);opacity:0;margin-bottom:32px;font-size:10px;font-weight:700;transition:all .8s .1s;transform:translateY(20px)}.hero-title{letter-spacing:-3px;background:linear-gradient(150deg,#0c1928 0%,#2c4460 30%,#3d7eff 60%,#00d98b 100%);-webkit-text-fill-color:transparent;opacity:0;filter:drop-shadow(0 0 60px #00d98b33);-webkit-background-clip:text;background-clip:text;margin-bottom:36px;font-size:clamp(64px,14vw,200px);font-weight:900;line-height:.88;transition:all 1s .3s;transform:translateY(30px)scale(.97)}[data-theme=dark] .hero-title{background:linear-gradient(150deg,#fff 0%,#a8c2d6 30%,#3d7eff 60%,#00d98b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text2);opacity:0;max-width:500px;margin-bottom:56px;font-size:18px;font-weight:300;line-height:1.75;transition:all .8s .6s;transform:translateY(20px)}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;transition:all .8s .8s;display:flex;transform:translateY(20px)}.hero-loaded .hero-eyebrow,.hero-loaded .hero-title,.hero-loaded .hero-sub,.hero-loaded .hero-cta{opacity:1;transform:none}.btn{font-family:var(--font-body);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:10px;padding:15px 38px;font-size:11px;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:#ffffff1a;transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(0)}.btn-musiq{color:#fff;background:linear-gradient(135deg,#00d98b,#3d7eff);box-shadow:0 0 30px #00d98b40,0 4px 20px #0006}.btn-musiq:hover{transform:translateY(-3px);box-shadow:0 0 60px #00d98b66,0 8px 30px #00000080}.btn-sheriff{color:#fff;background:linear-gradient(135deg,#ff6b2b,#ffb400);box-shadow:0 0 30px #ff6b2b40,0 4px 20px #0006}.btn-sheriff:hover{transform:translateY(-3px);box-shadow:0 0 60px #ff6b2b66,0 8px 30px #00000080}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--text2);transform:translateY(-2px)}.scroll-indicator{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-indicator span{letter-spacing:4px;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.scroll-line{background:linear-gradient(to bottom, transparent, var(--muted) 60%, transparent);width:1px;height:50px;animation:2.5s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.ticker-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);z-index:2;padding:18px 0;position:relative;overflow:hidden}.ticker-inner{gap:64px;width:max-content;animation:35s linear infinite ticker;display:flex}.ticker-item{letter-spacing:4px;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:24px;font-size:10px;font-weight:700;display:flex}.ticker-sep{border-radius:50%;width:4px;height:4px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}#universe{perspective:1200px;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.universe-inner{width:760px;height:760px;transform-style:preserve-3d;transition:transform .1s linear;position:relative}.ring{border:1px solid var(--border);transform-origin:50%;border-radius:50%;position:absolute;top:50%;left:50%}.ring1{width:300px;height:300px;margin:-150px 0 0 -150px;transform:rotateX(72deg)}.ring2{width:540px;height:540px;margin:-270px 0 0 -270px;transform:rotateX(72deg)}.ring3{border-color:#ffffff05;width:740px;height:740px;margin:-370px 0 0 -370px;transform:rotateX(72deg)}.center-orb{letter-spacing:3px;width:90px;height:90px;color:var(--muted);background:radial-gradient(circle at 40% 35%,#ffffff26,#0000 60%);border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;margin:-45px 0 0 -45px;font-size:9px;font-weight:700;display:flex;position:absolute;top:50%;left:50%}.center-glow{pointer-events:none;background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;margin:-100px 0 0 -100px;position:absolute;top:50%;left:50%}.product-card{cursor:pointer;width:200px;color:inherit;border-radius:14px;padding:28px;text-decoration:none;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s;position:absolute}.product-card:hover{transform:scale(1.06)translateZ(30px)}.card-calcme{background:linear-gradient(135deg,#00d98b14,#3d7eff14);border:1px solid #00d98b40;animation:7s ease-in-out infinite floatCard1;top:7%;left:2%;box-shadow:0 0 50px #00d98b14,inset 0 1px #ffffff0d}.card-drinkme{background:linear-gradient(135deg,#3d7eff14,#818cf814);border:1px solid #3d7eff40;animation:8s ease-in-out infinite floatCard6;top:7%;left:50%;transform:translate(-50%);box-shadow:0 0 50px #3d7eff14,inset 0 1px #ffffff0d}.card-artist{background:linear-gradient(135deg,#818cf814,#a855f714);border:1px solid #818cf840;animation:7s ease-in-out infinite floatCard2;top:7%;right:2%;box-shadow:0 0 50px #818cf814,inset 0 1px #ffffff0d}.card-crewmng{background:linear-gradient(135deg,#a855f714,#ec489914);border:1px solid #a855f740;animation:9s ease-in-out infinite floatCard3;bottom:7%;left:2%;box-shadow:0 0 50px #a855f714,inset 0 1px #ffffff0d}.card-briefme{background:linear-gradient(135deg,#ec489914,#ff6b2b14);border:1px solid #ec489940;animation:8s ease-in-out infinite floatCard5;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 0 50px #ec489914,inset 0 1px #ffffff0d}.card-sheriff{background:linear-gradient(135deg,#ff6b2b14,#ffb40014);border:1px solid #ff6b2b40;animation:9s ease-in-out infinite floatCard4;bottom:7%;right:2%;box-shadow:0 0 50px #ff6b2b14,inset 0 1px #ffffff0d}@keyframes floatCard1{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-18px)translate(6px)}66%{transform:translateY(9px)translate(-8px)}}@keyframes floatCard2{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(14px)translate(-6px)}66%{transform:translateY(-12px)translate(8px)}}@keyframes floatCard3{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-16px)translate(8px)}66%{transform:translateY(10px)translate(-5px)}}@keyframes floatCard4{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(12px)translate(-9px)}66%{transform:translateY(-8px)translate(6px)}}@keyframes floatCard5{0%,to{transform:translate(-50%)translateY(0)}33%{transform:translate(-50%)translateY(-14px)}66%{transform:translate(-50%)translateY(8px)}}@keyframes floatCard6{0%,to{transform:translate(-50%)translateY(0)}33%{transform:translate(-50%)translateY(16px)}66%{transform:translate(-50%)translateY(-10px)}}.card-icon{margin-bottom:14px;font-size:28px}.card-name{letter-spacing:2px;margin-bottom:10px;font-size:17px;font-weight:800}.card-tagline{color:var(--text2);margin-bottom:18px;font-size:11px;line-height:1.55}.card-pill{letter-spacing:2px;text-transform:uppercase;border-radius:2px;padding:5px 12px;font-size:9px;font-weight:700;display:inline-block}.universe-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.universe-mobile{padding:32px 20px 48px;display:none}.universe-mobile-grid{grid-template-columns:1fr 1fr;gap:12px;display:none}.uni-mob-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;flex-direction:column;gap:6px;padding:16px 14px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.uni-mob-card:hover{box-shadow:0 6px 24px #0000001f}.uni-mob-name{font-family:var(--font-display);letter-spacing:1.5px;font-size:13px;font-weight:800}.uni-mob-desc{color:var(--muted);font-size:11px;line-height:1.5}.uni-mob-arrow{opacity:.7;margin-top:4px;font-size:11px;font-weight:700}#stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);z-index:2;position:relative}.stats-inner{background:var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat{background:var(--surface);text-align:center;padding:56px 40px}.stat-num{letter-spacing:-3px;margin-bottom:12px;font-size:64px;font-weight:900;line-height:1}.stat-num-green{background:linear-gradient(135deg,#00d98b,#3d7eff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-num-orange{background:linear-gradient(135deg,#ff6b2b,#ffb400);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-label{letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.product-section{grid-template-columns:1fr 1fr;align-items:center;gap:0;min-height:100vh;display:grid;position:relative;overflow:hidden}.product-section:before{content:"";pointer-events:none;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.product-content-wrap{padding:100px 80px}.product-cube-wrap{perspective:1100px;justify-content:center;align-items:center;height:100%;min-height:600px;display:flex;position:relative}.glow-blob{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.product-eyebrow{letter-spacing:4px;text-transform:uppercase;border-radius:2px;align-items:center;gap:10px;margin-bottom:30px;padding:6px 14px;font-size:9px;font-weight:700;display:inline-flex}.product-heading{letter-spacing:-2px;margin-bottom:30px;font-size:clamp(52px,6vw,100px);font-weight:900;line-height:.92}.product-body{color:var(--text2);max-width:440px;margin-bottom:40px;font-size:16px;font-weight:300;line-height:1.8}.feature-list{flex-direction:column;gap:14px;margin-bottom:52px;list-style:none;display:flex}.feature-item{color:var(--text2);align-items:flex-start;gap:14px;font-size:13px;line-height:1.5;display:flex}.feature-bullet{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.cube3d{width:280px;height:280px;transform-style:preserve-3d;will-change:transform}.cube-face{backface-visibility:hidden;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:280px;height:280px;padding:32px;display:flex;position:absolute}.f-front{transform:translateZ(140px)}.f-back{transform:rotateY(180deg)translateZ(140px)}.f-right{transform:rotateY(90deg)translateZ(140px)}.f-left{transform:rotateY(-90deg)translateZ(140px)}.f-top{transform:rotateX(90deg)translateZ(140px)}.f-bottom{transform:rotateX(-90deg)translateZ(140px)}#musiq-cube .cube-face{background:#00d98b0d;border:1px solid #00d98b2e;box-shadow:inset 0 1px #ffffff0a,0 0 40px #00d98b0d}#sheriff-cube .cube-face{background:#ff6b2b0d;border:1px solid #ff6b2b2e;box-shadow:inset 0 1px #ffffff0a,0 0 40px #ff6b2b0d}#screen-cube .cube-face{background:#06b6d40d;border:1px solid #06b6d42e;box-shadow:inset 0 1px #ffffff0a,0 0 40px #06b6d40d}.face-label{letter-spacing:4px;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.face-big{text-align:center;font-size:52px;font-weight:900;line-height:1}.face-mid{text-align:center;font-size:22px;font-weight:700;line-height:1.2}.face-small{color:var(--muted);text-align:center;font-size:12px;line-height:1.5}#musiq-section{background:radial-gradient(70% 60% at 90%,#00d98b0d 0%,#0000 70%)}#sheriff-section{direction:rtl;background:radial-gradient(70% 60% at 10%,#ff6b2b0d 0%,#0000 70%)}#sheriff-section>*{direction:ltr}#screen-section{background:radial-gradient(70% 60% at 90%,#06b6d40d 0%,#0000 70%)}#artist-section{background:radial-gradient(70% 60% at 10%,#818cf80d 0%,#0000 70%)}#about{text-align:center;z-index:2;padding:160px 80px;position:relative}.about-inner{max-width:820px;margin:0 auto}.section-eyebrow{letter-spacing:5px;text-transform:uppercase;color:var(--muted);margin-bottom:28px;font-size:10px;font-weight:700}.section-title{letter-spacing:-1.5px;margin-bottom:36px;font-size:clamp(40px,5vw,72px);font-weight:900;line-height:.95}.section-body{color:var(--text2);max-width:640px;margin:0 auto;font-size:18px;font-weight:300;line-height:1.85}footer{border-top:1px solid var(--border);background:var(--surface);z-index:2;position:relative}.footer-top{border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;padding:80px;display:grid}.footer-brand-name{letter-spacing:7px;background:linear-gradient(90deg,#00d98b 0%,#3d7eff 50%,#ff6b2b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:18px;font-weight:900}.footer-brand-desc{color:var(--muted);max-width:280px;font-size:13px;line-height:1.7}.footer-col-title{letter-spacing:3px;text-transform:uppercase;color:var(--text2);margin-bottom:22px;font-size:9px;font-weight:700}.footer-col-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-col-links a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.footer-col-links a:hover{color:var(--text)}.footer-bottom{grid-template-columns:1fr auto;align-items:end;gap:40px;padding:48px 80px 56px;display:grid}.impressum-title{letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:9px;font-weight:700}.impressum-address{color:var(--text2);font-size:14px;font-style:normal;line-height:1.9}.footer-copy{text-align:right}.footer-copy p{color:var(--muted);font-size:12px;line-height:1.8}.reveal,.reveal-left,.reveal-right{opacity:0;transition:opacity 1s,transform 1s}.reveal{transform:translateY(50px)}.reveal-left{transform:translate(-70px)}.reveal-right{transform:translate(70px)}.reveal.in,.reveal-left.in,.reveal-right.in{opacity:1;transform:none}.phone-mockup{background:#0d1520;border:2px solid #00d98b2e;border-radius:40px;width:248px;height:504px;transition:transform .6s;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-8deg)rotateX(3deg);box-shadow:0 0 0 1px #0009,0 50px 100px #000000b3,0 0 80px #00d98b12,inset 0 1px #ffffff0d}.phone-mockup:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.phone-notch{z-index:10;background:#06090d;border-radius:10px;width:70px;height:18px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-screen{flex-direction:column;gap:10px;padding:46px 14px 22px;display:flex;position:absolute;inset:0}.phone-header{justify-content:space-between;align-items:center;padding:4px 4px 0;display:flex}.phone-logo-text{letter-spacing:3px;color:var(--musiq-a);font-size:13px;font-weight:800}.phone-badge{letter-spacing:1px;color:var(--musiq-b);border:1px solid #3d7eff4d;border-radius:2px;padding:3px 7px;font-size:8px;font-weight:700}.coord-field{background:#00d98b08;border:1px solid #00d98b1a;border-radius:12px;flex:1;position:relative;overflow:hidden}.coord-axis-x,.coord-axis-y{background:#ffffff0d;position:absolute}.coord-axis-x{height:1px;top:50%;left:0;right:0}.coord-axis-y{width:1px;top:0;bottom:0;left:50%}.coord-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:6.5px;font-weight:700;position:absolute}.coord-label-top{top:7px;left:50%;transform:translate(-50%)}.coord-label-bottom{bottom:7px;left:50%;transform:translate(-50%)}.coord-label-left{transform-origin:50%;top:50%;left:7px;transform:translateY(-50%)rotate(-90deg)}.coord-label-right{transform-origin:50%;top:50%;right:7px;transform:translateY(-50%)rotate(90deg)}.coord-cursor{background:radial-gradient(circle, var(--musiq-a) 0%, transparent 70%);border:1.5px solid var(--musiq-a);z-index:5;border-radius:50%;width:22px;height:22px;animation:9s ease-in-out infinite cursorMove;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px #00d98b99}.coord-trail{background:var(--musiq-a);opacity:.3;z-index:4;border-radius:50%;width:6px;height:6px;animation:9s ease-in-out -.4s infinite cursorMove;position:absolute;transform:translate(-50%,-50%)}@keyframes cursorMove{0%{top:72%;left:28%}15%{top:28%;left:65%}35%{top:55%;left:80%}55%{top:22%;left:42%}75%{top:60%;left:18%}to{top:72%;left:28%}}.coord-pulse{z-index:3;border:1px solid #00d98b40;border-radius:50%;width:50px;height:50px;animation:9s ease-in-out infinite cursorMove,2.2s ease-out infinite pulsate;position:absolute;transform:translate(-50%,-50%)}@keyframes pulsate{0%{opacity:.5;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.coord-dot{background:#00d98b33;border-radius:50%;width:2.5px;height:2.5px;position:absolute;transform:translate(-50%,-50%)}.phone-now-playing{background:#00d98b0d;border:1px solid #00d98b24;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.now-playing-icon{background:linear-gradient(135deg,#00d98b66,#3d7eff66);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.now-playing-info{flex:1;overflow:hidden}.now-playing-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10px;font-weight:700;animation:18s step-end infinite trackCycle;overflow:hidden}@keyframes trackCycle{0%{content:"Deep Chill Ambient"}33%{content:"Electronic Peak Mix"}66%{content:"Mid Acoustic Flow"}}.now-playing-sub{color:var(--muted);font-size:8.5px;font-family:var(--font-mono)}.now-playing-bars{flex-shrink:0;align-items:flex-end;gap:2px;height:16px;display:flex}.bar-anim{background:var(--musiq-a);width:2.5px;animation:barJump var(--d) ease-in-out infinite alternate;border-radius:1px}@keyframes barJump{0%{height:3px}to{height:var(--h)}}@keyframes bar1{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes bar2{0%,to{transform:scaleY(.5)}60%{transform:scaleY(.9)}}@keyframes bar3{0%,to{transform:scaleY(.4)}40%{transform:scaleY(1)}}#how-musiq{z-index:2;border-top:1px solid var(--border);padding:140px 80px;position:relative;overflow:hidden}#how-musiq:before{content:"";pointer-events:none;background:linear-gradient(#0000,#00d98b08 50%,#0000);position:absolute;inset:0}.how-header{text-align:center;margin-bottom:80px}.how-steps{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1000px;margin:0 auto;display:grid;overflow:hidden}.how-step{background:var(--surface);padding:60px 52px;transition:background .4s;position:relative}.how-step:hover{background:var(--surface2)}.step-num{letter-spacing:-4px;background:linear-gradient(135deg,#00d98b66,#3d7eff66);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:80px;font-weight:900;line-height:1}.step-title{color:var(--text);margin-bottom:12px;font-size:18px;font-weight:700}.step-desc{color:var(--text2);font-size:14px;line-height:1.75}.step-icon{opacity:.2;font-size:26px;position:absolute;top:52px;right:52px}.dashboard-mockup{background:var(--surface);border:1px solid #ff6b2b2e;border-radius:16px;flex-shrink:0;width:460px;transition:transform .6s;overflow:hidden;transform:perspective(1000px)rotateY(6deg)rotateX(-2deg);box-shadow:0 40px 80px #00000080,0 0 60px #ff6b2b0d}.dashboard-mockup:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.dash-header{background:#ff6b2b12;border-bottom:1px solid #ff6b2b1f;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.dash-title{letter-spacing:3px;color:var(--sheriff-a);font-size:11px;font-weight:800}.dash-status{color:var(--musiq-a);letter-spacing:1px;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.status-dot{background:var(--musiq-a);width:6px;height:6px;box-shadow:0 0 8px var(--musiq-a);border-radius:50%;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.dash-body{flex-direction:column;gap:14px;padding:20px;display:flex}.dash-metric-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dash-metric{text-align:center;background:#ff6b2b0d;border:1px solid #ff6b2b1a;border-radius:10px;padding:14px 12px}.metric-val{letter-spacing:-1px;margin-bottom:4px;font-size:28px;font-weight:900}.metric-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:8px;font-weight:700}.dash-map{background:var(--surface2);border:1px solid var(--border);border-radius:10px;height:120px;position:relative;overflow:hidden}.venue-svg{width:100%;height:100%;position:absolute;inset:0}.dash-incidents{flex-direction:column;gap:7px;display:flex}.incident-item{background:#ff6b2b0a;border:1px solid #ff6b2b14;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:10px;display:flex}.incident-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.incident-text{color:var(--text2);flex:1}.incident-time{color:var(--muted);font-family:var(--font-mono);font-size:9px}[data-theme=light] #bg-canvas{opacity:.45;mix-blend-mode:multiply}[data-theme=light] #hero:after,[data-theme=light] #universe:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0c192814 0%,#0000 70%);position:absolute;inset:0}.nav-hamburger{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;gap:5px;padding:6px 8px;display:none}.nav-hamburger span{background:var(--text2);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-menu{background:var(--surface);border-bottom:1px solid var(--border);z-index:198;padding:20px 24px 28px;transition:transform .3s cubic-bezier(.23,1,.32,1);display:none;position:fixed;top:68px;left:0;right:0;transform:translateY(-110%)}.nav-mobile-menu.open{transform:translateY(0)}.nav-mobile-menu ul{flex-direction:column;gap:4px;list-style:none;display:flex}.nav-mobile-menu a{color:var(--text2);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px 0;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.nav-mobile-menu a:hover{color:var(--text)}.nav-mobile-menu a:last-of-type{border-bottom:none}@media (max-width:960px){nav{padding:0 24px}.nav-links{display:none}.nav-hamburger{display:flex}.nav-mobile-menu{display:block}#themeToggleMobile{display:block!important}.product-section{grid-template-columns:1fr;direction:ltr!important}.product-content-wrap{padding:80px 28px 40px}.product-cube-wrap{min-height:380px;padding:0 28px 80px}#about{padding:100px 28px}.footer-top{grid-template-columns:1fr;gap:40px;padding:60px 28px}.footer-bottom{grid-template-columns:1fr;padding:40px 28px 56px}.footer-copy{text-align:left}.stats-inner{grid-template-columns:1fr 1fr}#how-musiq{padding:80px 28px}.how-steps{grid-template-columns:1fr}.phone-mockup,.dashboard-mockup{transform:none}.dashboard-mockup{width:auto;max-width:100%}.universe-inner{width:340px;height:760px}.ring,.center-glow,.center-orb,.universe-svg{display:none}}@media (max-width:600px){.hero-sub{font-size:15px}.hero-cta{gap:10px}.btn{letter-spacing:1.5px;padding:12px 22px;font-size:10px}.product-content-wrap{padding:60px 20px 32px}.product-cube-wrap{min-height:300px;padding:0 20px 60px}.product-heading{font-size:clamp(40px,12vw,80px)}.stat{padding:40px 24px}.stat-num{font-size:48px}.how-step{padding:40px 32px}#how-musiq{padding:60px 20px}.footer-top{grid-template-columns:1fr;gap:32px;padding:48px 20px}.footer-bottom{grid-template-columns:1fr;padding:32px 20px 48px}.phone-mockup{width:210px;height:430px}.dashboard-mockup{max-width:calc(100vw - 40px)!important}.ticker-item{gap:16px;font-size:9px}#about{padding:80px 20px}.section-title{font-size:clamp(32px,9vw,56px)}#suite-workflow{padding:40px 20px;overflow:hidden}.wf-header{flex-direction:column;align-items:flex-start;gap:4px}.wf-steps{grid-template-columns:1fr 1fr}}@media (max-width:768px){#universe,.universe-inner{display:none}.universe-mobile{display:block}.universe-mobile-grid{display:grid}}@media (max-width:480px){.hero-cta{flex-direction:column;align-items:center}.wf-steps{grid-template-columns:1fr}.wf-step{border-right:none;border-bottom:1px solid var(--border)}.wf-step:last-child{border-bottom:none}}#suite-workflow{z-index:2;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 80px;position:relative}.wf-header{align-items:baseline;gap:20px;margin-bottom:24px;display:flex}.wf-header h2{font-family:var(--font-display);letter-spacing:-1.5px;color:var(--text);font-size:clamp(26px,3.5vw,42px);font-weight:900}.wf-header small{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:10px}.wf-gradient-bar{background:linear-gradient(90deg,#00d98b,#3d7eff,#818cf8,#a855f7,#ec4899,#ff6b2b,#ffb400);border-radius:3px;height:5px;margin-bottom:16px}.wf-steps{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(6,1fr);display:grid;overflow:hidden}.wf-step{border-right:1px solid var(--border);background:var(--surface);padding:22px 18px;transition:background .2s;position:relative}.wf-step:hover{background:var(--surface2)}.wf-step:last-child{border-right:none}.wf-step:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.wf-step1:before{background:linear-gradient(90deg,#00d98b,#3d7eff)}.wf-step2:before{background:linear-gradient(90deg,#3d7eff,#818cf8)}.wf-step3:before{background:linear-gradient(90deg,#818cf8,#a855f7)}.wf-step4:before{background:linear-gradient(90deg,#a855f7,#ec4899)}.wf-step5:before{background:linear-gradient(90deg,#ec4899,#ff6b2b)}.wf-step6:before{background:linear-gradient(90deg,#ff6b2b,#ffb400)}.wf-step-num{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:700}.wf-step-name{font-family:var(--font-display);letter-spacing:2px;overflow-wrap:break-word;word-break:break-word;margin-bottom:6px;font-size:14px;font-weight:900}.wf-step-desc{color:var(--muted);font-size:11px;line-height:1.5}#suite-intro,#tools-intro{z-index:2;background:var(--surface);border-top:1px solid var(--border);text-align:center;padding:100px 80px;position:relative;overflow:hidden}.line-intro{font-family:var(--font-display);letter-spacing:-3px;margin-bottom:28px;font-size:clamp(52px,8vw,120px);font-weight:900;line-height:.9}.intro-pills{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.intro-pill{letter-spacing:1.5px;text-transform:uppercase;border-radius:30px;padding:8px 20px;font-size:10px;font-weight:700}#tools-divider{z-index:2;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);padding:0;position:relative;overflow:hidden}.tools-divider-bar{background:linear-gradient(90deg,#00d98b,#3d7eff,#ff6b2b);height:6px}.tools-divider-inner{align-items:center;gap:48px;padding:60px 80px;display:flex}.mockup-wrap{border-radius:12px;flex-shrink:0;width:480px;max-width:calc(100% - 32px);overflow:hidden;box-shadow:0 40px 80px #0000004d,0 0 0 1px #ffffff0f}.nav-group-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);opacity:.5;font-size:9px;font-weight:700}.nav-sep-bar{color:var(--border2);font-size:14px;font-weight:300;line-height:1}#universe{background:#0c1117}[data-theme=light] #universe{background:var(--bg)}[data-theme=light] .ring3{border-color:var(--border)}[data-theme=light] .center-orb{border-color:var(--border);background:radial-gradient(circle at 40% 35%,#00d98b14,#0000 60%)}[data-theme=light] .center-glow{background:radial-gradient(circle,#00d98b0d 0%,#0000 70%)}