/* Static export mode: no navigation links, no CTAs, no accordions. */
html.export {
  scroll-behavior: auto;
}

html.export .skip-link,
html.export .read-progress,
html.export .grain,
html.export .toast,
html.export .mobile-menu,
html.export .nav-links,
html.export .nav-actions,
html.export .hero-actions,
html.export .hero-side-note,
html.export .text-link,
html.export .tier-btn,
html.export .faq-note,
html.export .faq-item summary i,
html.export .final-actions,
html.export .final-qr,
html.export .footer-grid,
html.export .footer-bottom a,
html.export .footer-icp {
  display: none !important;
}

html.export .final-main {
  display: block;
}

html.export .nav {
  position: relative;
  background: transparent;
  border-bottom: 1px solid var(--line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html.export .nav.is-scrolled {
  background: transparent;
  border-bottom-color: var(--line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html.export .nav-inner {
  display: flex;
  height: 76px;
}

html.export .hero {
  min-height: 0;
  padding: 42px 0 28px;
}

html.export .hero-grid {
  min-height: 0;
}

html.export .hero-meta {
  margin-top: 42px;
}

html.export .ticker-track {
  animation: none !important;
  transform: translateX(0) !important;
}

html.export .sdk-copy {
  padding-top: 0;
}

html.export .tier {
  min-height: 0;
}

html.export .tier-meta {
  margin-top: 28px;
}

html.export .faq-intro {
  position: static;
}

html.export .faq-item summary {
  cursor: default;
  grid-template-columns: 31px minmax(0, 1fr);
}

html.export .faq-answer {
  display: block !important;
  padding-right: 15px;
}

html.export .faq-item[open] summary i {
  background: transparent;
}

html.export .final-bottom {
  justify-content: flex-start;
}

html.export .footer {
  padding-top: 48px;
}

html.export .footer-bottom {
  grid-template-columns: 1.2fr 2fr;
}

@media (max-width: 900px) {
  html.export .hero {
    padding-top: 34px;
  }

  html.export .footer-bottom {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  html.export .nav-inner {
    height: 64px;
  }

  html.export .hero {
    padding-top: 28px;
  }

  html.export .hero-meta {
    margin-top: 28px;
  }
}