body { margin: 0; }
.brand-splash {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(ellipse at 65% 0%, #171b1d 0%, #0d141c 52%, #090f15 100%);
  color: #bcb5a8;
  font: 13px/1.6 sans-serif;
}
.brand-splash img { width: 224px; height: auto; }
.brand-splash p { margin: 24px 0 0; animation: brand-breathe 1.8s ease-in-out infinite; }
@keyframes brand-breathe { 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .brand-splash p { animation: none; } }
