@font-face { font-family:"Barlow Condensed"; font-weight:700; font-style:normal; font-display:optional; src:url("/static/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family:"Barlow Condensed"; font-weight:800; font-style:normal; font-display:optional; src:url("/static/fonts/barlow-condensed-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family:"Barlow Condensed"; font-weight:800; font-style:italic; font-display:optional; src:url("/static/fonts/barlow-condensed-latin-800-italic.woff2") format("woff2"); }
@font-face { font-family:"Space Grotesk"; font-weight:400; font-style:normal; font-display:optional; src:url("/static/fonts/space-grotesk-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family:"Space Grotesk"; font-weight:500; font-style:normal; font-display:optional; src:url("/static/fonts/space-grotesk-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family:"Space Grotesk"; font-weight:700; font-style:normal; font-display:optional; src:url("/static/fonts/space-grotesk-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family:"IBM Plex Mono"; font-weight:400; font-style:normal; font-display:optional; src:url("/static/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family:"IBM Plex Mono"; font-weight:500; font-style:normal; font-display:optional; src:url("/static/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family:"IBM Plex Mono"; font-weight:600; font-style:normal; font-display:optional; src:url("/static/fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2"); }
:root { color-scheme:dark;
  --night:oklch(0.16 0.012 255); --panel:oklch(0.21 0.014 255); --raised:oklch(0.255 0.014 255);
  --signal:oklch(0.87 0.21 145); --signal-hover:oklch(0.93 0.17 145); --chalk:oklch(0.97 0.008 140);
  --rule:oklch(0.33 0.014 255); --dim:oklch(0.74 0.014 255); --art-stripe:oklch(0.185 0.012 255); --scrim:oklch(0 0 0 / 0.35);
  --stop:oklch(0.72 0.19 25); --hold:oklch(0.84 0.15 80); --warn:var(--hold);
  --tone-pos:var(--signal); --tone-neg:var(--chalk); --tone-mid:var(--rule);
  --glow-selected:0 0 30px oklch(0.87 0.21 145 / 0.12); --glow-play:0 0 30px oklch(0.87 0.21 145 / 0.35);
  --glow-live:0 0 8px oklch(0.87 0.21 145); --float:0 12px 30px oklch(0 0 0 / 0.45); --lift:0 40px 90px oklch(0 0 0 / 0.4);
  --space-4:4px; --space-6:6px; --space-8:8px; --space-10:10px; --space-12:12px; --space-14:14px; --space-16:16px;
  --space-20:20px; --space-24:24px; --space-28:28px; --space-36:36px; --space-48:48px;
  --radius-4:4px; --radius-6:6px; --radius-8:8px; --radius-10:10px; --radius-12:12px; --radius-14:14px; --radius-16:16px;
  --radius-18:18px; --radius-20:20px; --radius-full:999px;
  --control-xl:56px; --control-lg:54px; --control-md:44px; --container:1240px; --measure:680px;
  --web-gutter:clamp(20px, 4vw, 48px); --web-section:clamp(56px, 8vw, 112px);
  --font-display:"Barlow Condensed", "Arial Narrow", sans-serif;
  --font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace; }
@supports not (color: oklch(0 0 0)) { :root {
  --night:#0a0e12; --panel:#14191f; --raised:#1e232a; --signal:#6af776; --signal-hover:#9aff9f; --chalk:#f2f6f1;
  --rule:#31363d; --dim:#a5abb4; --art-stripe:#0f1318; --scrim:rgb(0 0 0 / 0.35); --stop:#ff6a65; --hold:#fdbe45;
  --glow-selected:0 0 30px rgb(106 247 118 / 0.12); --glow-play:0 0 30px rgb(106 247 118 / 0.35); --glow-live:0 0 8px #6af776;
  --float:0 12px 30px rgb(0 0 0 / 0.45); --lift:0 40px 90px rgb(0 0 0 / 0.4); } }
* { box-sizing:border-box; }
body { margin:0; background:var(--night); color:var(--chalk); font:16px/1.45 var(--font-sans); -webkit-font-smoothing:antialiased; }
:focus-visible { outline:2px solid var(--signal); outline-offset:2px; }
.oa-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.t-hero { font:800 clamp(56px, 9vw, 112px)/.86 var(--font-display); text-transform:uppercase; }
.t-title { font:800 50px/.88 var(--font-display); text-transform:uppercase; }
.t-headline { font:800 40px/.88 var(--font-display); text-transform:uppercase; }
.t-card-title { font:800 27px/.95 var(--font-display); text-transform:uppercase; }
.t-row-title { font:700 22px/1 var(--font-display); text-transform:uppercase; }
.t-lede { font:400 17px/1.5 var(--font-sans); }
.t-body { font:400 15px/1.45 var(--font-sans); }
.t-meta { font:400 13px/1.2 var(--font-sans); color:var(--dim); }
.t-section { font:600 13px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--dim); }
.t-meta-mono { font:500 13px/1 var(--font-mono); letter-spacing:.04em; text-transform:uppercase; color:var(--dim); }
.t-timecode { font:600 13px/1 var(--font-mono); font-variant-numeric:tabular-nums; }
.oa-icon { width:1em; height:1em; flex:none; fill:currentColor; vertical-align:middle; }
.oa-hairline { border:0; border-top:1px solid var(--rule); margin:0; }
.oa-btn { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-8); min-height:var(--control-lg); padding:0 22px; border:1px solid var(--rule); border-radius:var(--radius-12); background:transparent; color:var(--chalk); font:800 22px/1 var(--font-display); text-transform:uppercase; text-decoration:none; cursor:pointer; }
.oa-btn.md { min-height:var(--control-md); padding:0 18px; border-radius:var(--radius-10); font-size:19px; }
.oa-btn.primary { border-color:transparent; background:var(--signal); color:var(--night); }
.oa-btn.primary:hover { background:var(--signal-hover); }
.oa-btn.outline:hover { border-color:var(--signal); }
.oa-btn:disabled { border-color:transparent; background:var(--raised); color:var(--dim); cursor:default; }
.oa-tag { display:inline-flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid transparent; border-radius:var(--radius-4); font:600 13px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.oa-tag.pos { background:var(--tone-pos); color:var(--night); }
.oa-tag.neg { background:var(--tone-neg); color:var(--night); }
.oa-tag.mid { border-color:var(--tone-mid); color:var(--chalk); }
.oa-tag.live { border-color:var(--rule); color:var(--signal); }