/* Responsive */
@media (max-width: 992px) {
  .hero-content {
    flex-direction: column;
    text-align: center;
  }
  .hero-subtitle {
    margin: 0 auto 40px;
  }
  .hero-actions {
    justify-content: center;
  }
  .hero-visual {
    width: 100%;
    margin-top: 40px;
  }
  .mockup-card {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin: 0 auto;
  }
  .small-card {
    display: none;
  }
  .grid-3 {
    grid-template-columns: 1fr;
  }
  .split-section {
    flex-direction: column;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
  }
  .pricing-card.highlighted {
    transform: none;
  }
  .cta-box {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .nav {
    display: none; /* simple hidden for mobile, can add toggle via JS */
  }
  .mobile-menu-btn {
    display: block;
  }
  .hero-title {
    font-size: 40px;
  }
  .footer-content {
    flex-direction: column;
    gap: 40px;
  }
}