/* ==========================================================
   D4t4D4DDy Matrix Rain Restore
   Purpose: clean vertical binary scroll only.
   No avatar. No particles. No workstation drawing.
   ========================================================== */

#binary-bg,
.binary-bg,
.binary-row,
.matrix-stream,
.matrix-column,
.matrix-col,
#matrix-rain,
#d4-matrix-rain,
.d4-matrix-col {
  display: none !important;
}

#d4-matrix-canvas {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 8 !important;
  pointer-events: none !important;
  display: block !important;
  opacity: 0.90 !important;
  mix-blend-mode: normal!important;
}

.site-header,
.product-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.shell,
.header-shell,
.nav,
.brand,
.hero-grid,
.hero-copy,
.hero-art,
.eyebrow,
.actions,
.btn,
.trust-pills,
.card,
.stack-row,
.notice,
.contact-form,
.site-footer,
.product-shell,
.product-hero-copy,
.product-panel,
.product-card,
.product-roadmap-dashboard-card,
.family-summary-card,
.current-milestone,
.capability-grid-mini,
.product-btn {
  position: relative !important;
  z-index: 45 !important;
}

.hero {
  background:
    radial-gradient(circle at 72% 38%, rgba(62, 220, 255, 0.18), transparent 36%),
    radial-gradient(circle at 26% 42%, rgba(255,255,255,0.46), transparent 34%),
    linear-gradient(90deg, rgba(248,252,255,0.58), rgba(240,250,255,0.44) 45%, rgba(215,245,255,0.36)) !important;
}

.product-hero,
.product-section,
.section.alt {
  background:
    radial-gradient(circle at 72% 38%, rgba(62, 220, 255, 0.16), transparent 36%),
    linear-gradient(90deg, rgba(248,252,255,0.56), rgba(240,250,255,0.42) 45%, rgba(215,245,255,0.34)) !important;
}

body::before,
body::after,
.hero::before,
.hero::after,
.product-hero::before,
.product-hero::after {
  display: none !important;
  content: none !important;
}

.hero-copy::before {
  content: "" !important;
  position: absolute !important;
  inset: -34px -42px -34px -42px !important;
  z-index: -1 !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 30% 44%, rgba(255,255,255,0.88), rgba(255,255,255,0.50) 56%, rgba(255,255,255,0.13) 82%, transparent 100%) !important;
  pointer-events: none !important;
}

.hero-art::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 -4% 0 -4% !important;
  z-index: -1 !important;
  border-radius: 46px !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(62,220,255,0.20), rgba(62,220,255,0.07) 42%, transparent 70%) !important;
  pointer-events: none !important;
}

@media (max-width: 760px) {
  #d4-matrix-canvas {
    opacity: 0.90 !important;
  }
}

/* ==========================================================
   D4t4D4DDy Matrix Background Polish
   Keeps Matrix rain in the background only.
   ========================================================== */

#d4-matrix-canvas {
  z-index: 2 !important;
  opacity: 0.90 !important;
  mix-blend-mode: normal!important;
}

/* Every readable/site element stays visually above the rain */
.site-header,
.product-topbar,
.shell,
.header-shell,
.nav,
.brand,
.hero-grid,
.hero-copy,
.hero-art,
.eyebrow,
.actions,
.btn,
.trust-pills,
.card,
.stack-row,
.notice,
.contact-form,
.site-footer,
.product-shell,
.product-hero-copy,
.product-panel,
.product-card,
.product-roadmap-dashboard-card,
.family-summary-card,
.current-milestone,
.capability-grid-mini,
.product-btn,
.product-status-panel,
.roadmap-card,
.timeline-card {
  position: relative !important;
  z-index: 50 !important;
}

/* Make cards/panels professional and stop binary from visually bleeding through */
.card,
.stack-row,
.product-card,
.product-panel,
.product-roadmap-dashboard-card,
.family-summary-card,
.current-milestone,
.notice,
.contact-form {
  background: rgba(248, 253, 255, 0.90) !important;
  border: 1px solid rgba(16, 139, 234, 0.14) !important;
  box-shadow: 0 24px 70px rgba(3, 22, 43, 0.10) !important;
  backdrop-filter: blur(14px) saturate(120%) !important;
}

/* Cleaner hero/status panels */
.hero .stack-row,
.product-hero .product-panel,
.product-hero .family-summary-card {
  background: rgba(244, 252, 255, 0.86) !important;
}

/* Add a light readability wash behind main copy blocks */
.hero-copy::before,
.product-hero-copy::before {
  content: "" !important;
  position: absolute !important;
  inset: -34px -44px -34px -44px !important;
  z-index: -1 !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 32% 45%,
      rgba(255,255,255,0.92),
      rgba(255,255,255,0.62) 56%,
      rgba(255,255,255,0.18) 82%,
      transparent 100%) !important;
  pointer-events: none !important;
}

/* Softer Matrix on small screens */
@media (max-width: 760px) {
  #d4-matrix-canvas {
    opacity: 0.90 !important;
  }
}