@media (max-width: 767px) {
  nav[code-path*="Navigation.tsx"] {
    background: rgba(0, 0, 0, 0.88) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
  }

  nav[code-path*="Navigation.tsx"] img[alt="Marsos.sa"] {
    height: 88px !important;
  }

  nav[code-path*="Navigation.tsx"] button.md\:hidden {
    min-width: 44px;
    min-height: 44px;
    border-radius: 8px;
  }

  nav[code-path*="Navigation.tsx"] > div[code-path*="Navigation.tsx:119"] {
    position: fixed !important;
    top: 113px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    min-height: calc(100svh - 113px);
    overflow-y: auto;
    background: #000 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 0 !important;
    z-index: 70;
  }

  nav[code-path*="Navigation.tsx"] > div[code-path*="Navigation.tsx:119"] > div {
    min-height: calc(100svh - 113px);
    justify-content: flex-start;
    gap: 10px !important;
    padding-top: 22px !important;
    padding-bottom: calc(32px + env(safe-area-inset-bottom)) !important;
  }

  nav[code-path*="Navigation.tsx"] > div[code-path*="Navigation.tsx:119"] a {
    border-radius: 8px;
    background: #060b0e;
    border: 1px solid rgba(255, 255, 255, 0.08);
  }

  nav[code-path*="Navigation.tsx"] > div[code-path*="Navigation.tsx:119"] a[href="#cta"] {
    background: #00d4ff;
    border-color: #00d4ff;
    color: #001116;
    font-weight: 800;
  }

  .marsos-mobile-menu-open .register-link {
    opacity: 0;
    pointer-events: none;
  }

  section[code-path*="Hero.tsx"] {
    min-height: auto !important;
    overflow: visible !important;
  }

  section[code-path*="Hero.tsx"] > div[code-path*="Hero.tsx:157"] {
    padding-top: 116px !important;
    padding-bottom: 32px !important;
  }

  section[code-path*="Hero.tsx"] [code-path*="Hero.tsx:161"] {
    gap: 24px !important;
  }

  section[code-path*="Hero.tsx"] h1 {
    margin-bottom: 16px !important;
    font-size: clamp(2.75rem, 13vw, 3.75rem) !important;
    line-height: 1.03 !important;
  }

  section[code-path*="Hero.tsx"] h1,
  section[code-path*="Hero.tsx"] p,
  section[code-path*="Hero.tsx"] a {
    opacity: 1 !important;
    transform: none !important;
  }

  section[code-path*="Hero.tsx"] p {
    max-width: 34rem;
    margin-right: auto;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  section[code-path*="Hero.tsx"] a[href="#cta"],
  section[code-path*="Hero.tsx"] a[href="#features"] {
    min-height: 44px;
  }

  section[code-path*="Hero.tsx"] .mt-8 {
    margin-top: 22px !important;
  }

  section[code-path*="Hero.tsx"] .mt-24 {
    margin-top: 44px !important;
  }
}