/* --- Responsive enhancements added by ChatGPT --- */
img, video, canvas, iframe { max-width: 100%; height: auto; }

/* Mobile header menu */
.menu-toggle { display: none; background: none; border: none; font-size: 28px; padding: 6px; line-height: 1; border-radius: 10px; }
@media (max-width: 860px){
  .menu-toggle { display: block; }
  .site-header { flex-wrap: wrap; gap: 8px; }
  .nav { display: none; flex-direction: column; width: 100%; gap: 8px; padding: 8px 0; border-top: 1px solid rgba(0,0,0,.08); }
  .nav.open { display: flex; }
  .nav a { padding: 10px 0; }
}

/* Buttons/CTAs wrapping */
.hero-cta { flex-wrap: wrap; gap: 10px; }
@media (max-width: 680px){
  .hero-cta { flex-direction: column; }
  .hero-cta .btn { width: 100%; text-align: center; }
}

/* Stats wrap on small screens */
.stats { flex-wrap: wrap; }
.stat { flex: 1 1 150px; }

/* Grid tweaks */
.grid.two { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

/* Footer text wrapping safety */
.site-footer { word-break: break-word; }