/* Landing Page Specific Styles */

/* Ensure responsive video modal */
.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

/* Custom gradient text for hero */
.text-gradient {
  background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Hero logo sizing (no inline styles needed) */
.hero-main-logo {
  width: 100%;
  max-width: 750px;
  /* Further increased for massive impact */
  height: auto;
  animation: float 3s ease-in-out infinite;
  margin-inline: auto;
  display: block;
  transform: scale(1.1);
  /* Subtle scale up to maximize space usage */
  transform-origin: center;
}