:root{color-scheme:dark;--bg:#0c0a0f;--panel:#141017;--line:#2f2633;--muted:#c2b5c5;--pink:#ff5289;--white:#fff7fc;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button{color:inherit}button:disabled{opacity:.42;cursor:not-allowed}[hidden]{display:none!important}:focus-visible{outline:2px solid #ffa1be;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}.top{border-bottom:1px solid #302230;background:#100c13}.nav{height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:900;letter-spacing:-.04em;line-height:1}.brand small,.mix-top small{display:block;font:600 .61rem/1.45 ui-monospace,monospace;letter-spacing:.16em;color:var(--muted);margin-top:4px}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--pink);color:#190912;font:900 24px/1 system-ui}.pink,.text-button{color:var(--pink)}nav{display:flex;gap:28px;font-size:.87rem;color:#e2d6e4}nav a:hover,.pill:hover{color:var(--pink)}.pill,.secondary,.button{border:1px solid #594356;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:11px 16px;font-weight:750;font-size:.87rem;white-space:nowrap}.button{background:var(--pink);color:#210911;border-color:transparent;padding:13px 18px}.button:hover:not(:disabled){background:#ff80a8}.secondary{background:#1b121d;color:var(--white)}.hero{overflow:hidden;background:radial-gradient(ellipse at 78% 33%,#2b142b 0,transparent 53%),linear-gradient(#100b14,#0c0a0f);border-bottom:1px solid #211826}.hero-inner{min-height:498px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:22px}.hero-copy{position:relative;z-index:1;padding:52px 0}.eyebrow,.section-kicker,.formats,.visual-label,.indicator,.steps article>span,.demo-badge,.clock{font:700 .72rem/1.4 ui-monospace,monospace;letter-spacing:.13em}.eyebrow,.section-kicker{color:#ff91b2}.eyebrow b{display:inline-block;background:var(--pink);width:7px;height:7px;border-radius:50%;margin-right:7px;box-shadow:0 0 14px var(--pink)}h1,h2,h3,p{margin:0}h1{font-size:clamp(3.3rem,6.35vw,6.2rem);font-weight:900;letter-spacing:-.083em;line-height:.96;margin:22px 0}h1 em{font-style:normal;color:var(--pink)}p{color:var(--muted)}.hero-copy p{max-width:430px;font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 14px}.formats{color:#ae9bb1}.formats span{color:var(--pink);margin-inline:4px}.visual{height:420px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;width:100%;aspect-ratio:1;border:1px dashed #94537165;border-radius:50%;transform:rotate(-20deg) scale(.92)}.record{width:82%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid #a74c74;box-shadow:0 18px 70px #0009,0 0 50px #ff478740;background:repeating-radial-gradient(circle,transparent 0 3px,#0008 4px 5px),conic-gradient(from 25deg,#150e1a,#66304f,#1c1023,#290e22,#9a355d,#160e1d,#150e1a);transform:rotate(-12deg)}.record-center{width:31%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#09060a 0 4%,transparent 5%),linear-gradient(140deg,#ff91af,#f44479 60%,#95224a);border:2px solid #230719}.record-center span{font-size:clamp(1.4rem,4vw,3.4rem);font-weight:950;letter-spacing:-.11em;color:#290c20;transform:translateY(16%)}.wave-hero{position:absolute;left:-8%;right:-8%;top:58%;height:86px;display:flex;align-items:center;justify-content:space-between;gap:2px;transform:rotate(-13deg);z-index:2;pointer-events:none}.wave-hero i,.waveform i{flex:1;min-width:1px;background:currentColor;border-radius:4px}.wave-hero i{color:#ff6a9a;box-shadow:0 0 9px #ff397b82}.visual-label{position:absolute;bottom:8px;right:0;color:#c49db7}.visual-label b{color:var(--pink)}.studio,.workflow,.outro{padding-block:60px}.section-kicker span{color:#fbe6f1;margin-right:10px}.section-kicker{margin-bottom:12px}h2{font-size:clamp(2.1rem,4.7vw,3.85rem);line-height:1.02;letter-spacing:-.065em;margin-bottom:24px}.console,.mix{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.console-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:#1b141e;padding:10px 15px}.tabs,.switch,.downloads{display:flex;gap:8px;flex-wrap:wrap}.tabs button,.switch button,.downloads button,.channel button,.transport{border:1px solid var(--line);background:#211825;border-radius:7px;padding:8px 12px;font-size:.85rem;font-weight:700}.tabs button[aria-pressed=true],.switch button[aria-pressed=true],.channel button[aria-pressed=true]{background:#402137;border-color:#91516e;color:#ffc6d9}.indicator{color:#ff93b5;font-size:.65rem}.console-body{padding:20px}.studio-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:18px}.drop{display:flex;position:relative;min-height:235px;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:radial-gradient(ellipse,#281827,#19121c);border:1px dashed #8b536d;border-radius:10px;text-align:center;padding:16px;cursor:pointer}.drop:focus-within,.drop.drag{outline:2px solid var(--pink)}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop strong{font-size:1.12rem;overflow-wrap:anywhere}.drop span,.drop small{color:var(--muted)}.drop b{color:#ff9dba}.drop .upload-icon{width:43px;height:43px;border:1px solid #6e435a;border-radius:10px;display:grid;place-items:center;font-size:25px;color:var(--pink);background:#392035}.controls{padding:16px;background:#1a141e;border:1px solid var(--line);border-radius:10px;display:grid;gap:11px;align-content:start}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.text-button{background:none;border:0;padding:0;font-weight:700;font-size:.83rem}.controls label{display:grid;grid-template-columns:105px 1fr 52px;gap:8px;align-items:center;font-size:.83rem}.controls label:has(select){grid-template-columns:105px 1fr}.controls label.reference{grid-template-columns:1fr;gap:4px}.reference input{font-size:.78rem;max-width:100%}select{border:1px solid #4c3a50;border-radius:6px;background:#251b2a;padding:5px 8px;color:inherit;min-width:0}input[type=range]{width:100%;accent-color:var(--pink);margin:0}.controls output{color:#f5c0d3;text-align:right}.controls p{font-size:.88rem}.full{width:100%}.status{margin-top:10px;font-size:.86rem}.status:empty{display:none}.result{margin-top:12px;border:1px solid var(--line);border-radius:9px;padding:13px;display:grid;gap:10px}.result-title{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-title span,.match{font-size:.78rem;color:var(--muted)}audio{width:100%}.workflow{padding-top:8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{padding:22px;border:1px solid var(--line);border-radius:10px;background:#151018}.steps article>span{color:#ff8eb0}.steps h3{margin:10px 0 5px;font-size:1.25rem;letter-spacing:-.04em}.steps p{font-size:.91rem}.demo{padding:56px 0;background:radial-gradient(ellipse at 20% 0,#251226,transparent 75%),#130e17;border-block:1px solid #342335}.demo-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.demo-intro h2{margin-bottom:10px}.demo-badge{padding:9px 12px;border:1px solid #70425e;border-radius:6px;color:#ff9fbd;white-space:nowrap}.mix-top{display:flex;align-items:center;gap:13px;padding:13px 16px;background:#211825;border-bottom:1px solid var(--line)}.transport{color:#ff9fbd}.clock{margin-left:auto;color:var(--muted);white-space:nowrap}.scrub{display:block;padding:0 14px}.channels{padding:8px 14px 14px;display:grid;gap:6px}.channel{display:grid;grid-template-columns:105px 34px 34px 80px 1fr;gap:7px;align-items:center;background:#1c1520;padding:6px 8px;border-radius:6px}.channel strong{font-size:.8rem}.channel button{padding:4px}.waveform{height:31px;display:flex;gap:2px;align-items:center;overflow:hidden}.channel a{font-size:.75rem;color:#ffb6cc}.outro{display:flex;align-items:center;justify-content:space-between;gap:20px}.outro h2{margin-bottom:12px}footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:.8rem}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}footer .brand{color:var(--white)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#stem-results{margin-top:14px}@media(max-width:770px){.wrap{width:calc(100% - 32px)}nav{display:none}.hero-inner{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:44px 0 0}.visual{height:290px;width:min(355px,83%);justify-self:center;margin-bottom:24px}.studio-grid,.steps{grid-template-columns:1fr}.studio,.workflow,.outro,.demo{padding-block:36px}.demo-intro,.outro{align-items:start;flex-direction:column}.channel{grid-template-columns:72px 28px 28px 62px 1fr}.channel .waveform{gap:1px}.console-body{padding:12px}.indicator{display:none}.tabs button{padding:7px 8px}.hero-actions{margin-top:20px}footer small{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sample-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:9px 2px 0}.sample-line small{color:var(--muted);font-size:.75rem}