/* Quiet, staggered attention for the three primary service links. */
:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/get-amplified"],
:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/1000x-lab"],
:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/consulting"] {
  --service-cue: rgba(38, 78, 150, .16);
  border-radius: 8px;
  animation: service-link-cue 18s ease-in-out infinite;
}

:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/1000x-lab"] {
  --service-cue: rgba(143, 105, 27, .18);
  animation-delay: -6s;
}

:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/consulting"] {
  --service-cue: rgba(144, 79, 55, .17);
  animation-delay: -12s;
}

:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/get-amplified"]:hover,
:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/1000x-lab"]:hover,
:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/consulting"]:hover,
:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/get-amplified"]:focus-visible,
:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/1000x-lab"]:focus-visible,
:is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/consulting"]:focus-visible {
  animation-play-state: paused;
}

@keyframes service-link-cue {
  0%, 6%, 18%, 100% { box-shadow: 0 0 0 0 transparent; }
  10%, 14% { box-shadow: 0 0 0 3px var(--service-cue), 0 0 14px var(--service-cue); }
}

@media (prefers-reduced-motion: reduce) {
  :is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/get-amplified"],
  :is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/1000x-lab"],
  :is(nav, .nav-links, .top-nav-links, .header-nav) a[href="/consulting"] { animation: none; }
}