@media (max-width: 900px) {
    .logo-carousel { padding: 20px 0; }
    .carousel-slide { gap: 32px; animation-duration: 30s; }
    .carousel-logo span { font-size: 0.65rem; }
    .carousel-logo img { width: 18px; height: 18px; }
    .tech-stack-strip { flex-wrap: wrap; gap: 10px; }
    .works-with { flex-wrap: wrap; gap: 10px; }
    .works-with img { width: 16px; height: 16px; }
    .hero { padding: 100px 24px 60px; min-height: 90vh; }
    .site-nav { padding: 0 24px; }
    .nav-links a:not(.nav-cta) { display: none; }
    .hero-actions { flex-direction: column; align-items: center; }
    .hero-models { flex-wrap: wrap; justify-content: center; }
    section { padding: 70px 32px; }
    .arch-wrapper, .why-grid { grid-template-columns: 1fr; }
    .security-grid { grid-template-columns: 1fr; }
    .pipeline::before { left: 28px; }
    .beam-trace { left: 28px; transform: translateX(-2px); }
    .pipe-stage { grid-template-columns: 56px 1fr; gap: 0; }
    .pipe-stage .pipe-left { display: none; }
    .pipe-stage .pipe-node { grid-row: 1; }
    .pipe-stage .pipe-node::before { display: none; }
    .pipe-stage .pipe-right { grid-row: 1; text-align: left; }
    .pipe-stage:has(.pipe-left:not(:empty)) .pipe-left { display: block; text-align: left; grid-column: 1 / -1; grid-row: 2; padding: 8px 0 8px 60px; }
    .pipe-stage:has(.pipe-left:not(:empty)) .pipe-left .pipe-tags { justify-content: flex-start; }
    .pipe-node.large { width: 48px; height: 48px; }
    .pipe-node.cylinder.large { width: 48px; height: 56px; }
    .rerank-item:nth-child(2), .rerank-item:nth-child(3) { transform: none !important; }
    .pipe-typing-demo { font-size: 10px; }
    .pipe-left .pipe-tags { justify-content: flex-start; }
    .pipe-security-bar { grid-template-columns: 1fr; gap: 10px; padding: 12px 20px; }
    .pipe-security-bar > div:first-child { text-align: left; }
    .bar-line-sample { justify-content: flex-start !important; }
    .sandbox-diagram { grid-template-columns: 1fr; padding: 32px; }
    .sandbox-connector { display: none; }
    .how-step { grid-template-columns: 1fr; gap: 20px; padding: 28px; }
    .how-step-num { position: absolute; top: 16px; right: 20px; }
    .how-models-showcase { grid-template-columns: 1fr !important; }
    .how-routing-demo { flex-direction: column; align-items: flex-start; }
    .pricing-tiers { grid-template-columns: 1fr; }
    /* Flip cards: smaller back-face text for mobile */
    .tier-back { padding: 20px 16px; gap: 10px; }
    .arch-flow-node { font-size: 7px; padding: 4px 8px; }
    .comp-name { font-size: 0.7rem; }
    .comp-traits { gap: 2px; }
    .trait { font-size: 9px; }
    .tier-component { padding: 5px 6px; gap: 4px; grid-template-columns: 16px 16px 1fr auto; }
    .comp-icon { width: 14px; height: 14px; }
    .comp-select { font-size: 8px; }
    footer { flex-direction: column; gap: 30px; padding: 60px 32px; }
    hr.rule { margin: 0 32px; }
    .deploy-cards { grid-template-columns: 1fr; }
    .deploy-modes { grid-template-columns: 1fr; }
    .lockin-grid { grid-template-columns: 1fr; }
    .lockin-item-wide { grid-column: span 1; }
    .why-grid-5 { grid-template-columns: 1fr; }
    .why-item-wide { grid-column: span 1; }
    .pricing-control-cards { grid-template-columns: 1fr; }
  }