/* Stable visual fallbacks for homepage hero backgrounds. */
.xz-root-bg {
  background:
    radial-gradient(circle at top, rgba(79, 70, 229, 0.22), transparent 38%),
    linear-gradient(180deg, #020617 0%, #0f172a 100%);
}

.xz-hero-bg {
  background:
    radial-gradient(ellipse at top, rgba(30, 41, 59, 0.92) 0%, rgba(2, 6, 23, 0.98) 48%, #000 100%),
    linear-gradient(180deg, #020617 0%, #000 100%);
}

.xz-hero-grid {
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(79, 79, 79, 0.18) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(79, 79, 79, 0.18) 1px, transparent 1px);
  background-size: 14px 24px;
}

.xz-cta-bg {
  background:
    radial-gradient(ellipse at top, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.98) 56%, #0f172a 100%);
}

.xz-muted-grid {
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(79, 79, 79, 1) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(79, 79, 79, 1) 1px, transparent 1px);
  background-size: 14px 24px;
}