/* Responsive layout rules (extracted) */
@media (max-width: 1024px) {
  .hero-content { grid-template-columns: 1fr; gap: 3rem; text-align: center; }
  .contact-content { grid-template-columns: 1fr; gap: 3rem; }
  .footer-content { grid-template-columns: 1fr; gap: 2rem; }
  .footer-links { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .nav-menu { position: fixed; top: 70px; left: -100%; width: 100%; height: calc(100vh - 70px); background: rgba(255,255,255,0.98); backdrop-filter: blur(20px); flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 2rem; transition: left var(--transition-normal); box-shadow: 0 10px 30px rgba(99,102,241,0.1); }
  .nav-menu.active { left: 0; }
  .nav-toggle { display: flex; }
  .nav-toggle.active .bar:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
  .nav-toggle.active .bar:nth-child(2) { opacity: 0; }
  .nav-toggle.active .bar:nth-child(3) { transform: rotate(-45deg) translate(7px,-6px); }
  .hero-title { font-size: var(--font-4xl); }
  .subtitle { font-size: var(--font-xl); }
  .hero-buttons { flex-direction: column; align-items: center; }
  .btn { width: 100%; max-width: 300px; justify-content: center; }
  .hero-stats { justify-content: center; }
  .section-title { font-size: var(--font-3xl); }
  .flow-cards { grid-template-columns: 1fr; }
  .benefits-grid { grid-template-columns: 1fr; }
  .footer-links { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .back-to-top { bottom: 1rem; right: 1rem; }
}

@media (max-width: 480px) {
  .container { padding: 0 1rem; }
  .hero-title { font-size: var(--font-3xl); }
  .section-title { font-size: var(--font-2xl); }
  .flow-card, .benefit-card, .contact-card { padding: 2rem 1.5rem 1.5rem; }
  .card-number { width: 45px; height: 45px; font-size: var(--font-base); }
  .contact-form { padding: 2rem; }
  .hero-stats { flex-direction: column; gap: 1rem; }
}