@media (max-width: 768px) {

  /* SCENE */
  #scene { display: none !important; }
  .lights { display: none !important; }
  .card-glow { display: none !important; }

  /* NAVBAR */
  .navbar {
    padding: 0 1rem !important;
    width: 95% !important;
    height: 56px !important;
  }
  .navbar .menu { display: none !important; }
  .navbar .menu.open {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 68px !important;
    left: 4% !important;
    right: 4% !important;
    background: rgba(255,255,255,0.96) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 16px !important;
    padding: 1rem !important;
    gap: 0.25rem !important;
    z-index: 1001 !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
  }
  .navbar .menu.open a {
    color: #1a1a1a !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-size: 0.95rem !important;
  }
  .hamburger { display: flex !important; }

  /* HERO */
  .hero {
    grid-template-columns: 1fr !important;
    padding: 6rem 1.25rem 3rem !important;
    gap: 1.5rem !important;
    min-height: auto !important;
  }
  .hero-visual { display: none !important; }
  .hero-text { text-align: right !important; }
  h1 { font-size: clamp(1.8rem, 7vw, 2.5rem) !important; }
  .hero-line1 { font-size: clamp(1.5rem, 6vw, 2rem) !important; }
  .hero-cycle-wrap {
    height: clamp(1.6rem, 5vw, 2rem) !important;
    overflow: hidden !important;
  }
  .hero-cycle { font-size: clamp(1rem, 4vw, 1.4rem) !important; }
  .hero-desc {
    font-size: 0.9rem !important;
    max-width: 100% !important;
    margin-bottom: 2rem !important;
  }
  .cta-row {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }
  .btn-p, .btn-g {
    width: 100% !important;
    justify-content: center !important;
    font-size: 0.9rem !important;
    padding: 1rem 1.5rem !important;
  }

  /* TRUST BAR */
  .trust-bar { padding: 32px 1rem !important; }
  .trust-bar-inner {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  /* SECTIONS */
  section.sec { padding: 4rem 0 !important; }
  .wrap { padding: 0 1.25rem !important; }
  .stitle { font-size: clamp(1.4rem, 5vw, 1.9rem) !important; }

  /* PAIN POINTS */
  .pain-list { max-width: 100% !important; }
  .pain-item {
    font-size: 0.9rem !important;
    padding: 16px 20px !important;
  }

  /* SERVICES */
  .srv-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .srv-card { padding: 20px !important; }

  /* WHY */
  .why-grid { grid-template-columns: 1fr !important; gap: 1rem !important; }

  /* APPROACH */
  .approach-card { padding: 18px 20px !important; }
  .approach-card h3 { font-size: 1rem !important; }

  /* STATS LIVE */
  .slive-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .slive-num { font-size: 3.5rem !important; }

  /* WORKFLOW */
  .wf-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .wf-card { min-height: auto !important; padding: 16px !important; }
  .wf-node-circle { width: 34px !important; height: 34px !important; }
  .wf-connector { width: 18px !important; }

  /* QUALIFIER */
  .q-wrap { padding: 0 0.5rem !important; }
  .q-title { font-size: clamp(1.5rem, 5vw, 2rem) !important; }
  .q-body { padding: 24px 16px 20px !important; min-height: 280px !important; }
  .q-opt { padding: 14px 16px !important; font-size: 0.9rem !important; }
  .q-result-top { padding: 24px 20px 20px !important; }
  .q-result-bottom { padding: 16px 20px 20px !important; }

  /* CONTACT */
  .cw { grid-template-columns: 1fr !important; gap: 2rem !important; }
  .floating-card { padding: 20px !important; }

  /* FOOTER */
  footer { padding: 2rem 1.25rem 1.5rem !important; }
  .ft-top { gap: 1.5rem !important; }
  .ft-top > * { flex-basis: 100% !important; }
  .ft-btn-row { flex-direction: column !important; }
  .ft-btn { width: 100% !important; justify-content: center !important; }

  /* CHATBOT */
  #lida-chat-widget {
    bottom: 20px !important;
    left: 12px !important;
  }
  #chat-box {
    width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 120px) !important;
  }

  /* FLOATING SOCIAL BUTTONS */
  .social-floats {
    left: 0.75rem !important;
    gap: 0.5rem !important;
  }
  .social-float-btn {
    width: 44px !important;
    height: 44px !important;
  }
  .social-float-btn svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* ANIMATIONS — disable float on mobile for performance */
  .srv-card, .why-card, .approach-card, .slive-card, .wf-card, .floating-card {
    animation: neonPulse 3s ease-in-out infinite !important;
  }
}