@media (max-width: 1024px) {
  .hero { grid-template-columns: 1fr; gap: 52px; }
  .form-card { max-width: 460px; }
  .mcp-grid { grid-template-columns: 1fr; }
  .features { grid-template-columns: repeat(2, 1fr); }
  .int-grid { grid-template-columns: repeat(6, 1fr); }
  .nav-links { display: none; }
}
@media (max-width: 720px) {
  .section { padding: 64px 0; }
  .prob-grid { grid-template-columns: 1fr 1fr; }
  .steps { grid-template-columns: 1fr 1fr; }
  .step:nth-child(2) { border-right: 0; }
  .step:nth-child(1), .step:nth-child(2) { border-bottom: 1px solid var(--border); }
  .arch, .deploy-grid { grid-template-columns: 1fr; gap: 32px; }
  .features { grid-template-columns: 1fr; }
  .int-grid { grid-template-columns: repeat(4, 1fr); }
  .foot-inner { grid-template-columns: 1fr; gap: 28px; }
}