/* Freshly intro — الحركة كلها CSS (مدد بالثانية) */
html.fx-intro-pending body{visibility:hidden}
.fx-intro{position:fixed;inset:0;z-index:99999;background:#fff;display:flex;align-items:center;justify-content:center;visibility:visible;
  animation:fiOut .45s ease 3.5s both}
.fi-stage{width:min(86vw,980px);aspect-ratio:1372/640}
.fi-svg{width:100%;height:100%;display:block;overflow:visible}

/* العربية: تظهر في النص، تمشي لورا لمكانها */
.fi-cart{animation:fiCartIn .95s cubic-bezier(.22,.75,.25,1) .35s both, fiCartOut .95s cubic-bezier(.6,0,.9,.5) 2.55s forwards}
/* العجل: يلف لورا وبعدين لقدام */
.fi-spin{transform-box:view-box;animation:fiSpinBack .95s linear .35s both, fiSpinFwd .95s linear 2.55s forwards}
/* الكلمة: تتكشف من الشمال للي على اليمين بعد ما العربية تقف */
.fi-clip{animation:fiReveal .95s cubic-bezier(.45,0,.25,1) 1.3s both, fiWipe .95s cubic-bezier(.6,0,.9,.5) 2.55s forwards}

@keyframes fiCartIn{from{transform:translateX(314px)}to{transform:translateX(0)}}
@keyframes fiCartOut{from{transform:translateX(0)}to{transform:translateX(1500px)}}
@keyframes fiSpinBack{from{transform:rotate(0)}to{transform:rotate(-1080deg)}}
@keyframes fiSpinFwd{from{transform:rotate(-1080deg)}to{transform:rotate(0)}}
@keyframes fiReveal{from{transform:translateX(-1400px)}to{transform:translateX(0)}}
@keyframes fiWipe{from{transform:translateX(0)}to{transform:translateX(1400px)}}
@keyframes fiOut{from{opacity:1}to{opacity:0;visibility:hidden}}

.fi-skip{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);border:0;background:none;color:#6b7280;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:8px 14px;border-radius:999px}
.fi-skip:hover{background:#f3f4f6;color:#1f2937}
@media (max-width:600px){.fi-stage{width:92vw}}