.tech-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /*background-color: var(--text-dark);*/
}

.tech-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 30%, rgba(95, 104, 236, 0.26) 0%, rgb(255, 255, 254) 100%), linear-gradient(transparent, rgb(255, 251, 251));
  z-index: 2;
  pointer-events: none;
}

/* Enhanced Grid for Visibility */

.tech-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(74,144,226,0.24) 1px, transparent 1px), linear-gradient(90deg, rgba(74,144,226,0.2) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: 0.75;
}