/**
 * Critical first-paint CSS for marketing SEO shells.
 * MUST hide #seo-static-content without requiring JavaScript (CSP-safe).
 * Crawlers still read the DOM text; humans never see the agent wall of text.
 */
html,
body {
  background: #000;
  color: #fff;
  margin: 0;
}

#root:empty {
  min-height: 100vh;
  background: #000;
}

/* Visually hide crawl shell for all CSS-capable browsers — no .cue-js gate */
#seo-static-content,
[data-cue-seo-shell] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  top: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* No-JS browsers that support CSS scripting query: show crawl shell */
@media (scripting: none) {
  #seo-static-content,
  [data-cue-seo-shell] {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 1rem !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}