@media (max-width: 768px) { .nav-cta-mobile { display: inline-flex; } }

    @media (max-width: 900px) {
      .spectrum-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 560px) {
      .spectrum-grid { grid-template-columns: 1fr; }
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
      html, body { overflow-x: hidden; }
      .overlay-options { flex-direction: column; }
      .overlay-divider { width: 100%; height: 1px; }
      .mode-toggle { top: 68px; }
      .nav-links { display: none; }
      .nav-cta { display: none; }
      .hero { padding: 20px; min-height: calc(100svh - 600px); justify-content: center; }
      .hero-headline { font-size: 36px; letter-spacing: -0.02em; }
      .hero-subhead { font-size: 15px; }
      .hero-cta-row { flex-direction: column; width: 100%; gap: 10px; margin-top: 28px; }
      .btn-primary, .btn-ghost { width: 100%; justify-content: center; }
      .hero-scroll { display: none; }
      .section { padding: 64px 20px; }
      .nl-schema-section, .flows-section, .endpoints-section, .query-section, .mcp-section, .modes-section { padding: 64px 20px; }
      .compliance-section { padding: 56px 20px; }
      .cta-banner { padding: 48px 20px; }
      .pain-section { padding: 56px 20px; }
      .pain-line { font-size: 18px; }
      .schema-demo { padding: 48px 0 64px; }
      .schema-demo .container { padding: 0; }
      .schema-demo .section-header { padding: 0 20px; margin-bottom: 32px; }
      .section-title { font-size: 26px; }
      .section-sub { font-size: 14px; max-width: 100%; }
      .schema-demo-grid { grid-template-columns: 1fr; gap: 0; border-radius: 0; border-left: none; border-right: none; }
      .schema-pane { padding: 20px; min-width: 0; max-width: 100%; overflow-x: hidden; }
      .schema-demo-textarea { min-height: 120px; font-size: 13px; padding: 14px; }
      .pill-btn { font-size: 11px; padding: 4px 10px; }
      .generate-btn { height: 44px; font-size: 14px; margin-top: 12px; }
      .schema-code-block { font-size: 11px; padding: 14px; min-height: auto; max-height: 320px; overflow-y: auto; }
      .schema-code-block pre { white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
      .stats-bar { grid-template-columns: repeat(3, 1fr); margin: 24px 20px 0; border-radius: 8px; }
      .stat-cell { padding: 16px 12px; }
      .stat-value { font-size: 20px; }
      .stat-label { font-size: 10px; }
      .flow-header-row { flex-direction: column; align-items: flex-start; gap: 16px; }
      .flow-canvas-wrapper { overflow: auto; height: 400px; }
      .iflow-canvas { min-width: 580px; }
      .founder-scenario-cols { grid-template-columns: 1fr; }
      .founder-scenario-divider { height: 1px; width: 100%; }
      .founder-scenario-col { padding: 24px 20px; }
      .founder-scenario-header { padding: 24px 20px; }
      .flow-stat-pills { gap: 6px; }
      .flow-stat-pill { font-size: 10px; padding: 5px 10px; }
      .founder-query-widget { min-height: 0; }
      .founder-map-bottom-row { grid-template-columns: 1fr; }
      .features-grid { grid-template-columns: 1fr; }
      .feature-card { padding: 20px; flex: 1 1 100%; }
      .two-col { grid-template-columns: 1fr; gap: 32px; }
      .two-col-reverse { direction: ltr; }
      .col-headline { font-size: 28px; }
      .col-body { font-size: 15px; }
      .code-panel-body { padding: 16px; font-size: 12px; overflow-x: auto; }
      .endpoint-path { font-size: 11px; white-space: normal; overflow-wrap: anywhere; word-break: break-word; line-height: 1.35; }
      .endpoint-desc { display: none; }
      .endpoint-row { min-width: 0; width: 100%; min-height: 44px; height: auto; padding: 10px 12px; align-items: flex-start; }
      .code-snippet { font-size: 12px; overflow-x: auto; }
      .step-grid { grid-template-columns: 1fr; gap: 12px; }
      .step-card { padding: 16px; }
      .flow-diagram { justify-content: flex-start; overflow-x: auto; padding-bottom: 12px; }
      .flow-node { min-width: 110px; padding: 10px 14px; }
      .query-mode-pills { gap: 8px; }
      .query-mode-pill { padding: 7px 14px; font-size: 13px; }
      .query-panel-wrap { margin-top: 16px; }
      .query-results-wrap { overflow-x: auto; }
      .results-table { min-width: 400px; }
      .results-table th, .results-table td { font-size: 11px; padding: 0 8px; }
      .nl-query-display { font-size: 14px; }
      .mcp-terminal { min-height: auto; }
      .mcp-conv { padding: 16px; gap: 12px; }
      .mcp-bubble { font-size: 12px; padding: 8px 12px; max-width: 95%; }
      .modes-grid { grid-template-columns: 1fr; gap: 16px; }
      .mode-card { padding: 24px; }
      .compliance-stats { grid-template-columns: 1fr 1fr; gap: 12px; }
      .compliance-stat { padding: 18px; }
      .compliance-headline { font-size: 28px; }
      .pricing-section { padding: 64px 20px; }
      .pricing-headline { font-size: 30px; }
      .pricing-grid { grid-template-columns: repeat(2, 1fr); }
      .pricing-tier { min-height: 0; padding: 24px 18px; }
      .pricing-tier-desc { min-height: 0; }
      .pricing-explainer-grid { grid-template-columns: 1fr; }
      .cta-banner-headline { font-size: 22px; }
      .cta-inline-form { flex-direction: column; gap: 8px; }
      .cta-inline-btn { width: 100%; height: 44px; }
      .cta-banner-actions { flex-direction: column; width: 100%; }
      .cta-banner-actions .btn-primary, .cta-banner-actions .btn-ghost { width: 100%; justify-content: center; }
      .email-form { flex-direction: column; gap: 8px; }
      .email-submit { width: 100%; }
      .email-headline { font-size: 28px; }
      .footer-inner { flex-direction: column; gap: 12px; text-align: center; justify-content: center; }
      .footer-nav { justify-content: center; flex: none; width: 100%; }
      .page-security .hero { min-height: 60vh; padding: 80px 20px; }
      .page-security .hero-headline { font-size: 36px; }
      .page-security .stats-bar { grid-template-columns: repeat(2, 1fr); margin: 24px 20px 0; }
      .security-layout {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 48px 20px;
      }
      .security-doc-nav { display: none; }
      .page-about .hero {
        min-height: auto;
        padding: 80px 20px;
      }
      .page-about .hero-headline { font-size: 36px; }
      .about-origin-section,
      .about-team-section { padding: 64px 20px; }
      .about-credentials-section,
      .about-values-section { padding: 64px 20px; }
      .about-team-header { margin-bottom: 48px; }
      .about-credentials-headline { font-size: 26px; }
      .page-about .about-values-section .features-grid { grid-template-columns: 1fr; }
      .founder-anchor-stat-inner { flex-direction: column; gap: 24px; }
      .founder-anchor-stat-divider { width: 60px; height: 1px; }
      .founder-anchor-stat-value { font-size: 22px; }
      .founder-usp-grid { grid-template-columns: 1fr; gap: 16px; }
      .handoff-card { max-width: 100%; }
      .dual-cta-cards { grid-template-columns: 1fr; }
      .handoff-section { padding: 56px 20px; }
      .dual-cta-section { padding: 56px 20px; }
    }

    @media (max-width: 400px) {
      .hero-headline { font-size: 30px; }
      .page-security .hero-headline { font-size: 30px; }
      .page-about .hero-headline { font-size: 30px; }
      .compliance-stats { grid-template-columns: 1fr; }
      .stats-bar { grid-template-columns: 1fr; }
      .page-security .stats-bar { grid-template-columns: 1fr; }
      .pricing-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 600px) {
      .pain-card { padding: 28px 24px 24px; }
      .pain-card-text { font-size: 18px; }
      .pain-confession-title { font-size: 26px; }
      .pain-result-score { font-size: 44px; }
    }

    @media (max-width: 540px) {
      .handoff-actions { flex-direction: column; align-items: stretch; }
    }