/* ================= 1. THE "AGNI" PRE-LOADER ================= */
.intro {
  position: fixed;
  inset: 0;
  background: #0F172A;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 1s cubic-bezier(0.85, 0, 0.15, 1);
}

.intro-logo-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 8px;
}

.intro-logo {
  height: 80px;
  width: auto;
  transform: scale(1.1);
  opacity: 0;
  animation: snapIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation-delay: 0.3s;
}

/* The Metallic Shine Sweep */
.intro-logo-wrapper::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 50%; height: 100%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.8), transparent);
  transform: skewX(-20deg);
  animation: shineSweep 0.8s ease-in-out forwards;
  animation-delay: 1.1s; 
}

.intro-tagline {
  margin-top: 30px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #43D1BC;
  opacity: 0;
  animation: fadeInTagline 0.8s ease forwards;
  animation-delay: 1.6s;
}

@keyframes snapIn { to { opacity: 1; transform: scale(1); } }
@keyframes shineSweep { 100% { left: 200%; } }
@keyframes fadeInTagline { to { opacity: 1; transform: translateY(0); } }

/* Slips intro up and out */
.intro.exit { transform: translateY(-100%); }