/* Global Mobile Responsive Overrides
   NOTE: Mirrors mobile rules from index copy.html without changing desktop styles. */

@media (max-width:900px){
  html, body{overflow-x:hidden;}
  html, body{
    background-color:#050505;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
  .navbar{align-items:center;}
  .logo-container{transform:translateY(-40px);}
  .menu-toggle{display:flex;position:static;margin-left:auto;transform:translateY(-40px);flex:0 0 42px;}
  .nav-links{display:none;}
  /* prevent horizontal pull showing white */
  body, .page-wrapper, .banner{
    max-width:100vw;
  }
}

@media (max-width:768px){
  .navbar{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;}
  .text-box-logo{margin-top:0 !important;}
  .nav-links{display:none !important;}
}

@media (max-width:800px){
  .navbar{width:calc(100% - 40px) !important;margin-left:20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;}
  .logo-container{display:flex !important;align-items:center !important;gap:10px !important;}
  .logo{margin-left:0 !important;}
  .logo-text,.logo-text-second,.test{display:flex !important;}
  .nav-links{margin:0 !important;}
  .menu-toggle{display:flex !important;margin-left:auto !important;position:static !important;transform:translateY(-40px) !important;flex:0 0 42px !important;}
}

@media (max-width:560px){
  .flow-title,.tracking-title,.trigger-title,.community-title{font-size:22px !important;}
  .community-card{min-height:180px !important;}
  #learnMoreSection{margin-bottom:220px !important;}
  .community-section{margin-top:320px !important;}
  .community-wrapper{padding:180px 16px 0 !important;}
}

/* Make scroll-reveal content visible on mobile (no hidden state) */
@media (max-width:900px){
  .scroll-reveal-text,
  .scroll-reveal-card{
    opacity:1 !important;
    transform:none !important;
  }
}