/* getdjex.com — custom styles layered on top of Tailwind CDN.
   Keep this file small; Tailwind utilities should do most of the work. */

/* Smooth scroll for nav anchor links */
html { scroll-behavior: smooth; }

/* FAQ chevron */
details > summary { list-style: none; position: relative; padding-right: 28px; }
details > summary::-webkit-details-marker { display: none; }
details > summary::after {
  content: "▾";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #6cf0c8;
  transition: transform 0.2s ease;
}
details[open] > summary::after { transform: translateY(-50%) rotate(180deg); }

/* Subtle pulse on the primary download button at first load to draw the eye */
@keyframes djxHeroPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(108, 240, 200, 0.4); }
  50%      { box-shadow: 0 0 0 8px rgba(108, 240, 200, 0); }
}
.djx-pulse { animation: djxHeroPulse 2.2s ease-out 3; }

/* Selection color */
::selection { background: #6cf0c8; color: #0a0e14; }