@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-ext-wght-normal.460bdf14.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-wght-normal.491cbc05.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-ext-wght-normal.23aae568.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-wght-normal.4449bf7a.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-vietnamese-wght-normal.113a630f.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-ext-wght-normal.3835a68e.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-wght-normal.6c596dfc.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-ext-opsz-italic.1b523564.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-opsz-italic.0f424b10.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-ext-opsz-italic.9d49c5a8.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-opsz-italic.00415e1d.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-vietnamese-opsz-italic.09f0f224.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-ext-opsz-italic.653e9c38.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-opsz-italic.16c56ad6.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-vietnamese-wght-normal.a3924ff4.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-latin-ext-wght-normal.55a1343a.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-latin-wght-normal.5a0c43ff.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--font-inter:"Inter Variable";--font-grotesk:"Space Grotesk Variable";--bg:#050508;--bg-soft:#0b0b12;--card:#0e0e16;--card-2:#12121c;--border:hsla(0,0%,100%,.08);--border-2:hsla(0,0%,100%,.12);--text:#f4f4f8;--muted:#9b9ba8;--muted-2:#6e6e7c;--purple:#8b5cf6;--purple-2:#a855f7;--violet:#c084fc;--stem-vocals:#a78bfa;--stem-drums:#60a5fa;--stem-bass:#4ade80;--stem-synths:#facc15;--stem-guitar:#fb923c;--blue:#3b82f6;--green:#22c55e;--yellow:#eab308;--orange:#f97316;--radius:14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-inter),system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden}img{max-width:100%}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.glow-wrap{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.glow.g1{width:55vw;height:55vw;right:-18vw;top:-22vw;background:radial-gradient(circle,#6d28d9 0,transparent 70%)}.glow.g2{width:40vw;height:40vw;left:-15vw;bottom:-10vw;background:radial-gradient(circle,#4c1d95 0,transparent 70%);opacity:.28}.dots{left:2vw;top:46vh;width:340px;height:220px;background-image:radial-gradient(rgba(168,85,247,.45) 1px,transparent 1.4px);background-size:14px 14px;-webkit-mask-image:radial-gradient(ellipse at 30% 50%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 30% 50%,#000 0,transparent 70%)}.dots,.rings{position:absolute}.rings{right:-260px;top:0;width:760px;height:760px;opacity:.18}.rings circle{fill:none;stroke:#8b5cf6;stroke-width:1}.container{max-width:1240px;margin:0 auto;padding:0 24px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(5,5,8,.72);border-bottom:1px solid hsla(0,0%,100%,.05)}.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}.logo{font-family:var(--font-grotesk),sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.42em;white-space:nowrap}.nav-links{display:flex;gap:32px;font-size:.9rem;color:var(--muted)}.nav-links a{transition:color .2s}.nav-links a:focus-visible,.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:18px}.login{font-size:.9rem;color:var(--muted);transition:color .2s}.login:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;border-radius:10px;padding:10px 20px;transition:transform .15s ease,box-shadow .2s ease,filter .2s}.btn-primary{background:linear-gradient(100deg,#7c3aed,#a855f7 60%,#c084fc);color:#fff;box-shadow:0 4px 24px rgba(139,92,246,.35)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 6px 30px rgba(139,92,246,.5)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.menu-btn{display:none;flex-direction:column;gap:5px;padding:8px}.menu-btn span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:.25s}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;gap:4px;padding:12px 24px 20px;border-top:1px solid var(--border);background:rgba(8,8,12,.97)}.mobile-menu a{padding:12px 4px;font-size:1rem;color:var(--muted);border-bottom:1px solid hsla(0,0%,100%,.05)}.mobile-menu a:last-of-type{border-bottom:none}.mobile-menu.open{display:flex}.hero{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);grid-gap:56px;gap:56px;align-items:center;padding:72px 0 56px}.hero h1{font-size:clamp(4rem,9vw,7.5rem);letter-spacing:.06em;line-height:.95}.hero h1,.hero h2{font-family:var(--font-grotesk),sans-serif;font-weight:600}.hero h2{font-size:clamp(1.8rem,3.4vw,2.7rem);margin-top:10px;letter-spacing:-.01em}.hero h2 em{font-family:var(--font-inter),sans-serif;font-style:italic;font-weight:600;background:linear-gradient(95deg,#a855f7,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin-top:22px;color:var(--muted);font-size:1.02rem;max-width:42ch}.hero-cta{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap}.btn-lg{padding:14px 26px;font-size:.95rem;border-radius:12px}.btn-lg .arrow{transition:transform .2s}.btn-lg:hover .arrow{transform:translateX(3px)}.watch{display:inline-flex;align-items:center;gap:14px;font-size:.95rem;color:var(--text)}.play-circle{width:46px;height:46px;border-radius:50%;border:1px solid var(--border-2);display:grid;place-items:center;transition:border-color .2s,background .2s}.watch:hover .play-circle{border-color:var(--purple-2);background:rgba(139,92,246,.12)}.daw{background:#0a0a11;border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(124,58,237,.12);overflow:hidden;font-size:.72rem;min-width:0}.daw-top{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:nowrap}.daw-k{width:30px;height:30px;border-radius:9px;border:1px solid var(--border-2);display:grid;place-items:center;font-family:var(--font-grotesk);font-weight:700;flex:none}.crumb{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb b{color:var(--text);font-weight:600}.timecode{margin-left:auto;text-align:right;line-height:1.15;flex:none}.timecode .big{font-weight:700;font-size:.85rem;letter-spacing:.03em}.timecode .small{color:var(--muted-2);font-size:.62rem}.transport{display:flex;align-items:center;gap:10px;flex:none}.tbtn{width:26px;height:26px;display:grid;place-items:center;color:var(--muted);border-radius:8px;transition:.2s}.tbtn:hover{color:var(--text);background:hsla(0,0%,100%,.06)}.tbtn.play{width:34px;height:34px;border-radius:50%;background:linear-gradient(120deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 2px 14px rgba(139,92,246,.5)}.avatars{display:flex;align-items:center;flex:none}.avatars .av{width:24px;height:24px;border-radius:50%;border:2px solid #0a0a11;margin-left:-7px}.avatars .av:first-child{margin-left:0}.avatars .count{margin-left:6px;color:var(--muted);font-size:.66rem}.live-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(74,222,128,.35);color:#4ade80;border-radius:999px;padding:4px 10px;font-weight:600;flex:none}.live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.daw-body{display:grid;grid-template-columns:172px minmax(0,1fr) 188px}.tracks{border-right:1px solid var(--border);padding:8px}.track{display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:10px}.track+.track{margin-top:4px}.track-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:.8rem;flex:none}.track-name{font-weight:600;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm{display:flex;gap:4px}.sm span{width:16px;height:16px;border:1px solid var(--border-2);border-radius:5px;display:grid;place-items:center;color:var(--muted);font-size:.58rem;font-weight:600}.fader{width:34px;height:3px;border-radius:3px;background:hsla(0,0%,100%,.14);position:relative;flex:none}.fader:after{content:"";position:absolute;left:60%;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:#d4d4dd}.add-stem{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;border:1px dashed var(--border-2);border-radius:10px;color:var(--muted);width:100%;justify-content:center;transition:.2s}.add-stem:hover{color:var(--text);border-color:var(--purple)}.lanes{display:flex;flex-direction:column;position:relative;min-width:0}.lane{flex:1 1;display:flex;align-items:center;padding:6px 10px;border-bottom:1px solid hsla(0,0%,100%,.04)}.lane svg{width:100%;height:38px;display:block}.ruler{display:flex;justify-content:space-between;color:var(--muted-2);font-size:.6rem;padding:7px 10px}.playhead{position:absolute;top:0;bottom:26px;left:46%;width:1.5px;background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.7)}.playhead:before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:7px solid #fff}.chat{border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.chat-tabs{display:flex;border-bottom:1px solid var(--border)}.chat-tabs span{flex:1 1;text-align:center;padding:10px 4px;color:var(--muted);font-weight:500}.chat-tabs .active{color:var(--text);border-bottom:2px solid var(--purple-2)}.chat-list{padding:10px;display:flex;flex-direction:column;gap:11px;overflow:hidden;flex:1 1}.msg{display:flex;gap:8px;min-width:0}.msg .av{width:22px;height:22px;border-radius:50%;flex:none}.msg b{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:600}.msg .body{min-width:0}.msg .txt{color:var(--muted);font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-pill{font-size:.52rem;background:rgba(168,85,247,.18);color:var(--violet);border:1px solid rgba(168,85,247,.4);border-radius:5px;padding:1px 5px;font-weight:600}.chat-input{display:flex;align-items:center;gap:8px;margin:10px;padding:8px 10px;border:1px solid var(--border-2);border-radius:10px;color:var(--muted-2)}.chat-input .send{margin-left:auto;width:22px;height:22px;border-radius:7px;background:linear-gradient(120deg,#7c3aed,#a855f7);display:grid;place-items:center;color:#fff;flex:none}.av{background:linear-gradient(135deg,var(--a,#7c3aed),var(--b,#3b82f6))}.features{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:26px 0 10px}.card{background:rgba(14,14,22,.7);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.35)}.card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;border:1px solid var(--border-2)}.ci-purple{background:rgba(139,92,246,.14);color:var(--violet)}.ci-blue{background:rgba(59,130,246,.14);color:#60a5fa}.ci-green{background:rgba(34,197,94,.12);color:#4ade80}.ci-emerald{background:rgba(16,185,129,.12);color:#34d399}.card h3{font-size:1.02rem;font-weight:700;line-height:1.3}.card p{color:var(--muted);font-size:.9rem}.tagline{text-align:center;font-family:var(--font-grotesk),sans-serif;font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:500;letter-spacing:.04em;padding:64px 24px 80px}.tagline span{color:var(--purple-2)}.studio-shell{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:48px 24px;text-align:center}.studio-shell .inner{max-width:520px;display:flex;flex-direction:column;align-items:center;gap:18px}.studio-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(168,85,247,.4);color:var(--violet);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.studio-shell h1{font-family:var(--font-grotesk),sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:600}.studio-shell p{color:var(--muted)}@media (max-width:1100px){.daw-body{grid-template-columns:160px minmax(0,1fr)}.avatars,.chat{display:none}}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:48px;padding-top:56px}.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.features{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.menu-btn{display:flex}.login{display:none}}@media (max-width:640px){.features{grid-template-columns:1fr}.daw{font-size:.66rem}.daw-body{grid-template-columns:118px minmax(0,1fr)}.crumb .path,.fader,.sm,.timecode .small{display:none}.daw-top{gap:10px;padding:10px 12px}.transport{gap:6px}.lane svg{height:30px}.hero h1{font-size:clamp(3.4rem,17vw,5rem)}.hero p{font-size:.95rem}.nav .btn-primary{padding:9px 14px;font-size:.82rem}.container{padding:0 16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}html{scroll-behavior:auto}}