@font-face{font-family:FatimahArabic;src:url(../fonts/itfFatimahArabic-Light.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:FatimahArabic;src:url(../fonts/itfFatimahArabic-Medium.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:FatimahArabic;src:url(../fonts/itfFatimahArabic-Bold.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#0d0d0b;--bg-2:#141414;--bg-3:#1c1c1c;--text:#fafafa;--muted:#a3a39a;--muted-2:#7c7c74;--lime:#c4d84c;--lime-light:#d6e85e;--lime-soft:#d4e67a;--lime-deep:#a6be34;--ink:#15160e;--danger:#f87171;--card:#ffffff09;--card-2:#ffffff0d;--border:#ffffff17;--border-strong:#ffffff29;--glow:196, 216, 76;--font:"FatimahArabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-latin:"Inter", system-ui, sans-serif;--maxw:1180px;--radius:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font);word-spacing:.06em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:500;line-height:1.65;overflow-x:clip}h1,h2,h3{word-spacing:.12em}::selection{background:rgba(var(--glow), .28);color:#fff}a{color:inherit;text-decoration:none}.latin{font-family:var(--font-latin);word-spacing:normal;direction:ltr;unicode-bidi:isolate;display:inline-block}.bg-layer{z-index:-2;background:radial-gradient(120% 90% at 80% -10%, #1a1c12 0%, var(--bg) 55%);position:fixed;inset:0}.bg-grid{z-index:-1;background-image:linear-gradient(rgba(var(--glow), .05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--glow), .05) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 0%,#0000 75%);mask-image:radial-gradient(120% 80% at 50% 0,#000 0%,#0000 75%)}.orb{opacity:.7;z-index:-1;pointer-events:none;border-radius:50%;position:fixed}.orb.a{background:radial-gradient(circle, rgba(var(--glow), .22), transparent 68%);top:-240px;width:640px;height:640px;inset-inline-start:-200px}.orb.b{bottom:4%;background:radial-gradient(circle,#7a5ac829,#0000 68%);width:560px;height:560px;inset-inline-end:-220px}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:24px}.eyebrow{letter-spacing:0;color:var(--lime-soft);background:rgba(var(--glow), .08);border:1px solid rgba(var(--glow), .22);border-radius:999px;align-items:center;gap:9px;padding:7px 15px;font-size:14px;font-weight:500;display:inline-flex}.eyebrow .dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px 2px rgba(var(--glow), .8);border-radius:50%;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.gradient-text{background:linear-gradient(135deg,#b7ce3c,#d6e85e 50%,#a6be34);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:17px;font-weight:700;transition:transform .18s,box-shadow .25s,background .25s;display:inline-flex}.btn-primary{color:var(--ink);box-shadow:0 10px 34px -10px rgba(var(--glow), .6);background:linear-gradient(135deg,#d6e85e,#c4d84c 55%,#a6be34)}.btn-primary:hover{box-shadow:0 16px 44px -10px rgba(var(--glow), .8);transform:translateY(-2px)}.btn-ghost{background:var(--card-2);color:var(--text);border-color:var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:rgba(var(--glow), .5);background:rgba(var(--glow), .06);transform:translateY(-2px)}.btn svg{width:19px;height:19px}.nav{top:0;z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset-inline:0}.nav.scrolled{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom-color:var(--border);background:#0d0d0bb8}.nav-inner{justify-content:space-between;align-items:center;height:74px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand .mark{width:40px;height:40px;filter:drop-shadow(0 4px 14px rgba(var(--glow), .4))}.brand .name{letter-spacing:0;font-size:22px;font-weight:700}.nav-links{color:var(--muted);gap:34px;font-size:16px;display:flex}.nav-links a{transition:color .2s;position:relative}.nav-links a:hover{color:var(--text)}.nav-cta{align-items:center;gap:14px;display:flex}.nav-cta .btn{padding:11px 22px;font-size:15px}.nav-burger{background:var(--card-2);border:1px solid var(--border-strong);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:11px;place-items:center;transition:border-color .2s;display:none}.nav-burger:hover{border-color:rgba(var(--glow), .5)}.nav-menu{top:78px;z-index:49;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-strong);background:#0d0d0bf5;border-radius:16px;flex-direction:column;padding:10px;display:flex;position:absolute;inset-inline:16px;box-shadow:0 30px 60px -20px #000c}.nav-menu a{color:var(--text);border-radius:10px;padding:13px 16px;font-size:17px;font-weight:500;transition:background .15s}.nav-menu a:hover{background:#ffffff0d}.nav-menu-cta{justify-content:center;margin-top:6px;padding:13px 16px;font-size:16px}@media (width<=860px){.nav-links{display:none}.nav-burger{display:grid}}@media (width>=861px){.nav-menu{display:none}}@media (width<=640px){.nav-cta>.btn-primary{display:none}}.hero{padding-top:140px;padding-bottom:80px;position:relative}.hero-center{text-align:center;flex-direction:column;align-items:center;display:flex}.hero h1{letter-spacing:0;max-width:900px;margin:24px 0 18px;font-size:clamp(38px,6.4vw,72px);font-weight:700;line-height:1.14}.hero .sub{color:var(--muted);word-spacing:.14em;max-width:640px;margin-bottom:34px;font-size:clamp(17px,2.4vw,21px);font-weight:300}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:52px;display:flex}.player-shell{width:100%;max-width:960px;position:relative}.player-frame{border:1px solid var(--border-strong);box-shadow:0 40px 90px -30px #000000d9, 0 0 0 1px rgba(var(--glow), .08), 0 0 70px -20px rgba(var(--glow), .35);background:#050506;border-radius:20px;position:relative;overflow:hidden}.player-frame:after{content:"";pointer-events:none;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14}.player-topbar{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:7px;height:34px;padding-inline:14px;display:flex}.player-topbar .d{background:#3a3a36;border-radius:50%;width:11px;height:11px}.player-topbar .url{font-family:var(--font-latin);color:var(--muted-2);direction:ltr;background:#0000004d;border-radius:6px;margin-inline-start:12px;padding:3px 12px;font-size:12px}.player-glow{z-index:-1;background:radial-gradient(circle at 50% 60%, rgba(var(--glow), .28), transparent 68%);filter:blur(24px);position:absolute;inset:-30px}.player-stage{aspect-ratio:16/9;background:radial-gradient(70% 70% at 50% 45%,#12130c,#050506 75%);width:100%;position:relative;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;display:block}@media (width<=900px){.hero{padding-top:118px}}.marquee-sec{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff04;padding:26px 0 8px}.marquee-label{text-align:center;color:var(--muted-2);margin-bottom:16px;font-size:14px;font-weight:300}.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{white-space:nowrap;align-items:center;gap:56px;padding-inline:28px;animation:26s linear infinite scrollx;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track .pitem{opacity:.85;align-items:center;gap:11px;transition:opacity .2s,transform .2s;display:inline-flex}.marquee-track .pitem:hover{opacity:1;transform:translateY(-2px)}.marquee-track .pitem svg{flex:none}.marquee-track .pname{font-family:var(--font-latin);color:#fafafad9;font-size:19px;font-weight:600}.marquee-track .pname-ar{color:var(--muted);font-size:18px;font-weight:500}@keyframes scrollx{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:100px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.section-head h2{margin:16px 0 14px;font-size:clamp(30px,4.4vw,46px);font-weight:700;line-height:1.2}.section-head p{color:var(--muted);word-spacing:.12em;font-size:18px;font-weight:300}#data .section-head{max-width:880px}.section-head .data-h2{font-size:clamp(20px,2.5vw,30px);line-height:1.65}.data-h2 .data-hook{display:block}.data-h2 .data-detail{color:var(--text);margin-top:12px;display:block}.danger-text{color:var(--danger)}.chaos-cloud{flex-wrap:wrap;justify-content:center;gap:14px 16px;max-width:920px;margin:0 auto;display:flex}.chaos-chip{background:#f871710e;border:1px solid #f8717138;border-radius:16px;flex-direction:column;gap:2px;padding:13px 22px;transition:border-color .25s,background .25s,transform .25s;animation:5.6s ease-in-out infinite chipFloat;display:flex}.chaos-chip:hover{background:#f871711a;border-color:#f8717180}.chaos-chip.f1{animation-delay:-1.4s}.chaos-chip.f2{animation-delay:-2.8s}.chaos-chip.f3{animation-delay:-4.2s}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.chaos-chip .ct{color:#fca5a5;font-size:17.5px;font-weight:700}.chaos-chip .cd{color:var(--muted-2);font-size:13.5px;font-weight:300}.punch{text-align:center;margin-top:48px;font-size:clamp(20px,3vw,27px);font-weight:700}.punch .a{color:var(--muted)}.punch .b{color:var(--danger)}.data-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-bottom:36px;display:flex}.data-endpoint{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:12px;min-width:190px;padding:20px 30px;display:flex}.data-endpoint.to{border-color:rgba(var(--glow), .35);background:rgba(var(--glow), .05)}.de-label{color:var(--text);font-size:17px;font-weight:700}.de-icons{gap:10px;display:flex}.de-ic{border:1px solid var(--border);background:#ffffff0f;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.data-arrow{place-items:center;min-width:72px;display:grid;position:relative}.da-logo{width:46px;height:46px;filter:drop-shadow(0 0 10px rgba(var(--glow), .5));animation:2.4s ease-in-out infinite switchPulse}@keyframes switchPulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.data-grid{flex-wrap:wrap;justify-content:center;gap:11px 12px;max-width:880px;margin:0 auto;display:flex}.data-chip{color:#fafafae0;background:var(--card-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:9px;padding:10px 19px;font-size:16.5px;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.data-chip:hover{border-color:rgba(var(--glow), .45);background:rgba(var(--glow), .06)}.why-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.why-card{background:var(--card);border:1px solid var(--border);border-radius:20px;min-height:240px;padding:26px 26px 24px;transition:border-color .25s,transform .25s}.why-card:hover{border-color:rgba(var(--glow), .4);transform:translateY(-4px)}.why-ic{width:52px;height:52px;color:var(--lime);background:rgba(var(--glow), .09);border:1px solid rgba(var(--glow), .25);border-radius:14px;place-items:center;margin-bottom:16px;display:inline-grid}.why-card h3{margin-bottom:7px;font-size:21px;font-weight:700}.why-card p{color:var(--muted);word-spacing:.1em;font-size:15.5px;font-weight:300}@media (width<=860px){.why-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.why-grid{grid-template-columns:1fr}}.steps{flex-direction:column;max-width:760px;margin:0 auto;display:flex}.step{gap:22px;padding:22px 0 26px;display:flex;position:relative}.step:before{content:"";top:74px;bottom:-4px;background:linear-gradient(180deg, rgba(var(--glow), .4), rgba(var(--glow), .06));width:2px;position:absolute;inset-inline-start:25px}.steps>div:last-child .step:before{display:none}.step-num{width:52px;height:52px;font-family:var(--font-latin);color:var(--ink);box-shadow:0 10px 26px -10px rgba(var(--glow), .6);background:linear-gradient(135deg,#d6e85e,#a6be34);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:700;display:grid}.step h3{margin-bottom:5px;font-size:22px;font-weight:700}.step p{color:var(--muted);word-spacing:.1em;font-size:16.5px;font-weight:300}.services-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.svc{background:linear-gradient(180deg, var(--card-2), var(--card));border:1px solid var(--border);border-radius:var(--radius);padding:34px 30px 32px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.svc:before{content:"";background:radial-gradient(80% 60% at 50% 0%, rgba(var(--glow), .1), transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.svc:hover{border-color:rgba(var(--glow), .42);transform:translateY(-5px)}.svc:hover:before{opacity:1}.svc .badge{width:66px;height:66px;box-shadow:0 12px 30px -10px rgba(var(--glow), .6);background:linear-gradient(135deg,#d6e85e,#a6be34);border-radius:18px;place-items:center;margin-bottom:22px;display:grid}.svc h3{margin-bottom:10px;font-size:24px;font-weight:700}.svc p{color:var(--muted);word-spacing:.1em;font-size:16.5px;font-weight:300}.svc-features{flex-direction:column;gap:10px;margin:18px 0 22px;list-style:none;display:flex}.svc-features li{color:#fafafad1;align-items:center;gap:10px;font-size:15.5px;font-weight:500;display:flex}.svc-features svg{flex:none}.svc-cta{color:var(--lime-soft);border:1px solid rgba(var(--glow), .3);background:rgba(var(--glow), .06);border-radius:12px;align-items:center;gap:9px;padding:10px 20px;font-size:16px;font-weight:700;transition:background .2s,border-color .2s,transform .18s;display:inline-flex}.svc-cta:hover{background:rgba(var(--glow), .12);border-color:rgba(var(--glow), .55);transform:translateY(-2px)}.svc-cta svg{width:17px;height:17px}@media (width<=860px){.services-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}.team-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.team-card{background:linear-gradient(180deg, var(--card-2), var(--card));border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:32px 28px;transition:border-color .3s,transform .3s}.team-card:hover{border-color:rgba(var(--glow), .42);transform:translateY(-5px)}.avatar{width:84px;height:84px;color:var(--ink);box-shadow:0 14px 34px -12px rgba(var(--glow), .6);background:linear-gradient(135deg,#d6e85e,#a6be34);border-radius:50%;place-items:center;margin-bottom:18px;font-size:30px;font-weight:700;display:inline-grid}.team-card h3{font-size:24px;font-weight:700}.team-card .role{color:var(--lime-soft);margin:4px 0 16px;font-size:15.5px;font-weight:500}.skills{flex-direction:column;gap:8px;margin-bottom:22px;list-style:none;display:flex}.skills li{color:var(--muted);border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:300}@media (width<=860px){.team-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.conviction{text-align:center;background:radial-gradient(90% 120% at 50% -20%, rgba(var(--glow), .1), transparent 60%), var(--card);border:1px solid var(--border);border-radius:30px;padding:66px 40px}.conviction h2{word-spacing:.14em;margin:16px 0 8px;font-size:clamp(26px,4vw,42px);font-weight:700;line-height:1.3}.conviction .hl{display:block}.conviction .conv-sub{color:var(--muted);word-spacing:.12em;font-size:17px;font-weight:300}.stats{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:46px;display:flex}.stat{background:var(--card-2);border:1px solid var(--border);border-radius:20px;flex:1;min-width:200px;max-width:280px;padding:30px 20px;transition:border-color .25s,transform .25s}.stat:hover{border-color:rgba(var(--glow), .4);transform:translateY(-4px)}.stat .big{margin-bottom:8px;font-size:44px;font-weight:700;line-height:1}.stat .cap{color:var(--muted);font-size:16px;font-weight:300}.faq-wrap{max-width:820px}.faq-list{flex-direction:column;gap:13px;display:flex}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:18px;transition:border-color .25s;overflow:hidden}.faq-item.open{border-color:rgba(var(--glow), .4)}.faq-q{cursor:pointer;width:100%;font-family:var(--font);color:var(--text);text-align:start;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:18.5px;font-weight:700;display:flex}.faq-x{width:30px;height:30px;font-family:var(--font-latin);color:var(--lime-soft);background:rgba(var(--glow), .08);border:1px solid rgba(var(--glow), .28);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:400;transition:transform .3s;display:grid}.faq-item.open .faq-x{transform:rotate(45deg)}.faq-a{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1);display:grid}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a p{color:var(--muted);word-spacing:.1em;padding:0 24px;font-size:16.5px;font-weight:300;transition:padding .3s;overflow:hidden}.faq-item.open .faq-a p{padding:0 24px 22px}.cta-band{text-align:center;color:var(--ink);background:linear-gradient(135deg,#c4d84c,#d6e85e 50%,#a6be34);border-radius:34px;padding:74px 40px;position:relative;overflow:hidden}.cta-band:before{content:"";background-image:linear-gradient(#15160e0f 1px,#0000 1px),linear-gradient(90deg,#15160e0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000,#0000 75%);mask-image:radial-gradient(80% 80%,#000,#0000 75%)}.cta-band>*{position:relative}.cta-band h2{margin-bottom:14px;font-size:clamp(30px,5vw,52px);font-weight:700}.cta-band p{color:#15160ebf;margin-bottom:32px;font-size:19px;font-weight:500}.cta-motto{color:var(--ink);margin-bottom:30px;font-size:clamp(21px,3vw,28px);font-weight:700}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta-band .btn-dark{background:var(--ink);color:var(--lime-light);box-shadow:0 14px 34px -10px #00000080}.cta-band .btn-dark:hover{transform:translateY(-2px);box-shadow:0 20px 44px -10px #0009}.cta-band .btn-dark-ghost{color:var(--ink);background:#15160e1a;border:1.5px solid #15160e66}.cta-band .btn-dark-ghost:hover{background:#15160e2e;transform:translateY(-2px)}.footer{border-top:1px solid var(--border);margin-top:90px;padding:60px 0 44px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer .brand .name{font-size:20px}.footer .made{color:var(--muted);font-size:15px;font-weight:300}.footer .copy{color:var(--muted-2);font-size:14px;font-family:var(--font-latin);direction:ltr}.footer-contacts{flex-wrap:wrap;gap:22px;display:flex}.footer-contacts .fc{color:var(--muted);direction:ltr;align-items:center;gap:9px;font-size:14.5px;transition:color .2s;display:inline-flex}.footer-contacts .fc:hover{color:var(--lime-soft)}.footer-contacts .fc svg{width:17px;height:17px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}@media (width<=640px){.section{padding:62px 0}.section-head{margin-bottom:38px}.conviction{padding:52px 22px}.cta-band{padding:56px 24px}.hero h1{font-size:34px;line-height:1.2}.data-flow{flex-direction:column;gap:12px}.data-endpoint{width:100%;max-width:340px}.data-arrow{min-width:0}}@media (width<=560px){.why-card{min-height:0}.chaos-cloud{gap:10px}.chaos-cloud>.reveal{width:calc(50% - 5px)}.chaos-cloud>.reveal .chaos-chip{width:100%;height:100%}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.eyebrow .dot,.chaos-chip,.da-logo{animation:none}.hero-video{display:none}html{scroll-behavior:auto}}
