/* V8.21 — Spotlight discret uniquement sur les cartes sombres de bénéfices/expertises */
@media (hover: hover) and (pointer: fine) {
  .services-v84 .svc84-quality-grid .spotlight-benefit-card {
    --spot-x: 50%;
    --spot-y: 50%;
    --spot-opacity: 0;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transition: border-color .28s ease, background-color .28s ease, box-shadow .28s ease;
  }

  .services-v84 .svc84-quality-grid .spotlight-benefit-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: var(--spot-opacity);
    background:
      radial-gradient(
        220px circle at var(--spot-x) var(--spot-y),
        rgba(96, 205, 181, .13) 0%,
        rgba(77, 182, 193, .075) 34%,
        rgba(64, 155, 176, .025) 58%,
        transparent 76%
      );
    transition: opacity .24s ease;
  }

  .services-v84 .svc84-quality-grid .spotlight-benefit-card::after {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    opacity: var(--spot-opacity);
    padding: 1px;
    background: radial-gradient(
      150px circle at var(--spot-x) var(--spot-y),
      rgba(122, 220, 197, .42),
      rgba(76, 180, 196, .16) 42%,
      transparent 70%
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: opacity .24s ease;
  }

  .services-v84 .svc84-quality-grid .spotlight-benefit-card > * {
    position: relative;
    z-index: 2;
  }

  .services-v84 .svc84-quality-grid .spotlight-benefit-card.is-spotlight-active {
    border-color: rgba(112, 208, 190, .17);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 42px rgba(0,0,0,.10);
  }
}

/* Aucun effet sur tactile, pointeur grossier ou préférence de mouvement réduit. */
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .services-v84 .svc84-quality-grid .spotlight-benefit-card::before,
  .services-v84 .svc84-quality-grid .spotlight-benefit-card::after {
    display: none !important;
  }
  .services-v84 .svc84-quality-grid .spotlight-benefit-card {
    transform: none !important;
  }
}