@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030607;--bg2:#07100f;--panel:#0f1416c7;--panel2:#151c1deb;--line:#ffffff1c;--muted:#8f9b98;--text:#f5f8f3;--accent:#a24eee;--accent2:#5226c6;--danger:#ff5f4f;--shadow:0 28px 80px #0000007a, 0 0 42px #b45cff1f}*{box-sizing:border-box}body{color:var(--text);letter-spacing:0;background:radial-gradient(circle at 65% 12%,#b45cff24,#0000 24%),linear-gradient(135deg,#010303 0%,#090810 52%,#020505 100%);margin:0;font-family:Manrope,Inter,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes breatheGlow{0%,to{box-shadow:0 12px 28px #8f43e22e}50%{box-shadow:0 16px 38px #8f43e24d}}@keyframes heroPan{0%,to{background-position:50%}50%{background-position:50% 44%}}@keyframes waveBeat{0%,to{opacity:.68;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1.05)}}@keyframes softPulse{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@keyframes progressFlow{0%{background-position:0 0}to{background-position:42px 0}}.logo{letter-spacing:.16em;align-items:center;gap:11px;font-size:16px;font-weight:800;line-height:1.05;display:inline-flex}.logo span:last-child{gap:3px;display:grid}.logo small{color:#bfa1d9;letter-spacing:.16em;text-transform:none;white-space:nowrap;font-size:7px;font-weight:600}.logo-mark{height:31px;color:var(--accent);align-items:center;gap:3px;display:inline-flex}.logo-mark i,.logo-mark b{background:linear-gradient(#eb44ff,#622bff);border-radius:999px;width:4px;display:block;box-shadow:0 0 16px #b45cffc7}.logo-mark b{width:7px;height:7px}.logo-mark i:nth-child(2),.logo-mark i:nth-child(7){height:18px}.logo-mark i:nth-child(3),.logo-mark i:nth-child(6){height:31px}.logo-mark i:nth-child(4),.logo-mark i:nth-child(5){height:23px}.btn{color:#fff;background:linear-gradient(#b846ea,#5527d2);border:1px solid #b45cff47;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s,color .22s;display:inline-flex;box-shadow:0 12px 28px #7437ce3d}.btn:hover{animation:1.8s ease-in-out infinite breatheGlow;transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn.ghost{color:var(--text);border-color:var(--line);box-shadow:none;background:#ffffff09}.btn.ghost:hover{color:var(--accent);border-color:#b45cff73;animation:none}.btn.text{color:var(--accent);box-shadow:none;background:0 0;border-color:#0000}.landing{border:1px solid var(--line);background:linear-gradient(#020506e0,#030809f5);border-radius:12px;width:min(1500px,100% - 28px);margin:14px auto 60px;overflow:hidden}.topbar{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030607bd;border-bottom:1px solid #ffffff0d;align-items:center;gap:32px;height:74px;padding:0 46px;animation:.55s both fadeSlide;display:flex;position:sticky;top:0}.topbar nav{color:#c8cfcb;flex:1;align-items:center;gap:28px;font-size:13px;display:flex}.top-actions{gap:12px;display:flex}.hero{grid-template-columns:1fr;align-items:center;min-height:760px;padding:76px 54px 88px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#030607 0%,#030607f5 20%,#030607b8 39%,#03060747 63%,#030607b8 100%),linear-gradient(#030607d1 0%,#03060714 24%,#03060747 58%,#030607 100%),radial-gradient(circle at 24% 40%,#030607fa 0%,#030607db 31%,#0000 58%),radial-gradient(circle at 70% 18%,#a24eee29,#0000 30%);position:absolute;inset:0}.hero-copy{z-index:2;max-width:640px;position:relative}.hero-copy>*{animation:.62s both riseIn}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero h1{letter-spacing:0;margin:0 0 26px;font-size:clamp(42px,5.2vw,82px);line-height:.98}.hero h1 span{color:var(--accent)}.hero p{color:#c6cfcb;max-width:520px;margin:0 0 42px;font-size:17px;line-height:1.8}.hero-actions{gap:16px;display:flex}.hero-actions .btn{min-width:190px;height:54px}.hero-image{z-index:0;filter:saturate(.82)contrast(1.05);opacity:.98;border-left:0;grid-template-rows:1fr 1fr;grid-template-columns:1.05fr .88fr .92fr .88fr;gap:0;padding:118px 40px 92px 31%;animation:.75s both riseIn;display:grid;position:absolute;inset:0}.venue{opacity:.76;background-position:50%;background-size:cover;border-radius:0;min-width:0;min-height:0;animation:16s ease-in-out infinite heroPan;position:relative;overflow:hidden;transform:scale(1.02);box-shadow:inset 0 0 95px #000000b8}.venue:after{content:"";pointer-events:none;background:linear-gradient(90deg,#03060761,#0000 28% 72%,#0306076b),linear-gradient(#03060752,#0000 42%,#03060780);position:absolute;inset:0}.venue.restaurant{background-image:url(https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1200&q=84);grid-area:1/1/span 2/span 2}.venue.cafe{background-image:url(https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?auto=format&fit=crop&w=900&q=84)}.venue.retail{background-image:url(https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=900&q=84);animation-delay:-.8s}.venue.fitness{background-image:url(https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=900&q=84);animation-delay:-1.4s}.venue.spa{background-image:url(https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=900&q=84);animation-delay:-2s}.venue.office{background-image:url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=84);grid-area:1/4/span 2;animation-delay:-2.6s}.proof-row{z-index:2;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 54px 68px;display:grid;position:relative}.metric{color:var(--accent);align-items:flex-start;gap:14px;display:flex}.metric,.plan,.business-grid div,.playlist-grid article,.doc-grid article,.summary-panel,.quick-tile{animation:.56s both riseIn}.metric:nth-child(2),.plan:nth-child(2),.business-grid div:nth-child(2),.playlist-grid article:nth-child(2),.doc-grid article:nth-child(2){animation-delay:60ms}.metric:nth-child(3),.plan:nth-child(3),.business-grid div:nth-child(3),.playlist-grid article:nth-child(3),.doc-grid article:nth-child(3){animation-delay:.12s}.metric:nth-child(4),.plan:nth-child(4),.business-grid div:nth-child(4),.playlist-grid article:nth-child(4),.doc-grid article:nth-child(4){animation-delay:.18s}.metric strong{color:var(--text);margin-bottom:4px;font-size:14px;display:block}.metric span{color:#aab4b0;font-size:12px}.businesses,.pricing,.faq-contact{border-top:1px solid #ffffff0f;padding:72px 54px}.businesses h2,.pricing h2,.faq-contact h2{text-align:center;margin:0 0 16px;font-size:36px}.pricing>p{text-align:center;color:var(--muted);margin-bottom:42px}.business-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;display:grid}.business-grid div{border:1px solid var(--line);color:#dce5df;background:#ffffff09;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:86px;transition:transform .24s,border-color .24s,background .24s;display:flex}.plans{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.plan{border:1px solid var(--line);background:linear-gradient(145deg,#161d1edb,#080c0dcc);border-radius:8px;min-height:380px;padding:28px;transition:transform .24s,border-color .24s,background .24s,box-shadow .24s}.business-grid div:hover,.plan:hover,.playlist-grid article:hover,.doc-grid article:hover,.quick-tile:hover{background:linear-gradient(145deg,#1b2424e6,#090f0fe0);border-color:#b45cff6b;transform:translateY(-4px)}.plan.featured{border-color:#b45cffad;box-shadow:0 0 34px #b45cff1f}.plan small{color:var(--accent);font-weight:800}.plan h3{margin:14px 0 6px;font-size:25px}.plan>span{color:var(--muted);font-size:13px}.price{margin:30px 0;font-size:46px;font-weight:800}.price em{color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.plan ul{color:#d6dfda;gap:14px;margin:0 0 24px;padding:0;font-size:14px;list-style:none;display:grid}.plan li{align-items:center;gap:10px;display:flex}.plan li svg{color:var(--accent)}.faq-contact{grid-template-columns:1fr 1fr;gap:22px;display:grid}details,.contact-box{border:1px solid var(--line);background:#ffffff09;border-radius:8px;margin-bottom:12px;padding:18px 22px}summary{font-weight:700}details p,.contact-box p{color:var(--muted)}.contact-box{flex-direction:column;justify-content:center;gap:12px;display:flex}.contact-box h2{text-align:left}.contact-box a{color:var(--accent);font-weight:800}.app-shell{background:radial-gradient(circle at 72% 12%,#b45cff24,#0000 22%),#040708;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#0e1415e0,#050809f2);flex-direction:column;gap:24px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.sidebar nav{gap:7px;display:grid}.sidebar nav button,.logout{color:#d7dfda;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;height:45px;padding:0 14px;transition:background .2s,color .2s,transform .2s;display:flex}.sidebar nav button.active{color:var(--accent);background:#b45cff29}.sidebar nav button:hover,.logout:hover{background:#ffffff0e;transform:translate(3px)}.sidebar nav button.active{animation:2.8s ease-in-out infinite softPulse}.license-card{border:1px solid var(--line);background:#ffffff09;border-radius:8px;margin-top:auto;padding:16px}.license-card span,.license-card small{color:var(--muted);font-size:12px}.license-card strong{margin:6px 0;display:block}.mini-meter,.progress{background:#ffffff17;border-radius:999px;height:7px;margin:14px 0 8px;overflow:hidden}.mini-meter i,.progress i{background:linear-gradient(90deg, var(--accent), #6d35ff, var(--accent));border-radius:inherit;background-size:42px 100%;height:100%;animation:1.3s linear infinite progressFlow;display:block}.logout{color:#cfd7d3;border:1px solid #0000}.workspace{min-width:0}.workspace-top{border-bottom:1px solid var(--line);z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040708c7;grid-template-columns:1fr minmax(240px,360px) auto;align-items:center;gap:16px;height:74px;padding:0 28px;display:grid;position:sticky;top:0}.workspace-top span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.search{border:1px solid var(--line);background:#ffffff09;border-radius:7px;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.page{padding:28px;animation:.42s both riseIn}.section-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}h1{letter-spacing:0;margin:0;font-size:30px}h2{margin:26px 0 16px}.demo-badge{color:#fff;background:var(--accent);border-radius:6px;padding:7px 10px;font-size:12px;font-weight:800}.player-layout{grid-template-columns:1fr 320px;gap:24px;padding:28px;animation:.42s both riseIn;display:grid}.player-channel{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:18px;font-weight:800;display:flex}.player-channel button{color:#dce5df;border:1px solid var(--line);background:#ffffff09;border-radius:7px;align-items:center;gap:8px;height:42px;padding:0 14px;display:flex}.player-card{border:1px solid var(--line);min-height:520px;box-shadow:var(--shadow);background:radial-gradient(circle at 65% 20%,#b45cff1f,#0000 28%),linear-gradient(145deg,#161c1ed6,#06090aeb);border-radius:9px;grid-template-columns:180px 1fr 42px;align-items:start;gap:28px;padding:38px;animation:.5s both riseIn;display:grid}.album{aspect-ratio:1;object-fit:cover;filter:brightness(.78)saturate(.88);border-radius:8px;width:180px;transition:transform .45s,filter .45s}.player-card:hover .album{filter:brightness(.88)saturate();transform:scale(1.025)}.track-info h1{margin-top:34px}.track-info p{color:#c8d0cc;margin:8px 0}.track-info span{color:var(--muted);font-size:13px}.icon-btn,.controls button,td button{color:#e8eee9;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.hot{color:var(--accent)!important}.wave{grid-column:1/-1;align-items:center;gap:3px;height:92px;margin-top:18px;display:flex}.wave i{background:var(--accent);transform-origin:50%;border-radius:10px;flex:1;animation:.92s ease-in-out infinite waveBeat;box-shadow:0 0 11px #b45cff73}.wave i:nth-child(3n){animation-duration:1.14s}.wave i:nth-child(4n){animation-duration:.78s}.wave i:nth-child(5n){animation-delay:-.2s}.wave i:nth-child(7n){animation-delay:-.34s}.time,.volume{color:#b9c3bf;grid-column:1/-1;justify-content:space-between;font-size:12px;display:flex}.controls{grid-column:1/-1;justify-content:center;align-items:center;gap:28px;margin:4px 0 18px;display:flex}.controls button svg{width:22px;height:22px}.controls button,.icon-btn,td button{transition:transform .18s,color .18s,background .18s}.controls button:hover,.icon-btn:hover,td button:hover{color:var(--accent);background:#b45cff1a;transform:translateY(-2px)}.controls .play{color:#fff;background:linear-gradient(#b846ea,#5527d2);border-radius:50%;width:72px;height:72px;box-shadow:0 15px 34px #7437ce4d}.controls .play:hover{color:#fff;animation:1.5s ease-in-out infinite breatheGlow}.volume{align-items:center;gap:14px}.volume input{accent-color:var(--accent);flex:1}.playlist-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;display:grid}.playlist-strip button,.queue button{border:1px solid var(--line);color:var(--text);text-align:left;background:#ffffff09;border-radius:8px;align-items:center;gap:12px;min-height:70px;padding:10px;transition:transform .2s,border-color .2s,background .2s;display:flex}.playlist-strip button:hover,.queue button:hover{border-color:#b45cff6b;transform:translate(3px)}.playlist-strip img,.queue img,.song-cell img{object-fit:cover;border-radius:5px;width:45px;height:45px}.playlist-strip small,.queue small,.song-cell small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.queue{border-left:1px solid #ffffff0f;padding-left:22px}.queue h2{font-size:15px}.queue button{width:100%;min-height:62px;margin-bottom:10px}.queue button.active{background:#b45cff1a;border-color:#b45cff80}.queue em{color:#dce5df;margin-left:auto;font-size:12px;font-style:normal}.dashboard-grid{grid-template-columns:2fr repeat(3,1fr);gap:16px;display:grid}.summary-panel,.quick-tile,.data-card,.doc-grid article,.playlist-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#161d1edb,#080c0dcc);border-radius:8px}.quick-tile,.playlist-grid article,.doc-grid article,.data-card{transition:transform .24s,border-color .24s,background .24s,box-shadow .24s}.summary-panel{padding:24px}.summary-panel h2{margin-top:0}.ok{color:var(--accent);font-weight:800}.bad{color:var(--danger);font-weight:800}.quick-tile{color:var(--text);place-items:center;gap:12px;min-height:160px;font-weight:800;display:grid}.quick-tile svg{color:var(--accent);width:30px;height:30px}.chips{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.chips button{border:1px solid var(--line);color:#dce5df;background:#ffffff09;border-radius:7px;height:36px;padding:0 14px;transition:transform .18s,background .18s,color .18s,border-color .18s}.chips button:hover{border-color:#b45cff6b;transform:translateY(-2px)}.chips .active{color:#fff;background:var(--accent);font-weight:800}.playlist-grid,.doc-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.playlist-grid article,.doc-grid article{padding:16px}.playlist-grid img{aspect-ratio:1.2;object-fit:cover;filter:brightness(.82);border-radius:6px;width:100%}.playlist-grid h3,.doc-grid h3{margin:14px 0 8px}.playlist-grid p,.doc-grid p{color:var(--muted);font-size:13px}.doc-grid svg{color:var(--accent)}.data-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:830px}th,td{text-align:left;border-bottom:1px solid #ffffff12;padding:17px 16px;font-size:13px}th{color:#aeb9b5;background:#ffffff09;font-weight:700}td{color:#e2e8e4}tbody tr{transition:background .18s}tbody tr:hover{background:#b45cff0e}.song-cell{align-items:center;gap:12px;font-weight:800;display:flex}.settings-list{border:1px solid var(--line);background:#ffffff09;border-radius:8px;overflow:hidden}.settings-list div{border-bottom:1px solid #ffffff12;grid-template-columns:240px 1fr;gap:20px;padding:18px 20px;display:grid}.settings-list span{color:var(--muted)}.admin-actions{gap:10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#000000a8;place-items:center;animation:.18s both riseIn;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);width:min(520px,100% - 28px);box-shadow:var(--shadow);background:#0b1011;border-radius:10px;gap:14px;padding:26px;animation:.24s both riseIn;display:grid;position:relative}.modal-close{color:var(--text);background:0 0;border:0;position:absolute;top:14px;right:14px}.modal label,.login-card label{color:#ccd5d0;gap:7px;font-size:13px;display:grid}.modal input,.login-card input{border:1px solid var(--line);height:42px;color:var(--text);background:#ffffff0a;border-radius:7px;padding:0 12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);background:linear-gradient(145deg,#161d1ee6,#080c0deb);border-radius:10px;gap:16px;padding:34px;animation:.45s both riseIn;display:grid}@media (width<=1100px){.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:700px;padding:58px 24px 78px}.hero-image{grid-template-columns:1fr 1fr 1fr;gap:0;padding:90px 16px 70px 18%}.venue.restaurant{grid-area:1/1/span 2/span 2}.venue.office{grid-area:1/3/span 2}.proof-row,.plans,.business-grid,.playlist-grid,.doc-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:18px 10px}.sidebar .logo span:last-child,.sidebar nav button:not(.active),.sidebar nav button span,.license-card,.logout{font-size:0}.sidebar nav button{justify-content:center;padding:0}.player-layout{grid-template-columns:1fr}.queue{border-left:0;padding-left:0}.dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.landing{border-left:0;border-right:0;border-radius:0;width:100%;margin:0}.topbar{gap:12px;padding:0 16px}.top-actions .btn.ghost{display:none}.hero{min-height:720px;padding:46px 24px 70px}.hero:after{background:linear-gradient(#030607eb 0%,#030607d6 34%,#03060770 62%,#030607 100%),radial-gradient(circle at 34% 30%,#030607fa,#0000 62%),linear-gradient(90deg,#030607 0%,#030607a3 55%,#030607eb 100%)}.hero h1{font-size:44px}.hero-image{opacity:.74;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr;gap:0;padding:260px 0 40px}.venue.restaurant{grid-area:1/1/auto/span 2}.venue.cafe,.venue.retail,.venue.fitness,.venue.spa{grid-area:auto}.venue.office{grid-area:3/1/auto/span 2}.hero-actions,.faq-contact{grid-template-columns:1fr;display:grid}.proof-row,.plans,.business-grid,.playlist-grid,.doc-grid,.faq-contact,.playlist-strip,.dashboard-grid{grid-template-columns:1fr}.businesses,.pricing,.faq-contact{padding:54px 18px}.proof-row{padding:0 18px 44px}.app-shell{padding-bottom:78px;display:block}.sidebar{z-index:10;border-right:0;border-top:1px solid var(--line);height:68px;padding:8px;position:fixed;inset:auto 0 0}.sidebar .logo,.license-card,.logout{display:none}.sidebar nav{gap:6px;display:flex;overflow-x:auto}.sidebar nav button{min-width:58px;height:52px}.workspace-top{grid-template-columns:1fr;height:auto;padding:14px;position:relative}.workspace-top .btn{display:none}.page,.player-layout{padding:16px}.player-card{grid-template-columns:96px 1fr 34px;min-height:500px;padding:18px}.album{width:96px}.track-info h1{margin-top:8px;font-size:24px}.controls{gap:14px}.controls .play{width:62px;height:62px}.settings-list div{grid-template-columns:1fr;gap:6px}.section-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}