/* theme-purple-deep.css — Coinbase-inspired institutional blue (kept filename for cache links) */
:root{
  --ai-ink:#0a0b0d !important;
  --ai-ink-2:#0f1218 !important;
  --ai-panel:rgba(18,21,28,.88) !important;
  --ai-panel-2:rgba(18,21,28,.94) !important;
  --ai-line:rgba(30,35,48,.95) !important;
  --ai-violet:#578bff !important;
  --ai-cyan:#0052ff !important;
  --ai-glow:0 0 28px rgba(0,82,255,.22),0 0 48px rgba(38,103,255,.12) !important;
  --ai-glow-sm:0 0 14px rgba(0,82,255,.2) !important;

  --bg:#0a0b0d;
  --bg2:#12151c;
  --panel:rgba(18,21,28,.86);
  --panel-strong:rgba(18,21,28,.94);
  --line:rgba(30,35,48,.95);
  --text:#ffffff;
  --muted:#8a919e;
  --violet:#578bff;
  --cyan:#0052ff;
  --teal:#2667ff;
  --green:#0fae6e;
  --cb-blue:#0052ff;
}

body{
  color:var(--text) !important;
  background:
    radial-gradient(ellipse 70% 40% at 85% -5%, rgba(0,82,255,.08), transparent 55%),
    linear-gradient(180deg, #0a0b0d 0%, #0a0b0d 100%) !important;
}
body::before{
  background:radial-gradient(circle, rgba(0,82,255,.06) 0%, transparent 70%) !important;
}
body::after{
  background:transparent !important;
}

.bg-grid::before{
  background:radial-gradient(circle, rgba(0,82,255,.16), transparent 68%);
}
.bg-grid::after{
  background:radial-gradient(circle, rgba(38,103,255,.12), transparent 70%);
}

.glow{
  display:none !important;
}
.head-wrap{
  border-color:rgba(0,82,255,.28);
  box-shadow:none !important;
  background:rgba(10,11,13,.55) !important;
  filter:none !important;
}
.head-wrap.portrait{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:50% !important;
}
.orbit-ring.r1{
  inset:auto !important;
  top:50% !important;
  left:50% !important;
  width:84% !important;
  height:84% !important;
  border-radius:50% !important;
  border-color:rgba(0,82,255,.92) !important;
  box-shadow:
    0 0 14px rgba(0,82,255,.75),
    0 0 34px rgba(38,103,255,.45),
    0 0 68px rgba(0,82,255,.28),
    inset 0 0 16px rgba(87,139,255,.35),
    inset 0 0 42px rgba(0,82,255,.18) !important;
  filter:none !important;
}
.orbit-ring.r2,
.orbit-ring.r3{
  display:none !important;
}
.orbit-ring.r1::after{
  background:#2667ff !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:50% !important;
  transform:translateX(-50%) !important;
  width:10px !important;
  height:10px !important;
}
.orbit-ring.r1::before{
  background:#0052FF !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:50% !important;
  width:10px !important;
  height:10px !important;
}

.status-chip{
  background:rgba(18,21,28,.92);
  border-color:rgba(30,35,48,.95);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  color:var(--text);
}
.status-chip strong{color:#ffffff}

.kicker{
  border-color:rgba(0,82,255,.35);
  background:linear-gradient(135deg, rgba(0,82,255,.14), rgba(38,103,255,.1));
  color:#d6e4ff;
}
.lede,
.section-copy,
.card p,
.trust-item span,
.access-band p,
.footer-copy,
.footer-meta{
  color:var(--muted) !important;
}
h1,h2,.section h2,.trust-band h2,.access-band h2,.footer-brand{
  color:var(--text);
}
.card::before{
  background:linear-gradient(90deg, transparent, rgba(0,82,255,.55), rgba(87,139,255,.45), transparent);
}
.pill,
.panel,
.card,
.trust-band,
.access-band{
  border-color:rgba(30,35,48,.95);
  background:linear-gradient(165deg, rgba(24,28,38,.86), rgba(12,14,20,.9));
}

/* Living blink — nav orb and kicker dot */
@keyframes blink-glow {
  0%, 100% {
    opacity: 1;
    filter: brightness(1);
    box-shadow: 0 0 18px rgba(0,82,255,.45), 0 0 32px rgba(38,103,255,.25);
  }
  50% {
    opacity: .55;
    filter: brightness(1.2);
    box-shadow: 0 0 8px rgba(0,82,255,.2), 0 0 14px rgba(38,103,255,.15);
  }
}
@keyframes blink-glow-robinhood chain {
  0%, 100% {
    opacity: 1;
    filter: brightness(1.08);
    box-shadow: 0 0 0 2px rgba(0,82,255,.35), 0 0 8px rgba(0,82,255,.55);
  }
  50% {
    opacity: .72;
    filter: brightness(1.18);
    box-shadow: 0 0 0 2px rgba(0,82,255,.25), 0 0 6px rgba(0,82,255,.4);
  }
}
.brand-orb{
  animation: blink-glow 1.8s ease-in-out infinite;
}
.kicker::before{
  background: linear-gradient(135deg, #0052FF, #2667ff) !important;
  box-shadow: 0 0 0 2px rgba(0,82,255,.35), 0 0 8px rgba(0,82,255,.45) !important;
  animation: blink-glow 1.8s ease-in-out infinite;
}
.hero-blink{
  display: inline;
  animation: none;
}
@media (prefers-reduced-motion: reduce){
  .brand-orb,
  .kicker::before,
  .hero-blink{animation:none !important}
}