@media (max-width: 991px) {

  /* Show hamburger, hide desktop actions */
   .main-header .nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .main-header .nav-actions {
    display: none;
  }

  /* Nav menu becomes a sidebar panel */
  .main-header .nav-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #111111;
    z-index: 999;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    overflow-y: auto;
  }

  /* Open state */
  .main-header .nav-menu.is-open {
    transform: translateX(0);
  }

  /* Mobile menu header row */
   .main-header .mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid #2a2a2a;
  }

   .main-header .mobile-menu-header .mobile-logo img {
    height: 2rem;
    width: auto;
  }

  /* Close button */
  .main-header  .nav-close {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--WhiterColor);
    padding: 0.2rem;
    line-height: 0;
  }
   .main-header .nav-close svg {
    width: 1.6rem;
    height: 1.6rem;
  }
   .main-header .nav-close:hover svg {
    color: var(--PrimaryColor);
  }

  /* Nav links inside sidebar */
  .main-header .nav-menu > a {
    display: block;
    width: 100%;
    padding: 0.8rem 1.5rem;
    font-size: 1.2rem;
    border-bottom: 1px solid #1e1e1e;
    color: #979797;
  }
  .main-header .nav-menu > a:hover {
    color: var(--PrimaryColor);
    background: #1a1a1a;
  }

  /* Mobile action buttons */
   .main-header .mobile-nav-actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    padding: 1.5rem;
    margin-top: auto;
    border-top: 1px solid #2a2a2a;
  }

   .main-header .mobile-nav-actions .demo-btn {
    color: var(--WhiterColor);
    font-size: 1rem;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 0.1rem;
  }

  .main-header  .mobile-nav-actions .marketplace-btn {
    color: var(--PrimaryColor);
    font-size: 1rem;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 0.1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
  }

  .main-header  .mobile-nav-actions svg {
    width: 1.1rem;
    height: 1.1rem;
  }

  .same-heading{margin-bottom: 3rem;}
.max-wid-50{max-width: 100%;}
.deliver-section .phase-two-bx{margin-top: 0;}
.deliver-section .phase-box p{max-width: 100%;}
.same-section{padding: 3rem 0;}
.hero-section{padding: 3rem 0;}
.hero-section .title{font-size: 3rem;}
.hero-section .description{font-size: 1rem; margin-bottom: 1rem;}
.same-heading h2{font-size: 2.4rem;}
.capabilities-section .cap-card{padding: 1rem;}
.capabilities-section .cap-card p{min-height: inherit;}
.token-section .token-content::before{display: none;}
.section-bottom-btn{flex-wrap: wrap;}
.footer .footer-menu{flex-wrap: wrap;}
.footer .footer-menu{padding: 2rem 0;}
.footer .footer-menu .footer-left,.footer .footer-menu .footer-right{gap: 1rem; flex-wrap: wrap;}
.footer{padding: 2rem 0 0;}
.footer .footer-bottom{padding: 0.5rem 0;}
.community-section .section-bottom-btn{margin-top: 2rem;}
}


@media (max-width: 767px) {

.main-header .top-bar .top-links{gap:0.5rem; flex-wrap: wrap;}
.community-section .community-card{padding: 0.8rem;}
.community-section .same-heading{margin-bottom: 3rem;}

}