@font-face{font-family:STK Bureau;src:url(/fonts/stk-bureau-book.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:STK Bureau;src:url(/fonts/stk-bureau-regular.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Paper Mono;src:url(/fonts/paper-mono.woff2)format("woff2");font-weight:100 800;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--orange-900:#f46021;--orange-600:#f69000;--orange-500:#ffb834;--text-base:#f2f2f2;--text-default:#a3a3a3;--text-muted:#737373;--text-faint:#3d3d3d;--border:#242424;--border-dashed:#2b2b2b;--surface:#111;--faint:#161616;--base:#0a0a0a;--success:#3fbf7f;--sans:"STK Bureau", Arial, sans-serif;--mono:"Paper Mono", "Courier New", monospace;--page:1200px;--ease-cf:cubic-bezier(.6, .6, 0, 1);--shadow-button-primary:inset 0 1px 0 0 #ffffff40, inset 0 -1px 3px 0 #00000026, 0 6px 16px -4px #f4602173}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--base);color:var(--text-base);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.45}main{max-width:calc(var(--page) + 2px);border-inline:1px dashed var(--border-dashed);margin:0 auto}a{color:var(--orange-500);text-decoration:none}a:hover{text-decoration:underline}.sec{border-bottom:1px dashed var(--border-dashed);position:relative}.sec:before{content:attr(data-sec);font-family:var(--mono);letter-spacing:.12em;color:var(--text-faint);white-space:nowrap;font-size:10px;position:absolute;top:28px;right:calc(100% + 28px)}.sec:after{content:"";background:radial-gradient(circle, var(--orange-900) 1.5px, transparent 2px) left / 3px 3px no-repeat, radial-gradient(circle, var(--orange-900) 1.5px, transparent 2px) right / 3px 3px no-repeat;pointer-events:none;height:3px;position:absolute;inset:8px 8px auto}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-900);margin-bottom:1.25rem;font-size:13px}.eyebrow span{color:var(--text-muted)}.booth{background:radial-gradient(at 50% 45%,#f4602124,#0000 65%);grid-template-rows:1fr auto;height:100dvh;display:grid}.hero{place-items:center;min-height:0;padding:3vmin 3vmin 0;display:grid}.hero img{object-fit:contain;border:1px solid var(--border);max-width:100%;max-height:100%;box-shadow:0 0 0 6px var(--surface), 0 0 0 7px var(--border), 0 40px 80px -24px #f4602159;border-radius:12px;animation:6s ease-in-out infinite float}.cta{text-align:center;flex-direction:column;align-items:center;gap:1.5vmin;padding:2.5vmin 3vmin 3.5vmin;display:flex}.cta-line{letter-spacing:-.02em;text-wrap:balance;justify-content:center;align-items:center;gap:1.5vmin;font-size:clamp(1.25rem,3.4vmin,3rem);font-weight:400;display:flex}.pulse{background:var(--orange-900);border-radius:50%;flex:none;width:1.2vmin;min-width:8px;height:1.2vmin;min-height:8px;animation:1.8s ease-out infinite pulse;box-shadow:0 0 #f46021b3}.section{padding:96px 80px 80px}.section h2{letter-spacing:-.03em;text-wrap:balance;margin-bottom:56px;font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:400;line-height:1.05}.section h2 em{color:var(--text-muted);font-style:normal}.steps{padding-inline:0;padding-bottom:0}.steps .eyebrow,.steps h2{padding-inline:80px}.step-grid{border-top:1px dashed var(--border-dashed);grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.step{flex-direction:column;gap:12px;padding:40px 32px 48px;display:flex}.step+.step{border-left:1px dashed var(--border-dashed)}.step-num{font-family:var(--mono);color:var(--orange-900);letter-spacing:.08em;font-size:13px}.step-num:before{content:"0"}.step h3{letter-spacing:-.01em;margin-top:20px;font-size:22px;font-weight:400}.step p{color:var(--text-default);font-size:15px}.step-items{padding:0;gap:8px;margin-top:auto;padding-top:16px;list-style:none;display:grid}.step-items li{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.item-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:11px}.item-products{flex-wrap:wrap;gap:2px 12px;font-size:15px;font-weight:400;display:flex}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));align-items:start;gap:24px;display:grid}.demo{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex}.card-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;gap:12px;margin-bottom:18px;font-size:11px;display:flex}.card-label span:first-child{color:var(--text-default);text-transform:none;letter-spacing:.02em}.dot{background:var(--orange-900);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.demo h3{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:400}.demo header p{color:var(--text-default);font-size:15px}.presets{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;color:var(--text-default);background:var(--faint);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease-cf);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:400}.chip:hover{color:var(--text-base)}.chip.active{color:var(--text-base);border-color:var(--orange-900);background:#f460211a}textarea{font-family:var(--mono);color:var(--text-base);background:var(--base);border:1px solid var(--border);resize:vertical;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6}textarea:focus{border-color:var(--orange-900);outline:none}.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{font-family:var(--sans);color:#fff;background:var(--orange-900);box-shadow:var(--shadow-button-primary);cursor:pointer;transition:transform .2s var(--ease-cf);border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:400;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:progress}.btn.ghost{color:var(--text-base);background:var(--faint);border:1px solid var(--border);box-shadow:none}.link{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.photo,.photo-preview{align-items:center;gap:10px;display:flex}.photo-preview img{border:1px solid var(--border);border-radius:8px;height:40px}.error{font-family:var(--mono);color:#ff7a6b;font-size:13px}.muted{color:var(--text-muted)}.mono{font-family:var(--mono);font-size:13px}.clef-results{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.result-card{background:var(--base);border:1px solid var(--border);border-radius:12px;padding:16px}.result-card h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:400}.big-number{letter-spacing:-.02em;color:var(--orange-900);font-size:32px;font-weight:400;line-height:1.1}.result-card .muted{margin-top:4px;font-size:13px}.bars{gap:8px;padding:0;list-style:none;display:grid}.bars li{color:var(--text-muted);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value""bar bar";align-items:center;gap:4px 8px;font-size:13px;display:grid}.bars li.top{color:var(--text-base);font-weight:400}.bar-label{text-overflow:ellipsis;white-space:nowrap;grid-area:label;overflow:hidden}.bar-value{font-family:var(--mono);text-align:right;grid-area:value;font-size:12px}.bars .bar-track{grid-area:bar}.bar-track{background:var(--border);border-radius:999px;height:4px;display:block;overflow:hidden}.bar-fill{background:var(--orange-900);border-radius:inherit;height:100%;transition:width .6s var(--ease-cf);display:block}.fields{border-collapse:collapse;width:100%;font-size:14px}.fields th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px;font-size:11px;font-weight:400}.fields td{overflow-wrap:anywhere;border-top:1px dashed var(--border-dashed);vertical-align:top;padding:10px 8px}.fields td:nth-child(2){font-weight:400}.fields tr.is-null td:nth-child(2){color:var(--text-muted)}.field-type{font-family:var(--mono);color:var(--text-muted);font-size:11px;display:block}.conf{font-family:var(--mono);grid-template-columns:2.5rem auto;align-items:center;gap:8px;font-size:12px;display:grid}@media (width<=1000px){.step-grid{grid-template-columns:repeat(2,1fr)}.step:nth-child(3){border-left:0}.step:nth-child(n+3){border-top:1px dashed var(--border-dashed)}.section{padding:72px 32px 56px}.steps .eyebrow,.steps h2{padding-inline:32px}.steps{padding-inline:0}}@media (width<=600px){.step-grid{grid-template-columns:1fr}.step+.step{border-left:0;border-top:1px dashed var(--border-dashed)}.section{padding:56px 20px 40px}.steps .eyebrow,.steps h2{padding-inline:20px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.6vmin)}}@keyframes pulse{to{box-shadow:0 0 0 2vmin #f4602100}}@media (prefers-reduced-motion:reduce){.hero img,.pulse{animation:none}}.dev{border-top:1px dashed var(--border-dashed);gap:12px;padding-top:16px;display:grid}.dev-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dev-bar .chip{font-family:var(--mono);font-size:12px}.timing{font-family:var(--mono);color:var(--text-muted);gap:16px;font-size:12px;display:flex}.timing b{color:var(--success);font-weight:400}.dev-body{background:var(--base);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs button{font-family:var(--mono);color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:12px}.tabs button.active{color:var(--text-base);border-bottom-color:var(--orange-900)}.code{max-height:480px;font-family:var(--mono);tab-size:2;--sh-class:#ffb834;--sh-identifier:#e6e6e6;--sh-sign:#737373;--sh-property:#9ecbff;--sh-entity:#ffb834;--sh-jsxliterals:#c4b5fd;--sh-string:#f69000;--sh-keyword:#f46021;--sh-comment:#5c5c5c;margin:0;padding:16px;font-size:12.5px;line-height:1.6;overflow:auto}.dev-empty{font-family:var(--mono);padding:16px;font-size:12px}.demo.wide{grid-column:1/-1}.wide-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:stretch;gap:24px;display:grid}.wide-input{flex-direction:column;gap:16px;display:flex}.plan{background:var(--base);border:1px solid var(--border);min-height:260px;font-family:var(--mono);white-space:pre-wrap;border-radius:12px;padding:20px 22px;font-size:14px;line-height:1.75}.plan.streaming p:after{content:"▍";color:var(--orange-900);animation:1s steps(2,end) infinite blink}@keyframes blink{to{opacity:0}}