/* ============================================
       RESPONSIVE
       ============================================ */
    @media (max-width: 680px) {
      .page { padding: 16px 12px 32px; }

      .topbar { padding: 10px 12px; border-radius: 18px; }

      .brand-logo { width: 100px; height: 32px; }
      .brand-text span { display: none; }
      .brand-divider { display: none; }

      .status-pill { padding: 6px 10px; font-size: 10px; }

      .hero {
        padding: 28px 20px;
        border-radius: 22px;
        min-height: 300px;
        align-items: flex-end;
        background:
          linear-gradient(180deg,
            rgba(12,2,2,.15) 0%,
            rgba(20,3,3,.55) 40%,
            rgba(15,2,2,.92) 100%),
          url('https://veldrive.com/mNF247xV/a70835cd-7b6e-4560-beb1-7c22baf6051c.png') center 22% / cover no-repeat;
      }

      .hero-inner {
        max-width: 100%;
        padding-right: 0;
      }

      .hero h1 { font-size: clamp(28px, 9vw, 42px); margin-bottom: 10px; letter-spacing: -1.4px; }
      .hero p { font-size: 13px; }
      .hero-badge { font-size: 10.5px; padding: 6px 11px; margin-bottom: 14px; }

      .stats { gap: 8px; }
      .stat { padding: 11px 8px; border-radius: 13px; }
      .stat strong { font-size: 16px; }
      .stat span { font-size: 9px; }

      .support-header {
        padding: 14px 16px;
        border-radius: 16px 16px 0 0;
        gap: 11px;
      }

      .support-icon { width: 38px; height: 38px; flex-basis: 38px; border-radius: 10px; }
      .support-icon svg { width: 18px; height: 18px; }
      .support-text h2 { font-size: 15px; }
      .support-text p { font-size: 11px; }

      .wa-section {
        padding: 14px;
        border-radius: 0 0 16px 16px;
      }

      .wa-btn {
        grid-template-columns: 46px 1fr auto;
        gap: 11px;
        padding: 11px 12px 11px 11px;
        border-radius: 12px;
      }

      .wa-icon { width: 46px; height: 46px; border-radius: 11px; }
      .wa-icon svg { width: 24px; height: 24px; }
      .wa-text strong { font-size: 13px; }
      .wa-text strong .badge { font-size: 8px; padding: 1px 5px; }
      .wa-text span { font-size: 10.5px; }
      .arrow-box { width: 32px; height: 32px; border-radius: 9px; font-size: 17px; }

      .footer {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        gap: 8px;
      }

      /* Reveal mobile */
      .rv-logo-future { width: 220px; height: 66px; }
      .rv-tag-future { font-size: 10px; letter-spacing: 4px; }
    }

    @media (max-width: 380px) {
      .brand-text strong { font-size: 11px; }
      .status-pill span:not(.dot) { display: none; }
      .status-pill { padding: 6px 8px; }

      .rv-logo-future { width: 180px; height: 54px; }
      .rv-tag-future { font-size: 9px; letter-spacing: 3px; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
      }
      .reveal { display: none; }
    }