/* GreenHawk AI — Responsive breakpoints */

@media (max-width: 1023px) {
  .steps { grid-template-columns: repeat(2, 1fr); }
  .stages { grid-template-columns: repeat(2, 1fr); }
  .downloads-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .dev-card { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .model-block { grid-template-columns: 1fr; }
  .attrs { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  section { padding: 64px 0; }
  .hero { padding-top: 40px; }
  .nav-links { display: none; }
  .hamburger { display: inline-flex; }
  .steps { grid-template-columns: 1fr; }
  .stages { grid-template-columns: 1fr; }
  .downloads-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .upload-preview { grid-template-columns: 1fr; }
  .upload-preview img { max-width: 220px; margin: 0 auto; }
  .viewer { aspect-ratio: 4 / 5; }
  .viewer .handle { width: 52px; height: 52px; }
  .compare-head { flex-direction: column; align-items: stretch; }
  .selectors { flex-direction: column; align-items: stretch; }
  .selectors label { justify-content: space-between; }
  .compare-table th, .compare-table td { padding: 10px 12px; font-size: 0.85rem; }
  .pipeline-diagram .branches { grid-template-columns: 1fr; }
  h1 { font-size: 2.1rem; }
}

@media (min-width: 1024px) {
  .hamburger { display: none; }
}