/* ===== Responsive ===== */
      @media (max-width: 768px) {
        nav { padding: 0 16px; height: 60px; }
        .nav-logo-text .nav-logo-zh { display: none; }
        .nav-links a:not(.nav-cta) { display: none; }

        .hero { padding: 100px 16px 60px; }

        .hero h1 { font-size: 34px; }
        .hero h1 .sub-brand { font-size: 22px; }

        .hero-mission { font-size: 14px; }

        .hero-stats { flex-wrap: wrap; gap: 20px; padding: 24px; justify-content: center; }

        .vision-row { grid-template-columns: 1fr; }
        .mission-card { padding: 32px 20px; }

        .tao-grid { grid-template-columns: 1fr; }

        .oasis-scene-content { padding: 32px 24px; }
        .oasis-scene-visual { display: none; }

        .features-grid { grid-template-columns: 1fr; }

        .steps { grid-template-columns: 1fr; gap: 32px; }
        .step:not(:last-child)::after { display: none; }

        .cta-card { padding: 40px 24px; }

        footer .container { flex-direction: column; text-align: center; }
      }

      @media (max-width: 1024px) and (min-width: 769px) {
        .tao-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
        .oasis-scene-visual { width: 35%; }
      }