:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f5f1;--surface:#fff;--surface-soft:#efeee9;--ink:#171714;--muted:#68675f;--line:#d8d6cd;--accent:#e9ff70;--accent-ink:#232600;--success:#2f7d4a;--danger:#b94343;--warning:#a66b12;--shadow:0 18px 60px #1e1e1414;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;line-height:1.55}a{color:inherit}code,pre,.mono-label,.editor-input,.editor-textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.site-header{justify-content:space-between;align-items:center;gap:24px;width:min(1160px,100% - 40px);margin:0 auto;padding:22px 0;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--ink);background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:8px;place-items:center;display:grid}nav{gap:20px;font-size:14px;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--ink)}main,footer{width:min(1160px,100% - 40px);margin:0 auto}.hero{max-width:980px;padding:96px 0 82px}.eyebrow,.section-heading>span,.section-heading>div>span{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:800;display:block}h1{letter-spacing:-.065em;max-width:980px;margin:0;font-size:clamp(48px,8vw,92px);font-weight:760;line-height:.98}.hero-copy{max-width:800px;color:var(--muted);margin:32px 0 0;font-size:clamp(18px,2.4vw,24px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{appearance:none;border:1px solid var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:12px 17px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,opacity .12s}.button:hover{transform:translateY(-1px);box-shadow:0 5px #00000014}.button:disabled{cursor:progress;opacity:.58;box-shadow:none;transform:none}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.secondary{color:var(--ink);background:0 0}.badges{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.badges span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:13px}.architecture,.demo-section{border-top:1px solid var(--line);padding:84px 0}.section-heading{margin-bottom:34px}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05}.flow-grid{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;display:grid}.flow-card,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.flow-card{min-height:220px;padding:26px}.flow-card.accent{background:var(--accent);color:var(--accent-ink)}.flow-card h3{letter-spacing:-.03em;margin:34px 0 8px;font-size:22px}.flow-card p{color:var(--muted);margin:0}.flow-card.accent p{color:#4f5500}.flow-card code{margin-top:24px;font-size:12px;display:block}.flow-index{color:var(--muted);font:12px/1 monospace}.flow-arrow{color:var(--muted);place-items:center;font-size:22px;display:grid}.demo-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.setup-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.45fr);align-items:stretch;gap:18px;display:grid}.panel{padding:24px}.component-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.component-header>div{min-width:0}.component-kicker{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.component-header h3,.query-heading h3,.result-header h4,.query-examples-header h4{letter-spacing:-.025em;margin:0}.component-header h3,.query-heading h3{font-size:20px}.component-header p{color:var(--muted);margin:5px 0 0;font-size:13px}.status-badge,.file-badge{border:1px solid var(--line);background:var(--surface-soft);letter-spacing:.04em;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:800}.status-badge[data-state=starting]{color:var(--warning)}.status-badge[data-state=ready]{color:var(--success);border-color:color-mix(in srgb, var(--success) 32%, var(--line))}.status-badge[data-state=error]{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 32%, var(--line))}.file-badge{color:var(--muted)}.runtime-checks{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;display:grid;overflow:hidden}.runtime-check{grid-template-columns:14px minmax(0,1fr);align-items:start;gap:11px;padding:13px 14px;display:grid}.runtime-check+.runtime-check{border-top:1px solid var(--line)}.runtime-check strong{font-size:13px;display:block}.runtime-check small{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:11px;display:block}.status-dot{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:10px;height:10px;margin-top:5px}[data-state=active]>.status-dot,[data-state=active] .status-dot{background:var(--warning);border-color:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb, var(--warning) 16%, transparent)}[data-state=done]>.status-dot,[data-state=done] .status-dot{background:var(--success);border-color:var(--success)}[data-state=error]>.status-dot,[data-state=error] .status-dot{background:var(--danger);border-color:var(--danger)}.component-divider{background:var(--line);height:1px;margin:24px 0}.fixture-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.fixture-header strong{font-size:14px;display:block}.fixture-details{gap:16px;margin:0;display:grid}.fixture-details>div{min-width:0}.fixture-details dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:10px;font-weight:800}.fixture-details dd{margin:0;font-size:13px}.fixture-details a{overflow-wrap:anywhere;font:12px/1.5 SFMono-Regular,Consolas,Liberation Mono,monospace;display:block}.fixture-hash{overflow-wrap:anywhere;color:var(--muted);font-size:11px;display:block}.fixture-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fixture-stats>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:11px 12px}.fixture-stats dd{letter-spacing:-.03em;font-size:19px;font-weight:750}.fixture-columns{overflow-wrap:anywhere;color:var(--muted)}.catalog-card{flex-direction:column;min-width:0;display:flex}.editor-field{gap:8px;min-width:0;display:grid}.editor-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.catalog-name-field{max-width:340px}.catalog-json-field{flex:1;margin-top:18px}.editor-input,.editor-textarea{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);border-radius:10px;outline:none;font-size:13px;line-height:1.55}.editor-input{padding:10px 12px}.editor-textarea{resize:vertical;tab-size:2;padding:14px;display:block}.catalog-editor{height:100%;min-height:390px}.sql-editor{min-height:170px}.editor-input:focus,.editor-textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 10%, transparent)}.query-workspace{margin-top:20px;padding:0;overflow:hidden}.query-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.query-heading{min-width:0}.query-state{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.query-state .status-dot{margin:0}.run-button{min-width:108px}.query-body{gap:16px;padding:24px;display:grid}.query-examples{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-soft) 64%, var(--surface));border-radius:12px;padding:16px}.query-examples-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px;display:flex}.query-examples-header h4{font-size:15px}.query-examples-header p{color:var(--muted);margin:0;font-size:12px}.query-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.query-example{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);text-align:left;cursor:pointer;border-radius:10px;padding:13px 14px;transition:border-color .12s,transform .12s,background .12s}.query-example:hover{border-color:color-mix(in srgb, var(--ink) 40%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--surface));transform:translateY(-1px)}.query-example:focus-visible{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 10%, transparent);outline:none}.query-example strong{font:inherit;font-size:13px;font-weight:750;display:block}.query-example span{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.45;display:block}.query-example code{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:11px;line-height:1.4;display:block;overflow:hidden}.query-feedback{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:10px;padding:11px 13px;font-size:13px}.query-feedback[data-kind=running]{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 35%, var(--line));background:color-mix(in srgb, var(--warning) 8%, var(--surface))}.query-feedback[data-kind=success]{color:var(--success);border-color:color-mix(in srgb, var(--success) 35%, var(--line));background:color-mix(in srgb, var(--success) 7%, var(--surface))}.query-feedback[data-kind=error]{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, var(--line));background:color-mix(in srgb, var(--danger) 7%, var(--surface))}.result-surface{border:1px solid var(--line);border-radius:12px;overflow:hidden}.result-header{background:var(--surface-soft);justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.result-header .component-kicker{margin-bottom:2px}.result-header h4{font-size:15px}.mono-label{color:var(--muted);font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-top:1px solid var(--line);white-space:nowrap;padding:13px 18px}th{color:var(--muted);font-size:12px;font-weight:700}.empty{color:var(--muted);text-align:center;padding:32px}.query-diagnostics{border-top:1px solid var(--line);padding-top:2px}.query-diagnostics summary{cursor:pointer;color:var(--muted);padding:10px 0;font-size:12px;font-weight:700}.query-diagnostics pre{color:#eeeee8;background:#171714;border-radius:10px;margin:8px 0 0;padding:18px;font-size:12px;line-height:1.6;overflow:auto}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:32px 0 50px;font-size:13px;display:flex}@media (prefers-color-scheme:dark){:root{--bg:#151513;--surface:#1f1f1b;--surface-soft:#292923;--ink:#f3f2ea;--muted:#aaa99e;--line:#393830;--accent:#d7f154;--accent-ink:#212400;--success:#64b27e;--danger:#e37878;--warning:#d5a24c;--shadow:none}}@media (width<=820px){.site-header,main,footer{width:min(100% - 28px,1160px)}.site-header nav a:last-child{display:none}.hero{padding:70px 0 64px}.flow-grid,.setup-grid,.query-example-grid{grid-template-columns:1fr}.flow-arrow{min-height:20px;transform:rotate(90deg)}.demo-heading,.query-toolbar,.query-examples-header{flex-direction:column;align-items:stretch}.query-toolbar .run-button{align-self:flex-start}.catalog-editor{min-height:330px}footer{flex-direction:column}}