/* DAIS existing-systems visual replacement — desktop/tablet only.
   The original responsive component remains active below 760px so the
   platform names and controls stay readable on narrow screens. */

@media (min-width: 760px) {
  #why.dais-section .dais-connect {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #why.dais-section .dais-connect-copy {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  #why.dais-section .dais-window {
    display: none !important;
  }

  #why.dais-section .dais-connect::after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url("/assets/dais-connected-ecosystem-raised-cards-desktop.webp?v=20260922");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

@media (min-width: 760px) and (max-width: 1100px) {
  #why.dais-section .dais-connect::after {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #why.dais-section .dais-connect::after {
    animation: none !important;
    transition: none !important;
  }
}