/* Pre-React FOUC splash — matches BrandedFullScreen visual.
   #root:empty matches only before React mounts; vanishes on hydration.
   External file (not inline <style>) to comply with style-src 'self' CSP. */
#root:empty {
  position: fixed; inset: 0;
  background: #002E70;
  display: flex; align-items: center; justify-content: center;
}
#root:empty::before {
  content: '';
  width: min(280px, 50vw);
  aspect-ratio: 1; /* logo SVG viewBox is square (0 0 864 864) */
  background: url('/brand/vpa360-logo-reversed.svg') center/contain no-repeat;
}