/* Techtives final overrides: deliberately loaded after site.css. */
.techtives-whatsapp-placeholder {
  background: #08783e !important;
  color: #fff !important;
}

/* Compositor-friendly decorative motion. */
.page-hero::before {
  inset: -56px;
  animation-name: techtives-grid-drift;
  will-change: transform;
}

.hero-dashboard::after,
.topic-visual::after {
  left: -45%;
  transform: translate3d(0, 0, 0) rotate(18deg);
  animation-name: techtives-visual-shine;
  will-change: transform, opacity;
}

@keyframes techtives-grid-drift {
  to { transform: translate3d(56px, 56px, 0); }
}

@keyframes techtives-visual-shine {
  0%, 62% { transform: translate3d(0, 0, 0) rotate(18deg); opacity: 0; }
  70% { opacity: 1; }
  88%, 100% { transform: translate3d(500%, 0, 0) rotate(18deg); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .page-hero::before,
  .hero-dashboard::after,
  .topic-visual::after { animation: none !important; }
}