/* ============================================================
   LukeZigger AI — responsive rules (single source of truth)
   Exactly one block per breakpoint. The two previously-duplicated
   @media(max-width:900px) blocks (one setting
   .links a:not(.btn){display:block !important} and a later one
   setting the same selector to {display:none}) have been removed
   and replaced by one real mobile accordion navigation
   implementation (see styles.css .mobile-panel/.mobile-overlay
   and site.js for the open/close logic).
   ============================================================ */

@media(max-width:1024px){
  .navgroup>button{font-size:13px}
  .links{gap:18px}
}

@media(max-width:900px){
  .mobiletoggle{display:flex;align-items:center;justify-content:center}
  .links{display:none} /* desktop dropdown nav hidden entirely below 900px — replaced by .mobile-panel */
  .about-grid,.founder-box{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr 1fr}
  .hero{grid-template-columns:1fr;padding-top:50px}
  .core{height:390px}
  .employees{grid-template-columns:1fr 1fr}
  .how{grid-template-columns:1fr 1fr}
  .team{grid-template-columns:1fr}
  .sectionhead{align-items:start;flex-direction:column}
  .dashgrid{grid-template-columns:1fr 1fr}
  .enrol-cols{grid-template-columns:1fr 1fr}
  .help-shell{grid-template-columns:1fr}
  .help-nav{display:none}
  .help-mobile-jump{display:block;margin-bottom:8px}
  .automate-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .brand img{width:160px}
  .hero{min-height:auto;padding-bottom:50px}
  .core{height:340px}
  .employees,.how,.teamlist,.formgrid,.pricing-grid{grid-template-columns:1fr}
  .automate-grid{grid-template-columns:1fr}
  .dashgrid{grid-template-columns:1fr}
  .sectionhead{margin-bottom:25px}
  section{padding:72px 0}
  .ctabox{padding:36px 20px}
  .foot{align-items:flex-start;flex-direction:column}
  .orb{font-size:10px}
  .corelogo{width:96px;height:96px}
  .corelogo img{width:68px}
  .chat-launcher{right:14px;bottom:14px}
  .chat-panel{right:14px;bottom:76px;width:calc(100vw - 28px)}
  .quick-actions{grid-template-columns:1fr}
  .enrol-cols{grid-template-columns:1fr}
  .mobile-panel{width:100vw}
  .flow-diagram{flex-direction:column;align-items:stretch}
  .flow-step{width:100%;flex-direction:row;text-align:left;justify-content:flex-start}
  .flow-arrow{width:100%;height:20px;transform:rotate(90deg)}
}

@media(max-width:900px) and (min-width:621px){
  .pricing-grid{grid-template-columns:1fr 1fr}
}