:root{--ink:#05070a;--ink-soft:#0d1014;--surface:#11161c;--surface-raised:#191f27;--stage:#2b1109;--dial:#4b392a;--line:#303740;--line-soft:#ffffff1a;--text:#f7f5f2;--muted:#a3a7ad;--cyan:#24b0fa;--cyan-deep:#087aae;--amber:#e0850d;--green:#149e45;--measure:2rem;--radius-sm:.75rem;--radius:1.5rem;--radius-lg:2.25rem;--content:75rem;--reading:42rem;--header-height:5.25rem;font-synthesis:none;color:var(--text);background:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;overflow-x:clip}body{background:radial-gradient(circle at 82% 6%, #24b0fa12, transparent 28rem), var(--ink);min-width:20rem;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}body:before{z-index:20;content:"";background:linear-gradient(90deg, var(--cyan) 25%, transparent 25%);opacity:.4;pointer-events:none;background-size:4rem 100%;width:100%;height:2px;position:fixed;top:0;left:0}img,svg{max-width:100%;display:block}button,input{font:inherit}a{color:inherit}p,h1,h2,h3{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.02}h1{font-size:clamp(3.25rem,8vw,7.75rem)}h2{font-size:clamp(2.5rem,5.5vw,5rem)}h3{font-size:clamp(1.35rem,2vw,1.75rem)}::selection{background:var(--cyan);color:var(--ink)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--text);color:var(--ink);padding:.8rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-shell{min-height:100vh}.site-header{z-index:30;width:min(calc(100% - 2rem), var(--content));min-height:var(--header-height);border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.5rem;margin-inline:auto;display:grid;position:relative}.brand{width:max-content;min-height:2.75rem;color:var(--text);letter-spacing:-.02em;align-items:center;gap:.8rem;font-weight:750;text-decoration:none;display:inline-flex}.brand__icon{border-radius:.65rem;width:2.25rem;height:2.25rem}.desktop-nav{align-items:center;gap:.25rem;display:flex}.desktop-nav a{min-height:2.75rem;color:var(--muted);border-radius:999px;padding:.6rem .9rem;font-size:.9rem;font-weight:650;text-decoration:none}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{background:var(--surface);color:var(--text)}.header-cta{justify-self:end}.store-cta{background:var(--text);min-height:3.6rem;color:var(--ink);border:1px solid #ffffff29;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.1rem;font-size:.9rem;font-weight:750;line-height:1.1;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;box-shadow:0 5px #fff3}.store-cta small{opacity:.65;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.2rem;font-size:.65rem;font-weight:650;display:block}.store-cta__mark{color:var(--amber);font-size:.8rem}.store-cta:hover{transform:translateY(-2px)}.store-cta:active{transform:translateY(3px);box-shadow:0 1px #fff3}.store-cta--pending{cursor:default}.store-cta--compact{border-radius:.8rem;min-height:2.85rem;padding:.55rem .8rem;font-size:.72rem}.store-cta--compact small{font-size:.55rem}.menu-button,.mobile-nav{display:none}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.75rem;font-weight:750}.lede{max-width:41rem;color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.section{width:min(calc(100% - 2rem), var(--content));margin-inline:auto;padding-block:clamp(5rem,11vw,10rem)}.section--tight{padding-block:clamp(3.5rem,7vw,6rem)}.section-heading{max-width:54rem;margin-bottom:clamp(2.5rem,6vw,5rem)}.hero{width:min(calc(100% - 2rem), var(--content));min-height:min(52rem, calc(100svh - var(--header-height)));grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:center;gap:clamp(2rem,5vw,6rem);margin-inline:auto;padding-block:clamp(4rem,8vw,7rem) 2rem;display:grid;position:relative}.hero:before{z-index:-1;content:"";filter:blur(24px);background:radial-gradient(circle,#2b1109d9,#0000 68%);height:75%;position:absolute;inset:8% -20% auto 45%}.hero__copy{z-index:2;position:relative}.hero h1{max-width:12ch;margin-bottom:2rem}.hero__actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:2.25rem;display:flex}.text-link{min-height:2.75rem;color:var(--cyan);text-underline-offset:.25rem;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.hero__instrument{place-items:center;min-height:36rem;display:grid;position:relative}.hero__bpm{z-index:-1;color:#ffffff0a;font-variant-numeric:tabular-nums;letter-spacing:-.1em;user-select:none;font-size:clamp(14rem,28vw,28rem);font-weight:800;line-height:.7;position:absolute;top:50%;right:-8%;transform:translateY(-50%)}.tempo-dial{--dial-accent:var(--cyan);--dial-face:#0d4d70;--dial-face-inner:#082f45;aspect-ratio:1;border:2px solid var(--dial-accent);background-color:var(--dial-face);width:min(100%,29rem);box-shadow:0 0 0 8px color-mix(in srgb, var(--dial-accent) 14%, transparent), 0 0 2.5rem color-mix(in srgb, var(--dial-accent) 18%, transparent), 0 2rem 6rem #000000b3, inset 0 0 3rem #ffffff0d;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background-image:repeating-conic-gradient(from -1deg,#ffffff8a 0deg .6deg,#0000 .6deg 6deg),radial-gradient(circle at 50% 45%,#ffffff1a,#00000061 70%);border-radius:50%;place-items:center;padding:0;transition:background-color .42s,border-color .42s,box-shadow .42s;display:grid;position:relative}.tempo-dial.is-warm{--dial-accent:var(--amber);--dial-face:#704408;--dial-face-inner:#3d260a}.tempo-dial:before{content:"";border-radius:inherit;background-color:var(--dial-face-inner);background-image:radial-gradient(circle,#ffffff12 45%,#0000004d 75%);transition:background-color .42s;position:absolute;inset:1.3rem}.tempo-dial:after{content:"";transform-origin:50% 13.9rem;background:var(--dial-accent);width:.35rem;height:2rem;box-shadow:0 0 1rem var(--dial-accent);border-radius:1rem;transition:background-color .42s,box-shadow .42s;animation:1.4s cubic-bezier(.22,1,.36,1) .35s both calibrate;position:absolute;top:.5rem}.tempo-dial__readout{z-index:1;text-align:center;position:relative}.tempo-dial__value{font-variant-numeric:tabular-nums;letter-spacing:-.08em;font-size:clamp(6rem,14vw,9rem);font-weight:780;line-height:.8;display:block}.tempo-dial__unit{color:#d3cbc4;letter-spacing:.24em;margin-top:1.4rem;font-size:1rem;font-weight:650;display:block}.beat-orbit{border:2px solid var(--dial-accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-1.15rem}.tempo-dial.is-pulsing .beat-orbit{animation:.7s cubic-bezier(.16,1,.3,1) pulse-ring}.beat-line{z-index:0;background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:1rem}.beat-line:before{content:"";background:linear-gradient(var(--cyan), transparent);width:3px;height:5rem;display:block;position:sticky;top:35vh;transform:translate(-1px);box-shadow:0 0 1rem #24b0fa73}.workflow{width:min(calc(100% - 2rem), var(--content));grid-template-columns:4rem minmax(0,1fr);margin-inline:auto;display:grid;position:relative}.workflow__content{min-width:0}.workflow-step{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(17rem,.85fr) minmax(20rem,1.15fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);min-height:42rem;padding-block:clamp(5rem,10vw,9rem);display:grid}.workflow-step:nth-child(2n) .workflow-step__visual{order:-1}.workflow-step__number{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--cyan);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;margin-bottom:2rem;font-size:.75rem;font-weight:750;display:inline-flex}.workflow-step h2{max-width:9ch;margin-bottom:1.5rem}.workflow-step__copy p{max-width:35rem;color:var(--muted);font-size:1.1rem}.workflow-step__visual{min-width:0;position:relative}.product-frame{background:#030405;border:1px solid #ffffff29;border-radius:3rem;width:min(100%,26rem);margin-inline:auto;padding:.5rem;position:relative;overflow:hidden;box-shadow:0 3rem 7rem #0000008c}.product-frame img{border-radius:2.5rem;width:100%;height:auto}.product-frame--crop{max-height:42rem}.product-frame--crop img{object-fit:cover;object-position:top}.song-rail{pointer-events:none;gap:.75rem;display:grid;position:absolute;bottom:8%;left:-2rem;right:-2rem}.song-card{min-height:4.75rem;transform:translateX(var(--shift,0));border:1px solid var(--line);background:#11161cf0;border-radius:1.25rem;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.85rem 1rem;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .4s;display:grid;box-shadow:0 1rem 2rem #00000059}.song-card:first-child{--shift:-2.5rem}.song-card:nth-child(2){--shift:1.5rem;border-color:var(--cyan)}.song-card:nth-child(3){--shift:-.5rem}.song-card__art{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #24b0fa8c, transparent 42%), var(--stage);border-radius:.65rem;width:2.75rem}.song-card strong,.song-card small{display:block}.song-card small{color:var(--muted)}.song-card__bpm{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:750}.proof-strip{width:min(calc(100% - 2rem), var(--content));border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-inline:auto;display:grid}.proof-strip div{border-right:1px solid var(--line);min-height:9rem;padding:2rem}.proof-strip div:last-child{border-right:0}.proof-strip span{color:var(--cyan);font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:.75rem;font-weight:750;display:block}.proof-strip strong{max-width:11rem;line-height:1.3;display:block}.story{grid-template-columns:minmax(0,.7fr) minmax(20rem,1.3fr);gap:clamp(3rem,10vw,10rem);display:grid}.story blockquote{color:var(--text);letter-spacing:-.035em;margin:0;font-size:clamp(1.65rem,3.3vw,3rem);font-weight:620;line-height:1.25}.story cite{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2rem;font-size:.9rem;font-style:normal;display:block}.pricing{border-radius:var(--radius-lg);background:var(--stage);border:1px solid #e0850d66;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr);gap:4rem;padding:clamp(2rem,6vw,5rem);display:grid;position:relative;overflow:hidden}.pricing:after{content:"";border:1px solid #e0850d4d;border-radius:50%;width:30rem;height:30rem;position:absolute;bottom:-14rem;right:-10rem;box-shadow:0 0 0 3rem #e0850d0a}.pricing h2{max-width:12ch}.pricing ul{z-index:1;margin:0;padding:0;list-style:none;position:relative}.pricing li{border-bottom:1px solid #ffffff24;padding:.8rem 0}.pricing li:before{color:var(--amber);content:"●";margin-right:.75rem;font-size:.65rem}.faq-list{max-width:58rem}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:2rem;min-height:5.5rem;font-size:1.15rem;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--cyan);content:"+";font-size:1.5rem;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:43rem;color:var(--muted);padding:0 0 2rem}.final-cta{text-align:center;align-items:center;min-height:36rem;display:grid;position:relative}.final-cta:before{z-index:-1;content:"";background:radial-gradient(circle,#24b0fa1f,#0000 58%);position:absolute;inset:8% 0}.final-cta h2{max-width:13ch;margin-inline:auto}.final-cta .lede{margin-inline:auto}.final-cta .store-cta{margin-top:2rem}.page-hero{width:min(calc(100% - 2rem), var(--content));border-bottom:1px solid var(--line);margin-inline:auto;padding-block:clamp(5rem,12vw,10rem) clamp(4rem,8vw,7rem);position:relative}.page-hero h1{max-width:11ch;margin-bottom:2rem}.page-hero__number{color:#ffffff0a;letter-spacing:-.1em;pointer-events:none;font-size:clamp(8rem,26vw,20rem);font-weight:800;line-height:.8;position:absolute;top:2rem;right:0}.split-section{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(3rem,9vw,9rem);display:grid}.catalogue-sample{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:1.25rem}.catalogue-search{border:1px solid var(--line);min-height:3.5rem;color:var(--muted);border-radius:999px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.catalogue-search:before{color:var(--cyan);content:"⌕";font-size:1.3rem}.catalogue-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:5rem;padding:.9rem 0;display:grid}.catalogue-row:last-child{border-bottom:0}.catalogue-row span{color:var(--muted);font-size:.85rem;display:block}.catalogue-row code{color:var(--cyan);font-variant-numeric:tabular-nums;font-family:inherit;font-size:.78rem;font-weight:750}.steps-list{counter-reset:steps;gap:1px;margin:0;padding:0;list-style:none;display:grid}.steps-list li{border-top:1px solid var(--line);counter-increment:steps;grid-template-columns:4rem minmax(0,1fr);gap:1rem;padding:2rem 0;display:grid}.steps-list li:before{color:var(--cyan);content:"0" counter(steps);font-size:.75rem;font-weight:750}.steps-list p{color:var(--muted);margin:.5rem 0 0}.support-grid{grid-template-columns:minmax(15rem,.6fr) minmax(0,1.4fr);gap:clamp(3rem,9vw,9rem);display:grid}.contact-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-self:start;padding:2rem;position:sticky;top:2rem}.contact-panel a{min-height:3rem;color:var(--cyan);overflow-wrap:anywhere;align-items:center;margin-top:1.25rem;font-weight:750;display:inline-flex}.support-meta{border-top:1px solid var(--line);color:var(--muted);gap:.5rem;margin-top:2rem;padding-top:1rem;font-size:.85rem;display:grid}.legal{width:min(calc(100% - 2rem), var(--content));grid-template-columns:15rem minmax(0, var(--reading));gap:clamp(3rem,8vw,8rem);margin-inline:auto;padding-block:clamp(4rem,9vw,8rem);display:grid}.legal-nav{align-self:start;position:sticky;top:2rem}.legal-nav ol{margin:0;padding:0;list-style:none}.legal-nav a{min-height:2.75rem;color:var(--muted);align-items:center;padding:.55rem 0;font-size:.85rem;text-decoration:none;display:flex}.legal-nav a:hover{color:var(--cyan)}.legal__content>section{border-bottom:1px solid var(--line);padding-block:1rem 3rem;scroll-margin-top:2rem}.legal__content h2{margin-bottom:1.25rem;font-size:clamp(1.75rem,3vw,2.5rem)}.legal__content p,.legal__content li{color:#c3c5c8}.legal__content a{color:var(--cyan)}.notice{border-left:3px solid var(--amber);color:#d6cec5;background:#e0850d14;padding:1rem 1.25rem}.site-footer{width:min(calc(100% - 2rem), var(--content));border-top:1px solid var(--line);margin-inline:auto;padding-block:3rem 2rem}.footer-count{color:var(--cyan);grid-template-columns:repeat(4,1fr);margin-bottom:3rem;font-size:.7rem;font-weight:750;display:grid}.footer-count span{border-top:2px solid var(--line);padding-top:.7rem}.footer-count span:first-child{border-color:var(--amber)}.footer-main{grid-template-columns:minmax(0,1fr) auto;gap:3rem;display:grid}.footer-promise{letter-spacing:-.03em;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:700}.footer-main nav{grid-template-columns:repeat(2,minmax(7rem,1fr));gap:.7rem 2rem;display:grid}.footer-main nav a,.footer-legal a{color:var(--muted);text-underline-offset:.2rem}.footer-main nav a{align-items:center;min-height:2.75rem;display:flex}.footer-legal{border-top:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;font-size:.78rem;display:flex}[data-reveal]{transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1)}.js [data-reveal]:not(.is-visible){opacity:0;transform:translateY(2rem)}@keyframes calibrate{0%{opacity:0;transform:rotate(-18deg)}to{opacity:1;transform:rotate(0)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.98)}to{opacity:0;transform:scale(1.14)}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}@media (width<=900px){.site-header{grid-template-columns:1fr auto auto}.desktop-nav{display:none}.menu-button{border:1px solid var(--line);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--text);border-radius:50%;place-content:center;gap:.35rem;padding:.7rem;display:grid}.menu-button span{background:currentColor;width:1.1rem;height:1px}.mobile-nav{border:1px solid var(--line);border-radius:var(--radius);background:#0d1014fa;padding:.75rem;display:grid;position:absolute;top:calc(100% + .75rem);left:0;right:0;box-shadow:0 2rem 5rem #000000a6}.mobile-nav[hidden]{display:none}.mobile-nav a{min-height:3.25rem;color:var(--muted);border-radius:.75rem;padding:.8rem 1rem;font-weight:700;text-decoration:none}.mobile-nav a[aria-current=page]{background:var(--surface-raised);color:var(--text)}.hero{grid-template-columns:1fr;min-height:auto}.hero__instrument{min-height:30rem}.workflow{grid-template-columns:2rem minmax(0,1fr)}.workflow-step{grid-template-columns:1fr;min-height:auto}.workflow-step:nth-child(2n) .workflow-step__visual{order:initial}.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip div:nth-child(2){border-right:0}.proof-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.story,.pricing,.split-section,.support-grid{grid-template-columns:1fr}.contact-panel{position:static}.legal{grid-template-columns:1fr}.legal-nav{position:static}.legal-nav ol{columns:2}}@media (width<=620px){:root{--header-height:4.5rem}.brand span{max-width:5.5rem;line-height:1.05}.brand__icon{width:2rem;height:2rem}.header-cta{display:none}.site-header{grid-template-columns:1fr auto}.hero{padding-top:4rem}.hero__instrument{min-height:22rem}.hero__bpm{font-size:13rem}.tempo-dial{width:min(100%,21rem)}.tempo-dial:after{transform-origin:50% 10rem}.proof-strip{grid-template-columns:1fr}.proof-strip div,.proof-strip div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.proof-strip div:last-child{border-bottom:0}.pricing{gap:2rem}.song-rail{left:-.75rem;right:-.75rem}.song-card:nth-child(n){--shift:0}.legal-nav ol{columns:1}.footer-main,.footer-legal{grid-template-columns:1fr}.footer-main{display:grid}.footer-main nav{grid-template-columns:1fr 1fr}.footer-legal{display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.beat-orbit{display:none}.js [data-reveal]:not(.is-visible){opacity:1;transform:none}::view-transition-group(root){animation:none}}