/* ThreatAngel brand layer — 2026 rebrand */
:root {
  --ta-navy: #0f172a;
  --ta-slate: #1e293b;
  --ta-blue: #2563eb;
  --ta-blue-bright: #3b82f6;
  --ta-cyan: #06b6d4;
  --ta-cyan-bright: #22d3ee;
  --ta-text: #f1f5f9;
  --ta-muted: #cbd5e1;
}

.logo-icon {
  width: 36px !important;
  height: 40px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}

.site-footer .logo-icon,
.footer-logo .logo-icon {
  width: 32px !important;
  height: 35px !important;
}

.logo-text,
.footer-logo-text,
.site-footer .footer-logo-text {
  background: linear-gradient(90deg, var(--ta-blue-bright), var(--ta-cyan-bright)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em;
}

.btn-primary,
.btn-cta-beta {
  background: linear-gradient(90deg, var(--ta-blue), var(--ta-cyan)) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-cta-beta:hover {
  filter: brightness(1.08);
}

.btn-cta-threat {
  background: linear-gradient(90deg, #0284c7, var(--ta-cyan)) !important;
}

.btn-cta-twitter {
  background: linear-gradient(90deg, #334155, #475569) !important;
}

.gradient-text {
  background: linear-gradient(90deg, var(--ta-blue-bright), var(--ta-cyan-bright)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.assist-button-demo {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .62rem 1rem;
  border-radius: .55rem;
  background: linear-gradient(90deg, var(--ta-blue), var(--ta-cyan));
  color: #fff;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(2, 132, 199, .22);
}
.assist-button-demo::before {
  content: '';
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,.95);
  border-radius: 50%;
  box-sizing: border-box;
}