@media (max-width: 1024px) {
  .hero h1 { font-size: 3rem; }
  .section-title { font-size: 2rem; }
  .services-grid,
  .pricing-grid,
  .portfolio-grid,
  .blog-grid,
  .testimonials-grid,
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .timeline-content { max-width: calc(50% - 40px); }
}

@media (max-width: 768px) {
  .nav-links {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: rgba(11, 11, 15, 0.98);
    backdrop-filter: blur(20px);
    flex-direction: column;
    padding: 24px;
    gap: 20px;
    border-bottom: 1px solid var(--border);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
  }

  .nav-links.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .nav-links a { font-size: 1rem; }

  .nav-hamburger { display: flex; }

  .hero h1 { font-size: 2.2rem; letter-spacing: -1px; }
  .hero p { font-size: 1rem; }
  .hero-stats { grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .hero-stat-value { font-size: 1.5rem; }

  .section { padding: 60px 0; }
  .section-title { font-size: 1.6rem; }

  .page-header { padding: 120px 0 40px; }
  .page-header h1 { font-size: 2rem; }

  .services-grid,
  .pricing-grid,
  .portfolio-grid,
  .blog-grid,
  .testimonials-grid,
  .team-grid { grid-template-columns: 1fr; }

  .pricing-card.featured { transform: none; }

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

  .form-row { grid-template-columns: 1fr; }

  .timeline::before { left: 20px; }
  .timeline-item,
  .timeline-item:nth-child(odd),
  .timeline-item:nth-child(even) {
    flex-direction: column;
    text-align: left;
    padding-left: 50px;
  }
  .timeline-dot { left: 20px; }
  .timeline-content,
  .timeline-item:nth-child(odd) .timeline-content,
  .timeline-item:nth-child(even) .timeline-content {
    max-width: 100%;
    margin: 0;
  }

  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }

  .mission-vision { grid-template-columns: 1fr; }

  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { justify-content: center; }
}

@media (max-width: 768px) {
  .nav .container { gap: 12px; }
  .lang-switcher { margin-inline-start: auto; }
}

@media (max-width: 480px) {
  .hero h1 { font-size: 1.8rem; }
  .container { padding: 0 16px; }
  .pricing-card { padding: 28px 20px; }
  .lang-switcher button { padding: 3px 8px; }
}