@import url('/brand.css?v=20261015');
:root, :root[data-theme=light]{
 --canvas:var(--paper);--surface:var(--white);--surface-2:var(--cream);--ink-2:var(--ink-soft);
 --muted:var(--silver);--hair:var(--border);--root:var(--ex-pine);--root-ink:var(--ex-paper);
 --grid:color-mix(in srgb,var(--ex-pine) 7%,transparent);--lift:none;
 --f-display:Onest,Arial,sans-serif;--f-ui:Onest,Arial,sans-serif;--f-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
}
:root[data-theme=dark]{--canvas:var(--ex-page);--surface:var(--ex-surface);--surface-2:var(--ex-surface-raised);--ink-2:var(--ex-text);--muted:var(--ex-muted);--hair:var(--ex-line);--grid:color-mix(in srgb,var(--ex-paper) 6%,transparent);--root:var(--ex-pine);--root-ink:var(--ex-paper);--lift:none}
body{font-family:var(--f-ui)}
:root,:root[data-theme],:root:not([data-theme]){--ink:var(--ex-text);--copper:var(--ex-orange);--b1:var(--ex-apricot);--b2:var(--ex-ink);--b3:var(--ex-blue);--b4:var(--ex-pine);--b5:var(--ex-orange);--b6:#626A69;--b7:var(--ex-apricot);--b8:var(--ex-ink);--ok:var(--ex-success-fg);--pilot:var(--ex-info-fg);--build:var(--ex-warning-fg);--idea:var(--ex-muted);--pause:var(--ex-on-disabled)}
:root .n.lv1,:root[data-theme] .n.lv1{color:var(--ex-paper)}
:root .n.lv1 .k,:root[data-theme] .n.lv1 .k{color:inherit;background:color-mix(in srgb,var(--ex-paper) 18%,transparent)}
:root .n.lv1:is([data-id=n-icon],[data-id=n-api],[data-id=n-os]),:root[data-theme] .n.lv1:is([data-id=n-icon],[data-id=n-api],[data-id=n-os]){color:var(--ex-ink)}
.hero h2 b,.lane[data-kind] h2{color:var(--ex-link)}
#panel .eyebrow{color:var(--ex-link)!important}
.btn:not(.ghost):not(.danger):not(.link){background:var(--ex-primary);color:var(--ex-on-primary);border-color:var(--ex-primary-border)}
.btn.danger{color:var(--ex-error-fg);border-color:var(--ex-error-fg)}
.topbar{border:0;padding:22px 32px;gap:12px;background:var(--paper)}
.brand{gap:16px;align-items:center}
.brand .logo img{width:152px}
.brand h1{display:flex;align-items:center;gap:16px;font:400 12px/1.4 var(--f-ui)}
.brand h1 span{font:inherit;letter-spacing:0;color:var(--muted)}
.brand>span{display:none}
.topbar .theme-toggle{flex:none}
.topbar .count{max-width:132px;white-space:normal;font:400 11px/1.5 var(--f-ui)}
.topbar .search{min-width:150px;max-width:240px;flex:1}
.topbar .seg button{font-size:12px;padding-inline:10px}
.hero{padding-inline:32px}
.hero h2{font-family:var(--f-ui);letter-spacing:-.035em}
.hero p{font-family:var(--f-ui);line-height:1.65}
.seg,.search,.n.lv0,.n.lv1,.n.lv2,.card,.btn,.chip{border-radius:0}
.seg button{font-family:var(--f-ui);min-height:40px;border-radius:0}
.search input{font-family:var(--f-ui)}
.n.lv0{box-shadow:none}
.n.lv0 .w img{width:180px;display:block;height:auto}
.n.lv0 .s{font:400 10px/1.4 var(--f-ui);letter-spacing:0;text-transform:none}
.n.lv1{font-family:var(--f-ui);text-transform:none;letter-spacing:0}
.card h2,.card h3{font-family:var(--f-ui);letter-spacing:-.02em}
.dock,.dock button,.legend,.pill,.proof,.list button,.toast{border-radius:0;box-shadow:none}
@media(max-width:900px){.topbar{padding:18px 22px;gap:12px}.hero{padding-inline:22px}.brand .logo img{width:144px}.brand h1{gap:12px}}
@media(max-width:520px){.topbar .brand{width:100%}.topbar .search{min-width:140px}.topbar .count{display:none}.topbar .theme-toggle{min-width:70px;padding-inline:10px}}