@font-face{font-family:Inter;src:url(./Inter-Regular-C38fXH4l.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(./Inter-Medium-Cerq10X2.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(./Inter-SemiBold-LgqL8muc.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(./Inter-Bold-Yt3aPRUw.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(./CormorantGaramond-Medium-BsRWmXhO.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(./CormorantGaramond-SemiBold-Co1r35X9.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--ink: #e9e6dd;--ink-dim: #a3a096;--ink-faint: #6c6960;--accent: #c9a961;--accent-rgb: 201, 169, 97;--panel-bg: rgba(13, 13, 16, .82);--line: rgba(255, 255, 255, .08)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background:#000;color:var(--ink);overflow:hidden;-webkit-user-select:none;user-select:none}#background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#000;background-size:cover;background-position:center;transition:background .6s ease}#background.bg-grid{background:radial-gradient(80% 45% at 50% 42%,rgba(120,40,140,.25),transparent 70%),#05020a}#background.bg-photo,#background.bg-custom{background-color:#000}#background.bg-photo:before,#background.bg-custom:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000059,#0000008c)}#bg-video{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.9)}#visualizer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.button-row{display:flex;gap:.45rem}.button-row .panel-button{flex:1}body.chroma-bg:after{display:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(115% 115% at 50% 45%,transparent 62%,rgba(0,0,0,.42) 100%)}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:radial-gradient(80% 60% at 50% 42%,#12100ed9,#000000f5),#000;transition:opacity .6s ease}#splash.done{opacity:0;pointer-events:none}#splash.gone{display:none}#splash-logo{width:min(34vh,260px);height:min(34vh,260px)}#splash-logo .spike{transform-origin:center 170px;transform-box:view-box;animation:spike-eq 2.2s ease-in-out infinite}#splash-logo .spike.s1{animation-delay:0s}#splash-logo .spike.s2{animation-delay:.18s}#splash-logo .spike.s3{animation-delay:.36s}#splash-logo .spike.s4{animation-delay:.54s}#splash-logo .spike.s5{animation-delay:.72s}@keyframes spike-eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.82)}}#splash-logo .gem{animation:gem-glow 2.2s ease-in-out infinite}@keyframes gem-glow{0%,to{opacity:1}50%{opacity:.55}}#splash-title{position:relative;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,6vw,3.4rem);font-weight:600;letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:var(--ink)}#splash-title:after{content:"";position:absolute;left:50%;bottom:-14px;transform:translate(-50%);width:28px;height:1px;background:var(--accent)}#start-button{margin-top:1.9rem;padding:1.05rem 3.6rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.32em;text-indent:.32em;color:var(--accent);background:#0006;border:1px solid var(--accent);border-radius:4px;cursor:pointer;transition:background .18s ease,color .18s ease}#start-button:hover:not(:disabled){background:rgba(var(--accent-rgb),.14)}#start-button:disabled{cursor:default;opacity:.7}#start-button.loading{animation:start-loading 1s ease-in-out infinite}@keyframes start-loading{0%,to{opacity:1}50%{opacity:.55}}#splash-status{margin-top:1.4rem;min-height:1.2em;font-size:.8rem;color:var(--ink-dim)}#splash-footer{position:absolute;bottom:1.2rem;left:1rem;right:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;font-size:.68rem;color:var(--ink-faint)}#splash-footer .dot{opacity:.6}#splash-footer a{color:var(--ink-dim);text-decoration:none;pointer-events:auto}#splash-footer a:hover{text-decoration:underline;color:var(--accent)}#brand{position:fixed;top:1.1rem;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:.6rem;pointer-events:none;opacity:.92}#overlay-mark{width:34px;height:34px}#brand h1{margin:0;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:600;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--ink)}#device-chip{position:fixed;top:1.1rem;left:1.1rem;z-index:3;display:flex;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.72rem;color:var(--ink-dim);background:var(--panel-bg);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#device-dot{width:7px;height:7px;border-radius:50%;background:#5c5c58;transition:background .3s ease,box-shadow .3s ease}#device-dot.on{background:#35d07f;box-shadow:0 0 8px 2px #35d07f80;animation:dot-pulse 2.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 8px 2px #35d07f80}50%{box-shadow:0 0 12px 4px #35d07fbf}}#keybind-chips{position:fixed;bottom:calc(var(--piano-h, 150px) + 1rem);left:1.1rem;z-index:3;display:flex;gap:.5rem}.chip{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;font:inherit;font-size:.7rem;color:var(--ink-dim);background:var(--panel-bg);border:1px solid var(--line);border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease,color .2s ease}.chip:hover{border-color:rgba(var(--accent-rgb),.5);color:var(--ink)}.chip:active{transform:scale(.97)}kbd{padding:.1rem .42rem;font-family:inherit;font-size:.68rem;font-weight:700;color:var(--ink-dim);background:#1b1b22;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px}#ui-toast{position:fixed;bottom:calc(var(--piano-h, 150px) + 1.6rem);left:50%;transform:translate(-50%) translateY(8px);z-index:4;padding:.55rem 1.1rem;font-size:.78rem;color:var(--ink-dim);background:var(--panel-bg);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}#ui-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#transport-panel{position:fixed;top:4.2rem;left:1.1rem;z-index:3;width:280px;padding:.9rem 1rem;background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000073;font-size:.8rem;opacity:0;transform:translate(-8px)}body.performing #transport-panel{animation:panel-in .55s cubic-bezier(.2,.9,.25,1) forwards;animation-delay:.2s}body.ui-hidden #transport-panel{opacity:0!important;pointer-events:none}.transport-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.transport-button{display:flex;align-items:center;gap:.45rem;padding:.42rem .9rem;font-size:.8rem;font-weight:600;font-family:inherit;color:var(--ink);background:#ffffff0f;border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:background .18s ease,border-color .18s ease}.transport-button:hover{background:#ffffff1a}.rec-dot{width:9px;height:9px;border-radius:50%;background:#ef6461}.video-dot{background:#5da9f5}.transport-button.armed{background:#ef64612e;border-color:#ef646199}.transport-button.armed .rec-dot{animation:rec-blink 1.1s ease-in-out infinite}@keyframes rec-blink{0%,to{opacity:1;box-shadow:0 0 8px 2px #ef646199}50%{opacity:.35;box-shadow:none}}.transport-timer{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:.78rem}.transport-audio{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.72rem;color:var(--ink-dim);cursor:pointer}.transport-audio input{accent-color:var(--accent)}.takes-list{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.4) transparent;border-top:1px solid var(--line);padding-top:.45rem}.takes-empty{margin:.2rem 0;font-size:.72rem;color:var(--ink-faint)}.take-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.32rem .4rem;margin:0 -.4rem;border-radius:4px;transition:background .15s ease}.take-row:hover{background:#ffffff0d}.take-row.playing{background:rgba(var(--accent-rgb),.14)}.take-info{display:flex;flex-direction:column;min-width:0}.take-name{font-weight:600;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.take-meta{font-size:.66rem;color:var(--ink-faint)}.take-buttons{display:flex;gap:.25rem;flex:0 0 auto}.take-buttons button{padding:.18rem .42rem;font-size:.68rem;font-family:inherit;color:var(--ink-dim);background:#ffffff0f;border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.take-buttons button:hover{color:var(--ink);border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.16)}#settings-panel{position:fixed;top:1.1rem;right:1.1rem;z-index:3;width:280px;padding:.9rem 1rem;background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000073;font-size:.8rem;opacity:0;transform:translate(8px)}body.performing #settings-panel{animation:panel-in .55s cubic-bezier(.2,.9,.25,1) forwards}@keyframes panel-in{to{opacity:1;transform:translate(0)}}#brand,#device-chip,#keybind-chips,#settings-panel{transition:opacity .25s ease}body.ui-hidden #brand,body.ui-hidden #device-chip,body.ui-hidden #keybind-chips,body.ui-hidden #settings-panel{opacity:0!important;pointer-events:none}.panel-heading{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.55rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}#settings-tabs{display:flex;margin:-.9rem -1rem .55rem;border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;overflow:hidden}.settings-tab{flex:1;padding:.6rem 0;background:none;border:none;font-family:inherit;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;position:relative;transition:color .18s ease,background .18s ease}.settings-tab:hover{color:var(--ink-dim)}.settings-tab.active{color:var(--ink)}.settings-tab.active:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:2px;background:var(--accent)}.tab-page[hidden]{display:none}.control{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.32rem;padding:.22rem .4rem;margin-left:-.4rem;margin-right:-.4rem;border-radius:4px;transition:background .18s ease}.control:hover{background:#ffffff0b}.control>span{flex:0 0 5.2em;color:var(--ink-dim)}.slider-field{display:contents}.control .value{flex:0 0 auto;min-width:3ch;text-align:right;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.control input[type=range]{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--fill, 0%),rgba(255,255,255,.12) var(--fill, 0%),rgba(255,255,255,.12) 100%);outline:none;cursor:pointer}.control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ink);border:none;transition:transform .15s ease}.control input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}.dropdown{position:relative;flex:1}.dropdown-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.36rem .6rem;font-size:.78rem;font-family:inherit;color:var(--ink);background:#ffffff0d;border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:border-color .18s ease}.dropdown-btn:hover,.dropdown.open .dropdown-btn{border-color:var(--accent)}.dropdown-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-chevron{flex:0 0 10px;width:10px;height:6px;color:var(--ink-dim);transition:transform .2s ease}.dropdown.open .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:20;max-height:264px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.4) transparent;padding:.3rem;background:#0d0d10f5;border:1px solid var(--line);border-radius:8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 34px #0000008c;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.dropdown.up .dropdown-menu{top:auto;bottom:calc(100% + 5px);transform:translateY(6px) scale(.98)}.dropdown.open .dropdown-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-item{display:flex;align-items:center;gap:.45rem;width:100%;padding:.34rem .5rem;font-size:.78rem;font-family:inherit;text-align:left;color:var(--ink-dim);background:none;border:none;border-radius:4px;cursor:pointer;transition:background .14s ease,color .14s ease}.dropdown-item:hover{background:rgba(var(--accent-rgb),.14);color:var(--ink)}.dropdown-item .check{flex:0 0 10px;width:10px;height:8px;color:transparent}.dropdown-item.selected{color:var(--ink);font-weight:600}.dropdown-item.selected .check{color:var(--accent)}.panel-button{width:100%;margin-top:.2rem;padding:.45rem .6rem;font-size:.76rem;font-weight:600;color:var(--accent);background:#ffffff0a;border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease}.panel-button:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.5)}.panel-button:active{transform:scale(.98)}.panel-note{margin:.4rem 0 0;font-size:.7rem;color:#b76a6a}.control.eq{flex-direction:column;align-items:stretch;gap:.35rem}.control.eq>span{flex:0 0 auto}.control.eq:hover{background:transparent}#eq-wrap{width:100%}#eq-canvas{display:block;width:100%;height:150px;background:#05050cd9;border:1px solid var(--line);border-radius:8px;touch-action:none;transition:border-color .2s ease}#eq-canvas:hover{border-color:rgba(var(--accent-rgb),.35)}#meter-track{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}#meter-bar{height:100%;width:0%;background:linear-gradient(90deg,#35d07f,#f5d76e 70%,#ef6461);border-radius:4px;transition:width 40ms linear}body.demo{overflow-y:auto}body.demo #splash{position:absolute;height:100vh}body.demo #background{background:#000}#demo-watermark{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;pointer-events:none;opacity:.14}#demo-watermark svg{width:50vmin;height:50vmin}#demo-watermark-word{font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,9vmin,5.6rem);font-weight:600;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--ink)}#midi-notice[hidden]{display:none}#midi-notice{position:fixed;top:3.2rem;left:1.1rem;z-index:3;display:flex;align-items:center;gap:.5rem;max-width:250px;padding:.5rem .6rem .5rem .75rem;font-size:.7rem;line-height:1.35;color:var(--ink-dim);background:var(--panel-bg);border:1px solid var(--line);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.midi-notice-close{flex:0 0 auto;width:16px;height:16px;padding:0;font-size:.9rem;line-height:1;color:var(--ink-faint);background:none;border:none;cursor:pointer}.midi-notice-close:hover{color:var(--ink)}#demo-volume{position:fixed;right:1.1rem;bottom:calc(var(--piano-h, 150px) + 1rem);z-index:3;width:280px;max-width:calc(100vw - 2.2rem);padding:.9rem 1rem;background:var(--panel-bg);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000073;font-size:.8rem;opacity:0;transform:translate(8px)}body.performing #demo-volume{animation:panel-in .55s cubic-bezier(.2,.9,.25,1) forwards}#demo-volume,#midi-notice{transition:opacity .25s ease}body.ui-hidden #demo-volume,body.ui-hidden #midi-notice{opacity:0!important;pointer-events:none}.gold-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:Inter,sans-serif;font-weight:700;letter-spacing:.02em;color:#14110a;background:linear-gradient(135deg,#f3ead2,#c9a961 55%,#8a713f);border-radius:999px;text-decoration:none;box-shadow:0 10px 26px rgba(var(--accent-rgb),.28);transition:transform .16s ease,box-shadow .16s ease}.gold-pill:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(var(--accent-rgb),.38)}#demo-cta{position:fixed;top:1.1rem;right:1.1rem;z-index:5;padding:.6rem 1.15rem;font-size:.72rem;transition:opacity .25s ease,transform .16s ease,box-shadow .16s ease}body.ui-hidden #demo-cta{opacity:0!important;pointer-events:none}#demo-spacer{height:100vh}#features{position:relative;z-index:30;background:#050508;min-height:100vh;box-sizing:border-box;padding:4.5rem 1.25rem 5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-user-select:text;user-select:text}.features-inner{max-width:min(1080px,94%);margin:0 auto}.features-header{text-align:center;margin-bottom:3rem}.features-kicker{margin:0 0 .6rem;font-size:.76rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.features-header h2{margin:0 0 .9rem;font-family:Cormorant Garamond,serif;font-weight:600;font-size:clamp(1.9rem,4.2vw,3rem)}.features-sub{margin:0 auto;max-width:46em;font-size:1rem;line-height:1.55;color:var(--ink-dim)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.1rem;margin-bottom:3rem}.feature-card{padding:1.2rem 1.3rem 1.4rem;background:#ffffff08;border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature-card img{display:block;width:calc(100% + 2.6rem);height:140px;margin:-1.2rem -1.3rem 1rem;object-fit:cover}.feature-glyph{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:.9rem;border-radius:10px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-rgb),.06));color:var(--accent);font-family:Cormorant Garamond,serif;font-weight:600;font-size:1.1rem}.feature-card h3{margin:0 0 .4rem;font-size:1rem;font-weight:600;color:var(--ink)}.feature-card p{margin:0;font-size:.85rem;line-height:1.5;color:var(--ink-dim)}.features-cta-row{text-align:center}.features-buy{padding:1.05rem 3rem;font-size:1rem}