/* DroneData home page services cleanup 2026-10-11. Contact form excluded. */

/* Home analytics service cards: light, low-noise hover instead of dark inversion. */
#platform .grid > .group {
  transition: background-color .28s ease, box-shadow .28s ease, transform .28s ease, border-color .28s ease !important;
}
#platform .grid > .group:hover {
  background: #f3eee8 !important;
  box-shadow: inset 0 0 0 1px rgba(180,83,32,.20), 0 14px 32px rgba(28,34,50,.06) !important;
  transform: translateY(-2px);
}
#platform .grid > .group:hover h3,
#platform .grid > .group:hover p,
#platform .grid > .group:hover span,
#platform .grid > .group:hover li {
  color: #1c2232 !important;
}
#platform .grid > .group:hover button,
#platform .grid > .group:hover svg {
  color: #b45320 !important;
}
#platform .grid > .group:hover li > div {
  background-color: #b45320 !important;
}
#platform .grid > .group:hover [class*="border-t"] {
  border-color: rgba(28,34,50,.12) !important;
}

/* Three-step process: close the former dead space and enlarge the copy. */
.dd-process-step-card {
  min-height: 120px !important;
  gap: .75rem !important;
  padding: 1.75rem !important;
}
.dd-process-step-copy {
  font-size: 1.5rem !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
}
@media (min-width: 768px) {
  .dd-process-step-card { padding: 2rem !important; }
  .dd-process-step-copy { font-size: 1.875rem !important; }
}

/* Prevent the dark hover in the original component from obscuring the service cards.
   These selectors apply only to the homepage service section, never contact. */
#platform .grid > .group:hover,
#platform .grid > .group:focus-within { background-color:#f3eee8!important; color:#1c2232!important; }
#platform .grid > .group:hover h3, #platform .grid > .group:hover p,
#platform .grid > .group:hover span, #platform .grid > .group:hover li,
#platform .grid > .group:focus-within h3, #platform .grid > .group:focus-within p,
#platform .grid > .group:focus-within span, #platform .grid > .group:focus-within li {color:#1c2232!important;}
#platform .grid > .group:hover li > div,
#platform .grid > .group:focus-within li > div {background-color:#b45320!important;}