:root{--ink:#0d2031;--navy:#0b1d2e;--muted:#647586;--gold:#e3a94d;--cream:#fbfaf7;--line:#e7e6e0;--font:"IBM Plex Sans Arabic",sans-serif;--display:"Alexandria",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}.wrap{width:min(1160px,100% - 48px);margin:auto}.page-glow{z-index:-1;filter:blur(10px);opacity:.55;border-radius:50%;position:absolute}.glow-one{background:#f4e3bf;width:450px;height:450px;top:0;right:-150px}.glow-two{background:#d6ece8;width:330px;height:330px;top:700px;left:-180px}.nav{border-bottom:1px solid #dce2e1;justify-content:space-between;align-items:center;height:94px;display:flex}.brand{color:var(--ink);font:700 18px var(--display);align-items:center;gap:10px;line-height:1.05;text-decoration:none;display:flex}.brand small{color:#77909a;font:400 8px/1.4 var(--display);letter-spacing:1.8px;direction:ltr;margin-top:5px;display:block}.accent,em{color:var(--gold);font-style:normal}.brand-mark{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold);border-radius:50%;place-items:center;font-size:22px;display:grid}.nav nav{gap:28px;display:flex}.nav nav a,.nav-cta{color:#405465;font-size:14px;text-decoration:none}.nav-cta{background:var(--navy);color:#fff;border-radius:4px;padding:10px 16px}.nav-cta span{color:var(--gold);padding-right:8px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:650px;padding:75px 0 85px;display:grid}.eyebrow{letter-spacing:.2px;color:#587080;align-items:center;gap:9px;margin:0 0 20px;font-size:12px;font-weight:700;display:flex}.eyebrow i{background:var(--gold);width:28px;height:2px;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-1px;line-height:1.35}h1{margin-bottom:20px;font-size:clamp(39px,5vw,67px);font-weight:800}h2{margin-bottom:20px;font-size:clamp(30px,3.5vw,45px);font-weight:700}.lead{color:#536675;max-width:520px;font-size:17px}.hero-actions{gap:12px;margin-top:30px;display:flex}.button{font:600 14px var(--font);cursor:pointer;border:0;border-radius:4px;align-items:center;gap:17px;padding:14px 21px;text-decoration:none;display:inline-flex}.primary{background:var(--gold);color:#182b35}.primary span,.light-button span{font-size:22px;line-height:0}.ghost{color:var(--ink);border:1px solid #cbd4d6}.trust-row{color:#7a8890;align-items:center;gap:17px;margin-top:46px;font-size:12px;display:flex}.avatars{direction:ltr;display:flex}.avatars b{border:2px solid var(--cream);color:#fff;background:#466270;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:-7px;font-size:9px;display:grid}.avatars b:nth-child(2){background:#bd7d64}.avatars b:nth-child(3){background:#c3a85c}.avatars b:last-child{background:#132b3d}.hero-art{height:465px;position:relative}.hero-core{background:var(--navy);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;gap:12px;width:180px;height:180px;display:flex;position:absolute;top:137px;right:155px;box-shadow:0 27px 55px #0b1d2e55}.core-r{font:700 62px var(--display);color:var(--gold);line-height:1}.hero-core span:last-child{font:600 14px var(--display);line-height:1.5}.orbit{border:1px solid #bdc9c5;border-radius:50%;width:420px;height:420px;position:absolute;top:20px;right:28px}.o2{border-style:dashed;width:330px;height:330px;top:66px;right:70px}.orbit-dot{z-index:3;border-radius:50%;position:absolute}.d1{background:var(--gold);width:15px;height:15px;top:60px;right:155px}.d2{background:#72c5b9;width:11px;height:11px;bottom:54px;right:67px}.dashboard-card,.float-card{background:#fff;border:1px solid #e1e6e2;border-radius:8px;box-shadow:0 17px 45px #1d364315}.dashboard-card{z-index:1;width:235px;padding:17px;position:absolute;top:12px;left:5px;transform:rotate(-3deg)}.card-top{color:#607082;justify-content:space-between;font-size:11px;display:flex}.card-top b{color:#279a80}.chart{border-bottom:1px solid #e5e8e4;align-items:end;gap:9px;height:67px;padding:10px 3px 0;display:flex}.chart i{background:#d7e5e0;border-radius:3px 3px 0 0;width:12px}.chart i:first-child{height:20%}.chart i:nth-child(2){height:43%}.chart i:nth-child(3){height:38%}.chart i:nth-child(4){height:59%}.chart i:nth-child(5){height:48%}.chart i:nth-child(6){background:var(--gold);height:77%}.chart i:nth-child(7){background:var(--navy);height:100%}.chart-labels{color:#98a4aa;justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.float-card{z-index:4;padding:14px 16px;position:absolute}.float-card small{color:#6d7e8b;font-size:10px;display:block}.float-card strong{font:bold 26px var(--display);letter-spacing:-1px}.clients{bottom:42px;left:45px}.clients span{color:#82909a;font-size:9px;display:block}.clients span b{color:#37a889}.leads{width:150px;top:170px;right:0}.leads strong span{font-size:12px}.mini-bars{align-items:end;gap:3px;height:17px;display:flex}.mini-bars i{background:#9acfc5;width:12px;height:30%}.mini-bars i:nth-child(2){height:58%}.mini-bars i:nth-child(3){height:45%}.mini-bars i:nth-child(4){background:var(--gold);height:77%}.mini-bars i:nth-child(5){background:var(--navy);height:100%}.logos{border-block:1px solid var(--line);color:#9aa4a8;justify-content:space-between;align-items:center;padding:21px 0;font-size:12px;display:flex}.logos b{font:600 19px var(--display);color:#9aa4a8;opacity:.75}.section{padding:120px 0}.section-label{font:600 11px var(--display);letter-spacing:1.4px;color:var(--gold);margin-bottom:21px}.about-grid{grid-template-columns:1.1fr 1fr;gap:120px;display:grid}.about-grid p{color:#5d6f7b;font-size:17px}.text-link{color:var(--ink);border-bottom:1px solid var(--gold);margin-top:13px;padding-bottom:5px;font-weight:600;text-decoration:none;display:inline-block}.text-link span{color:var(--gold);margin-right:11px}.vision{background:#e9f2ee;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;min-height:320px;padding:50px 70px;display:grid;position:relative;overflow:hidden}.vision:after{content:"ر";color:#d8e7e0;font:900 260px var(--display);line-height:1;position:absolute;bottom:-95px;left:-10px}.vision h2{margin:0;font-size:36px}.vision>p{color:#5a6e72;z-index:1;max-width:380px}.vision-line{color:#50716d;align-items:center;gap:13px;font-size:12px;display:flex;position:absolute;bottom:27px;left:70px;right:70px}.vision-line i{background:#b7d0c6;flex:1;height:1px}.services{color:#fff;background:#0f2436}.heading-row{justify-content:space-between;align-items:end;gap:40px;display:flex}.heading-row h2{margin:0}.heading-row>p{color:#96a9b7;width:310px;margin:0;font-size:15px}.heading-row h2 span{color:var(--gold)}.service-grid{border:1px solid #345064;grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.service{background:#102a3e;border-bottom:1px solid #345064;border-left:1px solid #345064;min-height:245px;padding:26px;transition:all .25s;position:relative}.service:nth-child(3n){border-left:0}.service:nth-last-child(-n+3){border-bottom:0}.service:hover,.service.featured{background:#1b3c50;transform:translateY(-4px)}.service.featured{color:#142534;background:#dca147}.number{font:500 11px var(--display);color:#8ba0af;position:absolute;top:23px;left:24px}.featured .number{color:#62481f}.icon{color:var(--gold);margin-top:38px;font-size:27px}.featured .icon{color:#183047}.service h3{font:600 20px var(--display);margin:16px 0 5px}.service p{color:#a9bac3;max-width:250px;font-size:13px}.featured p{color:#4f4b3c}.service a{color:#fff;font-size:12px;text-decoration:none}.more-services{color:#a5b2bb;flex-wrap:wrap;align-items:center;gap:13px;margin-top:24px;font-size:12px;display:flex}.more-services b{color:#d1dae0;border:1px solid #496174;border-radius:20px;padding:4px 12px;font-weight:500}.roadmap .heading-row{align-items:center}.months{grid-template-columns:repeat(3,1fr);gap:0;margin-top:54px;display:grid}.months article{border-top:1px solid #bfc9c6;min-height:195px;padding:23px 35px 18px 0;position:relative}.months article+article{border-right:1px solid #d7ddda;padding-right:35px}.months span{color:var(--gold);font-size:12px;font-weight:600}.months h3{font:600 20px var(--display);margin:15px 0 7px}.months p{color:#6c7c84;max-width:240px;font-size:13px}.months b{font:600 42px var(--display);color:#e6eae5;position:absolute;bottom:12px;left:20px}.why{color:#132a3b;background:#dca147;padding:102px 0}.why-grid{grid-template-columns:1fr 1fr;gap:110px;display:grid}.light{color:#254153}.why h2{font-size:45px}.why h2 span{color:#fff}.why p{color:#4e4b3a;max-width:385px}.light-button{color:#fff;background:#153147;margin-top:14px}.reasons>div{border-top:1px solid #c48e3f;grid-template-columns:50px 1fr;padding:20px 0;display:grid}.reasons b{font:500 13px var(--display);color:#fff}.reasons h3{font:600 18px var(--display);margin:0 0 4px}.reasons p{margin:0;font-size:13px}.work-grid{grid-template-columns:1.05fr .95fr .95fr;gap:18px;margin-top:48px;display:grid}.project-visual{justify-content:center;align-items:center;height:285px;display:flex;position:relative;overflow:hidden}.p1 .project-visual{color:#e7d8b8;font:700 80px var(--display);background:#2a5254}.p1 i{border:1px solid #d7c8a8;border-radius:50%;width:270px;height:270px;position:absolute;top:90px;right:75px}.p2 .project-visual{color:#582a36;letter-spacing:2px;background:#e7ccca;font:500 38px Georgia,serif}.p2 i{color:#a74a61;opacity:.7;font-size:90px;position:absolute;bottom:-16px;left:15px}.p3 .project-visual{color:#291b16;font:700 80px var(--display);background:#c47d4e}.p3 i{font-size:39px;position:absolute;bottom:19px;left:25px}.project small{color:#8b9aa2;margin-top:13px;font-size:11px;display:block}.project h3{font:600 18px var(--display);margin:3px 0}.process-grid{grid-template-columns:1fr 1.05fr;gap:115px;display:grid}.steps>div{border-top:1px solid #d6dddb;grid-template-columns:45px 1fr;gap:15px;padding:17px 0;display:grid}.steps b{font:500 13px var(--display);color:var(--gold)}.steps h3{font:600 18px var(--display);margin:0}.steps p{color:#71818a;margin:4px 0 0;font-size:13px}.numbers{border:1px solid #e0e2dc;grid-template-columns:repeat(4,1fr);margin-bottom:80px;display:grid}.numbers article{border-left:1px solid #e0e2dc;padding:22px 25px}.numbers article:last-child{border-left:0}.numbers strong{font:700 39px var(--display);color:var(--navy)}.numbers strong small{color:var(--gold);font-size:20px}.numbers p{color:#71808a;margin:3px 0 0;font-size:12px}.contact{border-top:1px solid #d9dedb;grid-template-columns:1fr 1fr;gap:110px;display:grid}.contact-copy>p:not(.eyebrow){color:#63727b}.contact-details{flex-direction:column;gap:4px;margin-top:44px;font-size:14px;display:flex}.contact-details a{color:var(--ink);font-weight:600;text-decoration:none}.contact-details span{color:#849199}form{background:#f1f3ee;grid-template-columns:1fr 1fr;gap:15px;padding:28px 30px;display:grid}form label{color:#5c6d76;font-size:11px;font-weight:600}input,select,textarea{width:100%;font:13px var(--font);color:var(--ink);outline-color:var(--gold);background:#fff;border:1px solid #d9dfdb;border-radius:3px;margin-top:5px;padding:10px}textarea{resize:vertical;height:71px}form label:nth-of-type(3),form label:nth-of-type(4),form button,form .form-note{grid-column:1/-1}.form-note{color:#87949a;margin:0;font-size:10px}footer{background:var(--navy);color:#c1ced4;padding:37px 0 22px}.footer-top,.footer-bottom{justify-content:space-between;align-items:center;display:flex}.footer-top .brand{color:#fff}.footer-top p{font:500 16px var(--display);margin:0}.footer-top>a:last-child{color:#c6d5dc;font-size:12px;text-decoration:none}.footer-bottom{color:#77909e;border-top:1px solid #294155;margin-top:30px;padding-top:17px;font-size:10px}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(20px)}.reveal.in{opacity:1;transform:none}#toast{color:#fff;z-index:9;background:#153147;border-radius:5px;padding:14px 19px;font-size:13px;transition:all .3s;position:fixed;bottom:24px;right:24px;transform:translateY(90px)}#toast.show{transform:none}@media (width<=800px){.nav nav{display:none}.nav{height:78px}.nav-cta{padding:8px 10px;font-size:12px}.wrap{width:min(100% - 32px,1160px)}.hero{grid-template-columns:1fr;gap:5px;padding:55px 0}.hero-art{transform-origin:100% 0;height:390px;margin-left:-40px;transform:scale(.85)}.logos{white-space:nowrap;gap:28px;overflow:hidden}.logos b:nth-last-child(-n+2){display:none}.section{padding:78px 0}.about-grid,.why-grid,.process-grid,.contact{grid-template-columns:1fr;gap:35px}.vision{grid-template-columns:1fr;min-height:400px;padding:42px 28px}.vision-line{font-size:10px;bottom:25px;left:28px;right:28px}.heading-row{display:block}.heading-row>p{width:auto;margin-top:12px}.service-grid{grid-template-columns:1fr 1fr}.service{min-height:215px}.service:nth-child(3n){border-left:1px solid #345064}.service:nth-child(2n){border-left:0}.service:nth-last-child(-n+3){border-bottom:1px solid #345064}.service:nth-last-child(-n+2){border-bottom:0}.months,.numbers{grid-template-columns:1fr 1fr}.months article+article{border-right:0;padding-right:0}.months article:nth-child(2n){border-right:1px solid #d7ddda;padding-right:20px}.months article:last-child{padding-right:0}.why{padding:73px 0}.work-grid{grid-template-columns:1fr}.project-visual{height:250px}.numbers article:nth-child(odd){border-left:1px solid #e0e2dc}.numbers article:nth-child(2n){border-left:0}.numbers article:nth-child(-n+2){border-bottom:1px solid #e0e2dc}.contact form{padding:23px 18px}.footer-top{align-items:flex-start;gap:20px}.footer-top p{display:none}}@media (width<=440px){h1{font-size:37px}.hero-art{height:320px;margin-left:-95px;transform:scale(.72)}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:center}.service-grid,.months,.numbers,form{grid-template-columns:1fr}.service,.service:nth-child(n){border-bottom:1px solid #345064!important;border-left:0!important}.service:last-child{border-bottom:0!important}.months article:nth-child(n){border-right:0;padding-right:0}.numbers article:nth-child(n){border-bottom:1px solid #e0e2dc;border-left:0}.numbers article:last-child{border-bottom:0}.numbers{margin-bottom:35px}.footer-bottom{display:block}.footer-bottom span{margin:5px 0;display:block}}.cursor-glow{pointer-events:none;z-index:20;mix-blend-mode:multiply;background:radial-gradient(circle,#e3a94d29,#e3a94d00 68%);border-radius:50%;width:220px;height:220px;transition:transform .12s linear;position:fixed;top:-110px;left:-110px}.hero-art:before{content:"";background:radial-gradient(circle at 63% 45%,#e3a94d2e,#0000 33%);animation:5s ease-in-out infinite breathe;position:absolute;inset:0}.tech-grid{background-image:linear-gradient(#50797d17 1px,#0000 1px),linear-gradient(90deg,#50797d17 1px,#0000 1px);background-size:23px 23px;animation:12s linear infinite gridMove;position:absolute;inset:37px 28px 30px;-webkit-mask-image:radial-gradient(circle,#000 28%,#0000 72%);mask-image:radial-gradient(circle,#000 28%,#0000 72%)}.pulse-ring{z-index:1;border:1px solid #e3a94d7a;border-radius:50%;width:180px;height:180px;animation:3.4s ease-out infinite pulse;position:absolute;top:137px;right:155px}.pr2{animation-delay:1.7s}.ticker{background:var(--navy);color:#e6b763;white-space:nowrap;z-index:2;padding:12px 0;position:relative;overflow:hidden;transform:rotate(-1deg)scale(1.02)}.ticker div{width:max-content;font:600 13px var(--display);align-items:center;gap:25px;animation:24s linear infinite ticker;display:flex}.ticker i{color:#6bc8b6;font-style:normal}.service,.project,.float-card{transform-style:preserve-3d;will-change:transform}.service:after{content:"";background:linear-gradient(115deg,#0000 25%,#ffffff1f 48%,#0000 62%);transition:transform .65s;position:absolute;inset:0;transform:translate(150%)}.service:hover:after{transform:translate(-150%)}.hero-core{animation:5s ease-in-out infinite floatCore}.d1{animation:8s linear infinite orbitDot}.d2{animation:6s linear infinite reverse orbitDot}@keyframes breathe{50%{opacity:.6;transform:scale(1.1)}}@keyframes gridMove{to{background-position:46px 46px}}@keyframes pulse{0%{opacity:.7;transform:scale(.8)}80%,to{opacity:0;transform:scale(1.7)}}@keyframes ticker{to{transform:translate(50%)}}@keyframes floatCore{50%{transform:translateY(-10px)}}@keyframes orbitDot{to{transform:rotate(360deg)translate(28px)rotate(-360deg)}}@media (width<=800px){.cursor-glow{display:none}}body{background:radial-gradient(circle at 85% 2%,#fbedd2 0,transparent 20%),radial-gradient(circle at 5% 55%,#e2f1ec 0,transparent 22%),var(--cream)}body:before{content:"";pointer-events:none;z-index:-1;opacity:.18;background-image:radial-gradient(#153147 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 42%);mask-image:linear-gradient(#000,#0000 42%)}.nav{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf7ba;border-radius:0 0 28px 28px;transition:box-shadow .3s;position:sticky;top:0}.nav:hover{box-shadow:0 15px 35px #14314714}.nav nav a{padding:10px 0;transition:color .25s;position:relative}.nav nav a:after{content:"";background:var(--gold);border-radius:20px;height:2px;transition:transform .25s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav nav a:hover,.nav nav a.active{color:var(--ink)}.nav nav a:hover:after,.nav nav a.active:after{transform:scaleX(1)}.button,.nav-cta{border-radius:999px;transition:transform .2s,box-shadow .25s,background .25s;position:relative;overflow:hidden}.button:hover,.nav-cta:hover{box-shadow:0 14px 25px #14314729}.button.primary:hover{background:#f1bf68}.click-ripple{pointer-events:none;background:#ffffff85;border-radius:50%;width:10px;height:10px;animation:.62s ease-out forwards ripple;display:block;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes ripple{to{opacity:0;transform:translate(-50%,-50%)scale(22)}}.dashboard-card,.float-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;overflow:hidden}.dashboard-card:before,.float-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff94,#0000 42%);position:absolute;inset:0}.hero-core{background:linear-gradient(145deg,#12344a,#081725);border-radius:45% 55% 53% 47%/47% 44% 56% 53%;overflow:hidden}.hero-core:after{content:"";background:conic-gradient(from 30deg,#0000,#e3a94d38,#0000 34%);animation:9s linear infinite spin;position:absolute;inset:-25%}@keyframes spin{to{transform:rotate(1turn)}}.hero-core>*{z-index:1;position:relative}.orbit{border-radius:45% 55% 52% 48%/55% 45%;animation:9s ease-in-out infinite orbitMorph}.o2{animation-delay:-3s}@keyframes orbitMorph{50%{border-radius:57% 43% 44% 56%/41% 60% 40% 59%;transform:rotate(13deg)}}.logos{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff57;border-radius:28px;margin-top:18px;padding-inline:24px}.about,.roadmap,.work,.process,.contact{position:relative}.about:before,.roadmap:before,.work:before,.process:before,.contact:before{content:"";background:var(--gold);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blink;position:absolute;top:126px;right:-5px;box-shadow:0 0 0 8px #e3a94d1f}@keyframes blink{50%{opacity:.45;transform:scale(.55)}}.vision{border-radius:48px;box-shadow:0 25px 70px #2c584d1f}.service-grid{border:1px solid #7196a561;border-radius:36px;overflow:hidden}.service{border-radius:0;transition:transform .32s,background .32s,box-shadow .32s;overflow:hidden}.service:hover,.service.featured{box-shadow:inset 0 0 0 1px #fff3,0 18px 35px #00000029}.more-services b{border-radius:999px;transition:background .25s,transform .25s}.more-services b:hover{color:#112a3b;background:#e3a94d;transform:translateY(-3px)}.months{gap:18px}.months article{background:#ffffff85;border-radius:30px;transition:transform .3s,box-shadow .3s;overflow:hidden;border:1px solid #dce4df!important;padding:26px!important}.months article:after{content:"";background:radial-gradient(circle,#f8deb0,#0000 70%);border-radius:50%;width:100px;height:100px;transition:transform .4s;position:absolute;top:-42px;left:-32px}.months article:hover{transform:translateY(-9px);box-shadow:0 18px 34px #2143481a}.months article:hover:after{transform:scale(1.7)}.why{position:relative;overflow:hidden}.why:before,.why:after{content:"";border:1px solid #ffffff4d;border-radius:50%;width:410px;height:410px;animation:12s ease-in-out infinite drift;position:absolute;top:-225px;left:-105px}.why:after{width:250px;height:250px;animation-delay:-6s;top:auto;bottom:-160px;left:20%}@keyframes drift{50%{transform:translate(60px,30px)scale(1.12)}}.reasons{z-index:1;position:relative}.reasons>div{border-radius:22px;padding:20px 14px;transition:background .25s,transform .25s}.reasons>div:hover{background:#ffffff29;transform:translate(-8px)}.project{background:#ffffff73;border-radius:34px;padding:10px;transition:transform .32s,box-shadow .32s}.project:hover{box-shadow:0 22px 35px #1f404629}.project-visual{border-radius:26px}.project-visual:after{content:"";background:linear-gradient(130deg,#0000 25%,#ffffff59,#0000 62%);transition:transform .7s;position:absolute;inset:0;transform:translate(130%)}.project:hover .project-visual:after{transform:translate(-130%)}.steps{counter-reset:steps}.steps>div{border-radius:22px;padding:16px 13px;transition:background .25s,transform .25s}.steps>div:hover{background:#eef4f0;transform:translate(-7px)}.numbers{background:linear-gradient(115deg,#fff,#f0f6f3);border-radius:34px;overflow:hidden;box-shadow:0 19px 40px #1f404612}.numbers article{transition:background .25s}.numbers article:hover{background:#e3a94d1f}.numbers strong{transition:transform .3s;display:inline-block}.numbers article:hover strong{transform:scale(1.08)rotate(-2deg)}form{background:linear-gradient(145deg,#edf3ef,#f7f8f4);border-radius:36px;box-shadow:0 20px 45px #1e3e4517}input,select,textarea{border-radius:14px;transition:border-color .25s,box-shadow .25s,transform .25s}input:focus,select:focus,textarea:focus{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 20px #e3a94d29}footer{background:linear-gradient(130deg,#0c2132,#12394b);border-radius:48px 48px 0 0;margin-top:45px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.welcome-screen{z-index:100;color:#fff;background:#071827;place-items:center;transition:opacity .75s,visibility .75s;display:grid;position:fixed;inset:0;overflow:hidden}.welcome-screen:before{content:"";background:linear-gradient(125deg,#0a2f40e6,#061521f0 46%,#1b3d46d1),radial-gradient(circle at 50% 47%,#e0a94c2b,#0000 30%);position:absolute;inset:0}.welcome-screen.leave{opacity:0;visibility:hidden}.welcome-noise{opacity:.09;mix-blend-mode:soft-light;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0}.welcome-orb{filter:blur(2px);border:1px solid #e3a94d3d;border-radius:50%;animation:9s ease-in-out infinite welcomeDrift;position:absolute}.orb-a{width:660px;height:660px;top:-200px;right:-250px}.orb-b{width:510px;height:510px;animation-delay:-4s;bottom:-245px;left:-190px}@keyframes welcomeDrift{50%{transform:translate(-45px,35px)scale(1.1)}}.welcome-content{text-align:center;z-index:2;width:min(650px,100% - 40px);padding:30px 0;position:relative}.ziggurat-wrap{width:300px;height:225px;margin:0 auto 6px;animation:1.25s cubic-bezier(.18,.8,.23,1) both zigReveal;position:relative}.ziggurat{filter:drop-shadow(0 16px 23px #00000059);width:240px;height:150px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.ziggurat i{background:linear-gradient(155deg,#e9bf68,#9d662c);border-radius:4px 4px 0 0;height:35px;display:block;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff80,0 0 20px #e3a94d2e}.ziggurat i:first-child{width:240px;bottom:0}.ziggurat i:nth-child(2){width:190px;bottom:33px}.ziggurat i:nth-child(3){width:140px;bottom:66px}.ziggurat i:nth-child(4){width:85px;bottom:99px}.ziggurat b{color:#e4ae50;width:52px;height:42px;font:700 26px var(--display);z-index:1;background:#0b2333;border-radius:5px 5px 0 0;place-items:center;display:grid;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 0 25px #e3a94dcc}.ziggurat:after{content:"";filter:blur(12px);background:#e3a94d4d;border-radius:50%;height:20px;position:absolute;bottom:-14px;left:4%;right:4%}.ziggurat-rays{background:repeating-conic-gradient(from 30deg at 50% 92%,#e3a94d29 0 2deg,transparent 3deg 13deg);animation:16s linear infinite raySpin;position:absolute;inset:-25px 0 5px;-webkit-mask-image:radial-gradient(at bottom,#000,#0000 66%);mask-image:radial-gradient(at bottom,#000,#0000 66%)}@keyframes raySpin{to{transform:rotate(1turn)}}.zig-dot{background:#f4c66d;border-radius:50%;width:7px;height:7px;animation:4s ease-in-out infinite floatDot;position:absolute;box-shadow:0 0 13px #f4c66d}.zd1{top:65px;right:39px}.zd2{animation-delay:-1.4s;top:130px;left:35px}.zd3{animation-delay:-2.7s;top:27px;left:94px}@keyframes floatDot{50%{opacity:.35;transform:translateY(-16px)}}.welcome-brand{color:#b9cbd0;font:500 11px var(--display);letter-spacing:.4px;opacity:0;margin:0 0 13px;transition:all .7s .42s;transform:translateY(12px)}.welcome-brand span,.welcome-brand i{color:#e3a94d;font-style:normal}.welcome-screen h1{letter-spacing:-1.6px;margin:0;font-size:clamp(28px,4vw,48px)}.welcome-screen h1 span,.welcome-screen h1 strong{opacity:0;transition:transform .7s,opacity .7s;display:block;transform:translateY(20px)}.welcome-screen h1 strong{color:#e7b45c;transition-delay:.15s}.welcome-lines{color:#c2d0d2;margin:18px 0 25px;font-size:15px;line-height:1.85}.welcome-lines p{opacity:0;margin:2px;transition:all .65s .5s;transform:translateY(12px)}.welcome-lines p+p{transition-delay:.68s}.welcome-lines b{color:#fff}.enter-site{opacity:0;color:#112a38;font:700 14px var(--font);cursor:pointer;background:linear-gradient(120deg,#e2a94d,#f0c774);border:1px solid #e3a94db8;border-radius:999px;padding:13px 20px;transition:transform .3s,box-shadow .3s,opacity .65s .85s;transform:translateY(13px)}.enter-site:hover{box-shadow:0 14px 30px #e3a94d47;transform:translateY(-4px)!important}.enter-site span{padding-right:10px;font-size:18px}.welcome-skip{color:#6f8b93;opacity:0;margin-top:11px;transition:opacity .5s 1.1s;display:block}.welcome-screen.ready .welcome-brand,.welcome-screen.ready h1 span,.welcome-screen.ready h1 strong,.welcome-screen.ready .welcome-lines p,.welcome-screen.ready .enter-site{opacity:1;transform:none}.welcome-screen.ready .welcome-skip{opacity:1}@keyframes zigReveal{0%{opacity:0;filter:blur(8px);transform:scale(.55)translateY(30px)}to{opacity:1;transform:none}}@media (width<=520px){.ziggurat-wrap{height:185px;margin-bottom:-9px;transform:scale(.78)}.welcome-lines{font-size:13px}.welcome-screen h1{line-height:1.5}.welcome-content{padding-top:0}}.welcome-screen{background:#020b14}.welcome-screen:before{background:linear-gradient(90deg,#010a13f5,#010a1347 51%,#010a13f5),linear-gradient(#0000 54%,#010a13fa)}.welcome-content{width:min(780px,100% - 40px);padding-top:14px}.cinematic-ziggurat{perspective:900px;width:390px;height:365px;margin-bottom:-50px}.cinematic-ziggurat>img{object-fit:cover;object-position:center 63%;filter:saturate(.94)contrast(1.12);width:100%;height:100%;animation:8s ease-in-out infinite cinematicFloat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 15% 77%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 15% 77%,#0000 100%)}.cinematic-ziggurat:after{content:"";border:1px solid #eab85b3d;border-radius:50%;animation:4s ease-in-out infinite haloPulse;position:absolute;inset:15% 17% 25%;box-shadow:0 0 65px #e6a63d2e,inset 0 0 40px #e7b04a21}.ziggurat-scan{mix-blend-mode:screen;background:linear-gradient(#0000 0,#ffdc8e29 46%,#0000 53%) 0 0/100% 230%;animation:4s linear infinite scan;position:absolute;inset:9% 0 11%;-webkit-mask-image:linear-gradient(#0000,#000 12% 78%,#0000);mask-image:linear-gradient(#0000,#000 12% 78%,#0000)}.cinematic-ziggurat .ziggurat-rays{opacity:.75;inset:0 -80px 15px}.welcome-brand{letter-spacing:1px;margin-bottom:11px;font-size:12px}.welcome-screen h1{text-shadow:0 6px 28px #00000080;font-size:clamp(31px,4.2vw,52px)}.welcome-lines{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#071a276b;border:1px solid #e8bb602e;border-radius:24px;width:max-content;max-width:100%;margin-inline:auto;padding:11px 24px;font-size:16px}.enter-site{background:linear-gradient(115deg,#c38332,#f2c56e,#c8832d) 0 0/180% 100%;padding:15px 25px;animation:4s infinite buttonShine}.welcome-skip{font-size:10px}@keyframes cinematicFloat{50%{transform:translateY(-12px)scale(1.035)}}@keyframes haloPulse{50%{opacity:.5;transform:scale(1.12)}}@keyframes scan{to{background-position:0 -230%}}@keyframes buttonShine{50%{background-position:100% 0}}@media (width<=520px){.cinematic-ziggurat{height:285px;margin-bottom:-45px;transform:scale(.85)}.welcome-lines{padding:9px 12px;font-size:13px}}:root{--font:"Tajawal",sans-serif;--display:"Tajawal",sans-serif}body,button,input,select,textarea{font-family:Tajawal,sans-serif!important}html,body{overflow-x:clip}.ticker{contain:paint}.real-work{grid-template-columns:repeat(4,1fr)}.real-work .project-visual{background:#112b3b;height:245px;display:block}.real-work .project-visual img{object-fit:cover;width:100%;height:100%;transition:transform .55s;display:block}.real-work .project:hover .project-visual img{transform:scale(1.06)}.real-work .project-visual{position:relative}.project-link,.project-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#081c2acc;border:1px solid #ffffff3d;border-radius:999px;padding:5px 9px;font-size:10px;text-decoration:none;position:absolute;bottom:14px;right:14px}.app-visual img{object-position:center 24%}.system-pos img{object-position:right center}.system-menu img{object-position:left center}.real-work .project p{color:#7d8c93;margin:4px 0 0;font-size:12px}.whatsapp-float{z-index:30;color:#fff;background:#1dba61;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:fixed;bottom:22px;left:22px;box-shadow:0 13px 27px #0f5b3047}.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 18px 32px #0f5b3057}.whatsapp-float span{font-size:18px}.whatsapp-form{justify-content:center}.contact-form a.button{grid-column:1/-1}@media (width<=950px){.real-work{grid-template-columns:1fr 1fr}}@media (width<=560px){.real-work{grid-template-columns:1fr}.real-work .project-visual{height:235px}.whatsapp-float{padding:10px 13px;bottom:14px;left:14px}.whatsapp-float b{display:none}}.menu-toggle{cursor:pointer;background:0 0;border:0;width:39px;height:39px;padding:8px;display:none}.menu-toggle i{background:var(--ink);border-radius:10px;width:22px;height:2px;margin:4px auto;transition:all .25s;display:block}.value-strip{padding:105px 0}.value-grid{border-top:1px solid #d3ddda;grid-template-columns:repeat(4,1fr);display:grid}.value-grid article{border-left:1px solid #dfe6e1;min-height:184px;padding:25px 20px 20px;transition:background .25s,transform .25s}.value-grid article:first-child{border-right:1px solid #dfe6e1}.value-grid article:hover{background:#eef4f0;transform:translateY(-6px)}.value-grid span{color:#b67b27;width:31px;height:31px;font:700 11px var(--display);background:#e9f0eb;border-radius:11px;place-items:center;display:inline-grid}.value-grid h3{font:700 19px var(--display);margin:18px 0 4px}.value-grid p{color:#71818a;margin:0;font-size:12px}@media (width<=800px){.menu-toggle{order:2;display:block}.nav-cta{display:none}.nav nav{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafbf8f5;border:1px solid #e2e9e5;border-radius:23px;flex-direction:column;gap:0;padding:10px;transition:all .25s;position:fixed;inset:77px 16px auto;transform:translateY(-14px);box-shadow:0 20px 45px #0b223021;display:flex!important}.nav nav.open{opacity:1;pointer-events:auto;transform:none}.nav nav a{border-bottom:1px solid #e5ebe7;padding:12px 14px}.nav nav a:last-child{border-bottom:0}.menu-toggle.open i:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.open i:nth-child(2){opacity:0}.menu-toggle.open i:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.value-strip{padding:75px 0}.value-grid{grid-template-columns:1fr 1fr}.value-grid article:nth-child(2){border-left:0}.value-grid article:nth-child(n+3){border-top:1px solid #dfe6e1}}@media (width<=440px){.value-grid{grid-template-columns:1fr}.value-grid article,.value-grid article:first-child{border-inline:0;border-bottom:1px solid #dfe6e1}.value-grid article:last-child{border-bottom:0}}.watad-project{grid-column:span 2}.real-work .watad-gallery{background:#18392f;grid-template-columns:1.35fr 1fr 1fr;gap:4px;height:290px;padding:0;display:grid}.real-work .watad-gallery img{object-fit:cover;object-position:center;width:100%;min-width:0;height:100%;transition:transform .55s,filter .4s}.watad-gallery:hover img{filter:saturate(1.12)}.watad-gallery:hover img:nth-child(2){transform:scale(1.05)}.watad-gallery:hover img:nth-child(3){transform:scale(1.04)}html,body{width:100%;max-width:100%;overflow-x:clip}body{isolation:isolate;position:relative}img,svg,video,canvas{max-inline-size:100%}.wrap{max-width:calc(100% - 32px)}.hero,.hero-art,.welcome-screen,.ticker{max-width:100vw}@media (width<=800px){.hero{overflow:clip}.hero-art{width:100%;max-width:100%;transform-origin:top!important;margin-inline:0!important;transform:scale(.78)!important}.watad-project{grid-column:span 2}}@media (width<=560px){.watad-project{grid-column:span 1}.real-work .watad-gallery{grid-template-columns:1.18fr 1fr;height:270px}.real-work .watad-gallery img{height:133px}.real-work .watad-gallery img:first-child{grid-row:span 2;height:270px}}@media (width<=440px){.hero-art{transform-origin:top!important;transform:scale(.68)!important}.wrap{max-width:calc(100% - 28px)}}