@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&display=swap";
@font-face{font-family:Array;src:url(/fonts/Array-Regular.woff2)format("woff2"),url(/fonts/Array-Regular.otf)format("opentype");font-weight:400;font-display:block}html{scroll-behavior:smooth}:root{--bg:#0a0a0a;--bg-1:#111;--bg-2:#161616;--fg:#f4f2ed;--fg-dim:#f4f2ed9e;--fg-mute:#f4f2ed61;--fg-faint:#f4f2ed24;--border:#f4f2ed1a;--border-strong:#f4f2ed38;--accent:#ff5a1f;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--container:1280px;--pad:clamp(20px, 4vw, 40px)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";margin:0;padding:0;font-size:14px;line-height:1.5}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}.page{width:100%;max-width:var(--container);padding:0 var(--pad);margin:0 auto;position:relative}.rule{border:0;border-top:1px solid var(--border);margin:0}.rule-dash{border:0;border-top:1px dashed var(--border-strong);margin:0}.mono{font-family:var(--mono)}.caps{text-transform:uppercase;letter-spacing:.14em}.tiny{font-size:11px}.sm{font-size:12px}.md{font-size:14px}.dim{color:var(--fg-dim)}.mute{color:var(--fg-mute)}.faint{color:var(--fg-faint)}.nav{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0a0a0ab8;position:sticky;top:0}.nav-inner{height:56px;padding:0 var(--pad);max-width:var(--container);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-brand{font-family:"Array", var(--mono);letter-spacing:.03em;color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;align-items:center;gap:10px;font-size:28px;font-weight:400;text-decoration:none;display:flex}.nav-links{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);gap:28px;font-size:11px;display:flex}.nav-links a{transition:color .15s}.nav-links a:hover{color:var(--fg)}@media (max-width:768px){.nav-links{display:none}}@media (max-width:400px){.nav-inner{gap:12px}.nav-brand{font-size:22px}.nav .btn{letter-spacing:.08em;gap:6px;padding:9px 12px}}.btn{border:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.16em;color:var(--fg);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:11px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-solid{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-solid:hover{background:var(--bg);color:var(--accent);border-color:var(--accent)}.btn .arrow{justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.section{padding:100px 0;position:relative}.section+.section{border-top:1px solid var(--border)}.section-head{grid-template-columns:auto 1fr auto;align-items:end;gap:24px;margin-bottom:48px;display:grid}.section-label{text-transform:uppercase;letter-spacing:.16em;color:var(--fg-mute);align-items:center;gap:8px;font-size:11px;display:flex}.section-label:before{content:"";background:var(--accent);width:6px;height:6px;display:inline-block}.section-title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.2vw,52px);font-weight:500;line-height:1.04}.hero{border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero-grid{grid-template-rows:auto 1fr;gap:48px;min-height:100vh;padding:120px 0 60px;display:grid;position:relative}.hero-meta{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-mute);border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;font-size:11px;display:flex}.hero-meta .col{flex-direction:column;gap:8px;display:flex}.hero-meta .col span:first-child{color:var(--fg-faint)}.hero-head{grid-template-columns:1fr;gap:36px;display:grid}.hero-head-top{grid-template-columns:1.3fr 1fr;align-items:start;gap:80px;display:grid}h1.hero-title{font-family:var(--mono);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(36px,5.2vw,76px);font-weight:500;line-height:1.02}h1.hero-title .lo{color:var(--accent)}.hero-sub{color:var(--fg-dim);max-width:44ch;padding-top:18px;font-size:13px;line-height:1.65}.hero-sub p+p{margin-top:14px}.hero-cta{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding-top:28px;padding-bottom:28px;display:flex}.hero-cta-note{text-transform:uppercase;letter-spacing:.18em;color:var(--fg-mute);margin-left:auto;font-size:10px}.hero-canvas-wrap{aspect-ratio:24/9;border:1px solid var(--border);background:#0a0a0a;width:100%;margin-top:0;position:relative;overflow:hidden}.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-canvas-overlay{pointer-events:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;display:grid;position:absolute;inset:0}.hero-canvas-overlay .cell{border-bottom:1px solid #f4f2ed0a;border-right:1px solid #f4f2ed0a}.hero-canvas-corner{text-transform:uppercase;letter-spacing:.16em;color:var(--fg-mute);pointer-events:none;padding:10px 12px;font-size:10px;position:absolute}.hero-canvas-corner.tl{top:0;left:0}.hero-canvas-corner.tr{top:0;right:0}.hero-canvas-corner.bl{bottom:0;left:0}.hero-canvas-corner.br{bottom:0;right:0}@media (max-width:768px){.hero-head-top{grid-template-columns:1fr;gap:32px}.hero-canvas-wrap{aspect-ratio:4/3}.hero-grid{gap:40px;padding:100px 0 60px}}@media (max-width:560px){.hero-grid{gap:32px;padding:88px 0 48px}.hero-meta{flex-wrap:wrap;gap:18px}.hero-cta-note{flex-basis:100%;margin-left:0}.hero-canvas-wrap{aspect-ratio:1}}.steps{border:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.step{border-right:1px solid var(--border);flex-direction:column;gap:18px;min-height:280px;padding:32px 28px 40px;transition:background .2s;display:flex;position:relative}.step:last-child{border-right:0}.step:hover{background:var(--bg-1)}.step-num{text-transform:uppercase;letter-spacing:.16em;color:var(--fg-mute);justify-content:space-between;font-size:11px;display:flex}.step-num b{color:var(--accent);font-weight:500}.step-title{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:500;line-height:1.2}.step-body{color:var(--fg-dim);flex:1;font-size:13px;line-height:1.55}.step-visual{border:1px solid var(--border);background:#0a0a0a;height:80px;position:relative;overflow:hidden}.step-visual canvas{width:100%;height:100%;position:absolute;inset:0}@media (max-width:768px){.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--border);min-height:0}.step:last-child{border-bottom:0}}.demo{border:1px solid var(--border);grid-template-columns:1fr 1fr;min-height:480px;display:grid}.demo-pane{flex-direction:column;gap:14px;min-width:0;padding:22px 24px;display:flex}.demo-pane+.demo-pane{border-left:1px solid var(--border)}.demo-header{border-bottom:1px dashed var(--border-strong);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.demo-header .h-label{text-transform:uppercase;letter-spacing:.18em;color:var(--fg-mute);font-size:10px}.demo-header .h-count{text-transform:uppercase;letter-spacing:.16em;color:var(--fg-dim);font-size:10px}.track-list{flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.track{border-bottom:1px solid #f4f2ed0a;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:7px 0;font-size:12px;transition:background .15s,opacity .3s,transform .3s;display:grid}.track .t-idx{color:var(--fg-faint);font-size:10px}.track .t-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track .t-name b{font-weight:500}.track .t-name span{color:var(--fg-mute)}.track .t-genre{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);border:1px solid var(--border);border-radius:2px;padding:2px 6px;font-size:10px}.track.sorting{opacity:.35}.track.matched{background:color-mix(in oklab, var(--accent) 18%, transparent)}.genre-select{border-bottom:1px dashed var(--border-strong);flex-wrap:wrap;gap:6px;padding:10px 0;display:flex}.chip{text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--border-strong);color:var(--fg-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:5px 10px;font-size:10px;transition:all .15s}.chip:hover{color:var(--fg);border-color:var(--fg-dim)}.chip.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}.demo-footer{border-top:1px dashed var(--border-strong);text-transform:uppercase;letter-spacing:.16em;color:var(--fg-mute);justify-content:space-between;align-items:center;padding-top:14px;font-size:10px;display:flex}.progress{background:var(--fg-faint);height:2px;position:relative;overflow:hidden}.progress-bar{background:var(--accent);transform-origin:0;transition:transform .3s linear;position:absolute;inset:0;transform:scaleX(0)}@media (max-width:768px){.demo{grid-template-columns:1fr;min-height:0}.demo-pane+.demo-pane{border-left:0;border-top:1px solid var(--border)}}.stats{border:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.stat{border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;gap:10px;min-height:160px;padding:28px 24px;display:flex}.stat:last-child{border-right:0}.stat .stat-label{text-transform:uppercase;letter-spacing:.18em;color:var(--fg-mute);font-size:10px}.stat .stat-label:before{content:"";background:var(--accent);vertical-align:middle;width:6px;height:6px;margin-right:8px;display:inline-block}.stat .stat-val{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(32px,5vw,56px);font-weight:500;line-height:1}.stat .stat-sub{color:var(--fg-dim);font-size:11px}@media (max-width:768px){.stats{grid-template-columns:1fr 1fr}.stat{border-right:0;border-bottom:1px solid var(--border);min-height:0}.stat:nth-child(2n){border-right:0}.stat:nth-child(odd){border-right:1px solid var(--border)}}.genre-grid{border:1px solid var(--border);grid-template-columns:repeat(6,1fr);display:grid}.genre-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);aspect-ratio:1;cursor:default;align-items:flex-end;padding:20px 16px;display:flex;position:relative;overflow:hidden}.genre-cell:nth-child(6n){border-right:0}.genre-cell:nth-last-child(-n+6){border-bottom:0}.genre-bg{opacity:.25;transition:opacity .4s;position:absolute;inset:0}.genre-cell:hover .genre-bg{opacity:.7}.genre-bg canvas{width:100%;height:100%;display:block}.genre-name{z-index:1;letter-spacing:-.01em;font-size:13px;font-weight:500;position:relative}@media (max-width:900px){.genre-grid{grid-template-columns:repeat(3,1fr)}.genre-cell:nth-child(6n){border-right:1px solid var(--border)}.genre-cell:nth-child(3n){border-right:0}.genre-cell:nth-last-child(-n+6){border-bottom:1px solid var(--border)}.genre-cell:nth-last-child(-n+3){border-bottom:0}}@media (max-width:560px){.genre-grid{grid-template-columns:repeat(2,1fr)}.genre-cell:nth-child(3n){border-right:1px solid var(--border)}.genre-cell:nth-child(2n){border-right:0}.genre-cell:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.genre-cell:nth-last-child(-n+2){border-bottom:0}}.faq-list{border:1px solid var(--border)}.faq{border-bottom:1px solid var(--border)}.faq:last-child{border-bottom:0}.faq-q{text-align:left;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 24px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.faq-q:hover{background:var(--bg-1)}.faq-q .q-idx{color:var(--fg-mute);letter-spacing:.16em;min-width:28px;font-size:10px}.faq-q .q-text{flex:1}.faq-q .q-toggle{color:var(--fg-dim);font-size:18px;font-weight:300;transition:transform .2s}.faq.open .q-toggle{color:var(--fg);transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .3s;overflow:hidden}.faq.open .faq-a{max-height:300px}.faq-a-inner{color:var(--fg-dim);max-width:70ch;padding:12px 24px 24px;font-size:13px;line-height:1.6}.os-cta{border:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:48px;display:grid;position:relative;overflow:hidden}.os-cta-bg{opacity:.5;pointer-events:none;position:absolute;inset:0}.os-cta-bg canvas{width:100%;height:100%;display:block}.os-cta-bg-side{opacity:.9;width:42%;left:auto;-webkit-mask-image:linear-gradient(270deg,#000 60%,#0000 100%);mask-image:linear-gradient(270deg,#000 60%,#0000 100%)}@media (max-width:768px){.os-cta-bg-side{opacity:.18;width:100%;-webkit-mask-image:none;mask-image:none}}.os-cta-content{z-index:1;position:relative}.os-cta-content h3{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(24px,3.4vw,38px);font-weight:500;line-height:1.1}.os-cta-content p{color:var(--fg-dim);max-width:52ch;margin:0;font-size:13px}.os-cta-actions{z-index:1;position:relative}.os-cta-actions .btn:not(.btn-solid){background:var(--bg)}.os-cta-actions .btn:not(.btn-solid):hover{background:var(--fg);color:var(--bg)}@media (max-width:768px){.os-cta{grid-template-columns:1fr;padding:32px 24px}}@media (max-width:400px){.os-cta{padding:28px 20px}.os-cta-actions .btn{justify-content:center;width:100%}}.footer{border-top:1px solid var(--border);padding:60px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:48px;display:grid}.footer h5{text-transform:uppercase;letter-spacing:.18em;color:var(--fg-mute);margin:0 0 14px;font-size:10px;font-weight:500}.footer ul{flex-direction:column;gap:8px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.footer ul a{color:var(--fg-dim);transition:color .15s}.footer ul a:hover{color:var(--fg)}.footer-brand{flex-direction:column;gap:12px;max-width:320px;display:flex}.footer-brand p{color:var(--fg-dim);margin:0;font-size:12px;line-height:1.6}.footer-authors{grid-column:span 1}.footer-author-cards{flex-direction:column;gap:10px;display:flex}.footer-author{border:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .2s,background .2s;display:flex}.footer-author:hover{border-color:var(--fg-mute);background:var(--bg-1)}.footer-author-name{color:var(--fg);font-size:12px;font-weight:500}.footer-author-link{letter-spacing:.12em;color:var(--fg-mute);font-size:10px}.footer-bottom{border-top:1px solid var(--border);text-transform:uppercase;letter-spacing:.16em;color:var(--fg-mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:24px;font-size:10px;display:flex}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.section{padding:64px 0}.section-head{gap:18px;margin-bottom:36px}}@media (max-width:560px){.section{padding:48px 0}.section-head{grid-template-columns:1fr;align-items:start;gap:12px;margin-bottom:28px}.section-title{font-size:clamp(26px,8vw,40px)}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-author{padding:12px 14px}.footer-bottom{justify-content:flex-start}}.blink{background:var(--accent);width:.5em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(12px)}.reveal.in{opacity:1;transform:none}