:root{--ink:#11110f;--paper:#f0efe9;--paper-2:#e6e4dc;--muted:#6b6a63;--line:#cac8bf;--acid:#d7ff43;--white:#fff;--max:1240px;--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none} button,a{touch-action:manipulation} section{scroll-margin-top:90px}
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--acid);padding:.75rem 1rem;z-index:100}.skip-link:focus{top:1rem}
.site-header{height:78px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}
.wordmark{font-size:20px;font-weight:800;letter-spacing:-.045em}.wordmark-dot{color:#95b700}
.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a,.header-contact,footer nav a{position:relative}.site-header nav a:after,.header-contact:after,footer nav a:after,.text-link:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s}.site-header nav a:hover:after,.header-contact:hover:after,footer nav a:hover:after,.text-link:hover:after{transform:scaleX(1);transform-origin:left}
.header-contact{justify-self:end;font-size:13px;font-weight:700}
.hero{padding:clamp(70px,10vh,128px) var(--pad) clamp(90px,11vw,150px);max-width:var(--max);margin:auto;display:flex;flex-direction:column}
.section-index,.prototype-label{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.prototype-label{margin:0;color:var(--muted)}
h1,h2{margin:0;font-weight:700;letter-spacing:-.065em;line-height:.94}h1{font-size:clamp(57px,9.6vw,145px);margin:clamp(22px,4vh,46px) 0 32px;max-width:1100px}h1 em{font-style:normal;color:var(--muted)}
.hero-copy{max-width:760px;font-size:clamp(18px,2vw,24px);line-height:1.45;letter-spacing:-.025em;margin:0 0 18px}.hero-status{max-width:660px;margin:0 0 34px;color:var(--muted);font-size:14px}
.hero-actions,.contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;font-size:13px;font-weight:800;border:1px solid var(--ink);transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--white);gap:36px}.button-primary:hover{background:#30302d}.button-secondary:hover{background:var(--white)}
.section{padding:clamp(80px,11vw,150px) var(--pad);max-width:var(--max);margin:auto}.section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;margin-bottom:70px}.section-index{margin:0 0 27px;color:var(--muted)}h2{font-size:clamp(44px,6.2vw,82px)}.section-heading>p,.state-copy{font-size:17px;line-height:1.6;margin:38px 0 0}.section-heading>p{max-width:430px}.demos{max-width:none;background:var(--ink);color:var(--paper)}.demos>.section-heading,.demos>.legend,.demos>.demo-note,.demos>.demo-list{max-width:calc(var(--max) - 2 * var(--pad));margin-left:auto;margin-right:auto}.demos .section-index{color:#8f8e87}.demos .section-heading{margin-bottom:54px}
.legend{border-bottom:1px solid #3b3b37;padding-bottom:16px;display:flex;gap:25px;color:#a9a8a1;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.dot.original{background:#aaa}.dot.generated{background:var(--acid)}.headphones{margin-left:auto}
.demo-note{padding:17px 0 18px;border-bottom:1px solid #3b3b37;color:#a9a8a1;font-size:12px;line-height:1.55}.demo-note strong{color:var(--paper)}
.demo-card{padding:34px 0 42px;border-bottom:1px solid #3b3b37}.demo-head{display:grid;grid-template-columns:70px 1fr auto;align-items:baseline;margin-bottom:26px}.demo-number{font:12px monospace;color:#888}.demo-head h3{font-size:25px;margin:0;letter-spacing:-.035em}.demo-meta{font:11px monospace;color:#888;text-transform:uppercase}.tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.track{background:#1b1b19;padding:16px;min-width:0}.track.generated-track{background:#23251c}.track-label{min-height:45px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.track-label strong{font-size:12px;line-height:1.3}.track-label small{font:9px monospace;color:#898981;text-transform:uppercase}.channel-mark{font:9px monospace;color:var(--acid)}audio{width:100%;height:36px;filter:invert(1) grayscale(1);opacity:.82}.audio-placeholder{height:36px;border:1px solid #44443f;color:#77776f;display:flex;align-items:center;justify-content:center;font:9px monospace;text-transform:uppercase;letter-spacing:.1em}.notice{padding:20px;border:1px solid #555}
.state{padding-bottom:70px}.state-copy{margin-top:36px}.state-copy p:first-child{margin-top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:35px 0;display:flex;flex-direction:column}.stat+.stat{padding-left:35px;border-left:1px solid var(--line)}.stat strong{font-size:clamp(36px,5vw,65px);letter-spacing:-.06em}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.contribute{max-width:none;background:#24251f;color:var(--paper);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,10vw,150px)}.contribute-main,.contribute-side{max-width:600px}.contribute-main{justify-self:end}.contribute-side{display:flex;flex-direction:column;width:100%}.section-index.light{color:#a3a49b}.contribute h2{font-size:clamp(50px,7vw,96px)}.contribute-lead{font-size:20px;line-height:1.55;max-width:570px;margin:35px 0}.button-discord{background:var(--acid);color:var(--ink);border-color:var(--acid);gap:11px}.button-discord:hover{background:#e5ff82}.button-discord svg{width:19px;height:19px;fill:currentColor}.text-link{font-size:13px;position:relative;margin-left:10px}.contributor-reward{background:var(--acid);color:var(--ink);padding:28px 30px;max-width:560px}.contributor-reward strong{display:block;font-size:23px;line-height:1.05;letter-spacing:-.035em}.contributor-reward p{margin:16px 0 0;font-size:13px;line-height:1.55;max-width:470px}.contribute-details{border-top:1px solid #53544d;padding-top:26px;margin-top:auto}.contribute-details h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 17px}.contribute-details ul{list-style:none;padding:0;margin:0}.contribute-details li{display:grid;grid-template-columns:42px 1fr;padding:14px 0;border-top:1px solid #3d3e38;font-size:14px}.contribute-details li span{font:10px monospace;color:#82837b}.contribute-details>p{font-size:13px;color:#a8a9a1;margin:25px 0 0;max-width:430px}
footer{max-width:var(--max);margin:auto;padding:45px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center}.footer-wordmark{font-size:18px}footer p{font-size:12px;color:var(--muted)}footer nav{display:flex;gap:24px;font-size:12px}footer small{grid-column:1/4;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:30px}
:focus-visible{outline:2px solid #789400;outline-offset:4px}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.header-contact{display:block}.hero{min-height:auto}.section-heading{grid-template-columns:1fr;gap:0}.section-heading>p,.state-copy{margin-top:28px}.tracks{grid-template-columns:1fr 1fr}.contribute{grid-template-columns:1fr}.contribute-main{justify-self:start}.contribute-details{margin-top:42px}footer{grid-template-columns:1fr auto}footer p{display:none}footer small{grid-column:1/3}}
@media(max-width:520px){.site-header{height:66px}.header-contact{font-size:0}.header-contact:before{content:"Contact";font-size:12px}.hero{padding-top:64px;min-width:0}.hero>*{min-width:0;max-width:100%}h1{font-size:clamp(43px,13vw,52px);letter-spacing:-.06em}.hero-copy{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.legend{gap:12px;flex-wrap:wrap}.headphones{width:100%;margin:5px 0 0}.demo-head{grid-template-columns:44px 1fr}.demo-meta{grid-column:2;margin-top:6px}.tracks{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat+.stat{padding-left:0;border-left:0;border-top:1px solid var(--line)}.contact-actions{align-items:stretch;flex-direction:column}.text-link{margin:7px 0 0;text-align:center}footer{display:flex;flex-direction:column;align-items:flex-start}footer nav{flex-wrap:wrap}footer small{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}