@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#081018;--panel:#132331;--blue:#21b8f3;--white:#f2f6f9;--muted:#a6b5c2;--line:#ffffff20;--violet:#b496ef;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #99e2ff;outline-offset:6px}img{max-width:100%;display:block}.skip{position:fixed;top:-90px;background:white;color:black;padding:12px;z-index:100}.skip:focus{top:5px}header{height:84px;position:absolute;top:0;left:0;width:100%;z-index:20;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#08101855;backdrop-filter:blur(12px)}.brand img{width:174px;max-height:44px;object-fit:contain}.brand{flex-shrink:0}nav{display:flex;gap:32px;font-size:13px;color:#c4d0d9}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--blue);color:#07121b;padding:15px 25px;border:1px solid var(--blue);border-radius:6px;font-weight:700;font-size:14px;transition:transform 160ms var(--ease-out),background 160ms ease}.button span{font-size:21px}.button.small{padding:9px 18px;font-size:12px;gap:22px}.text-button{display:inline-flex;gap:14px;align-items:center;font-size:14px;font-weight:600}.play-mini{width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;font-size:10px}.button:active{transform:scale(.97)}.hero{min-height:850px;height:100svh;max-height:1150px;position:relative;display:flex;align-items:center;overflow:hidden}.stage,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage{object-position:65% center;animation:stage-in 1.4s var(--ease-out) both}.hero-shade{background:linear-gradient(90deg,#061018df 0%,#08101877 45%,#08101810 100%),linear-gradient(0deg,var(--bg),transparent 38%)}.hero-copy{position:relative;z-index:1;width:90%;max-width:1400px;margin:50px auto 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#a9bdca;text-transform:uppercase;margin:0 0 22px}.hero .eyebrow{color:#c7e8f4;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;background:var(--blue);width:6px;height:6px;border-radius:50%;box-shadow:0 0 14px #21b8f355;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(72px,8.5vw,132px);line-height:.98;letter-spacing:-1.5px;max-width:1050px;margin-bottom:32px;font-weight:600}h1 span{color:#a8ddf3}h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(46px,5.5vw,76px);line-height:1.03;letter-spacing:-.7px;margin-bottom:22px}h3{line-height:1.15}.hero p{color:#c0cfda;font-size:17px;line-height:1.9;max-width:620px}.actions{display:flex;gap:28px;align-items:center;margin-top:32px}.hero-foot{display:flex;gap:24px;color:#94a8b8;font-size:11px;margin-top:26px}.hero-foot span+span{border-left:1px solid #ffffff33;padding-left:24px}.scroll-cue{position:absolute;left:5%;bottom:30px;display:flex;gap:36px;align-items:center;font-size:9px;letter-spacing:2px;color:#a2bac9}.scroll-cue span{font-size:22px}.section{max-width:1400px;width:90%;margin:0 auto;padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}.section-head>p{max-width:370px;color:var(--muted);font-size:15px;margin-bottom:25px}.section-head h2{margin-bottom:0}.app-frame{border:1px solid #4a6b8155;border-radius:12px;background:#102130;overflow:hidden;box-shadow:0 40px 80px #0007}.window-bar{display:flex;justify-content:space-between;padding:11px 18px;color:#829cac;background:#111d27;font-size:10px}.window-bar>span:first-child{letter-spacing:4px;color:#466071}.app-image{overflow:hidden;aspect-ratio:1.64}.app-image img{width:100%;height:100%;object-fit:cover;object-position:center}.product-notes{display:flex;justify-content:space-between;font-size:11px;color:#7f98aa;padding-top:22px}.product{padding-bottom:65px}.demo-section{padding-top:70px}.blue{color:var(--blue)}small{display:block;color:#7894a8;font-size:11px;margin-top:17px}.console{border:1px solid #37546b;background:linear-gradient(130deg,#192f42,#0e1b26);border-radius:12px;padding:28px;box-shadow:0 35px 70px #0004}.console-heading{display:flex;justify-content:space-between;align-items:center}.console-heading .eyebrow{font-size:9px}.console h3{font-size:24px;margin:8px 0 26px}.console h3 span{font-size:9px;vertical-align:middle;color:#9bb5c7;border:1px solid #ffffff22;padding:4px 7px;margin-left:8px;border-radius:4px;text-transform:uppercase}.song-info{font:12px monospace;color:#a3bacb}.song-info i{margin:0 9px;color:#4d6b83}.sections{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.segment{background:color-mix(in srgb,var(--color) 20%,transparent);border:0;border-top:2px solid var(--color);color:#c5d7e3;text-align:left;padding:10px 12px;font-size:11px}.segment.active{background:color-mix(in srgb,var(--color) 55%,transparent);color:white}.wave{height:76px;position:relative;display:flex;align-items:center;gap:2px;background:#07111a66;overflow:hidden;padding:0 4px}.wave>i{display:block;flex:1;min-width:1px;background:#9ebacb;opacity:.8;border-radius:1px}.playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;z-index:2;box-shadow:0 0 12px #fff9}.demo-controls{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.now{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:11px;color:#b6d5e9}.loop-button{border:1px solid #5c7c92;background:#233c50;color:#d7e8f4;border-radius:5px;padding:7px 12px;font-size:11px}.loop-button[aria-pressed=true]{background:#d2a165;color:#171511;border-color:#d2a165}.demo-play{background:var(--blue);color:#081018;border:0;border-radius:50%;width:38px;height:38px;font-size:14px}.mixer{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding-top:22px}.channel{border-top:2px solid var(--channel);background:linear-gradient(#20384b55,#152839);padding:14px 8px 11px;text-align:center;border-radius:0 0 5px 5px}.channel label{font-size:10px;font-weight:700;display:block;letter-spacing:.7px}.channel output{font:11px monospace;color:var(--channel);display:block;margin-top:10px}.fader{height:155px;display:flex;justify-content:center;margin:10px auto}.fader input{writing-mode:vertical-lr;direction:rtl;appearance:none;width:5px;border-radius:5px;background:linear-gradient(to top,var(--channel) 0%,var(--channel) var(--fill),#03090e var(--fill),#03090e 100%);outline-offset:12px;cursor:ns-resize}.fader input::-webkit-slider-thumb{appearance:none;width:32px;height:23px;border:1px solid #678196;border-radius:4px;background:linear-gradient(#698398,#304a5f 42%,#35c6ff 43%,#35c6ff 55%,#304a5f 56%,#3f5d72);box-shadow:0 3px 7px #0008}.fader input::-moz-range-thumb{width:32px;height:23px;border:1px solid #678196;border-radius:4px;background:#476479}.channel button{border:1px solid #496275;border-radius:4px;background:#294153;color:#c6d5df;font-size:10px;width:27px;height:25px;margin:0 2px}.channel button[aria-pressed=true]{background:#bb4b62;color:white;border-color:#e16a84}.console-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7896ab;margin-top:18px}.workflow{border-top:1px solid var(--line)}.workflow-title{margin-bottom:50px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps article{border-top:1px solid #ffffff28;padding-top:25px}.step-number{font-size:10px;letter-spacing:1.5px;color:var(--blue)}.steps h3{font-size:23px;margin:20px 0 14px}.steps p{color:var(--muted);font-size:14px}.pads{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-top:70px;padding-bottom:130px}.violet{color:var(--violet)}.pads h2 span{color:#c6b5e7}.pads-copy>p:not(.eyebrow){max-width:410px;color:var(--muted);font-size:15px}.pads ul,.plan ul{list-style:none;padding:0;font-size:13px;color:#c0d0dc;margin:28px 0}.pads li,.plan li{padding:8px 0}.pads li:before,.plan li:before{content:'✓';color:var(--blue);padding-right:13px}.pads .text-button{color:#c6b5e7}.pad-art{position:relative}.pad-art img{position:relative;border-radius:12px;border:1px solid #677e9560;box-shadow:0 30px 80px #0006}.pad-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse,#8665c326,transparent 65%);pointer-events:none}.pad-caption{position:absolute;bottom:-22px;right:-10px;background:#192838;border:1px solid #4b6378;padding:13px 20px;font-size:11px;border-radius:7px;box-shadow:0 10px 25px #0008}.pad-caption .status-dot{background:var(--violet);margin-right:10px}.stage-statement{padding:105px 5%;background:linear-gradient(90deg,#071422e8,#09192699),url('assets/stage.png') center 60%/cover;border-block:1px solid #284153;text-align:center}.stage-statement h2{font-size:clamp(55px,7vw,100px)}.stage-statement p:not(.eyebrow){color:#a8bed0;font-size:14px;margin-bottom:30px}.pricing-head{text-align:center}.pricing-head>p:not(.eyebrow){color:var(--muted);font-size:14px}.billing{display:inline-flex;background:#162635;border:1px solid #344b5d;padding:5px;border-radius:8px;margin:15px 0 45px;gap:4px}.billing button{border:0;border-radius:5px;padding:10px 15px;background:transparent;color:#aebfcd;font-size:12px}.billing button[aria-pressed=true]{background:#344f62;color:white}.billing button span{font-size:9px;color:#95d0e6;margin-left:8px}.plans{max-width:930px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan{position:relative;padding:38px;border:1px solid #344d60;background:linear-gradient(145deg,#172a39,#101c27);border-radius:12px}.plan.plus{border-color:#5d9ab9;background:linear-gradient(145deg,#1b394e,#11202d)}.plan h3{font-size:30px;font-weight:500;letter-spacing:-.8px;margin-bottom:18px}.plan-description{font-size:12px;color:var(--muted)}.price{display:flex;gap:12px;align-items:baseline;margin-top:25px;flex-wrap:wrap}.price strong{font-size:42px;letter-spacing:-2px;line-height:1.2}.price>span{font-size:10px;color:#a9c0d1}.price strong.pending-price{font-size:29px}.billing-note{font-size:11px;color:#8da8ba;margin:9px 0 25px}.plan .button{width:100%;justify-content:space-between}.button.outline{background:transparent;color:#d9edf8;border-color:#5d7a8d}.plan ul{border-top:1px solid #ffffff1c;margin:25px 0 0;padding-top:18px;font-size:12px}.plan-tag{position:absolute;right:22px;top:-13px;border:1px solid #5886a3;background:#1a4058;color:#addcf4;padding:4px 12px;border-radius:4px;font-size:8px;letter-spacing:1.2px}.pricing-foot{color:#819bad;font-size:10px;text-align:center;margin:25px auto 0;max-width:750px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:75px}.faq h2{font-size:48px}.faq details{border-bottom:1px solid #ffffff20}.faq summary{list-style:none;cursor:pointer;font-size:14px;padding:22px 0;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--blue)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);padding-bottom:15px}.access{text-align:center;padding-top:45px;padding-bottom:100px}.access p:not(.eyebrow){color:var(--muted);font-size:14px}.access .button{margin-top:15px}footer{border-top:1px solid var(--line);width:90%;margin:auto;padding:35px 0;display:flex;justify-content:space-between;align-items:center;color:#7f97a8;font-size:11px}footer .brand img{width:145px}footer p{margin:0}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out)}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes stage-in{from{opacity:.25;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(hover:hover) and (pointer:fine){nav a:hover,.text-button:hover{color:var(--blue)}.button:hover{transform:translateY(-2px);background:#65d0fa}.outline:hover{background:#25485e}.segment:hover{filter:brightness(1.3)}}
@media(min-width:1600px){header{padding-inline:max(5%,calc((100% - 1400px)/2))}}@media(max-width:900px){h1{font-size:80px}.hero{min-height:780px}.section{padding-block:75px}.section-head{gap:30px}.section-head>p{max-width:285px}.pads{gap:35px}.plan{padding:27px}.price strong{font-size:34px}.steps{gap:25px}.faq{gap:35px}.channel label{font-size:8px}.song-info{font-size:10px}.hero-shade{background:linear-gradient(90deg,#061018ed,#08101866),linear-gradient(0deg,var(--bg),transparent 60%)}}@media(max-width:620px){header{height:72px;padding-inline:5%}.brand img{width:130px}nav{gap:15px}nav a{font-size:11px}nav a:first-child{display:none}header>.button{display:none}.hero{min-height:730px;height:92svh}.hero-copy{margin-top:60px}h1{font-size:66px;letter-spacing:-1px;max-width:430px}.hero p{font-size:14px;max-width:350px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.stage{object-position:63% center}.actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-foot{font-size:9px;gap:12px}.hero-foot span+span{padding-left:12px}.button{font-size:12px;padding:13px 20px}.text-button{font-size:12px}.desktop{display:none}.section{padding-block:65px}.section-head{display:block;margin-bottom:28px}.section-head>p{max-width:100%;margin-top:23px;font-size:14px}.section-head h2{font-size:47px}.app-frame{border-radius:7px}.window-bar{font-size:7px;padding:8px}.window-bar>span:first-child{display:none}.product-notes{font-size:8px;gap:8px}.console{padding:15px;border-radius:8px}.console h3{font-size:17px}.console h3 span{font-size:7px}.song-info{display:none}.segment{font-size:8px;padding:8px 5px}.wave{height:57px}.mixer{grid-template-columns:repeat(4,1fr);gap:12px 5px}.fader{height:110px}.channel label{font-size:9px}.console-bottom{font-size:7px}.demo-controls{gap:7px}.now{font-size:9px;max-width:125px}.loop-button{font-size:9px;padding:6px}.demo-play{width:33px;height:33px;flex-shrink:0}.steps{grid-template-columns:1fr;gap:20px}.workflow-title{margin-bottom:30px}.steps p{max-width:380px}.pads{grid-template-columns:1fr;gap:36px}.pads h2{font-size:49px}.pad-caption{right:4px;bottom:-12px;font-size:10px}.stage-statement{padding-block:75px}.stage-statement h2{font-size:57px}.plans{grid-template-columns:1fr;gap:32px}.plan{padding:30px}.price strong{font-size:40px}.billing button{font-size:11px;padding:9px}.billing button span{font-size:8px;margin-left:5px}.faq{grid-template-columns:1fr;gap:15px}.faq h2{font-size:44px}.access h2{font-size:48px}footer{gap:24px;flex-wrap:wrap}footer p{display:none}.eyebrow{font-size:9px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage{animation:none}.js-motion .reveal{opacity:1;transform:none;transition:opacity 150ms ease}.button{transition:background 150ms ease}.button:hover,.button:active{transform:none}}
/* Display the approved wordmark at its visible bounds. */
.brand{position:relative;display:block;width:174px;height:auto;aspect-ratio:5.5;overflow:hidden;mix-blend-mode:screen}.brand img,footer .brand img{position:absolute;max-width:none;max-height:none;width:142%;height:auto;left:-22%;top:-104%;object-fit:initial}footer .brand{width:145px}@media(max-width:620px){header .brand{width:130px}}
.pad-glow{inset:-10% 0}
