/* ─── responsive.css — extra breakpoints + dark mode placeholder ─── */
@media (max-width: 360px) {
  .hero h1 { font-size: 1.5rem; }
  .logo-text { font-size: 1.1rem; }
  .btn { padding: 0.5rem 1rem; font-size: 0.8rem; }
}
@media (min-width: 1400px) {
  .header-inner, .section, .footer-inner, .feature-strip-inner { max-width: 1360px; }
}