:root{--ink:#14110e;--ink-soft:#2a241e;--paper:#f3ebe1;--paper-dim:#e7dccf;--cream:#fff8f0;--copper:#d9793a;--copper-deep:#b85c22;--mint:#5fbfa5;--signal:#e8b84a;--danger:#d64545;--line:#14110e1f;--line-strong:#14110e38;--glass:#f3ebe1b8;--shadow:0 24px 60px #14110e2e;--radius:18px;--font-display:"Syne", sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(1200px 700px at 12% -10%,#d9793a2e,#0000 55%),radial-gradient(900px 600px at 90% 8%,#5fbfa529,#0000 50%),linear-gradient(#f7f0e7 0%,#efe4d6 42%,#e8dccb 100%);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#d9793a47}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing{min-height:100vh;overflow-x:clip}.topnav{z-index:40;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1.25rem,4vw,3rem);transition:background .25s,box-shadow .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:flex;position:fixed;inset:0 0 auto}.topnav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);background:#f3ebe1db}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:700;display:inline-flex}.brand-mark{width:2rem;height:2rem}.nav-links{gap:1.5rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:none}.nav-links a{opacity:.72;transition:opacity .2s}.nav-links a:hover{opacity:1}.nav-cta,.btn{background:var(--ink);color:var(--cream);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.btn:hover,.nav-cta:hover{background:var(--ink-soft);transform:translateY(-1px)}.btn.secondary{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn.secondary:hover{background:#14110e0d}.btn.copper{background:var(--copper);color:#1a120c}.btn.copper:hover{background:var(--copper-deep);color:var(--cream)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.menu-btn{border:1px solid var(--line-strong);background:0 0;border-radius:12px;padding:.55rem .8rem;display:inline-flex}.mobile-menu{z-index:50;background:#14110e6b;place-items:start end;padding:1rem;display:grid;position:fixed;inset:0}.mobile-panel{background:var(--cream);width:min(320px,100%);box-shadow:var(--shadow);border-radius:20px;gap:.85rem;padding:1.25rem;display:grid}.hero{align-items:end;min-height:100vh;padding:clamp(6rem,14vh,8rem) clamp(1.25rem,4vw,3rem) 3rem;display:grid;position:relative;overflow:hidden}.hero-visual{pointer-events:none;background-color:#0000;background-image:linear-gradient(#14110e14 0%,#14110e8c 100%),radial-gradient(80% 60% at 70% 35%,#d9793a59,#0000 55%),radial-gradient(50% 40% at 20% 70%,#5fbfa547,#0000 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E"),linear-gradient(135deg,#2b221b 0%,#4a3426 45%,#1d2a28 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:18s ease-in-out infinite alternate heroDrift;position:absolute;inset:0}@keyframes heroDrift{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.08)translate(-1.5%,1%)}}.hero-wave{opacity:.55;mix-blend-mode:screen;height:28%;position:absolute;bottom:18%;left:8%;right:8%}.hero-content{z-index:1;max-width:920px;color:var(--cream);position:relative}.brand-hero{font-family:var(--font-display);letter-spacing:-.05em;margin:0 0 1rem;font-size:clamp(3.4rem,11vw,7.5rem);font-weight:800;line-height:.92}.hero-line{font-family:var(--font-serif);max-width:18ch;margin:0 0 .85rem;font-size:clamp(1.35rem,3.2vw,2.1rem);font-style:italic;font-weight:400}.hero-sub{opacity:.88;max-width:38ch;margin:0 0 1.75rem;font-size:1.05rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-actions .btn.secondary{color:var(--cream);border-color:#fff8f059}.section{padding:clamp(4rem,9vw,7rem) clamp(1.25rem,4vw,3rem)}.section-head{max-width:640px;margin-bottom:2.5rem}.section-head h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .75rem;font-size:clamp(2rem,4.5vw,3.2rem)}.section-head p{opacity:.78;margin:0;font-size:1.08rem;line-height:1.6}.flow-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.flow-step{border-top:1px solid var(--line-strong);gap:.65rem;padding-block:.5rem;display:grid}.flow-step .num{font-family:var(--font-display);color:var(--copper);letter-spacing:-.03em;font-weight:700}.flow-step h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.45rem}.flow-step p{opacity:.78;max-width:42ch;margin:0;line-height:1.55}.platform-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.platform-chip{border:1px solid var(--line);background:#fff8f08c;border-radius:16px;gap:.2rem;padding:1rem 1.1rem;display:grid}.platform-chip strong{font-family:var(--font-display);letter-spacing:-.02em}.platform-chip span{opacity:.68;font-size:.88rem}.cta-band{color:var(--cream);background:linear-gradient(135deg,#d9793a2e,#0000 40%),linear-gradient(#1f1a16,#2c241d);border-radius:28px;gap:1.25rem;margin:0 clamp(1.25rem,4vw,3rem) 3rem;padding:clamp(2rem,5vw,3.5rem);display:grid}.cta-band h2{font-family:var(--font-display);letter-spacing:-.04em;max-width:14ch;margin:0;font-size:clamp(2rem,4vw,3rem)}.cta-band p{opacity:.82;max-width:42ch;margin:0;line-height:1.55}.site-footer{opacity:.65;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding:2rem clamp(1.25rem,4vw,3rem) 3rem;font-size:.92rem;display:flex}.studio{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:100vh;display:grid}.studio-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#f3ebe1e6;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,3vw,1.75rem);display:flex;position:sticky;top:0}.studio-tabs{gap:.35rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.tab{white-space:nowrap;opacity:.65;background:0 0;border:none;border-radius:999px;padding:.55rem .9rem;font-weight:500}.tab.active{background:var(--ink);color:var(--cream);opacity:1}.studio-body{gap:1.25rem;padding:1.25rem clamp(1rem,3vw,1.75rem) 2.5rem;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff8f0b8;padding:1.15rem 1.2rem}.panel h2,.panel h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .35rem}.panel .muted{opacity:.68;margin:0 0 1rem;line-height:1.5}.library-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.song-grid{grid-template-columns:1fr;gap:.85rem;display:grid}.song-card{text-align:left;border:1px solid var(--line);background:var(--cream);border-radius:16px;gap:.55rem;padding:1rem;transition:border-color .18s,transform .18s;display:grid}.song-card:hover,.song-card.active{border-color:#d9793a8c;transform:translateY(-1px)}.song-card .title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem}.meta-row{flex-wrap:wrap;gap:.45rem;display:flex}.pill{background:#14110e0f;border-radius:999px;align-items:center;padding:.22rem .6rem;font-size:.78rem;display:inline-flex}.pill.live{color:#156b56;background:#5fbfa538}.pill.queued,.pill.processing{color:#7a5a10;background:#e8b84a3d}.pill.rejected{color:#8f2424;background:#d6454529}.form-grid{grid-template-columns:1fr;gap:.85rem;display:grid}label.field{gap:.35rem;font-size:.9rem;display:grid}label.field span{opacity:.72}input,select,textarea{border:1px solid var(--line-strong);background:#fff8f0e6;border-radius:12px;width:100%;padding:.7rem .85rem}textarea{resize:vertical;min-height:90px}.file-drop{text-align:center;background:#fff8f080;border:1.5px dashed #14110e47;border-radius:16px;place-items:center;gap:.45rem;padding:1.25rem;display:grid}.file-drop strong{font-family:var(--font-display)}.transport{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.meters{gap:.55rem;margin:1rem 0;display:grid}.meter{grid-template-columns:40px 1fr 52px;align-items:center;gap:.55rem;font-size:.82rem;display:grid}.meter-track{background:#14110e14;border-radius:999px;height:10px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--signal), var(--copper));width:0%;height:100%;transition:width 80ms linear}.slider-grid{grid-template-columns:1fr;gap:.95rem;display:grid}.slider{gap:.35rem;display:grid}.slider header{justify-content:space-between;font-size:.9rem;display:flex}.slider input[type=range]{accent-color:var(--copper);background:0 0;border:none;padding:0}.preset-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.chip-btn{border:1px solid var(--line-strong);background:0 0;border-radius:999px;padding:.45rem .8rem;font-size:.88rem}.chip-btn.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.waveform{background:#1c1713;border-radius:12px;width:100%;height:72px;display:block}.cover-preview{object-fit:cover;background:#2a241e;border-radius:14px;width:96px;height:96px}.platform-select{gap:.75rem;display:grid}.platform-option{border:1px solid var(--line);background:var(--cream);text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.9rem 1rem;display:grid}.platform-option.on{border-color:#d9793a99;box-shadow:inset 0 0 0 1px #d9793a40}.dot{border-radius:50%;width:12px;height:12px}.status-board{gap:.75rem;display:grid}.release-row{background:var(--cream);border:1px solid var(--line);border-radius:14px;gap:.45rem;padding:.95rem 1rem;display:grid}.release-row header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.progress{background:#14110e14;border-radius:999px;height:6px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--copper), var(--mint));height:100%;display:block}.empty{text-align:center;opacity:.7;padding:2rem 1rem}.fit-banner{background:#5fbfa524;border-radius:14px;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.fit-banner.warn{background:#e8b84a2e}.fit-banner.hot{background:#d6454524}.split-2{gap:1rem;display:grid}@media (width>=720px){.nav-links{display:flex}.menu-btn{display:none}.flow-grid{grid-template-columns:repeat(3,1fr)}.platform-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.song-grid,.form-grid.two,.slider-grid,.split-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1080px){.studio-body.wide{grid-template-columns:320px 1fr;align-items:start}.song-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.hero-visual{animation:none}.btn,.nav-cta,.song-card,.meter-fill{transition:none}}