/* Final service-card readability + interaction overrides. Loaded after brand/service styles. */
.service-stack-section .service-cta,
.service-stack-section .service-cta:hover,
.service-stack-section .service-cta:focus-visible{
  text-decoration:none!important;
  mix-blend-mode:normal!important;
  /* brand_v4 previously forced transform:none on :hover and animated transform.
     That froze the card under the pointer while reverse-scrolling. Keep the
     scroll-driven transform authoritative in every pointer/focus state. */
  transform:translate3d(0,var(--stack-enter),0) scale(var(--stack-scale))!important;
  transition:none!important;
}
.service-stack-section .service-card-1,
.service-stack-section .service-card-1:hover{
  background:#f3f3ef!important;
  color:#0a0a0a!important;
}
.service-stack-section .service-card-dark,
.service-stack-section .service-card-dark:hover{
  background:#0a0a0a!important;
  color:#ffffff!important;
}
.service-stack-section .service-card-muted,
.service-stack-section .service-card-muted:hover{
  background:#deded8!important;
  color:#0a0a0a!important;
}

.service-stack-section .service-cta .cta-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  min-height:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.service-stack-section .service-cta .cta-body h3{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  position:relative!important;
  z-index:6!important;
  margin:0 0 24px!important;
  color:#0a0a0a!important;
  text-shadow:none!important;
  mix-blend-mode:normal!important;
}
.service-stack-section .service-cta .cta-body p{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  position:relative!important;
  z-index:6!important;
  color:#30302c!important;
  text-shadow:none!important;
  mix-blend-mode:normal!important;
}
.service-stack-section .service-card-dark .cta-body h3{color:#ffffff!important}
.service-stack-section .service-card-dark .cta-body p{color:#f0f0eb!important}
.service-stack-section .service-card-dark .service-code{color:#deded8!important}
.service-stack-section .service-card-dark .cta-link{color:#ffffff!important;border-color:#a6a69f!important}
.service-stack-section .service-card-1 .service-code,
.service-stack-section .service-card-muted .service-code{color:#54544f!important}

/* Each card is a native anchor; the whole transformed surface remains clickable. */
.service-stack-section a.service-card-clickable{
  pointer-events:auto!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
}
.service-stack-section a.service-card-clickable:focus-visible{
  outline:3px solid currentColor!important;
  outline-offset:-8px!important;
}
/* Only the arrow has a hover animation; the card itself must never alter its transform. */
.service-stack-section a.service-card-clickable:hover .cta-arrow{transition:transform .22s ease;transform:rotate(45deg)}