@media (max-width: 1024px) {
  .steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .persona-block {
    grid-template-columns: 1fr;
  }

  .persona-visual {
    max-height: 320px;
    aspect-ratio: 16/9;
  }

  .mock-screens {
    grid-template-columns: 1fr;
    max-width: 280px;
    margin-inline: auto;
  }
}

@media (max-width: 640px) {
  .nav-primary { display: none; }
  .nav-dropdown-mobile { display: block; }
  .nav-dropdown {
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-16px);
    min-width: 90vw;
  }
  .nav-more:hover .nav-dropdown,
  .nav-more.is-open .nav-dropdown {
    transform: translateX(-50%) translateY(0);
  }
}

@media (max-width: 768px) {
  .section {
    padding-block: var(--space-xl);
  }

  .steps {
    grid-template-columns: 1fr;
  }

  .two-col {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
    padding-top: var(--space-xl);
  }

  .hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero__actions .btn {
    justify-content: center;
  }

  .card-grid {
    grid-template-columns: 1fr;
  }
}