/* Mobile menu - toggle button stays inline with logo */
.menu-toggle { display:none; background:none; border:none; font-size:28px; cursor:pointer; padding:5px; color:var(--primary-dark); }

@media(max-width:768px) {
  .menu-toggle { display:block; }
  nav { display:flex; align-items:center; }
  .nav-menu { display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; gap:0; z-index:999;
    background:var(--white); box-shadow:0 4px 12px rgba(0,0,0,0.1); }
  .site-header { position:relative; }
  .site-header .container { position:relative; flex-wrap:nowrap; }
  .nav-menu.active { display:flex; }
  .nav-menu li { width:100%; border-bottom:1px solid var(--border); }
  .nav-menu a { display:block; padding:14px 20px; font-size:16px; }
  .hero h1 { font-size:28px; }
  .features-grid { grid-template-columns:1fr; } 
  /* Button spacing on mobile */
  .hero .btn { display:block; margin-bottom:12px; text-align:center; }
  .hero .btn:last-child { margin-bottom:0; }
}