.rl{--ink:var(--g0);--navy:var(--n);--navy-2:var(--n2);--navy-3:var(--n3);--sky:var(--sky0);--mist:var(--soft);--text:var(--tx);--muted:var(--muted0);--line:var(--lineA);--shadow:0 30px 70px -34px rgba(0,0,0,.45);--r:24px;--ease:cubic-bezier(.2,.8,.2,1);
  position:relative;overflow-x:clip;font-family:'IBM Plex Sans Arabic','Readex Pro',system-ui,sans-serif;color:var(--text);line-height:1.8}
.rl *{margin:0;padding:0}
.rl a{color:inherit;text-decoration:none}
.l-wrap{width:min(1180px,92%);margin-inline:auto;position:relative;z-index:2}
.rl svg.l-i{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

.l-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--bg-b) 0%,var(--bg-a) 62%);contain:strict}
.l-swirl{position:absolute;border-radius:58% 42% 52% 48% / 50% 58% 42% 50%;will-change:transform;background:linear-gradient(135deg,rgba(var(--fxrgb),.16),rgba(var(--fxrgb),.05))}
.l-swirl.s1{width:640px;height:640px;top:-200px;right:-180px}
.l-swirl.s2{width:520px;height:520px;top:42%;left:-240px;background:linear-gradient(135deg,rgba(var(--fxrgb),.12),rgba(var(--fxrgb),.04))}
.l-swirl.s3{width:460px;height:460px;bottom:-200px;right:14%}
.l-glow{position:absolute;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;opacity:.9;will-change:transform;background:radial-gradient(closest-side,rgba(26,66,143,.13),transparent 70%)}
.l-particles span{position:absolute;bottom:-20px;width:var(--s);height:var(--s);border-radius:50%;background:rgba(26,66,143,.35);left:var(--x);animation:lxFloat var(--d) linear var(--dl) infinite;opacity:0;will-change:transform,opacity}
@keyframes lxFloat{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.8}100%{transform:translate3d(40px,-110vh,0);opacity:0}}
.l-progress{position:fixed;top:0;right:0;left:0;height:3px;z-index:200;transform-origin:right;transform:scaleX(0);will-change:transform;background:linear-gradient(90deg,var(--navy-3),var(--navy),var(--ink))}

.l-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:999px;font-weight:600;font-size:15px;border:1.5px solid var(--text);color:var(--text);cursor:pointer;font-family:inherit;transition:transform .35s var(--ease),background .3s,color .3s;position:relative;overflow:hidden;isolation:isolate}
.l-btn.fill{background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;border-color:transparent;box-shadow:0 16px 34px -14px rgba(10,31,77,.75)}
.l-btn.fill::before{content:"";position:absolute;top:0;bottom:0;left:0;width:55%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);animation:lxSheen 3.4s ease-in-out infinite;will-change:transform}
@keyframes lxSheen{0%{transform:translate3d(-130%,0,0) skewX(-20deg)}55%,100%{transform:translate3d(300%,0,0) skewX(-20deg)}}
.l-btn:hover{transform:translate3d(0,-4px,0)}
.l-btn.ghost{background:var(--card)}
.l-btn.ghost:hover{background:var(--navy);color:#fff}

.l-hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:110px 0 90px;position:relative}
.l-stage{position:relative;display:inline-block;padding:30px 60px;will-change:transform,opacity}
.l-ring{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;will-change:transform}
.l-ring.r1{width:min(640px,92vw);aspect-ratio:1;border:1px dashed var(--ringc);animation:lxSpinA 40s linear infinite}
.l-ring.r2{width:min(500px,76vw);aspect-ratio:1;border:1px solid var(--ringc2);animation:lxSpinB 28s linear infinite}
.l-ring.r1::after,.l-ring.r2::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 6px rgba(26,66,143,.15)}
.l-ring.r2::after{width:7px;height:7px;margin-left:-3px;top:auto;bottom:-3px}
@keyframes lxSpinA{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes lxSpinB{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}
.l-halo{position:absolute;left:50%;top:50%;width:90%;aspect-ratio:1.6;border-radius:50%;background:radial-gradient(closest-side,rgba(26,66,143,.2),transparent 70%);animation:lxPulse 5s ease-in-out infinite;will-change:transform,opacity}
@keyframes lxPulse{0%,100%{transform:translate(-50%,-50%) scale(.9);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}
.l-logo-wrap{position:relative;display:inline-block;overflow:hidden;padding:0 12px}
.l-logo-text{position:relative;font-family:'Lalezar',sans-serif;font-size:clamp(96px,18vw,200px);line-height:1.2;background:linear-gradient(110deg,var(--text),var(--navy-3) 50%,var(--text));-webkit-background-clip:text;background-clip:text;color:transparent;animation:lxLogoIn 1.5s var(--ease) both}
@keyframes lxLogoIn{0%{opacity:0;transform:translate3d(0,50px,0) scale(.9)}100%{opacity:1;transform:none}}
.l-logo-wrap::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);animation:lxSweep 4.5s ease-in-out 1.8s infinite;will-change:transform}
@keyframes lxSweep{0%{transform:translate3d(-150%,0,0) skewX(-20deg)}45%,100%{transform:translate3d(450%,0,0) skewX(-20deg)}}
.l-emblem{width:96px;height:88px;margin:-6px auto 0;display:block;color:var(--text);animation:lxFadeUp 1s .9s var(--ease) both}
@keyframes lxBob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
.l-line{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px;animation:lxFadeUp 1s 1.1s var(--ease) both}
.l-line i{height:2px;width:min(180px,22vw);background:linear-gradient(90deg,transparent,var(--navy))}
.l-line i:last-child{background:linear-gradient(270deg,transparent,var(--navy))}
.l-hero h2{font-size:clamp(20px,3vw,31px);font-weight:300;margin:26px auto 14px;max-width:740px;animation:lxFadeUp 1s 1.2s var(--ease) both}
.l-hero h2 b{font-weight:700;color:var(--navy-3)}
.l-hero p{max-width:620px;margin-inline:auto;color:var(--muted);animation:lxFadeUp 1s 1.35s var(--ease) both}
.l-cta{display:flex;flex-direction:row;gap:16px;justify-content:center;margin-top:38px;flex-wrap:wrap;width:auto;animation:lxFadeUp 1s 1.5s var(--ease) both}
@keyframes lxFadeUp{from{opacity:0;transform:translate3d(0,34px,0)}to{opacity:1;transform:none}}
.l-scroll{margin-top:56px;display:flex;justify-content:center;animation:lxFadeUp 1s 1.8s both}
.l-scroll i{width:26px;height:44px;border:2px solid var(--text);border-radius:20px;position:relative;opacity:.5}
.l-scroll i::after{content:"";position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;background:var(--text);border-radius:4px;animation:lxWheel 1.8s infinite}
@keyframes lxWheel{0%{opacity:0;transform:translate3d(0,0,0)}30%{opacity:1}100%{opacity:0;transform:translate3d(0,16px,0)}}

.l-marquee{background:linear-gradient(90deg,var(--ink),var(--navy-2),var(--ink));color:#fff;overflow:hidden;padding:18px 0;position:relative;z-index:2;transform:rotate(-1.2deg) scale(1.02);margin:30px 0;box-shadow:0 18px 40px -24px rgba(10,31,77,.6)}
.l-marquee .l-track{display:flex;gap:56px;width:max-content;animation:lxScrollx 30s linear infinite;font-family:'Lalezar',sans-serif;font-size:26px;white-space:nowrap;will-change:transform}
.l-marquee span::before{content:"✦";margin-inline-end:56px;color:var(--sky);opacity:.7}
@keyframes lxScrollx{to{transform:translate3d(50%,0,0)}}

.l-block{padding:110px 0;position:relative;z-index:2}
.l-eyebrow{display:block;text-align:center;letter-spacing:5px;font-size:13px;color:var(--navy-3);font-weight:700}
.l-title{text-align:center;font-family:'Lalezar',sans-serif;font-size:clamp(38px,5.4vw,62px);margin:4px 0 16px;line-height:1.3;color:var(--text);display:block;font-weight:400}
.l-title::after{content:"";display:block;margin:6px auto 0;height:4px;width:90px;border-radius:4px;background:linear-gradient(90deg,var(--navy-3),var(--navy));transform:scaleX(1);transition:transform 1.1s .3s var(--ease)}
.l-js .l-title:not(.in)::after{transform:scaleX(0)}
.l-sub{text-align:center;max-width:560px;margin:0 auto 64px;color:var(--muted)}

.l-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.l-stat{position:relative;isolation:isolate;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:38px 20px;text-align:center;box-shadow:var(--shadow);transition:transform .45s var(--ease),color .4s}
.l-stat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,var(--navy),var(--navy-3));opacity:0;transition:opacity .45s}
.l-stat:hover{transform:translate3d(0,-10px,0)}.l-stat:hover::before{opacity:1}
.l-stat b{display:block;font-family:'Lalezar',sans-serif;font-weight:400;font-size:58px;line-height:1.2;color:var(--text);transition:color .4s}
.l-stat span{color:var(--muted);font-size:14px;transition:color .4s}
.l-stat:hover b,.l-stat:hover span{color:#fff}

.l-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.l-card{position:relative;isolation:isolate;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:40px 32px;overflow:hidden;box-shadow:0 14px 40px -26px rgba(10,31,77,.5);transition:box-shadow .4s,color .4s}
.l-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,var(--navy),var(--navy-3));opacity:0;transition:opacity .45s}
.l-card:hover{color:#fff;box-shadow:var(--shadow)}.l-card:hover::before{opacity:1}
.l-card:hover p{color:#d8e3f7}
.l-ico{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;margin-bottom:24px;color:var(--text);background:linear-gradient(135deg,var(--mist),#fff);border:1px solid var(--line);transition:transform .45s var(--ease),background .4s,color .4s,border-color .4s}
.l-ico svg.l-i{width:32px;height:32px}
.l-card:hover .l-ico{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff;transform:rotate(-10deg) scale(1.1)}
.l-card h3{font-size:22px;margin-bottom:8px;font-weight:700}
.l-card p{color:var(--muted);font-size:15px;transition:color .4s}

.l-band{border-radius:36px;padding:90px 30px;text-align:center;color:#fff;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--ink),var(--navy-2) 60%,var(--navy-3));box-shadow:var(--shadow)}
.l-band::before,.l-band::after{content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;will-change:transform;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent)}
.l-band::before{top:-180px;right:-90px;animation:lxDrift 12s ease-in-out infinite}
.l-band::after{bottom:-200px;left:-70px;animation:lxDrift 12s ease-in-out -6s infinite}
@keyframes lxDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(50px,34px,0)}}
.l-band h2{font-family:'Lalezar',sans-serif;font-weight:400;font-size:clamp(36px,5.4vw,58px)}
.l-band p{opacity:.82;margin:8px auto 32px;max-width:520px}
.l-band .l-btn{background:var(--card);color:var(--text);border-color:#fff}

.l-foot{position:relative;z-index:2;border-top:1px solid var(--line);padding:40px 0;text-align:center;color:var(--muted);font-size:14px;background:var(--card)}
.l-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px;font-family:'Lalezar',sans-serif;font-size:30px;color:var(--text)}
.l-brand svg{width:36px;height:36px;color:var(--text)}

.l-js .l-reveal{opacity:0;transform:translate3d(0,60px,0) scale(.97);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
.l-js .l-reveal[data-d="left"]{transform:translate3d(-70px,0,0)}
.l-js .l-reveal[data-d="right"]{transform:translate3d(70px,0,0)}
.l-js .l-reveal[data-d="zoom"]{transform:scale(.85)}
.l-js .l-reveal.in{opacity:1;transform:none}
.l-js .l-reveal.done{transition-delay:0s;transition:transform .25s ease-out,box-shadow .4s,color .4s,opacity .4s}

@media(max-width:860px){
  .l-stats{grid-template-columns:repeat(2,1fr)}
  .l-grid{grid-template-columns:1fr}
  .l-block{padding:80px 0}
  .l-stage{padding:20px 10px}
  .l-js .l-reveal[data-d="left"],.l-js .l-reveal[data-d="right"]{transform:translate3d(0,50px,0)}
  .l-particles,.l-glow,.l-ring.r2{display:none}
  .l-marquee{transform:none;margin:20px 0}
}
@media(prefers-reduced-motion:reduce){.l-js .l-reveal{opacity:1;transform:none;transition:none}}

/* ---- LTR (English) adjustments ---- */
[dir=ltr] .l-progress{transform-origin:left}
[dir=ltr] .l-marquee .l-track{animation-name:lxScrollxL}
@keyframes lxScrollxL{to{transform:translate3d(-50%,0,0)}}
[dir=ltr] .rl{font-family:'Readex Pro','IBM Plex Sans Arabic',system-ui,sans-serif}
[dir=ltr] .l-title,[dir=ltr] .l-logo-text,[dir=ltr] .l-band h2,[dir=ltr] .l-stat b,[dir=ltr] .l-brand{font-family:'Lalezar','Readex Pro',sans-serif;letter-spacing:.5px}
[dir=ltr] .l-eyebrow{letter-spacing:4px}
.l-btn .i{width:1.2em;height:1.2em}
[dir=rtl] .l-btn .i-flip{transform:scaleX(-1)}

.l-hero{padding-top:130px}