/* Agent First palette — cobalt & cyan */
:root {
  --bg: #05080f;
  --bg-2: #0e1424;
  --accent: #3a8af0;
  --accent-2: #5fdde0;
  --accent-3: #88e8f0;
  --text: #e8edf2;
  --text-soft: #a0afc0;
  --muted: #5e6a78;
  --border: rgba(95, 221, 224, 0.12);
  --border-strong: rgba(95, 221, 224, 0.24);
  --surface: rgba(95, 221, 224, 0.04);
  --surface-solid: #0e1424;
  --input: #0e1424;
}
body {
  background-image:
    radial-gradient(ellipse 80% 55% at 20% -10%, color-mix(in srgb, #1a2638 60%, transparent), transparent 70%),
    radial-gradient(ellipse 55% 50% at 82% 8%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 60%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--surface-solid) 35%, transparent), var(--bg));
  background-attachment: fixed; background-size: cover;
}
.topbar { background: rgba(5, 8, 15, 0.96); }
.topbar .brand { color: var(--accent-3); }
.topbar .brand em { color: var(--accent-2); font-style: normal; }
a.cta { background: var(--accent-2); color: #05080f !important; box-shadow: 0 8px 30px color-mix(in srgb, var(--accent-2) 30%, transparent); }
a.cta:hover { background: var(--accent-3); color: #05080f !important; box-shadow: 0 10px 40px color-mix(in srgb, var(--accent-2) 50%, transparent); }
.kicker { color: var(--accent-3); }