/* ═══ CASE STUDIES page — cases.css ═══
   Background: dark navy + animated circuit/grid lines, electric blue theme */

body { background:#030812; }

:root { --accent:#3b82f6; --accent2:#60a5fa; --accent3:#93c5fd; --accent-rgb:59,130,246; }

#page-bg { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }

/* Animated horizontal scan lines */
.scan {
  position:absolute; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),rgba(96,165,250,.7),rgba(59,130,246,.5),transparent);
  animation:scanMove linear infinite;
  opacity:0;
}
.scan-1 { animation-duration:8s;  animation-delay:0s; }
.scan-2 { animation-duration:12s; animation-delay:-3s; }
.scan-3 { animation-duration:16s; animation-delay:-7s; }
.scan-4 { animation-duration:10s; animation-delay:-1.5s; }

@keyframes scanMove {
  0%   { top:110vh; opacity:0; }
  5%   { opacity:.9; }
  90%  { opacity:.9; }
  100% { top:-10vh; opacity:0; }
}

/* Grid overlay */
#page-overlay {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(59,130,246,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(59,130,246,.045) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 90% 80% at 50% 40%, black 30%, transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 40%, black 30%, transparent 100%);
}

/* Radial glow */
.glow-spot {
  position:absolute; border-radius:50%; filter:blur(100px); pointer-events:none;
}
.glow-spot-1 { width:500px; height:500px; background:rgba(59,130,246,.12); top:-80px; right:-60px; }
.glow-spot-2 { width:400px; height:400px; background:rgba(96,165,250,.08); bottom:-60px; left:-40px; }

hr.divider { background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),transparent); }
.tag { color:var(--accent); }
.process-step::after { background:linear-gradient(90deg,var(--accent),var(--accent2)); }
.big-stat-val { background:linear-gradient(135deg,var(--accent),var(--accent2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
