.logo {
    max-width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 1rem 0;
  }

 /* Hero text fade in + slide up */
@keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .hero-text {
    opacity: 0;
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 0.4s;
  }