@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap");:root{--night:#030a22;--deep:#061852;--blue:#0b59ff;--electric:#15c9ff;--ice:#dff8ff;--text:#f5f8ff;--muted:#99add5;--line:rgba(161,200,255,.2);--accent:var(--electric)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--text);font-family:Poppins,Arial,sans-serif;font-size:15px;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.25;background-image:radial-gradient(rgba(255,255,255,.32) .55px,transparent .7px);background-size:5px 5px}.site-header{position:fixed;top:22px;left:50%;transform:translateX(-50%);width:min(1180px,92vw);height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:999px;background:rgba(6,16,58,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 34px rgba(2,6,25,.45),inset 0 0 22px rgba(21,201,255,.08);z-index:50;transition:border-color .3s,box-shadow .3s}.site-header:hover{border-color:rgba(21,201,255,.55);box-shadow:0 10px 34px rgba(2,6,25,.5),inset 0 0 26px rgba(21,201,255,.14)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.1em}.brand img{width:49px;height:auto;filter:drop-shadow(0 0 10px rgba(21,201,255,.3))}.nav-links{display:flex;align-items:center;gap:31px}.nav-links a{color:var(--text);text-decoration:none;font-size:13px;font-weight:600;opacity:.85;transition:.2s}.nav-links a:hover{opacity:1;color:var(--electric)}.nav-cta{border:1px solid var(--electric);padding:10px 15px 10px 18px;border-radius:22px!important;box-shadow:inset 0 0 18px rgba(21,201,255,.12),0 0 18px rgba(21,201,255,.11)}.nav-cta b{font-size:16px;margin-left:9px}.hero{padding:168px 5.8vw 0;max-width:1440px;margin:auto;min-height:680px;position:relative}.hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(21,201,255,.17),rgba(11,89,255,.06) 42%,transparent 70%);top:-330px;left:28%;filter:blur(10px)}.eyebrow,.hero-label{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:700;color:var(--electric)}.hero-label span{display:inline-block;width:8px;height:8px;background:var(--electric);box-shadow:0 0 13px var(--electric);border-radius:50%;margin-right:9px}.brief h2,.hero h1,.section-intro h2,.services h2{font-size:clamp(54px,7.5vw,109px);line-height:.92;letter-spacing:-.075em;margin:52px 0 75px;font-weight:700;position:relative;z-index:2}.hero h1{background:linear-gradient(120deg,#fff 25%,#c9f8ff 55%,#58bbff);-webkit-background-clip:text;color:transparent}.hero h1 em,.statement em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-bottom{display:flex;align-items:end;gap:100px;position:relative;z-index:3}.hero-bottom p{width:300px;line-height:1.8;color:var(--muted);margin:0}.circle-link{height:126px;width:126px;border:1px solid rgba(21,201,255,.7);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:white;font-size:11px;font-weight:600;transition:.3s;box-shadow:0 0 25px rgba(21,201,255,.1)}.circle-link:hover{background:var(--electric);color:var(--night);box-shadow:0 0 35px rgba(21,201,255,.55)}.circle-link strong{font-size:20px;font-weight:400;margin-top:4px}.hero-art{position:absolute;right:1vw;bottom:0;width:54%;height:490px;border:1px solid rgba(131,205,255,.2);border-radius:250px 250px 0 0;background:linear-gradient(145deg,#082871,#06103a 70%);box-shadow:inset 0 0 70px rgba(21,201,255,.14),0 0 50px rgba(11,89,255,.18)}.hero-art:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 70% 40%,transparent 0 33px,rgba(102,200,255,.12) 34px 35px);opacity:.75}.sun{width:225px;height:225px;background:radial-gradient(circle at 35% 35%,#e5fcff,#16d4ff 35%,#075cff 70%);right:1px;top:72px;box-shadow:0 0 50px #148dff}.orb,.sun{position:absolute;border-radius:50%}.orb{background:var(--electric);z-index:1}.orb-one{width:280px;height:280px;right:155px;bottom:-45px;background:radial-gradient(circle at 35% 35%,#97f5ff,#129cff 45%,#0838b7);box-shadow:0 0 55px rgba(21,201,255,.6)}.orb-two{width:65px;height:65px;right:315px;top:105px;background:#c5fbff;box-shadow:0 0 30px white}.section-pad{padding:155px 5.8vw;max-width:1440px;margin:auto}.work{padding-top:145px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:67px}.brief h2,.section-intro h2,.services h2{font-size:clamp(45px,5.5vw,76px);margin:25px 0 0}.section-intro p{width:255px;line-height:1.75;color:var(--muted);margin:0 8% 8px 0}.project-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:16px;gap:16px}.project{min-height:388px;text-decoration:none;color:#fff;position:relative;overflow:hidden;padding:29px;display:block;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--deep),var(--night));transition:transform .35s,border-color .35s}.project:hover{transform:translateY(-7px);border-color:var(--accent)}.project-large{grid-row:span 2;min-height:792px}.project-copy{height:100%;display:flex;flex-direction:column;position:relative;z-index:3}.project-copy span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent)}.project-copy h3{font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.06em;margin:22px 0;font-weight:700}.project-copy small{font-size:12px;margin-top:auto;color:#d9efff}.project-copy b{font-size:17px;float:right;margin-left:14px}.mobile-art{bottom:0;width:46%;height:88%}.erp-art,.mobile-art{position:absolute;right:6%}.erp-art{bottom:8%;width:78%;height:62%}.browser-art{position:absolute;right:6%;bottom:6%;width:80%;height:64%}.browser-art svg,.erp-art svg,.mobile-art svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 22px var(--accent))}.device-frame{fill:rgba(255,255,255,.04);stroke:var(--line);stroke-width:2}.device-screen{fill:rgba(3,10,34,.6)}.browser-bar,.screen-bar{fill:rgba(255,255,255,.06)}.screen-line{fill:var(--ice);opacity:.85}.screen-line.dim{opacity:.45}.screen-card{fill:rgba(223,248,255,.12);stroke:rgba(223,248,255,.35);stroke-width:1}.glow-dot{fill:var(--accent);filter:drop-shadow(0 0 18px var(--accent))}.nav-dot{fill:rgba(255,255,255,.25)}.nav-dot.active{fill:var(--accent)}.chart-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bar{fill:var(--ice);opacity:.85}.dot{fill:rgba(255,255,255,.35)}.address-bar{fill:rgba(255,255,255,.08)}.text-link{display:inline-block;margin-top:45px;color:var(--electric);font-weight:600;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}.text-link span{font-size:20px;margin-left:40px}.recent-project{display:flex;flex-direction:column;gap:3px;margin:20px 0 auto}.recent-project span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:rgba(255,255,255,.6)}.recent-project strong{font-size:16px;font-weight:600;color:#fff}.work-category{padding-top:0}.category-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.category-project{display:block;text-decoration:none;color:#fff;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--deep),var(--night));transition:transform .3s,border-color .3s}.category-project:hover{transform:translateY(-6px);border-color:var(--accent)}@keyframes card-pop{0%{transform:scale(1)}45%{transform:scale(.95)}to{transform:scale(1)}}.category-project.card-pop,.project.card-pop{animation:card-pop .32s cubic-bezier(.34,1.56,.64,1)}.category-project .project-copy h3{font-size:clamp(24px,2.6vw,32px);margin:16px 0}.services{max-width:none;background:linear-gradient(125deg,#061950,#020617 70%);color:white;display:grid;grid-template-columns:44% 56%;grid-gap:30px;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services h2{margin-top:25px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:52px 1fr .9fr;grid-gap:20px;gap:20px;padding:31px 0;border-bottom:1px solid var(--line)}.service-list span{font-size:11px;color:var(--electric)}.service-list h3{font-size:24px;line-height:1.15;letter-spacing:-.04em;margin:0}.service-list p{font-size:13px;line-height:1.7;margin:2px 0;color:var(--muted)}.brief{background:linear-gradient(135deg,#073dbe,#0f8eff);max-width:none;display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:8vw;gap:8vw;align-items:center}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:4vw;background:rgba(3,10,34,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlay-fade .25s ease both}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.modal-panel{position:relative;width:100%;max-width:980px;max-height:88vh;overflow-y:auto;border-radius:26px;padding:70px 5vw;box-shadow:0 40px 90px rgba(2,6,25,.55)}.modal-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.modal-close:hover{background:rgba(255,255,255,.22);transform:rotate(90deg)}.reveal{animation:reveal .5s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brief h2{margin:26px 0}.brief-intro p{max-width:305px;line-height:1.7}.contact-detail{display:flex;align-items:center;gap:14px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:60px;padding:14px 20px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:transform .25s,background .25s,border-color .25s}.contact-detail:hover{transform:translateY(-3px);background:rgba(255,255,255,.18);border-color:#fff}.contact-icon{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:16px}.contact-text{display:flex;flex-direction:column;gap:2px}.contact-text small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.contact-text strong{font-size:15px;font-weight:700}.contact-arrow{margin-left:2px;font-size:15px;transition:transform .25s}.contact-detail:hover .contact-arrow{transform:translate(3px,-3px)}form{padding-top:7px}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;margin-bottom:32px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.55);background:transparent;padding:12px 0 11px;font-family:inherit;font-size:14px;color:white;outline:none;border-radius:0}input::placeholder,textarea::placeholder{color:rgba(255,255,255,.62)}select{background:url("data:image/svg+xml,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 5px center}textarea{height:95px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.form-footer p{font-size:10px;line-height:1.6;max-width:180px}.form-footer button{font-family:inherit;background:#fff;color:#06308e;border:0;border-radius:26px;padding:15px 18px 15px 22px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 7px 24px rgba(0,0,0,.2)}.form-footer button:disabled{opacity:.65}.form-footer button span{font-size:18px;margin-left:20px}.form-status{margin-top:15px;font-size:12px;font-weight:600}.form-status.success{color:white}footer{max-width:1440px;margin:auto;padding:37px 5.8vw;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}footer p{margin:0}footer div{display:flex;gap:22px}footer a{color:var(--ice);text-decoration:none}.brand span{color:var(--text)}@media(max-width:760px){.site-header{top:14px;height:64px;padding:0 22px;width:94vw}.nav-links{gap:12px}.nav-links a:not(.nav-cta){display:none}.hero{padding:110px 6vw 0;min-height:610px}.hero h1{margin:37px 0 48px;font-size:58px}.hero-bottom{display:block}.hero-bottom p{font-size:13px;width:260px}.circle-link{margin-top:30px;width:96px;height:96px;font-size:9px}.hero-art{width:74%;height:250px;right:0;bottom:0}.sun{width:130px;height:130px;top:50px}.orb-one{width:160px;height:160px;right:80px}.orb-two{width:43px;height:43px;right:180px;top:65px}.section-pad{padding:90px 6vw}.section-intro{display:block;margin-bottom:35px}.section-intro p{margin:25px 0 0;width:auto}.project-grid{grid-template-columns:1fr}.project-large{grid-row:auto;min-height:500px}.project{min-height:330px}.services{display:block}.services-head{margin-bottom:55px}.service-list article{grid-template-columns:35px 1fr;gap:12px}.service-list p{grid-column:2}.brief{display:block}.brief-intro{margin-bottom:55px}.contact-detail{margin-top:45px}.form-row{grid-template-columns:1fr;gap:0}.form-footer{align-items:flex-end}.form-footer button{white-space:nowrap}.form-footer p{margin:0 15px 0 0}footer{padding:30px 6vw;display:grid;grid-gap:18px;gap:18px}.brand img{width:42px}.category-list{grid-template-columns:1fr}.category-project{padding:20px}.browser-art,.erp-art,.mobile-art{opacity:.7}.modal-overlay{padding:0}.modal-panel{max-width:none;max-height:100vh;height:100vh;border-radius:0;padding:80px 6vw 50px}.modal-close{top:16px;right:16px}.gallery-grid{grid-template-columns:1fr}}.gallery-intro{max-width:640px;margin-bottom:40px}.gallery-intro p{color:var(--muted);line-height:1.7;margin:14px 0 0}.gallery-intro .text-link{margin-top:28px}.modal-panel.gallery{max-width:1100px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.gallery-grid img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(2,6,25,.35);cursor:pointer;transition:transform .3s,border-color .3s}.gallery-grid img:hover{transform:scale(1.02);border-color:var(--accent)}.lightbox-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:4vw;background:rgba(2,6,25,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlay-fade .25s ease both}.lightbox-image{max-width:92vw;max-height:88vh;width:auto;height:auto;display:block;border-radius:14px;box-shadow:0 40px 90px rgba(2,6,25,.6);cursor:default;animation:reveal .3s ease both}.field{margin-bottom:32px}.field-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;margin-bottom:12px}.select{position:relative}.select-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.55);background:transparent url("data:image/svg+xml,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 5px center;padding:12px 22px 11px 0;font-family:inherit;font-size:14px;color:#fff;text-align:left;cursor:pointer;transition:border-color .2s}.select-trigger em{font-style:normal;color:rgba(255,255,255,.62)}.select.open .select-trigger{border-color:#fff}.select-options{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:20;max-height:230px;overflow-y:auto;list-style:none;margin:0;padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(150deg,var(--deep),var(--night));box-shadow:0 20px 45px rgba(2,6,25,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:reveal .18s ease both}.select-options li{padding:10px 12px;border-radius:9px;font-size:13px;color:var(--text);cursor:pointer;transition:background .15s,color .15s}.select-options li.active,.select-options li:hover{background:rgba(21,201,255,.16);color:var(--electric)}.select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;padding:0;border:0;background:none}.lang-switch{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.05em}.lang-switch a{color:var(--muted);text-decoration:none;opacity:.75;transition:.2s}.lang-switch a:hover{opacity:1}.lang-switch a.active{color:var(--electric);opacity:1}[dir=rtl] body{font-family:Cairo,Poppins,Arial,sans-serif}[dir=rtl] .hero h1 em,[dir=rtl] h2 em{font-family:Cairo,serif;font-weight:700}[dir=rtl] .project-copy b{float:left}[dir=rtl] select{background-position:left 5px center}