/* ===== MOBILE (≤768px) ===== */
@media (max-width: 768px) {

  /* Hide global mascot (not the one inside MacBook animation) */
  body > .mascot-wrapper { display: none !important; }

  /* News update mobile */
  .news-update-macbook { transform: scale(0.4); transform-origin: top left; width: 70px; height: 60px; }
  .news-update-list li { font-size: 0.72rem; }

  /* Topbar: kill SVG filter, simple frosted */
  .topbar {
    width: auto;
    max-width: calc(100% - 24px);
    height: 44px;
  }
  .topbar::after {
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
  }
  .topbar::before {
    background-color: rgb(200 200 210 / 35%);
  }

  /* Buttons */
  .topbar-nav-group { gap: 6px; }
  .topbar-glass-btn {
    height: 32px; padding: 0 14px; gap: 6px;
    border-radius: 9999px; font-size: 12px;
  }
  .topbar-glass-btn .btn-label { display: inline !important; font-size: 12px; }
  .topbar-glass-btn svg { width: 14px; height: 14px; }
  .topbar-glass-btn::after {
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .topbar-glass-btn::before {
    background-color: rgb(200 200 210 / 18%);
  }

  /* Scroll layout */
  .scroll-layout {
    padding-top: calc(12px + 44px + 14px);
    padding-left: 12px;
    padding-right: 12px;
    gap: 14px;
  }

  /* All containers: full-width, same size */
  .main-container,
  .news-update-container,
  .links-container,
  .demo-video-wrapper {
    width: 100% !important;
    height: clamp(280px, 55vh, 500px);
    border-radius: 16px;
  }
  .accuracy-container,
  .token-container {
    width: 100% !important;
    height: auto !important;
    border-radius: 16px;
  }
  .demo-video-wrapper {
    height: auto !important;
  }

  /* Kill SVG filters on containers */
  .main-container::after,
  .accuracy-container::after,
  .news-update-container::after,
  .links-container::after,
  .token-container::after,
  .demo-video-wrapper::after {
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: blur(12px) saturate(1.3);
    -webkit-backdrop-filter: blur(12px) saturate(1.3);
  }
  .main-container::before,
  .accuracy-container::before,
  .news-update-container::before,
  .links-container::before,
  .token-container::before,
  .demo-video-wrapper::before {
    background-color: rgb(200 200 210 / 25%);
  }

  /* Bottom row: stack vertically */
  .bottom-row {
    flex-direction: column;
    width: 100%;
  }
  .bottom-row > * { flex: none; }

  /* Links container: stack cards */
  .links-container { height: auto !important; }
  .links-container-content {
    flex-direction: column !important;
    gap: 10px !important;
    padding: 14px !important;
  }
  .link-card {
    min-height: 60px !important;
  }

  /* SVG chart responsive */
  .perf-chart { width: 100%; height: auto; }
  .section-label { font-size: 14px !important; }

  /* Download dropdown mobile */
  .download-option {
    padding: 10px 10px;
    font-size: 12px;
  }

  /* Kill SVG filter animations on mobile */
  svg animate { display: none; }
}

/* ===== SMALL PHONES (≤480px) ===== */
@media (max-width: 480px) {
  .scroll-layout {
    padding-left: 8px;
    padding-right: 8px;
    gap: 10px;
  }
  .main-container,
  .news-update-container {
    height: clamp(240px, 50vh, 400px);
  }
  .accuracy-container {
    height: auto !important;
    border-radius: 12px;
  }
  .topbar-glass-btn .btn-label { font-size: 11px; }
}