/* Landing motion — under hero only. Progressive: inert until html.dc-motion */

html.dc-motion .dc-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.55s ease,
    transform 0.55s ease;
  transition-delay: var(--dc-reveal-delay, 0ms);
  will-change: opacity, transform;
}

html.dc-motion .dc-reveal.is-in {
  opacity: 1;
  transform: none;
  will-change: auto;
}

@media (max-width: 768px) {
  html.dc-motion .dc-reveal {
    transform: translateY(10px);
    transition-duration: 0.45s;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.dc-motion .dc-reveal,
  html.dc-motion .dc-reveal.is-in {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* —— Microinteractions (landing sections, not hero) —— */

#leistungen .dc-method-jump__btn,
#leistungen .dc-method-cta,
#eignung .dc-cta,
#preise .dc-cta,
#magazin .dc-mag-card-link,
#team .dc-cta,
#anfrage .dc-cta {
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

#leistungen .dc-method-jump__btn:hover,
#leistungen .dc-method-jump__btn:focus-visible {
  transform: translateY(-1px);
}

#leistungen .dc-method-cta:hover,
#leistungen .dc-method-cta:focus-visible,
#eignung .dc-cta:hover,
#eignung .dc-cta:focus-visible,
#preise .dc-cta:hover,
#preise .dc-cta:focus-visible,
#team .dc-cta:hover,
#team .dc-cta:focus-visible,
#anfrage .dc-cta:hover,
#anfrage .dc-cta:focus-visible {
  transform: translateY(-1px);
}

#eignung .dc-wiz-opt {
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

#eignung .dc-wiz-opt:hover,
#eignung .dc-wiz-opt:focus-visible {
  transform: translateY(-2px);
}

#preise .dc-price-card {
  transition:
    border-color 0.2s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

#preise .dc-price-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
}

#magazin .dc-mag-card {
  transition:
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

#magazin .dc-mag-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
}

#faq .dc-faq-item {
  transition: border-color 0.2s ease;
}

#faq .dc-faq-item > div[style*="cursor:pointer"],
#faq .dc-faq-item > div[style*="cursor: pointer"] {
  transition: color 0.2s ease, opacity 0.2s ease;
}

#faq .dc-faq-item > div[style*="cursor:pointer"]:hover,
#faq .dc-faq-item > div[style*="cursor: pointer"]:hover {
  opacity: 0.88;
}

#team .dc-team-partner {
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

#team .dc-team-partner:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  #leistungen .dc-method-jump__btn,
  #leistungen .dc-method-cta,
  #eignung .dc-cta,
  #eignung .dc-wiz-opt,
  #preise .dc-cta,
  #preise .dc-price-card,
  #magazin .dc-mag-card,
  #magazin .dc-mag-card-link,
  #team .dc-cta,
  #team .dc-team-partner,
  #anfrage .dc-cta {
    transition: none !important;
    transform: none !important;
  }

  #leistungen .dc-method-jump__btn:hover,
  #leistungen .dc-method-jump__btn:focus-visible,
  #leistungen .dc-method-cta:hover,
  #leistungen .dc-method-cta:focus-visible,
  #eignung .dc-cta:hover,
  #eignung .dc-cta:focus-visible,
  #eignung .dc-wiz-opt:hover,
  #eignung .dc-wiz-opt:focus-visible,
  #preise .dc-cta:hover,
  #preise .dc-cta:focus-visible,
  #preise .dc-price-card:hover,
  #magazin .dc-mag-card:hover,
  #team .dc-cta:hover,
  #team .dc-cta:focus-visible,
  #team .dc-team-partner:hover,
  #anfrage .dc-cta:hover,
  #anfrage .dc-cta:focus-visible {
    transform: none !important;
    box-shadow: none !important;
  }
}