/* Focused refinements for the APP positioning, feature stage, and advantage cards. */
@media (min-width: 761px) {
  #page-app > .app-hero {
    padding-block: 56px !important;
  }

  #page-app .app-hero__inner {
    padding-top: 0 !important;
  }

  #page-app .app-position-grid {
    margin-top: 0 !important;
  }

  #page-app .app-feature-showcase {
    --app-feature-rail: 196px;
  }

  #page-app .app-feature-panel__visual::after {
    display: none !important;
    content: none !important;
  }

  #page-app .app-feature-tab:not(.is-active) {
    color: rgba(255, 255, 255, 0.8) !important;
  }
}

#page-app .app-advantage-list > article > .app-card-icon {
  margin-bottom: 14px !important;
}

#page-app .app-advantage-list p {
  margin-top: 10px !important;
}

@media (min-width: 761px) and (max-width: 1040px) {
  #page-app .app-feature-showcase {
    --app-feature-rail: 188px;
  }
}