:root{--bk:#05080c;--bk2:#0a1118;--gr:#10b981;--gd:#059669;--pu:#8b5cf6;--pd:#7c3aed;--grad:linear-gradient(120deg,#059669,#7c3aed);--ink:#0c1420;--mut:#5d6b7a;--pale:#f5f6fb;--ln:#e3e6ef}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:'IBM Plex Sans Arabic','IBM Plex Sans',Tahoma,sans-serif;color:var(--ink);background:#fff;line-height:1.75;font-size:17px}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.w{width:min(1180px,92%);margin:auto}
h1,h2,h3{line-height:1.25;font-weight:700}
header{position:sticky;top:0;z-index:50;background:rgba(5,8,12,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.hb{display:flex;align-items:center;gap:20px;height:74px}
.logo{display:flex;align-items:center;gap:12px}.logo svg{width:46px;height:46px}.logo b{display:block;font:700 22px/1 'IBM Plex Sans',sans-serif;letter-spacing:.01em}.logo b i{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(120deg,#34d399,#a78bfa)}.logo small{font-size:12px;color:#9fb0c3;letter-spacing:.04em}
nav{display:flex;gap:26px;margin-inline-start:auto;font-weight:500;font-size:15px;color:#d5deea}nav a:hover{color:#34d399}
.lg{display:flex;gap:2px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:3px}.lg a{padding:2px 11px;font-size:13px;border-radius:5px;font-weight:600;color:#9fb0c3}.lg a.on{background:var(--grad);color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-weight:700;font-size:15px;border:0;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .2s;white-space:nowrap;color:#fff}
.btn:hover{transform:translateY(-2px)}.btn svg{width:20px;height:20px;fill:currentColor}
.b1{background:var(--grad);box-shadow:0 8px 26px rgba(124,58,237,.35)}.b2{background:#16a34a}.b3{border:1.5px solid rgba(255,255,255,.3)}
.bm{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:#fff}
.hero{background:var(--bk);color:#fff;position:relative;overflow:hidden;padding:90px 0 80px}
.hero:before,.hero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(110px);opacity:.45;animation:dr 14s ease-in-out infinite alternate}
.hero:before{background:#059669;inset-inline-start:-180px;top:-200px}.hero:after{background:#7c3aed;inset-inline-end:-160px;bottom:-260px;animation-delay:-6s}
@keyframes dr{to{transform:translate(70px,50px) scale(1.15)}}
#cv{position:absolute;inset:0;width:100%;height:100%}
.hero .w{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero h1{font-size:clamp(34px,4.8vw,60px)}
.hero h1:after{content:"";display:block;width:90px;height:5px;border-radius:5px;background:var(--grad);margin-top:22px}
.hero p{margin:22px 0 32px;color:#b6c4d4;font-size:19px;max-width:580px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chips span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);border-radius:99px;padding:3px 15px;font-size:14px;color:#cdd8e5}
.orb{position:relative;width:min(400px,100%);aspect-ratio:1;margin:auto}
.orb i{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(52,211,153,.5);animation:sp 38s linear infinite}.orb i+i{inset:12%;border-color:rgba(167,139,250,.55);animation-duration:26s;animation-direction:reverse}
@keyframes sp{to{transform:rotate(360deg)}}
.orb .c{position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,#101a26,#05080c);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;box-shadow:0 0 70px rgba(124,58,237,.35)}.orb .c svg{width:62%}
.orb span{position:absolute;padding:6px 16px;border-radius:99px;font:600 13px 'IBM Plex Sans',sans-serif;background:rgba(10,17,24,.85);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);animation:fl 5s ease-in-out infinite alternate}
.orb span:nth-of-type(1){top:6%;inset-inline-start:46%;color:#34d399}.orb span:nth-of-type(2){top:42%;inset-inline-end:-6%;color:#c4b5fd;animation-delay:-1.5s}.orb span:nth-of-type(3){bottom:6%;inset-inline-start:30%;color:#34d399;animation-delay:-3s}.orb span:nth-of-type(4){top:42%;inset-inline-start:-6%;color:#c4b5fd;animation-delay:-2s}
@keyframes fl{to{transform:translateY(-12px)}}
.stats{background:linear-gradient(90deg,#064e3b,#3b1d8f);color:#fff}.stats .w{display:grid;grid-template-columns:repeat(3,1fr)}
.stats div{padding:22px 10px;text-align:center;border-inline-end:1px solid rgba(255,255,255,.18)}.stats div:last-child{border:0}.stats b{font-size:34px;display:block;line-height:1.2}.stats span{color:#d6e4df;font-size:14px}
section{padding:88px 0}.alt{background:var(--pale)}
.sh{max-width:660px;margin-bottom:44px}.sh h2{font-size:clamp(27px,3.2vw,40px)}.sh h2:after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--grad);margin-top:14px}.sh p{color:var(--mut);margin-top:14px}
.ft{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.fc{position:relative;overflow:hidden;border-radius:18px;padding:38px;color:#fff;background:var(--bk2);border:1px solid rgba(255,255,255,.1)}
.fc:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(80px);opacity:.5;inset-inline-end:-120px;top:-140px;background:var(--gr)}.fc.p:before{background:var(--pu)}
.fc>*{position:relative}.fc svg{width:48px;height:48px;stroke:#fff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}.fc h3{font-size:26px;margin-bottom:8px}.fc p{color:#bfcddb}.fc .btn{margin-top:22px}
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sv{position:relative;padding:28px;border-radius:14px;background:#fff;border:1px solid var(--ln);transition:transform .2s,box-shadow .2s,border-color .2s}
.sv:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(124,58,237,.14);border-color:#a78bfa}
.sv svg{width:36px;height:36px;stroke:url(#ig);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}.sv h3{font-size:19px;margin-bottom:6px}.sv p{font-size:15px;color:var(--mut)}
.wg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wg figure{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--bk2)}.wg img{width:100%;height:100%;object-fit:cover}.wg figcaption{position:absolute;inset-inline:0;bottom:0;padding:30px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:14px}
.wt{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.wt div{background:#fff;border:1px solid var(--ln);border-inline-start:4px solid var(--gr);padding:16px 20px;border-radius:10px;font-weight:600}.wt div:nth-child(even){border-inline-start-color:var(--pu)}.empty{color:var(--mut);font-size:15px}
.pt{background:var(--bk);color:#fff;position:relative;overflow:hidden}.pt .sh p{color:#9fb0c3}
.mq{overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.tr{display:flex;gap:18px;width:max-content;animation:mv 40s linear infinite;padding:8px 0}.mq:hover .tr{animation-play-state:paused}.tr.rv{animation-direction:reverse;animation-duration:58s}
.pl{padding:20px 42px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);border-radius:12px;font:700 22px 'IBM Plex Sans',sans-serif;white-space:nowrap;color:#e3ecf5}
.cl{padding:11px 24px;border:1px solid var(--ln);background:#fff;border-radius:99px;white-space:nowrap;font-size:15px;font-weight:500}
@keyframes mv{to{transform:translateX(-50%)}}
.bg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:26px;display:flex;flex-direction:column}
.tag{align-self:flex-start;background:var(--grad);color:#fff;font-size:13px;font-weight:700;border-radius:6px;padding:1px 12px;margin-bottom:12px}
.card img{border-radius:10px;margin-bottom:14px;aspect-ratio:16/9;object-fit:cover;width:100%}.card h3{font-size:19px;margin-bottom:8px}.card small{color:var(--mut)}
details summary{cursor:pointer;color:var(--pd);font-weight:700;margin-top:12px}details p{margin-top:10px;font-size:15px;color:#33404f}
.ct{background:radial-gradient(700px 400px at 90% 0,#3b1d8f55,transparent),radial-gradient(600px 400px at 0 100%,#05966955,transparent),var(--bk);color:#fff}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:50px}.ct h2{font-size:clamp(27px,3.2vw,42px)}.ct p{color:#b6c4d4;margin:12px 0 26px}
.ci a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:18px;direction:ltr;text-align:start}.ci span{display:block;font-size:13px;color:#8aa0b5}
footer{background:#020406;color:#8aa0b5;padding:26px 0;font-size:14px}footer .w{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
dialog{border:0;border-radius:18px;padding:30px;width:min(480px,92vw);margin:auto}dialog::backdrop{background:rgba(5,8,12,.7)}dialog h3{margin-bottom:12px}
label{display:block;font-size:14px;font-weight:600;margin:12px 0 4px}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #c9d0dc;border-radius:9px;font:inherit;background:#fff}
.fab{position:fixed;inset-inline-start:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:#16a34a;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}.fab svg{width:32px;fill:#fff}
.mb{display:none}.js .rv0{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .rv0.in{opacity:1;transform:none}
@media(max-width:900px){body{font-size:16px}
nav{display:none;position:absolute;top:68px;inset-inline:0;background:#05080c;flex-direction:column;gap:0;padding:8px 4%;border-bottom:1px solid rgba(255,255,255,.1)}nav.o{display:flex}nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:17px}
.bm{display:block;margin-inline-start:auto}.hb>.lg{order:3}.hb .hq{display:none}.hb{gap:12px;height:68px}.logo svg{width:40px;height:40px}.logo b{font-size:19px}.logo small{display:none}
.hero{padding:44px 0 46px}.hero .w{grid-template-columns:1fr}.orb{width:270px;margin-top:20px}.hero p{font-size:17px}.ctas .btn{flex:1;justify-content:center;padding:12px 12px}
section{padding:56px 0}.ft,.sg,.wg,.wt,.bg,.cg{grid-template-columns:1fr}.fc{padding:28px}.stats b{font-size:26px}.stats span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.tr,.hero:before,.hero:after,.orb i,.orb span{animation:none}.js .rv0{opacity:1;transform:none}}
:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}

#ee{position:fixed;inset-inline-end:18px;bottom:18px;z-index:70;font-family:inherit}
#eb{display:flex;align-items:center;gap:10px;background:var(--grad);color:#fff;border:0;border-radius:99px;padding:12px 20px 12px 14px;cursor:pointer;font:700 15px inherit;box-shadow:0 10px 30px rgba(124,58,237,.45)}#eb svg{width:30px;height:30px}
#ep{display:none;position:absolute;inset-inline-end:0;bottom:64px;width:370px;max-width:calc(100vw - 28px);height:520px;max-height:calc(100vh - 110px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);flex-direction:column}
#ep.o{display:flex}#eh{background:var(--bk);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}#eh svg{width:36px}#eh b{display:block;font-family:'IBM Plex Sans',sans-serif}#eh small{color:#34d399;font-size:12px}#eh button{margin-inline-start:auto;background:none;border:0;color:#fff;font-size:20px;cursor:pointer}
#em{flex:1;overflow:auto;padding:14px;background:var(--pale);display:flex;flex-direction:column;gap:10px}
#em div{max-width:86%;padding:10px 14px;border-radius:14px;font-size:15px;line-height:1.6;white-space:pre-wrap}.ea{background:#fff;border:1px solid var(--ln);align-self:flex-start}.eu{background:var(--grad);color:#fff;align-self:flex-end}
#eq{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px;background:var(--pale)}#eq button{border:1px solid var(--ln);background:#fff;border-radius:99px;padding:3px 12px;font:13px inherit;cursor:pointer}
#ef{display:flex;gap:8px;padding:10px;border-top:1px solid var(--ln)}#ef input{flex:1}#ef button{background:var(--grad);color:#fff;border:0;border-radius:9px;padding:0 16px;font:700 14px inherit;cursor:pointer}
#en{font-size:11px;color:var(--mut);text-align:center;padding:0 10px 8px}
@media(max-width:900px){#ee{bottom:16px}#eb span{display:none}#eb{padding:12px}}
nav{gap:20px;font-size:14px}
.chips a{border:1px solid rgba(52,211,153,.5);background:rgba(16,185,129,.12);border-radius:99px;padding:3px 15px;font-size:14px;color:#d9f7ea}
.soc{display:flex;gap:10px}.soc a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);color:#fff;transition:.2s}.soc a:hover{background:var(--grad);border-color:transparent;transform:translateY(-2px)}.soc svg{width:20px;height:20px;fill:currentColor}.soc svg.st{fill:none;stroke:currentColor;stroke-width:2}.soc.sm a{width:36px;height:36px}
.dk{background:var(--bk);color:#fff;position:relative;overflow:hidden}.dk .sh p{color:#9fb0c3}
.jr{background:radial-gradient(700px 380px at 90% 0,#3b1d8f66,transparent),radial-gradient(600px 380px at 0 100%,#05966955,transparent),var(--bk)}
.jt{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.jt button{padding:10px 22px;border-radius:99px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#d0dbe8;font:600 15px inherit;cursor:pointer;transition:.2s}.jt button.on{background:var(--grad);color:#fff;border-color:transparent}
.jp{display:none}.jp.on{display:block;animation:fi .5s}@keyframes fi{from{opacity:0;transform:translateY(10px)}}
.jp>p{color:#b6c4d4;margin-bottom:26px;max-width:720px;font-size:18px}
.js5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;padding:0;counter-reset:s}
.js5 li{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:58px 18px 20px;font-size:15px;line-height:1.65}
.js5 li:before{counter-increment:s;content:counter(s);position:absolute;top:16px;inset-inline-start:18px;width:32px;height:32px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:700}
.ab{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.vid{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 24px 60px rgba(12,20,32,.25)}.vid img,.vid iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.vid button{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;border:0;background:var(--grad);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 0 0 12px rgba(255,255,255,.2)}
.cap{font-size:14px;color:var(--mut);margin-top:12px}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.vm div{border:1px solid var(--ln);border-radius:14px;padding:18px;background:var(--pale)}.vm h3{font-size:17px;margin-bottom:6px;color:var(--pd)}.vm p{font-size:14.5px;color:var(--mut)!important;margin:0!important}
.sv em{display:block;margin-top:12px;font-style:normal;font-weight:700;font-size:14px;color:var(--pd)}
.pcl{color:#7fe0b8;font-weight:700;font-size:14px;margin:8px auto 4px;letter-spacing:.04em}
.mp{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.mp iframe{width:100%;height:100%;min-height:400px;border:0;border-radius:18px;box-shadow:0 18px 44px rgba(12,20,32,.15)}.mi{background:var(--bk);color:#fff;border-radius:18px;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:16px}.mi .btn{justify-content:center}
#sd ul{list-style:none;padding:0;display:grid;gap:8px}#sd li{padding-inline-start:26px;position:relative;font-size:15.5px}#sd li:before{content:"";position:absolute;inset-inline-start:0;top:9px;width:12px;height:12px;border-radius:50%;background:var(--grad)}#sd h3{color:var(--pd);font-size:22px}
dialog{max-height:92vh;overflow:auto}
.fab{position:fixed;inset-inline-start:16px;bottom:16px;z-index:60;width:48px;height:48px;border-radius:50%;background:#16a34a;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.35);animation:wb 3.4s ease-in-out infinite;border:0;cursor:pointer}
.fab:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #16a34a;animation:pr 2.2s ease-out infinite;pointer-events:none}.fab svg{width:26px;fill:#fff}
.qf{bottom:74px;background:var(--grad);animation:none}.qf:after{border-color:#8b5cf6}.qf svg{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:24px}
@keyframes pr{to{transform:scale(1.7);opacity:0}}@keyframes wb{0%,80%,100%{transform:none}86%{transform:rotate(-14deg)}92%{transform:rotate(14deg)}}
footer .w{align-items:center}
@media(max-width:900px){.ab,.mp,.vm{grid-template-columns:1fr}.js5{grid-template-columns:1fr}.js5 li{padding:18px 18px 18px 18px;padding-inline-start:64px}.js5 li:before{top:14px}.mp iframe{min-height:300px}.jt button{flex:1;padding:10px 12px;font-size:14px}.soc a{width:40px;height:40px}.jp>p{font-size:16px}footer .w{flex-direction:column;text-align:center}.fab{width:44px;height:44px}.qf{bottom:68px}}
@media(prefers-reduced-motion:reduce){.fab,.fab:after{animation:none}}
.pv{max-width:820px}.pv h1{font-size:clamp(28px,4vw,40px);margin-bottom:6px}.pv h2{font-size:20px;color:var(--pd);margin:30px 0 8px}.pv p,.pv li{color:#33404f;font-size:16.5px}.pv ul{padding-inline-start:22px;display:grid;gap:6px}
.fl a{text-decoration:underline;text-underline-offset:3px}
#ck{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:90;width:min(680px,calc(100vw - 24px));background:#0a1118;color:#e3ecf5;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px 20px;display:flex;gap:16px;align-items:center;box-shadow:0 20px 50px rgba(0,0,0,.5);font-size:14.5px}#ck[hidden]{display:none}#ck p{margin:0;flex:1}#ck a{color:#a78bfa;text-decoration:underline}#ck div{display:flex;gap:8px}#ck .btn{padding:9px 18px}@media(max-width:700px){#ck{flex-direction:column;align-items:stretch}}