/* ============================================
   PAGES — Homepage-specific styles
   ============================================ */

/* Hero stagger animations */
.hero h1 { animation-delay: 0.1s; }
.hero__subtitle { animation-delay: 0.3s; }
.hero__actions { animation-delay: 0.5s; }

/* Category section bg accent */
.categories-section {
  position: relative;
}

.categories-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(0, 180, 216, 0.06) 0%, transparent 70%);
  pointer-events: none;
}

/* Why Apex section */
.why-section .card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
}