/* === Responsive cross-cutting tweaks === */

@media (max-width: 1023px) {
  .hide-mobile { display: none !important; }
}
@media (min-width: 1024px) {
  .hide-desktop { display: none !important; }
}

@media (max-width: 600px) {
  .hero { padding: 90px 0 60px; }
  .hero-terminal-inner { padding: 8px 12px 10px; }
  .hero-terminal-body { font-size: 12.5px; }
  .reveal-section { padding: 80px 0; }
  .cta { padding: 90px 0 100px; }
}