@media (max-width: 1100px) {
  .hero-terminal { display: none; }
  .hero-headline { font-size: clamp(3rem, 10vw, 5rem); }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .sources-layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .install-layout { grid-template-columns: 1fr; }
  .modes-grid { grid-template-columns: 1fr 1fr; }
  .cta-strip { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 700px) {
  nav { padding: 0 1.5rem; }
  nav ul { display: none; }
  .hero, section, .install-section, .sources-section { padding-left: 1.5rem; padding-right: 1.5rem; }
  .stats-bar { flex-direction: column; }
  .stat-item { border-right: none; border-bottom: 1px solid var(--card-border); }
  .features-grid { grid-template-columns: 1fr; }
  .modes-grid { grid-template-columns: 1fr; }
  .cta-strip { margin: 0 1.5rem 4rem; padding: 2.5rem 2rem; }
  footer { flex-direction: column; gap: 1.5rem; }
  .features-header { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
}