:root{--bg:#f8fbff;--bg-2:#eef6ff;--bg-3:#e0efff;--glass-1:#ffffffb3;--glass-2:#ffffffd9;--glass-3:#fffffff2;--glass-4:#bae6fd59;--border-1:#3b82f61a;--border-2:#3b82f62e;--border-blue:#38bdf859;--border-glow:#3b82f64d;--blue:#3b82f6;--blue-bright:#60a5fa;--sky:#0ea5e9;--cyan:#38bdf8;--blue-deep:#1d4ed8;--grad:linear-gradient(135deg, #3b82f6 0%, #38bdf8 100%);--grad-soft:linear-gradient(135deg, #3b82f61a 0%, #38bdf812 100%);--grad-glow:radial-gradient(ellipse 70% 70% at 50% 50%, #3b82f633 0%, #38bdf81a 55%, transparent 80%);--grad-sky:linear-gradient(135deg, #3b82f6, #38bdf8);--t1:#0f172a;--t2:#3b5a7a;--t3:#7aaccc;--shadow-card:0 4px 24px #3b82f61a;--shadow-blue:0 8px 40px #3b82f62e;--shadow-glass:0 0 0 1px #3b82f614, inset 0 1px 0 #ffffffe6;--spring:cubic-bezier(.16,1,.3,1);--ease:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:clip}body{background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;line-height:1.6;overflow-x:clip}html[lang=ar] body{font-family:Cairo,Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{background:var(--blue);color:#fff;z-index:9999;border-radius:8px;padding:.5rem 1rem;font-weight:600;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:8px}.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:24px}.nav-wrap{z-index:100;pointer-events:none;justify-content:center;padding-top:16px;display:flex;position:fixed;top:0;left:0;right:0}.nav{pointer-events:all;-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid var(--border-2);box-shadow:var(--shadow-glass), 0 4px 24px #3b82f61a;background:#ffffffe0;border-radius:100px;align-items:center;gap:8px;padding:8px 8px 8px 20px;transition:border-color .3s;display:flex}.nav-logo-img{object-fit:contain;width:113px;height:70px;display:block}.nav-logo{letter-spacing:-.02em;color:var(--t1);align-items:center;gap:8px;margin:1px 5px;font-size:1.0625rem;font-weight:800;text-decoration:none;display:flex}.logo-mark{background:var(--grad);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 12px #3b82f680}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{color:var(--t2);border-radius:100px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:all .15s;display:block}.nav-links a:hover{color:var(--t1);background:var(--glass-2)}.nav-has-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;color:var(--t2);background:0 0;border:none;border-radius:100px;align-items:center;gap:5px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.nav-dropdown-trigger:hover,.nav-has-dropdown.open .nav-dropdown-trigger{color:var(--t1);background:var(--glass-2)}.nav-chev{flex-shrink:0;transition:transform .2s}.nav-has-dropdown.open .nav-chev{transform:rotate(180deg)}.nav-dropdown{-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--border-blue);opacity:0;pointer-events:none;z-index:200;background:#ffffffeb;border-radius:18px;min-width:260px;padding:8px;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 20px 60px #3b82f624,inset 0 1px #ffffffe6}html[dir=rtl] .nav-dropdown{left:auto;right:50%;transform:translate(50%)translateY(-6px)}.nav-has-dropdown.open .nav-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}html[dir=rtl] .nav-has-dropdown.open .nav-dropdown{transform:translate(50%)translateY(0)}.nav-dropdown-item{border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.nav-dropdown-item:hover{background:#3b82f60f}.ndi-ico{border:1px solid;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-dropdown-item strong{color:var(--t1);font-size:.875rem;font-weight:700;display:block}.ndi-sub{color:var(--t3);margin-top:1px;font-size:.75rem;display:block}.mobile-nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);text-align:center;padding:8px 20px 4px;font-size:.7rem;font-weight:700}.mobile-nav-system-link{justify-content:center;align-items:center;gap:10px;display:flex!important}.nav-cta{align-items:center;gap:8px;margin-left:8px;display:flex}.nav-lang{letter-spacing:.02em;color:var(--t2);cursor:pointer;border:1.5px solid var(--border-2);background:var(--glass-1);transition:all .2s var(--spring);border-radius:100px;align-items:center;gap:5px;padding:7px 13px;font-family:inherit;font-size:.8125rem;font-weight:700;text-decoration:none;display:flex}.nav-lang:hover{color:#3b82f6;background:#3b82f60f;border-color:#3b82f659;transform:translateY(-1px)}.nav-lang svg{flex-shrink:0}.nav-btn-ghost{color:var(--t2);cursor:pointer;background:0 0;border:none;border-radius:100px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .15s}.nav-btn-ghost:hover,.nav-btn-ghost.active{color:#3b82f6}.nav-btn-solid{background:var(--grad);color:#fff;cursor:pointer;transition:all .2s var(--spring);border:none;border-radius:100px;align-items:center;min-height:38px;padding:9px 18px;font-family:inherit;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 12px #3b82f666}.nav-btn-solid:hover{transform:translateY(-1px);box-shadow:0 4px 20px #3b82f680}.nav-hamburger{background:var(--glass-2);border:1px solid var(--border-2);cursor:pointer;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:0;display:none}.nav-hamburger span{background:var(--t1);width:18px;height:2px;transition:transform .25s var(--spring), opacity .2s;transform-origin:50%;border-radius:2px;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:99;-webkit-backdrop-filter:blur(24px)saturate(180%);opacity:0;pointer-events:none;transition:opacity .25s var(--spring);background:#fffffff5;display:none;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu-inner{flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%;padding:100px 24px 48px;display:flex}.mobile-nav-links{text-align:center;flex-direction:column;gap:4px;width:100%;list-style:none;display:flex}.mobile-nav-links a{color:var(--t1);border-radius:14px;padding:14px 20px;font-size:1.25rem;font-weight:600;transition:background .15s,color .15s;display:block}.mobile-nav-links a:hover{background:var(--glass-2);color:#3b82f6}.mobile-menu-cta{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.mobile-menu-cta .nav-btn-ghost,.mobile-menu-cta .nav-btn-solid{text-align:center;justify-content:center;width:100%;padding:13px 20px;font-size:1rem}.mobile-menu-cta .nav-btn-ghost{border:1.5px solid var(--border-2);border-radius:100px}@media (width<=768px){.nav-links,.nav-desktop-only{display:none}.nav-hamburger{display:flex}.mobile-menu{display:block}.nav-wrap{pointer-events:all;-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border-2);box-sizing:border-box;background:#fffffff2;padding-top:0}.nav{width:100%;box-shadow:none;-webkit-backdrop-filter:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;justify-content:space-between;padding:10px 16px}.nav-logo{flex:1}}.wsi-section{background:var(--bg);border-top:1px solid var(--border-1);z-index:1;padding-block:100px;position:relative}.wsi-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:28px;font-size:.75rem;font-weight:700}.wsi-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:72px;display:flex}.wsi-title{letter-spacing:-.05em;background:linear-gradient(135deg, var(--t1) 0%, #3b82f6 60%, #38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,7vw,6rem);font-weight:900;line-height:.95}.wsi-cta-btn{background:var(--t1);color:#fff;transition:all .25s var(--spring);white-space:nowrap;cursor:pointer;border:none;border-radius:100px;flex-shrink:0;align-items:center;gap:14px;padding:13px 20px 13px 26px;font-family:inherit;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.wsi-cta-btn:hover{background:var(--blue);transform:translateY(-2px);box-shadow:0 6px 24px #3b82f659}.wsi-cta-icon{width:36px;height:36px;transition:transform .25s var(--spring);background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wsi-cta-btn:hover .wsi-cta-icon{transform:translate(4px)}.wsi-content{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}@media (width<=900px){.wsi-section{padding-block:60px}.wsi-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.wsi-content{grid-template-columns:1fr;gap:48px}.wsi-diagram{max-width:320px}.wsi-label{display:none}.wsi-ring-center{width:38px;height:38px}.wsi-stats{grid-template-columns:1fr 1fr;gap:10px}.wsi-stat{padding:18px 16px}}.wsi-slides-wrap{min-height:140px;margin-bottom:48px;position:relative}.wsi-slide{opacity:0;transition:opacity .6s var(--spring);pointer-events:none;position:absolute;inset:0}.wsi-slide.active{opacity:1;pointer-events:auto;position:relative}.wsi-slide-dots{gap:8px;margin-top:20px;display:flex}.wsi-dot{background:var(--border-2);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:8px;height:8px;padding:0;transition:all .2s}.wsi-dot.active{background:var(--t1);transform:scale(1.2)}.wsi-fill-text{letter-spacing:-.01em;color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}.wsi-fill-label{letter-spacing:-.04em;color:var(--t1);margin-bottom:10px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.05;display:block}.wsi-stats-label{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:20px;font-size:.75rem;font-weight:700}.wsi-stats{grid-template-columns:1fr 1fr;gap:14px;list-style:none;display:grid}.wsi-stat{background:var(--glass-2);border:1px solid var(--border-1);box-shadow:inset 0 1px 0 #ffffffe6, var(--shadow-card);border-radius:20px;padding:24px 22px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.wsi-stat:hover{border-color:var(--border-blue);box-shadow:inset 0 1px #ffffffe6,0 6px 24px #3b82f61f}.wsi-stat-icon{color:#3b82f621;pointer-events:none;width:72px;height:72px;position:absolute;bottom:-6px;right:-6px}.wsi-stat-icon svg{width:100%;height:100%}.wsi-stat-num{letter-spacing:-.04em;color:var(--t1);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1}.wsi-stat-text{color:var(--t2);margin-top:8px;font-size:.8125rem;line-height:1.5}.wsi-diagram{aspect-ratio:1;width:100%;max-width:480px;margin:auto;position:relative}.wsi-ring{border:1px solid #3b82f62e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wsi-ring-1{width:100%;height:100%;animation:40s linear infinite ringSpin}.wsi-ring-2{border-style:dashed;border-color:#3b82f638;width:78%;height:78%;animation:26s linear infinite reverse ringSpin}.wsi-ring-3{border-color:#3b82f647;width:56%;height:56%;animation:18s linear infinite ringSpin}.wsi-ring-4{background:#3b82f60f;border-color:#3b82f659;width:34%;height:34%;animation:4s ease-in-out infinite ringPulse}@keyframes ringSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes ringPulse{0%,to{box-shadow:0 0 #3b82f600}50%{box-shadow:0 0 0 12px #3b82f614}}.wsi-orbit-dot{background:var(--grad);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #3b82f6b3}.wsi-ring-2 .wsi-orbit-dot{background:linear-gradient(135deg,#38bdf8,#3b82f6);width:7px;height:7px;top:-4px}.wsi-ring-3 .wsi-orbit-dot{width:6px;height:6px;top:-3px}.wsi-ring-center{background:var(--grad);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;animation:3s ease-in-out infinite centerPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #3b82f61a,0 0 32px #3b82f673}@keyframes centerPulse{0%,to{box-shadow:0 0 0 8px #3b82f61a,0 0 32px #3b82f673}50%{box-shadow:0 0 0 16px #3b82f60d,0 0 48px #3b82f699}}.wsi-label{color:var(--t2);white-space:nowrap;letter-spacing:.02em;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex;position:absolute}.wsi-label:before{content:"";background:var(--grad);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #3b82f680}.wsi-label.main{color:var(--t1);font-size:.8rem}.wsi-label.main:before{width:9px;height:9px}.dev-section{z-index:1;background:#0f0f0f;padding-top:72px;position:relative;overflow:hidden}.dev-bg-mq{pointer-events:none;z-index:0;line-height:1;position:absolute;top:38%;left:0;right:0;overflow:hidden}.dev-bg-mq-track{will-change:transform;align-items:center;width:max-content;animation:36s linear infinite devBgScroll;display:flex}[dir=rtl] .dev-bg-mq-track{animation-direction:reverse}@keyframes devBgScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.dev-bg-word{letter-spacing:-.04em;white-space:nowrap;color:#ffffff0f;padding-inline:32px;font-size:clamp(3.5rem,8vw,7rem);font-weight:900}.dev-bg-dot{color:#ffffff0d;flex-shrink:0;font-size:clamp(2rem,4vw,4rem)}.dev-upper-wrap{z-index:2;padding-bottom:60px;position:relative}.dev-upper-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:48px;display:flex}.dev-title{letter-spacing:-.05em;color:#fff;font-size:clamp(3.5rem,10vw,9rem);font-weight:900;line-height:.92}.dev-title-bracket{color:#fff}.dev-stars-badge{color:#ffffff47;letter-spacing:.1em;flex-shrink:0;margin-top:8px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900}.dev-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.dev-desc{color:#ffffff6b;max-width:320px;font-size:.9375rem;line-height:1.72}.dev-cta-row{flex-shrink:0;align-items:center;gap:10px;display:flex}.dev-btn-dark{color:#0f0f0f;transition:all .22s var(--spring);white-space:nowrap;background:#fff;border-radius:100px;padding:10px 22px;font-size:.8125rem;font-weight:700;text-decoration:none}.dev-btn-dark:hover{background:#ffffffe0;transform:translateY(-2px)}.dev-btn-ghost{color:#ffffffa6;transition:all .22s var(--spring);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;border-radius:100px;padding:10px 22px;font-size:.8125rem;font-weight:700;text-decoration:none}.dev-btn-ghost:hover{color:#fff;background:#ffffff26;transform:translateY(-2px)}.dev-gallery{z-index:1;height:700px;position:relative;overflow:hidden}.dev-gallery-inner{grid-template-columns:repeat(4,1fr);gap:12px;height:100%;padding-inline:24px;display:grid;-webkit-mask:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}.dev-col{flex-direction:column;gap:12px;display:flex}.dev-col-a{animation:26s linear infinite devScrollUp}.dev-col-b{margin-top:-80px;animation:34s linear infinite devScrollUp}.dev-col-c{margin-top:-40px;animation:20s linear infinite devScrollUp}.dev-col-d{margin-top:-60px;animation:30s linear infinite devScrollUp}@keyframes devScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.dev-proj-img{border:1px solid #ffffff14;border-radius:18px;flex-shrink:0;overflow:hidden}.dev-proj-img img{object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.dev-proj-img:hover img{transform:scale(1.03)}.dev-hand{z-index:30;pointer-events:none;will-change:transform;width:clamp(280px,30vw,420px);position:absolute;top:0;left:50%;transform:translate(-50%)translateY(0)}.dev-hand img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.footer{z-index:1;border-top:1px solid var(--border-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#e8f4fde6;padding-block:48px;position:relative}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.footer-brand p{color:var(--t3);max-width:240px;margin-top:12px;font-size:.875rem;line-height:1.65}.footer-col h4{color:var(--t2);margin-bottom:16px;font-size:.875rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col a{color:var(--t3);font-size:.875rem;transition:color .15s}.footer-col a:hover{color:var(--t1)}.footer-bottom{border-top:1px solid var(--border-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-bottom p{color:var(--t3);font-size:.8125rem}.socials{gap:8px;display:flex}.soc{background:var(--glass-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-1);width:36px;height:36px;color:var(--t3);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:.8125rem;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff0d}.soc:hover{color:var(--t1);border-color:var(--border-blue);background:var(--glass-2)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#e8f4fd}::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#3b82f680}::selection{color:var(--t1);background:#3b82f633}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.reveal{opacity:0;transition:opacity .65s var(--spring), transform .65s var(--spring);transform:translateY(32px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .65s var(--spring), transform .65s var(--spring);transform:translate(-32px)}.reveal-right{opacity:0;transition:opacity .65s var(--spring), transform .65s var(--spring);transform:translate(32px)}.reveal-left.revealed,.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .55s var(--spring), transform .55s var(--spring);transform:scale(.94)}.reveal-scale.revealed{opacity:1;transform:scale(1)}.d1{transition-delay:80ms}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}.d6{transition-delay:.48s}