@media (max-width: 860px) {
  .site-nav-inner {
    width: 100% !important;
    padding-inline: 20px !important;
    box-sizing: border-box !important;
  }

  .site-nav-links {
    gap: 18px !important;
    flex: 0 0 auto;
  }

  .landing,
  .landing * {
    box-sizing: border-box;
  }

  .landing {
    overflow-x: hidden;
  }

  .landing-hero {
    min-height: auto !important;
  }

  .landing-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    padding: 56px 20px 64px !important;
  }

  .landing-hero-grid > *,
  .landing-section-grid > * {
    min-width: 0;
  }

  .landing-hero-title {
    max-width: 14ch !important;
    margin-bottom: 30px !important;
    font-size: clamp(42px, 12vw, 50px) !important;
  }

  .landing-hero-copy {
    font-size: 17px !important;
  }

  .landing-hero-visual {
    width: 100%;
    max-width: 460px;
    margin-inline: auto;
  }

  .landing-section-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
    padding: 64px 20px !important;
  }

  .landing-kicker {
    position: static !important;
  }

  .landing-section-grid h2 {
    font-size: 32px !important;
  }

  .landing-governance-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px !important;
  }

  .landing-module-row {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 8px 12px !important;
  }

  .landing-module-row > :nth-child(3),
  .landing-module-row > :nth-child(4) {
    grid-column: 2;
  }

  .landing-cta-inner {
    padding: 88px 20px 96px !important;
  }

  .landing-cta-inner h2 {
    font-size: 40px !important;
  }

  .landing-footer-inner {
    padding: 32px 20px !important;
  }
}

@media (max-width: 480px) {
  .site-nav-inner {
    padding-inline: 16px !important;
  }

  .site-nav-links {
    gap: 14px !important;
  }

  .site-brand {
    gap: 8px !important;
  }

  .site-brand > span {
    font-size: 13.5px !important;
    letter-spacing: 2px !important;
  }

  .site-nav-links a {
    font-size: 10.5px !important;
    letter-spacing: 1px !important;
  }

  .landing-actions,
  .landing-cta-inner [style*="justify-content:center"] {
    flex-direction: column;
  }

  .landing-actions a,
  .landing-cta-inner [style*="justify-content:center"] a {
    width: 100%;
    text-align: center;
  }

  .landing-governance-grid [style*="grid-template-columns:118px"] {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }

  .landing-governance-grid [style*="grid-template-columns:118px"] > :last-child {
    display: none;
  }

  .landing-footer-inner {
    align-items: flex-start !important;
    flex-direction: column;
  }

  .landing-footer-inner > div {
    align-items: flex-start !important;
    flex-direction: column;
  }

  .docs-main {
    padding-inline: 18px;
    overflow-x: hidden;
  }

  .article {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing canvas,
  .landing animateMotion {
    display: none;
  }
}