/* ══ INTRO v6 — full reset, totul vizibil ══ */

#intro {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #07090F;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: all;
  /* forțat vizibil indiferent de orice altceva */
  visibility: visible !important;
  opacity: 1;
}

/* Canvas pentru cei 5 */
#introCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Logo wrapper */
#introLogoWrap {
  position: relative;
  z-index: 2;
  opacity: 0;
  width: clamp(260px, 42vw, 580px);
  transform: translateY(16px);
  transition: none;
}

#introLogoWrap svg {
  width: 100%;
  height: auto;
  display: block;
}

/* Tagline */
#introTagline {
  position: relative;
  z-index: 2;
  margin-top: 36px;
  font-family: 'Outfit', 'Helvetica Neue', sans-serif;
  font-size: clamp(10px, 1.1vw, 13px);
  font-weight: 300;
  color: rgba(255,255,255,0);
  letter-spacing: 0.32em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: none;
}

#introTagline .tg { color: rgba(97,231,134,0); }

/* ── Content ascuns în timpul intro-ului ── */
body.intro-running > *:not(#intro) {
  visibility: hidden !important;
}

/* ── Când intro s-a terminat: totul vizibil ── */
body.intro-done > *:not(#intro) {
  visibility: visible !important;
}

/* Animații fine doar pe header și hero */
body.intro-done .site-header {
  animation: revealDown 0.5s cubic-bezier(0.16,1,0.3,1) both;
}
body.intro-done .hero {
  animation: revealUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.08s both;
}
body.intro-done main {
  animation: revealUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.05s both;
}
@keyframes revealDown {
  from { opacity:0; transform:translateY(-12px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes revealUp {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}

/* Responsive */
@media(max-width:600px){
  #introLogoWrap { width: clamp(200px, 78vw, 340px); }
  #introTagline { font-size: 9px; letter-spacing: 0.22em; margin-top: 24px; }
}