/* Simplified Azygo Intro CSS */
.azygo-intro { 
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100vw; 
  height: 100vh; 
  z-index: 999999; 
  display: grid; 
  place-items: center; 
  overflow: hidden; 
  color: var(--ai-text,#fff);
  transition: opacity 0.5s ease-out;
}

.azygo-intro.fade-out {
  opacity: 0;
  pointer-events: none;
}

.ai-bg, .ai-bg-video, .ai-bg-image, .ai-overlay { position: absolute; inset: 0; }
.ai-bg-video, .ai-bg-image { width: 100%; height: 100%; object-fit: cover; background-size: cover; }
.ai-overlay { background: var(--ai-overlay,rgba(0,0,0,.35)); }
.ai-inner { position: relative; z-index: 2; max-width: var(--ai-maxw,1100px); padding: 2rem; }
.ai-title { font-size: clamp(32px,6vw,92px); margin: 0; text-shadow: var(--ai-shadow,none); }
.ai-subtitle { margin: 1rem 0; font-size: clamp(16px,2vw,22px); }
.ai-cta { display: inline-block; padding: 12px 20px; border: 1px solid currentColor; border-radius: 999px; text-decoration: none; }
.ai-cue { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); width: 28px; height: 48px; border: 2px solid rgba(255,255,255,.75); border-radius: 16px; background: transparent; }
.ai-cue-dot { position: absolute; top: 8px; left: 50%; width: 4px; height: 10px; background: rgba(255,255,255,.85); transform: translateX(-50%); animation: ai-cue 1.8s infinite; }
@keyframes ai-cue { 0%{opacity:0;transform:translate(-50%,0);} 20%{opacity:1;} 100%{opacity:0;transform:translate(-50%,16px);} }