/* =============================================================
   Bitcrack Cyber — Shared secondary-page hero (light, v4)
   Light-theme variant of the gradient wash. Lower alphas so the
   accent stays subtle on a near-white surface.
   ============================================================= */

.services-hero,
.about-hero,
.blog-hero,
.contact-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      ellipse 85% 75% at 100% 0%,
      rgba(220, 38, 38, 0.10) 0%,
      transparent 60%
    ),
    radial-gradient(
      circle 420px at 4% 110%,
      rgba(220, 38, 38, 0.05) 0%,
      transparent 70%
    ),
    linear-gradient(135deg, #ffffff 0%, #f4f4f6 65%);
}

.services-hero::after,
.about-hero::after,
.blog-hero::after,
.contact-hero::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 46%;
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--accent) 0%,
    var(--accent) 30%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

.about-hero-dots,
.contact-hero-dots,
.blog-hero-dots,
.services-hero-canvas {
  display: none !important;
}