/* Fernex Media - merkezdeki hero robotu + poster + acilis. Sahne ucuncu taraf Spline yayinidir. */
.fmx-robot{ --fmx-accent:#69b9f5; position:relative; isolation:isolate; width:100%; min-width:0;
  background: radial-gradient(ellipse at 50% 46%, #13273a55, transparent 66%); }
/* Poster: ilk HTML'de, hemen gorunur (LCP). Alan kapsayici ile bastan ayrilir -> CLS yok. */
.fmx-robot__poster{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; z-index:0; opacity:1; transition:opacity .22s ease; pointer-events:none; }
.fmx-robot__stage{ position:absolute; inset:0; z-index:1; }
.fmx-robot spline-viewer{ display:block; width:100%; height:100%; opacity:0; transition:opacity .35s ease; }
.fmx-robot[data-state="ready"] spline-viewer{ opacity:1; }
.fmx-robot[data-state="ready"] .fmx-robot__poster{ opacity:0; }   /* canli hazir -> poster ~220ms icinde kaybolur (tek anda ust uste belirginlik yok) */

/* Acilis: robot alani yalniz TRANSFORM ile hafifce belirir (poster hep gorunur -> LCP gecikmez) + ince mavi cizgi */
@media (prefers-reduced-motion:no-preference){
  .fmx-robot--intro{ animation: fmxReveal 900ms cubic-bezier(.16,1,.3,1) both; }
  .fmx-robot--intro::after{ content:''; position:absolute; top:0; bottom:0; left:-12%; width:2px; z-index:3; opacity:0; pointer-events:none;
    background:linear-gradient(to bottom, transparent, var(--fmx-accent), transparent); animation: fmxSweep 900ms ease-out 90ms both; }
}
@keyframes fmxReveal{ from{transform:scale(.975)} to{transform:none} }
@keyframes fmxSweep{ 0%{opacity:0; transform:translateX(0)} 18%{opacity:.8} 100%{opacity:0; transform:translateX(1150%)} }

@media (max-width:760px){
  .fmx-robot__stage{ pointer-events:none; }   /* mobilde dokunma sayfa kaydirmasi icin serbest */
  .fmx-robot--intro{ animation-duration:340ms; }
  .fmx-robot--intro::after{ animation-duration:340ms; }
}