.hero-section {
  text-align: center;
}

.hero-brand {
  display: inline-flex;      /* important */
  align-items: center;
  gap: 12px;
  margin-bottom: 0.5rem;
}

.hero-logo {
  width: 100px;              /* smaller, aligned */
  height: auto;
  vertical-align: middle;
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.solnix-title-gradient {
  font-family: 'Orbitron', sans-serif;  /* ADD THIS LINE */
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(270deg, #ff2a2a, #b30000, #ff6f00);
  background-size: 600% 600%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  animation: gradientMove 3s ease infinite;
}