@charset "UTF-8";
:root{--bg:#161815;--surface:#20231e;--ink:#f5f3eb;--muted:#b4b8aa;--orange:#ff9c42;--line:#42483d;--paper:#eeeade;--paper-ink:#262b23;--body:Arial,Helvetica,sans-serif;--display:Impact,'Arial Narrow','Franklin Gothic Condensed',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}body,button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a[href],button,summary,select,label[for],input[type=checkbox],input[type=radio]{cursor:pointer}button:disabled{cursor:not-allowed}button{border:0}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.workflow :focus-visible,.license-section :focus-visible{outline-color:#242b21}a:active,button:active{transform:translateY(1px)}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400}h2{font-family:var(--display);font-size:clamp(2.7rem,5.1vw,5.2rem);line-height:1.05;letter-spacing:-.015em}h3{font-size:1.25rem;line-height:1.3}p{color:var(--muted)}em{font-style:normal;color:var(--orange)}.wrap{width:min(1320px,calc(100% - 40px));margin-inline:auto}.section{padding-block:80px}.section-label{font-size:.82rem;margin-bottom:24px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--orange);color:var(--bg);z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:102px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:1.45rem;font-weight:750;letter-spacing:-.06em;min-height:52px}.brand img{border-radius:50%;width:48px;height:48px}.brand-light{font-weight:400}.brand small{display:block;font-size:.62rem;font-weight:400;letter-spacing:.07em;color:var(--muted);line-height:1.5}.site-header nav{display:flex;align-items:center;gap:32px;font-size:.88rem}.site-header nav>a:not(.button){padding-block:12px}.site-header nav>a:not(.button):hover,.text-link:hover,.site-footer>a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:15px 24px;background:var(--orange);color:#171b15;font-weight:700;font-size:.92rem;border-radius:4px;transition:background .18s,transform .18s}.button:hover{background:#ffb573;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-small{min-height:46px;padding:11px 18px;font-size:.82rem}.button-dark{background:#1d241b;color:var(--ink)}.button-dark:hover{background:#313d2d}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:.88rem;font-weight:600}.text-link span{font-size:1.4rem}.menu-toggle{display:none;min-height:44px;background:transparent;border:1px solid #747c6b;border-radius:3px;padding:8px 12px;font-size:.85rem}.menu-toggle:hover{background:var(--surface)}
.hero{display:grid;grid-template-columns:1fr;gap:20px;position:relative;padding-top:52px}.hero-copy{position:relative;z-index:2}.hero h1{font-family:var(--display);font-size:clamp(4.8rem,10vw,10rem);line-height:.93;letter-spacing:-.016em}.hero h1 em{display:inline-block}.hero-description{max-width:420px;font-size:1.03rem;line-height:1.7;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap;margin-top:30px}.hero-actions .text-link{font-weight:400;font-size:.82rem}.platform-note{font-size:.74rem;margin-top:22px}.record-art{position:relative;isolation:isolate;min-height:360px;margin-top:25px;display:flex;align-items:center;justify-content:center}.record-sleeve{position:absolute;width:64%;aspect-ratio:.91;left:2%;top:4%;background:var(--orange);color:#1f261c;transform:rotate(-8deg);padding:7%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 32px #0003}.record-sleeve>span:first-child{font-family:var(--display);font-size:clamp(2.4rem,5.5vw,5.7rem);line-height:.92}.sleeve-bottom{font-size:.55rem;max-width:100px;line-height:1.5}.hero-record{position:relative;z-index:1;width:85%;margin-left:20%;filter:drop-shadow(0 22px 16px #0006);transform:rotate(12deg)}.record-stamp{position:absolute;right:1%;bottom:10%;z-index:2;width:100px;height:100px;background:var(--paper);color:var(--paper-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.72rem;font-weight:750;transform:rotate(9deg);line-height:1.3;border:6px solid var(--paper);outline:1px solid #53594a;outline-offset:-10px}.record-art figcaption{position:absolute;bottom:-24px;font-size:.64rem;color:var(--muted);right:0}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:58px;padding-top:20px;font-size:.73rem;color:var(--muted);gap:24px}.hero-bottom>a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.4rem;border:1px solid #7c8373;border-radius:50%;flex-shrink:0}.hero-bottom>a:hover{background:var(--surface)}.hero-bottom>span:last-child{text-align:right}
.section-heading{display:grid;gap:22px}.section-heading .section-label{margin:0}.section-heading>p:last-child{max-width:430px}.section-heading h2>span{color:var(--muted)}.studio-layout{display:grid;gap:36px;margin-top:45px}.feature-picker{display:flex;flex-direction:column}.feature-choice{display:flex;gap:18px;padding:23px 0;text-align:left;width:100%;align-items:flex-start;background:transparent;border-top:1px solid var(--line);transition:opacity .2s}.choice-number{font-size:.75rem;line-height:2;color:var(--muted)}.feature-choice strong{font-size:1rem;font-weight:600;line-height:1.4;display:block}.feature-choice small{font-size:.85rem;line-height:1.6;display:block;color:var(--muted);margin-top:7px}.choice-state{margin-left:auto;font-size:.9rem;border:1px solid var(--orange);background:var(--orange);color:var(--bg);height:24px;min-width:24px;line-height:22px;text-align:center;border-radius:50%}.feature-choice[aria-pressed=false] .choice-state{background:transparent;border-color:#849079;color:transparent}.feature-choice:hover strong{text-decoration:underline;text-underline-offset:5px}.picker-hint{font-size:.75rem;margin-top:4px;max-width:290px}.composition-demo{background:#242c23;border:1px solid #56604f;min-width:0;align-self:start;border-radius:6px}.demo-label{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;font-size:.65rem;color:#c7cebf;border-bottom:1px solid #56604f}.demo-label span:last-child{text-align:right;color:#b6bfad}.demo-stage{aspect-ratio:16/9;position:relative;overflow:hidden;min-height:220px;background:linear-gradient(135deg,#303e2c,#182417)}.demo-branding{position:absolute;left:7%;top:12%;font-size:clamp(.6rem,1.3vw,.85rem);line-height:1.1;font-weight:400;z-index:2}.demo-branding b{font-weight:750}.demo-vinyl{position:absolute;width:60%;right:-8%;top:1%;filter:drop-shadow(0 16px 8px #0004)}.demo-track{position:absolute;left:7%;top:39%;z-index:2;max-width:65%}.demo-track small{font-size:.65rem;color:#c2cab7}.demo-track strong{font-family:var(--display);display:block;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.1;margin-top:7px;font-weight:400}.demo-track>span{font-size:.7rem;color:#c2cab7;display:block;margin-top:8px}.demo-spectrum{display:flex;align-items:flex-end;gap:3px;height:20%;position:absolute;left:7%;right:7%;bottom:9%;z-index:3}.demo-spectrum i{display:block;flex:1;height:35%;background:var(--orange);transform-origin:bottom;border-radius:1px 1px 0 0}.demo-spectrum i:nth-child(5n+1){height:82%;animation-delay:-.3s!important}.demo-spectrum i:nth-child(5n+2){height:48%;animation-delay:-.7s!important}.demo-spectrum i:nth-child(5n+3){height:65%;animation-delay:-1.2s!important}.demo-spectrum i:nth-child(5n+4){height:95%;animation-delay:-.1s!important}.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:10px;border-top:1px solid #56604f}.demo-controls button{display:flex;gap:8px;align-items:center;padding:10px 8px;font-size:.73rem;min-height:44px;background:transparent;border-radius:3px}.demo-controls button:hover{background:#36432f}.demo-controls>span{font-size:.62rem;color:#c2cab7}.play-symbol{font-size:.8rem;width:16px}.demo-layer{transition:opacity .2s}.demo-layer.is-hidden{opacity:0}.empty-layers{position:absolute;inset:0;margin:0;background:#1b2518;z-index:5;place-content:center;text-align:center;padding:20px;color:var(--ink);font-size:.85rem}.empty-layers:not([hidden]){display:grid}.media-error{position:absolute;z-index:8;inset:0;display:grid;place-content:center;background:var(--surface);padding:24px;text-align:center;color:var(--ink)}
.workflow{margin-top:20px;background:var(--paper);color:var(--paper-ink)}.workflow .section-label,.workflow p{color:#565e4c}.workflow em{color:#646c48}.workflow-layout{display:grid;gap:52px}.workflow-intro>p:not(.section-label){max-width:320px;margin-top:28px}.workflow-intro>.text-link{margin-top:24px}.workflow-steps{list-style:none;margin:0;padding:0}.workflow-steps li{display:flex;gap:26px;padding-block:30px;border-top:1px solid #bbbfae}.workflow-steps li:first-child{padding-top:0;border:0}.step-number{font-size:.9rem;flex-shrink:0;margin-top:4px;color:#5d654f}.workflow-steps h3{font-size:1.35rem;font-weight:650;letter-spacing:-.02em}.workflow-steps p{margin-top:12px;font-size:.94rem;max-width:430px}.step-detail{display:block;font-size:.7rem;margin-top:18px;color:#565e4c}.toolkit-header{display:flex;flex-direction:column;gap:0}.toolkit-list{margin-top:48px}.toolkit-list article{display:grid;grid-template-columns:24px 1fr;gap:20px;padding-block:28px;border-top:1px solid var(--line)}.tool-index{font-family:var(--display);font-size:1.4rem;color:var(--muted)}.toolkit-list h3{font-weight:550}.toolkit-list p{font-size:.9rem;margin-top:10px;max-width:620px}.tool-tag{font-size:.72rem;color:var(--muted);grid-column:2}.device-section{border:1px solid #56604f;border-radius:6px;padding:30px;display:grid;gap:36px;margin-bottom:85px;background:var(--surface)}.device-section h2{font-size:2.6rem}.device-section p{font-size:.9rem;margin-top:22px;max-width:360px}.device-section .section-label{margin:0 0 18px}.device-section ul{list-style:none;margin:0;padding:0;display:grid;gap:24px}.device-section li strong{font-size:.92rem;font-weight:550}.device-section li span{display:block;font-size:.83rem;color:var(--muted);margin-top:7px;line-height:1.7}.license-section{background:var(--orange);color:#20261b;padding-block:65px}.license-section p{color:#3b422f}.license-section .section-label{color:#343d2a}.license-layout{display:grid;gap:38px}.license-layout h2{font-size:clamp(3rem,5vw,5rem)}.license-layout>div>p:last-child{font-size:.9rem;margin-top:24px}.price{font-size:clamp(2.8rem,5vw,4rem);font-weight:650;letter-spacing:-.055em;line-height:1.1;white-space:nowrap}.price>span{display:block;font-size:.9rem;font-weight:400;letter-spacing:0;margin-top:6px}.license-action .button{margin-top:24px;min-width:250px}.license-layout .license-action p{font-size:.75rem;margin-top:16px}.faq{display:grid;gap:36px}.faq>div>.text-link{margin-top:24px;font-size:.78rem}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{padding:22px 40px 22px 0;list-style:none;font-weight:550;font-size:.98rem;position:relative;min-height:64px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:4px;font-size:1.3rem;top:16px;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list summary:hover{color:var(--orange)}.faq-list details p{font-size:.88rem;padding-bottom:25px;max-width:640px}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 25px;border-top:1px solid var(--line);padding-block:28px;font-size:.72rem;color:var(--muted)}.footer-brand{font-size:1.2rem;font-weight:650;letter-spacing:-.04em;color:var(--ink);line-height:1.4;padding-block:4px;min-height:44px}.footer-brand span{font-size:.63rem;color:var(--muted);display:block;font-weight:400;letter-spacing:0}.site-footer>a:last-of-type{min-height:44px;display:flex;align-items:center}
@media(min-width:620px){.wrap{width:min(1320px,calc(100% - 72px))}.hero{grid-template-columns:1.05fr 1fr;gap:20px;padding-top:70px}.hero h1{font-size:clamp(5rem,9.3vw,9.4rem)}.hero-description{font-size:.94rem}.record-art{min-height:350px;margin-top:20px;align-self:center}.record-sleeve{left:0;top:3%;width:76%}.hero-record{width:100%;margin-left:0;left:15%}.record-stamp{bottom:1%;right:-3%;width:95px;height:95px}.record-sleeve>span:first-child{font-size:clamp(2rem,4.7vw,5rem)}.record-art figcaption{bottom:-40px;right:0}.section{padding-block:100px}.section-heading{grid-template-columns:1fr 1fr;column-gap:48px}.section-heading h2{grid-column:1/-1}.section-heading>p:last-child{grid-column:2;grid-row:1/3;align-self:end;font-size:.9rem}.toolkit-list article{grid-template-columns:36px 1fr 140px;gap:24px}.tool-tag{grid-column:auto;align-self:center;text-align:right}.toolkit-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.toolkit-header .section-label{max-width:140px}.toolkit-header h2{max-width:65%}.device-section{padding:40px;margin-bottom:100px}.license-layout{grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.license-action{justify-self:end}.faq{grid-template-columns:.8fr 1.3fr;gap:50px}.hero-bottom{margin-top:50px}.hero-bottom>span{flex:1}.hero-bottom>a{margin-inline:30px}}
@media(min-width:960px){.wrap{width:min(1320px,calc(100% - 112px))}.hero{grid-template-columns:1.05fr 1fr;column-gap:60px;padding-top:72px}.hero-description{font-size:1rem;max-width:430px}.hero h1{font-size:clamp(7rem,9.2vw,10rem)}.record-art{min-height:480px;transform:translateY(0)}.record-stamp{width:115px;height:115px;bottom:5%;font-size:.8rem}.record-art figcaption{bottom:-25px}.record-sleeve{top:1%;width:76%;left:0}.hero-record{left:13%;width:102%}.hero-bottom{margin-top:56px}.studio{padding-top:105px}.studio-layout{grid-template-columns:.83fr 1.2fr;gap:70px}.feature-choice{padding:27px 0}.section-heading{grid-template-columns:1.25fr .65fr;gap:30px 100px}.section-heading h2{grid-column:1}.section-heading>p:last-child{grid-column:2;grid-row:2;font-size:.96rem}.section-heading .section-label{grid-column:1/-1}.demo-stage{min-height:0}.workflow{padding-block:110px}.workflow-layout{grid-template-columns:1fr 1.1fr;gap:100px}.workflow-intro{position:sticky;top:35px;align-self:start}.workflow-intro h2{font-size:clamp(4rem,6vw,6.1rem)}.workflow-steps li{padding-block:36px;gap:38px}.workflow-steps h3{font-size:1.5rem}.toolkit-list{margin-top:60px}.toolkit-list article{padding-block:33px;grid-template-columns:70px 1fr 220px}.toolkit-list h3{font-size:1.6rem}.toolkit-list p{max-width:630px}.device-section{grid-template-columns:1fr 1.15fr;gap:85px;padding:55px}.device-section h2{font-size:3.5rem}.license-section{padding-block:85px}.license-action{padding-right:55px}.license-layout h2{font-size:5.3rem}.license-layout .price{font-size:4rem}.faq{gap:100px}}
@media(max-width:900px){.site-header nav{gap:18px;font-size:.78rem}.site-header .button-small{font-size:.72rem;padding-inline:12px}.brand{font-size:1.2rem}.brand img{width:42px;height:42px}}
@media(max-width:700px){.site-header{min-height:82px}.menu-toggle{display:flex;gap:14px;align-items:center}.menu-toggle>span{font-size:1.2rem;line-height:1}.site-header nav{display:none;position:absolute;left:0;right:0;top:calc(100% - 1px);padding:14px;background:var(--surface);border:1px solid #747c6b;border-radius:0 0 5px 5px;font-size:.95rem}.site-header nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:6px}.site-header nav>a:not(.button){padding:10px}.site-header .button-small{font-size:.85rem;margin-top:6px}.hero-actions{gap:16px}.hero-description{max-width:360px}.hero-actions .button{font-size:.84rem}.hero-bottom>span:last-child{display:none}}
@media(max-width:619px){.hero h1{font-size:clamp(5rem,18.5vw,7.2rem)}.hero{padding-top:42px}.record-art{width:90%;margin-inline:auto;min-height:340px;margin-top:36px}.record-sleeve{width:70%;left:0;top:0}.hero-record{width:95%;margin-left:12%}.record-sleeve>span:first-child{font-size:clamp(2.7rem,11vw,4rem)}.record-stamp{right:-2%;bottom:3%}.hero-bottom{margin-top:36px}.section-heading>p:last-child{font-size:.91rem}.demo-track strong{font-size:clamp(1.7rem,6vw,2.6rem)}.demo-label{font-size:.58rem}.device-section{padding:25px}.license-action .button{width:100%}.faq .text-link{margin-top:14px}.site-footer>p{width:100%;order:4}.hero-description{max-width:100%}.hero-actions{align-items:flex-start;flex-direction:column}}
[hidden]{display:none!important}
.product-shot{max-width:860px;margin-inline:auto}.product-notes{max-width:1000px;margin-inline:auto}
.product-shot{margin-top:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}.product-shot>.screenshot-open{display:block;width:100%;padding:0;background:var(--bg);min-height:44px}.product-shot>.screenshot-open:hover{filter:brightness(1.05)}.product-shot>.screenshot-open:focus-visible{outline-offset:-4px}.product-shot img{width:100%}.product-shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;padding:10px 18px;font-size:.75rem;color:var(--muted)}.product-shot .text-link{background:transparent;padding:0;color:var(--ink);font-size:.75rem}.product-notes{display:grid;gap:24px;margin-top:32px}.product-notes article{border-top:1px solid var(--line);padding-top:20px}.product-notes h3{font-size:1rem;font-weight:550}.product-notes p{font-size:.85rem;margin-top:8px}.screenshot-error{padding:20px;color:var(--ink)}#screenshot-dialog{background:var(--bg);color:var(--ink);border:1px solid #747c6b;border-radius:6px;padding:12px;max-width:calc(100vw - 24px);width:min(1700px,calc(100vw - 24px));max-height:95dvh;overflow:auto}#screenshot-dialog::backdrop{background:#000d}.screenshot-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 10px 8px}.screenshot-dialog-header h3{font-size:1rem;font-weight:500}.dialog-close{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;border:1px solid #747c6b;border-radius:3px;font-size:1.7rem;line-height:1}.dialog-close:hover{background:var(--surface)}#screenshot-dialog img{width:100%;height:auto;object-fit:contain}body:has(#screenshot-dialog[open]){overflow:hidden}@media(min-width:700px){.product-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}}
.demo-stage{width:100%;min-width:0;min-height:0}.record-art{min-width:0}.hero-record{width:90%;margin-left:10%;left:0;transform:none}.record-sleeve{left:4%;width:70%}.record-stamp{right:0}
@media(max-width:619px){.hero h1{font-size:clamp(4rem,17vw,6.4rem)}}
@media(min-width:620px) and (max-width:959px){.hero h1{font-size:clamp(3.8rem,8vw,6rem)}}
@media(min-width:620px){.hero-record{width:100%;margin-left:0;left:0}.record-art{margin-inline:0}}
@media(prefers-reduced-motion:no-preference){.hero-record{animation:record-enter 1.1s ease-out both}.composition-demo[data-running=true] .demo-vinyl{animation:spin 14s linear infinite}.composition-demo[data-running=true] .demo-spectrum i{animation:equalize 1.1s ease-in-out infinite alternate}@keyframes record-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes equalize{from{transform:scaleY(.32)}to{transform:scaleY(1)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}