.scp2:hover { border-color: var(--accent); }
.scp3:hover { transform: translateY(-2px); }
.scp4:hover { color: var(--accent); }
.scp5:hover { background: var(--purple-deep); }
@keyframes dmfade { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (max-width: 860px) {
  .dm-desktop-nav { display: none !important; }
  .dm-burger { display: inline-block; }
  .dm-nav-shell { padding: 12px 20px !important; }
  .pom-2 { grid-template-columns: 1fr !important; }
}
.pom-hero { grid-template-columns: 1fr !important; }
.pom-pillars { grid-template-columns: 1fr !important; }
.pom-row { grid-template-columns: 1fr !important; }
.pom-row-img { order: -1 !important; }
.wa-step { grid-template-columns: 1fr !important; }
.wa-logos { grid-template-columns: 1fr !important; }
.wa-int { flex-direction: column !important; align-items: stretch !important; }
.wa-int-conn { display: none !important; }
.wa-int-cms { flex-flow: wrap !important; width: auto !important; }
.ps-split { grid-template-columns: 1fr !important; }
.ps-conv { grid-template-columns: 1fr !important; }