@media (max-width: 980px) {
      .nav {
        align-items: flex-start;
        flex-direction: column;
        padding-top: 16px;
        padding-bottom: 16px;
      }

      .nav-links {
        flex-wrap: wrap;
        justify-content: flex-start;
      }

      .hero {
        min-height: 760px;
        align-items: start;
      }

      .hero::before {
        background:
          linear-gradient(180deg, rgba(12,16,15,0.98) 0%, rgba(12,16,15,0.84) 48%, rgba(12,16,15,0.34) 100%);
      }

      .terminal-grid {
        right: auto;
        left: 22px;
        top: 430px;
        width: calc(100% - 44px);
        max-width: 680px;
        height: 280px;
        transform: none;
        grid-template-columns: 1fr 1fr;
      }

      .terminal-window {
        min-height: 280px;
      }

      .account-row:nth-of-type(4),
      .account-row:nth-of-type(5),
      .route-line {
        display: none;
      }

      .section-head,
      .card-grid,
      .mode-grid,
      .status-grid,
      .pricing-grid,
      .steps,
      .faq-list,
      .contact-panel,
      .cta-inner,
      .footer-inner {
        grid-template-columns: 1fr;
      }

      .hero-proof {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 640px) {
      .nav-links {
        display: none;
      }

      .nav-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
      }

      .btn {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
      }

      .nav,
      .brand,
      .hero-inner,
      .section,
      .section-head,
      .card-grid,
      .mode-grid,
      .status-grid,
      .pricing-grid,
      .steps,
      .faq-list,
      .legal-list,
      .contact-panel,
      .cta-band,
      .cta-inner,
      .site-footer,
      .footer-inner,
      .risk,
      .feature-card,
      .mode-card,
      .pricing-card,
      .step-card,
      .status-card,
      .faq-item,
      .legal-item {
        width: 100%;
        max-width: 100%;
      }

      .brand-name strong,
      .brand-name span {
        overflow-wrap: anywhere;
      }

      .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
      }

      .hero {
        min-height: auto;
      }

      .hero-inner {
        padding: 54px 16px 48px;
        gap: 22px;
      }

      .hero-copy,
      .hero-copy p,
      .hero-proof,
      .legal-body,
      .legal-body ul {
        max-width: 100%;
        min-width: 0;
      }

      h1,
      h2,
      h3,
      p,
      li,
      summary,
      a {
        overflow-wrap: anywhere;
      }

      .eyebrow {
        max-width: 100%;
        white-space: normal;
        line-height: 1.35;
      }

      h1 {
        font-size: 38px;
      }

      .hero-copy p {
        font-size: 16px;
      }

      .hero-scene {
        display: none;
      }

      .signal-panel,
      .metric-panel {
        display: none;
      }

      .section {
        padding: 54px 16px 0;
      }

      h2 {
        font-size: 30px;
      }

      .cta-band {
        padding: 0 16px;
      }

      .cta-inner {
        padding: 24px;
      }

      .site-footer,
      .risk {
        padding-left: 16px;
        padding-right: 16px;
      }

      .faq-item summary,
      .legal-item summary {
        align-items: flex-start;
      }
    }

    @media (max-width: 360px) {
      .nav-actions {
        grid-template-columns: 1fr;
      }
    }