/* Stage435 — real browser visual regression guardrails */
html[data-stage435-visual-regression="ready"],
html[data-stage435-visual-regression="ready"] body {
  max-width: 100%;
}
body.qlion-stage435-visual-qa {
  overflow-x: clip;
}
.ql-stage435-vqa-marker {
  position: fixed;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  z-index: 2147482500;
  display: none;
  max-width: min(320px, calc(100vw - 24px));
  padding: 10px 12px;
  border: 1px solid rgba(45, 229, 181, .24);
  border-radius: 16px;
  background: rgba(6, 15, 28, .86);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .32);
  color: #dffcf6;
  font: 600 11px/1.35 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  backdrop-filter: blur(16px);
}
body[data-stage435-show-marker="true"] .ql-stage435-vqa-marker {
  display: block;
}
@media (max-width: 480px) {
  .ql-stage435-vqa-marker { left: 12px; right: 12px; text-align: center; }
  .landing-header, .ql-header { max-width: 100vw; }
  .landing-nav, .ql-nav { overflow-x: auto; scrollbar-width: none; }
  .landing-nav::-webkit-scrollbar, .ql-nav::-webkit-scrollbar { display: none; }
}
@media (max-width: 900px) {
  .ql-hero, .ql-stage427-action-grid, .ql-stage431-readiness-grid { min-width: 0; }
  .ql-hero-panel, .ql-card, .s416-card, .s429-activation-bridge { max-width: 100%; }
}