@media (max-width: 960px) {
  .bento-grid {
    grid-template-columns: 1fr !important;
  }

  .tour-step {
    grid-template-columns: 1fr !important;
    text-align: center;
    gap: var(--sp-5) !important;
  }
  .tour-step-num {
    margin: 0 auto;
  }
  .tour-step-body {
    text-align: center;
  }
  .tour-step-download .tour-step-store-links {
    grid-column: auto;
    justify-content: center;
    width: 100%;
    margin-top: 0;
  }

  .connect-visual {
    gap: var(--sp-7) !important;
  }

  .compare-cols {
    grid-template-columns: 1fr !important;
    gap: var(--sp-7) !important;
  }
  .compare-divider {
    width: 80% !important;
    height: 1px !important;
    background: var(--border-color) !important;
    left: 50% !important;
    top: 50% !important;
    transform: translateX(-50%) !important;
  }

  .testimonials-grid {
    grid-template-columns: 1fr !important;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: var(--sp-7) !important;
  }

  .bento-cell {
    min-height: auto;
  }

  .user-avatar { width: 80px; height: 80px; font-size: 34px; }
  .connection-line { width: 100px; }
}

@media (max-width: 640px) {
  nav { padding: var(--sp-4); }
  .nav-btn { display: none; }
  .lang-select {
    width: 54px;
    padding: 0 24px 0 12px !important;
    background-position: calc(100% - 15px) 18px, calc(100% - 10px) 18px !important;
  }

  .micro-benefits {
    gap: var(--sp-2) !important;
  }
  .micro-pill {
    font-size: 12px;
    padding: 8px 14px !important;
  }

  .manifesto-quote {
    font-size: clamp(22px, 6vw, 30px) !important;
  }

  .faq-question { font-size: var(--fs-base); padding: var(--sp-4) 0; }
  .faq-answer-inner { padding-bottom: var(--sp-4); }

  .footer-grid {
    grid-template-columns: 1fr !important;
  }
  .footer-bottom {
    flex-direction: column;
    gap: var(--sp-4);
  }
  .cta-final-card {
    padding: var(--sp-7) var(--sp-5) !important;
  }
  .cta-final-store-btn { width: 100%; justify-content: center; }
}
