/* NivAk Technologies — Smartphone-only hero */

.apps-v3-universe {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 390px;
  overflow: hidden;
}

.apps-v3-universe__phone {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: rotate(-7deg);
  animation: nivakPhoneFloat 6s ease-in-out infinite !important;
}

@keyframes nivakPhoneFloat {
  0%, 100% {
    transform: translateY(0) rotate(-7deg);
  }

  50% {
    transform: translateY(-12px) rotate(-4deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .apps-v3-universe__phone {
    animation: none !important;
  }
}

/* NIVAK COMPACT APPS HERO STEP 65 */

/* Compact hero and balanced two-column layout */

.apps-v3-page .apps-v3-hero {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.apps-v3-page .apps-v3-hero > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  gap: 32px;
}

.apps-v3-page .apps-v3-universe {
  min-height: 0 !important;
  height: 325px !important;
  overflow: visible;
}

/* Slightly larger central smartphone */

.apps-v3-page .apps-v3-universe__phone {
  width: 178px !important;
  height: 302px !important;
}

.apps-v3-page .apps-v3-universe__screen {
  gap: 9px;
  padding: 11px;
}

.apps-v3-page .apps-v3-universe__icons {
  gap: 9px;
}

/* Compact typography rhythm */

.apps-v3-page .apps-v3-hero h1 {
  margin: 12px 0 !important;
}

.apps-v3-page .apps-v3-stats {
  margin-top: 20px !important;
}

/* Tablet and mobile */

@media (max-width: 900px) {
  .apps-v3-page .apps-v3-hero > .wrap {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .apps-v3-page .apps-v3-universe {
    height: 295px !important;
  }

  .apps-v3-page .apps-v3-universe__phone {
    width: 164px !important;
    height: 280px !important;
  }
}

@media (max-width: 600px) {
  .apps-v3-page .apps-v3-hero {
    padding: 30px 0 !important;
  }

  .apps-v3-page .apps-v3-universe {
    height: 260px !important;
  }

  .apps-v3-page .apps-v3-universe__phone {
    width: 148px !important;
    height: 250px !important;
  }
}