:root{color-scheme:dark;--navy:#0b1f4b;--navy-deep:#06132f;--blue:#2563ff;--blue-grad:#2563eb;--cyan:#00d4ff;--cyan-grad:#06b6d4;--purple:#5b2eff;--pale:#eaf4ff;--paper:#f5f8ff;--white:#fff;--muted:#a5b5d0;--line:rgba(198,218,255,.14);--body:"IBM Plex Sans Arabic","Manrope",Arial,sans-serif;--latin:"Manrope","IBM Plex Sans Arabic",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--navy-deep);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.site-header{height:84px;position:absolute;z-index:10;top:0;left:0;right:0;padding:0 max(6.2%,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(217,231,255,.11);background:rgba(6,19,47,.42);backdrop-filter:blur(14px)}.brand,.footer-brand{display:flex;align-items:center}.brand img{display:block;width:139px;height:62px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:500;color:#cfdaef}.site-nav>a{transition:color .2s}.site-nav>a:hover{color:var(--cyan)}.language-toggle{border:1px solid rgba(208,226,255,.3);background:rgba(255,255,255,.04);border-radius:30px;padding:9px 15px;color:var(--white);font:700 10px var(--latin);cursor:pointer;letter-spacing:.4px}.language-toggle span{color:var(--cyan);margin-inline-start:7px}.menu-toggle{display:none}.hero{min-height:730px;max-width:1600px;margin:auto;padding:140px max(8.6%,calc((100vw - 1320px)/2)) 93px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 79% 49%,rgba(37,99,255,.2),transparent 37%),linear-gradient(132deg,#071431 0%,#0b1f4b 57%,#091638 100%)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(191,218,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(191,218,255,.027) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:580px}.eyebrow{margin:0 0 22px;display:flex;align-items:center;gap:12px;color:#9fb4d5;font-size:10px;font-weight:700;letter-spacing:1.4px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{max-width:630px;font-size:clamp(48px,5.4vw,77px);line-height:1.2;font-weight:700;margin:0 0 19px}h1 em,h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--cyan),#77b4ff 45%,#b3a0ff);-webkit-background-clip:text;background-clip:text}.hero-description{max-width:510px;color:#b7c6df;font-size:15px;line-height:2;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:26px}.button{min-height:48px;padding:13px 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:12px;font-weight:700;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(105deg,var(--blue),#227be8 60%,#08a9d5);box-shadow:0 9px 28px rgba(37,99,255,.22)}.button-primary:hover{box-shadow:0 13px 35px rgba(0,212,255,.25)}.button-arrow{font:18px var(--latin)}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:11px;font-weight:600;color:#d0def2}.text-link span:last-child{color:var(--cyan);font-size:15px}.hero-signature{display:flex;align-items:center;gap:11px;margin-top:41px;color:#92a7c7;font-size:10px}.signature-mark{width:28px;height:28px;border:1px solid rgba(0,212,255,.4);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:700 11px var(--latin)}.hero-visual{aspect-ratio:1;max-width:490px;width:100%;justify-self:center;position:relative;display:grid;place-items:center;z-index:2}.visual-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(146,181,243,.22);border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:75%;height:75%;animation:orbit 30s linear infinite}.orbit-b{width:99%;height:99%;border-style:dashed;border-color:rgba(146,181,243,.17);animation:orbit 50s linear infinite reverse}.visual-center{width:38%;height:38%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(32,101,250,.28),rgba(91,46,255,.2));border:1px solid rgba(143,196,255,.4);box-shadow:0 0 70px rgba(37,99,255,.3),inset 0 0 40px rgba(0,212,255,.08);overflow:hidden}.visual-center img{width:129%;height:129%;object-fit:contain;mix-blend-mode:screen}.orbit-node{position:absolute;width:72px;height:72px;border:1px solid rgba(161,192,243,.32);border-radius:19px;background:linear-gradient(145deg,rgba(19,51,111,.96),rgba(7,25,65,.98));box-shadow:0 12px 32px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;animation:float 5s ease-in-out infinite}.orbit-node>span{font-size:20px;line-height:1;background:linear-gradient(135deg,var(--cyan),#9e84ff);color:transparent;background-clip:text;-webkit-background-clip:text}.orbit-node small{color:#d4e2fc;font:600 7px var(--latin);letter-spacing:.4px}.node-marketing{top:10%;left:45%;animation-delay:-1s}.node-automation{bottom:20%;right:1%;animation-delay:-2.5s}.node-design{bottom:16%;left:5%;animation-delay:-.5s}.visual-caption{position:absolute;bottom:0;display:flex;align-items:center;gap:9px;color:#aabbd5;font-size:10px}.caption-pulse{width:7px;height:7px;background:#4ce6ba;border-radius:50%;box-shadow:0 0 12px rgba(76,230,186,.8)}.hero-spark{position:absolute;color:#85eaff}.spark-a{right:17%;top:23%;font-size:16px}.spark-b{left:16%;top:39%;font-size:13px}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none}.glow-one{width:200px;height:200px;background:var(--blue);right:39%;top:15%}.glow-two{width:150px;height:150px;background:var(--purple);left:11%;bottom:6%}.scroll-cue{position:absolute;bottom:22px;left:50%;width:22px;height:37px;border:1px solid rgba(212,229,255,.34);border-radius:20px;display:grid;place-items:start center;padding-top:7px;z-index:3}.scroll-cue span{width:3px;height:7px;background:var(--cyan);border-radius:2px;animation:scroll 1.5s ease infinite}.section-wrap{max-width:1320px;margin:0 auto;padding-left:7%;padding-right:7%}.services{padding-top:116px;padding-bottom:125px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:39px}.eyebrow-light{margin-bottom:18px}.heading-rule{display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.section-heading h2,.about h2,.contact h2{font-size:clamp(32px,4vw,52px);line-height:1.3;font-weight:600;margin:0}.section-heading>p{max-width:305px;color:#9eafcb;font-size:12px;line-height:1.9;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-card{position:relative;text-align:start;min-height:236px;padding:24px 23px 21px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(19,43,89,.72),rgba(9,27,65,.74));color:var(--white);cursor:pointer;transition:transform .25s,border-color .25s,background .25s;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 5%,rgba(37,99,255,.14),transparent 40%);opacity:0;transition:opacity .25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.45);background-color:#102b65}.service-card:hover:before{opacity:1}.service-icon{position:relative;z-index:1;width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font:500 20px var(--latin);background:rgba(37,99,255,.13)}.icon-blue{color:#72a3ff;background:rgba(37,99,255,.15)}.icon-purple{color:#b59cff;background:rgba(91,46,255,.15)}.icon-cyan{color:#58e5ff;background:rgba(0,212,255,.1)}.icon-green{color:#5ce7bc;background:rgba(33,196,141,.12)}.service-index{position:absolute;top:27px;inset-inline-end:23px;color:#6880a7;font:500 10px var(--latin);letter-spacing:.8px}.service-card h3{font-size:16px;line-height:1.5;font-weight:600;margin:17px 0 6px}.service-card p{max-width:320px;color:#9eafcb;font-size:11px;line-height:1.8;margin:0 0 15px}.card-more{display:flex;align-items:center;gap:9px;color:#80b4ff;font-size:10px;font-weight:600}.card-more span:last-child{font-size:15px;color:var(--cyan);transition:transform .2s}.service-card:hover .card-more span:last-child{transform:translate(-3px,-3px)}.about{padding-top:36px;padding-bottom:122px;display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:10%}.about-art{height:408px;position:relative;overflow:hidden;border:1px solid rgba(181,208,255,.17);border-radius:15px;background:radial-gradient(ellipse at 50% 45%,rgba(37,99,255,.28),transparent 50%),linear-gradient(135deg,#0e2862,#071631)}.about-gradient{position:absolute;width:72%;aspect-ratio:1;left:14%;top:13%;border-radius:50%;background:conic-gradient(from 210deg,rgba(37,99,255,.0),rgba(0,212,255,.45),rgba(91,46,255,.52),rgba(37,99,255,.0));filter:blur(22px);animation:orbit 22s linear infinite}.about-logo{position:absolute;width:210px;height:140px;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 15px 30px rgba(0,0,0,.25))}.about-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.about-orbit{position:absolute;border:1px solid rgba(179,208,255,.19);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.about-orbit-a{width:340px;height:230px;rotate:-29deg}.about-orbit-b{width:430px;height:300px;rotate:34deg}.about-note{position:absolute;bottom:24px;inset-inline-start:26px;color:#7f98bc;font:600 8px/1.8 var(--latin);letter-spacing:2px}.about-note b{color:#bed3f2}.about-copy{max-width:510px}.about-copy h2{margin-bottom:19px}.about-copy>p:not(.eyebrow){color:#aabbd4;font-size:13px;line-height:2;margin-bottom:23px}.contact{padding-top:0;padding-bottom:105px}.contact-panel{position:relative;overflow:hidden;border:1px solid rgba(158,195,255,.2);border-radius:16px;padding:58px 7%;display:flex;align-items:center;justify-content:space-between;gap:32px;background:radial-gradient(ellipse at 82% 100%,rgba(91,46,255,.25),transparent 45%),linear-gradient(110deg,#102a62,#0b2050 55%,#092455)}.contact-panel:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(156,195,255,.11);border-radius:50%;top:-210px;inset-inline-end:17%}.contact-copy,.contact-action{position:relative;z-index:1}.contact-copy{max-width:600px}.contact-copy .eyebrow{margin-bottom:12px}.contact h2{font-size:clamp(31px,4vw,47px);margin-bottom:10px}.contact-copy>p:last-child{color:#adbedb;font-size:12px;margin:0;line-height:1.8}.contact-action{display:flex;align-items:center;gap:23px;flex-shrink:0}.contact-star{font-size:35px;color:var(--cyan);text-shadow:0 0 22px rgba(0,212,255,.55);animation:spin 18s linear infinite}.button-contact{background:#f5f8ff;color:#0b1f4b}.button-contact .button-arrow{color:var(--blue)}.site-footer{max-width:1320px;margin:auto;padding:25px 7% 28px;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);color:#8fa3c4;font-size:10px}.footer-brand img{width:92px;height:47px;object-fit:contain}.site-footer>span:nth-of-type(1){margin-inline-end:auto}.back-top{display:flex;align-items:center;gap:8px;color:#d3def0}.back-top span:last-child{color:var(--cyan)}.copyright{font:500 9px var(--latin);letter-spacing:.6px;color:#6d82a5}.service-dialog{width:min(500px,calc(100% - 32px));padding:42px;border:1px solid rgba(136,179,255,.32);border-radius:16px;background:linear-gradient(145deg,#102b66,#071735);color:var(--white);box-shadow:0 30px 100px rgba(0,0,0,.5);text-align:start}.service-dialog::backdrop{background:rgba(3,10,27,.76);backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:13px;inset-inline-end:15px;width:34px;height:34px;border:1px solid rgba(196,216,255,.24);border-radius:50%;background:transparent;color:#dbe8ff;font-size:22px;cursor:pointer}.dialog-icon{width:42px;height:42px;margin-bottom:21px;border-radius:11px;display:grid;place-items:center;color:var(--cyan);background:rgba(0,212,255,.1);font:22px var(--latin)}.service-dialog .eyebrow{font-size:9px;margin-bottom:10px}.service-dialog h2{font-size:27px;margin:0 0 12px}.dialog-description{color:#acbeda;font-size:13px;line-height:1.9;margin-bottom:25px}.dialog-cta{font-size:11px}.reveal{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.lang-en{font-family:var(--latin)}.lang-en .site-nav{font:500 12px var(--latin)}.lang-en .service-card{text-align:left}.lang-en .hero-signature{font-family:var(--latin)}.lang-en .hero-actions{justify-content:flex-start}.lang-en .service-card h3{letter-spacing:-.03em}.lang-en .eyebrow{font-family:var(--latin)}.lang-en .service-index{font-family:var(--latin)}.lang-en .card-more{font-family:var(--latin)}.lang-en .contact-action{font-family:var(--latin)}
@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes scroll{0%{transform:translateY(0);opacity:1}75%{transform:translateY(11px);opacity:.1}100%{transform:translateY(0);opacity:0}}@keyframes spin{to{rotate:360deg}}
@media(max-width:900px){.site-header{padding-inline:5%}.hero{padding-inline:6%;gap:3%;min-height:650px}.hero-visual{max-width:390px}.section-wrap{padding-inline:6%}.service-card{padding:21px 18px;min-height:248px}.service-index{inset-inline-end:18px}.about{gap:7%}.about-art{height:345px}.contact-panel{padding:48px 5%}.contact-action{gap:13px}}
@media(max-width:700px){html{scroll-padding-top:74px}.site-header{height:72px;padding-inline:5%;position:absolute}.brand img{width:119px;height:54px}.menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:1px solid rgba(208,226,255,.27);border-radius:9px;background:rgba(255,255,255,.04);cursor:pointer}.menu-toggle span{display:block;width:17px;height:1.5px;background:#e3edff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.site-nav{display:none;position:absolute;top:71px;left:4%;right:4%;padding:19px;border:1px solid rgba(190,215,255,.18);border-radius:12px;background:#0b1f4b;box-shadow:0 20px 45px rgba(0,0,0,.34);align-items:stretch;gap:0;flex-direction:column}.site-nav.is-open{display:flex}.site-nav>a{padding:13px 5px;border-bottom:1px solid rgba(206,223,255,.1)}.language-toggle{align-self:flex-start;margin-top:14px}.hero{min-height:0;padding:124px 7% 70px;grid-template-columns:1fr;gap:26px}.hero-copy{max-width:none}.eyebrow{font-size:9px}.hero h1{font-size:clamp(43px,12vw,62px);line-height:1.24}.hero-description{font-size:13px;line-height:1.9}.hero-signature{margin-top:27px}.hero-visual{width:min(100%,400px);justify-self:center}.scroll-cue{display:none}.section-wrap{padding-inline:7%}.services{padding-top:79px;padding-bottom:76px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:25px}.section-heading h2,.about h2{font-size:35px}.section-heading>p{max-width:400px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{min-height:223px;padding:17px 15px}.service-card h3{font-size:14px;margin-top:14px}.service-card p{font-size:10px}.service-index{top:22px;inset-inline-end:14px}.service-icon{width:35px;height:35px}.about{padding-top:7px;padding-bottom:80px;grid-template-columns:1fr;gap:31px}.about-art{height:310px;max-width:480px;width:100%;justify-self:center}.about-copy>p:not(.eyebrow){font-size:12px}.contact{padding-bottom:65px}.contact-panel{padding:33px 24px;align-items:flex-start;flex-direction:column;gap:26px}.contact h2{font-size:34px}.contact-copy>p:last-child{font-size:11px}.site-footer{padding:19px 6%;gap:14px;flex-wrap:wrap}.footer-brand img{width:80px;height:41px}.site-footer>span:nth-of-type(1){margin-inline-end:auto}.copyright{width:100%;text-align:center;padding-top:12px;border-top:1px solid var(--line)}.service-dialog{padding:35px 26px}.service-dialog h2{font-size:24px}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-card{min-height:206px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-visual{width:95%}.contact-action{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}