/* agent-otel-bridge brand tokens: night sky, cyan signal arc, amber hook, violet collector. */
:root{
  --bg:#0B0F19;--bg-2:#111827;
  --hero-bg:radial-gradient(1200px 600px at 85% -10%,rgba(0,114,255,.22),transparent 60%),radial-gradient(800px 500px at 0% 110%,rgba(181,123,255,.14),transparent 60%),#0B0F19;
  --paper:#F6F8FB;--paper-2:#EDF2F8;--card:#FFFFFF;
  --ink:#0B0F19;--muted:#4B5565;--line:#DCE3EE;
  --on-dark:#E6EDF7;--muted-dark:#9AA8BD;--line-dark:rgba(148,163,184,.22);
  --accent:#00E5FF;--accent-ink:#0060D0;--accent-soft:rgba(0,114,255,.10);
  --amber:#FF9E00;--violet:#B57BFF;
  --code-bg:#0B0F19;--code-ink:#D8E6F5;--code-comment:#7C8CA3;
  --font-display:Inter,"Segoe UI Variable Display","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --hero-texture:radial-gradient(1.5px 1.5px at 12% 22%,rgba(230,237,247,.55),transparent 60%),radial-gradient(1.5px 1.5px at 38% 12%,rgba(0,229,255,.6),transparent 60%),radial-gradient(1.2px 1.2px at 64% 30%,rgba(181,123,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 82% 18%,rgba(230,237,247,.5),transparent 60%),radial-gradient(1.2px 1.2px at 22% 70%,rgba(255,158,0,.5),transparent 60%),radial-gradient(1.2px 1.2px at 92% 64%,rgba(0,229,255,.5),transparent 60%);
}
.p-hero h1 em{background:linear-gradient(90deg,#00E5FF,#6FA8FF 60%,#B57BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.p-btn.primary{background:linear-gradient(90deg,#00E5FF,#1F8BFF);color:#0B0F19}
.aob-flame{font-family:var(--font-mono)}