/* ============ GLOBAL MOBILE OVERRIDES (≤768px) ============ */
@media (max-width: 768px) {
  html, body { overflow-x: hidden !important; }
  body { font-size: 15px; }

  /* NAV — hamburger */
  .nav { padding: 14px 18px !important; flex-wrap: nowrap; gap: 10px; }
  .nav ul {
    position: fixed; inset: 64px 12px auto 12px;
    flex-direction: column !important; gap: 4px !important;
    background: #fff; border-radius: 18px; padding: 14px 18px;
    box-shadow: 0 24px 60px rgba(15,4,24,.18);
    border: 1px solid rgba(15,4,24,.08);
    transform: translateY(-12px); opacity: 0; pointer-events: none;
    transition: opacity .25s, transform .25s; z-index: 90;
  }
  .nav ul.open { display: flex !important; opacity: 1; transform: translateY(0); pointer-events: auto; }
  .nav ul li { width: 100%; }
  .nav ul li a { display: block; padding: 12px 6px; color: #0F0418 !important; font-size: 15px; font-weight: 600; border-bottom: 1px solid rgba(15,4,24,.06); opacity: 1 !important; }
  .nav ul li:last-child a { border-bottom: 0; }
  .nav-toggle {
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 10px; background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.25); cursor: pointer;
    color: inherit; padding: 0;
  }
  .nav.scrolled .nav-toggle { background: rgba(15,4,24,.06); border-color: rgba(15,4,24,.1); }
  .nav-toggle svg { width: 20px; height: 20px; }
  .nav .cta { padding: 9px 14px !important; font-size: 12px !important; }
  #google_translate_element { display: none !important; }

  /* HEADINGS shrink */
  h1 { font-size: clamp(34px, 9vw, 56px) !important; line-height: 1.04 !important; }
  h2 { font-size: clamp(28px, 7vw, 44px) !important; line-height: 1.08 !important; }
  h3 { font-size: clamp(22px, 5.5vw, 32px) !important; }

  /* SECTIONS — reduce padding */
  section, .sec, .hero, .problem, .principles, .pull, .stats, .commits, .vision, .founders, .cta-band {
    padding-left: 20px !important; padding-right: 20px !important;
    padding-top: 70px !important; padding-bottom: 70px !important;
  }
  .hero { padding-top: 110px !important; min-height: auto !important; }

  /* GRIDS — collapse to single column */
  .cols, .grid, .row, .two-col, .three-col, .four-col,
  .principles .grid, .stats .grid, .problem .cols,
  .founders .wrap, .commit {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Tables / wide blocks */
  table { display: block; overflow-x: auto; max-width: 100%; }
  img, video, iframe { max-width: 100%; height: auto; }

  /* FOOTER */
  footer { padding: 50px 20px 36px !important; }
  footer ul { gap: 12px 18px !important; }
  footer ul li a { font-size: 13px !important; }

  /* Buttons full-width */
  .btn, .cta-band .btn { padding: 16px 28px !important; font-size: 15px !important; }
}

/* Hide hamburger on desktop */
.nav-toggle { display: none; }