/* Local font files keep the typography consistent in the in-app preview and offline. */
@font-face{font-family:"IBM Plex Sans Arabic";src:url("assets/fonts/ibm-plex-sans-arabic-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("assets/fonts/ibm-plex-sans-arabic-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("assets/fonts/ibm-plex-sans-arabic-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("assets/fonts/ibm-plex-sans-arabic-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("assets/fonts/outfit-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("assets/fonts/outfit-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("assets/fonts/outfit-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("assets/fonts/outfit-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("assets/fonts/outfit-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}

:root{--ink:#07111f;--ink2:#0c192b;--navy:#0a1527;--white:#f7f9fc;--muted:#9da8b9;--line:rgba(186,208,235,.17);--cyan:#48e4ff;--cyan2:#00adcf;--gold:#f6b528;--gold-light:#ffd973;--text:#10203a;--light-bg:#eff3f7;--card:#102139;--ease:cubic-bezier(.16,1,.3,1);--shell:min(1180px,calc(100vw - 64px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.en{font-family:Outfit,"Segoe UI",Arial,sans-serif}.shell{width:var(--shell);margin-inline:auto}.section-dark{background:var(--ink);color:var(--white);position:relative}.section-light{background:var(--light-bg);color:var(--text);position:relative}.noise{position:fixed;z-index:20;pointer-events:none;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:screen}.page-glow{position:fixed;width:48vw;aspect-ratio:1;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.08}.glow-one{background:#0046b8;top:-15%;inset-inline-start:-20%;animation:drift 16s ease-in-out infinite}.glow-two{background:#075b78;bottom:0;inset-inline-end:-24%;animation:drift 22s ease-in-out infinite reverse}#constellation{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.35}.skip-link{position:fixed;top:-100px;inset-inline-start:20px;background:var(--gold);color:#000;padding:11px 17px;z-index:1000;border-radius:0 0 8px 8px;font-weight:700}.skip-link:focus{top:0}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--gold));transform:scaleX(0);transform-origin:left center;z-index:60;pointer-events:none;will-change:transform;transition:transform .12s linear}.site-header{position:absolute;inset-inline:0;top:0;z-index:50;border-bottom:1px solid transparent;transition:background .4s ease,border .4s ease,backdrop-filter .4s ease}.site-header.sticky{position:fixed;background:rgba(7,17,31,.83);border-color:var(--line);backdrop-filter:blur(16px)}.nav-shell{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;z-index:3}.brand img{width:42px;height:auto;display:block}.brand-name{font-weight:800;font-size:15px;letter-spacing:-.01em;color:#fff;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:28px;margin-inline-start:auto}.desktop-nav a,.footer-links a{color:#cdd6e4;text-decoration:none;font-size:13px;font-weight:700;transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:15px}.lang-toggle{width:51px;height:29px;border-radius:20px;background:transparent;border:1px solid rgba(175,204,235,.35);color:#fff;display:flex;align-items:center;justify-content:space-evenly;font-family:inherit;font-size:12px;cursor:pointer;padding:2px}.lang-toggle span{opacity:1}.lang-toggle b{font-size:13px;opacity:.55}.lang-toggle i{width:2px;height:12px;background:rgba(255,255,255,.35)}.en .lang-toggle span{opacity:.55}.en .lang-toggle b{opacity:1}.nav-contact{font-size:12px;font-weight:800;text-decoration:none;color:#061320;background:var(--cyan);padding:11px 16px;border-radius:2px;transition:transform .25s var(--ease),box-shadow .25s}.nav-contact:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d5ff44}.menu-toggle{display:none;background:transparent;border:0;width:34px;height:28px;position:relative;cursor:pointer}.menu-toggle span{position:absolute;inset-inline-end:0;width:25px;height:2px;background:#fff;transition:.3s}.menu-toggle span:first-child{top:8px}.menu-toggle span:last-child{top:17px;width:16px}.menu-toggle.active span:first-child{transform:rotate(45deg);top:13px}.menu-toggle.active span:last-child{width:25px;transform:rotate(-45deg);top:13px}.mobile-menu{display:none}.hero{min-height:795px;padding-top:157px;overflow:hidden;isolation:isolate}.hero:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(7,17,31,.12) 61%,var(--ink) 110%);pointer-events:none;z-index:-1}.hero-grid-lines{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(68,161,205,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(68,161,205,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black 10%,transparent 88%)}.hero-layout{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:510px;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:30px}.eyebrow,.kicker{margin:0 0 21px;color:var(--cyan);font-family:DM Mono,Tajawal,monospace;text-transform:uppercase;letter-spacing:.055em;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px}.pulse-dot{height:8px;width:8px;border-radius:100%;background:var(--cyan);box-shadow:0 0 0 0 rgba(72,228,255,.6);animation:pulse 2s infinite}.line{height:1px;width:30px;background:currentColor}.hero h1,.section-heading h2,.work h2,.proof h2,.aleppo-now h2,.future h2,.contact h2,.intro h2{font-size:clamp(45px,5vw,74px);line-height:.985;letter-spacing:-.06em;margin:0;font-weight:900}.hero h1 em,.section-heading h2 em,.work h2 em,.proof h2 em,.aleppo-now h2 em,.future h2 em,.contact h2 em,.intro h2 em{font-style:normal;position:relative;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,var(--cyan),var(--gold-light) 82%);-webkit-background-clip:text;background-clip:text}.hero h1 em:after{content:"";position:absolute;height:7px;inset-inline:4%;bottom:-9px;background:var(--gold);opacity:.86;transform:skewX(-23deg)}.hero h1 em:after{display:none}.hero-brand{display:block;font-size:.36em;line-height:1.15;font-weight:700;letter-spacing:0;color:var(--gold);margin-bottom:.35em}.en .hero-brand{text-transform:uppercase;letter-spacing:.05em}.hero-text{color:#b3c0d2;font-size:17px;line-height:1.8;max-width:500px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:16px}.button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:800;transition:transform .25s var(--ease),background .25s,border-color .25s;min-height:52px;padding:0 20px}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--cyan);color:#04121e;box-shadow:0 9px 30px rgba(0,197,232,.17)}.button-primary .arrow{font-size:21px;line-height:0;transition:transform .3s var(--ease)}.button-primary:hover .arrow{transform:translate(4px,-4px)}.button-quiet{color:#f1f7ff;border:1px solid var(--line);padding-inline:16px;gap:9px}.button-quiet:hover{background:#ffffff0d;border-color:#93dcf1}.play-icon{font-size:12px;border:1px solid #76dced;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding-inline-start:2px}.hero-trust{font-size:13px;color:#7e8ca1;display:flex;align-items:center;gap:12px;margin-top:36px}.trust-line{height:1px;max-width:100px;flex:1;background:#65728a55}.hero-art{height:490px;position:relative;isolation:isolate;margin-inline-start:10px}.hero-image-wrap{position:absolute;width:96%;height:80%;inset-inline-end:-7%;top:7%;overflow:hidden;clip-path:polygon(17% 0,100% 0,100% 85%,84% 100%,0 100%,0 17%);opacity:.92}.hero-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(7,17,31,.54),transparent 55%),linear-gradient(to top,#07111fbf,transparent 70%)}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04)}.hero-art:after{content:"";position:absolute;width:65%;height:50%;inset-inline-end:-3%;bottom:7%;background:#00bde955;filter:blur(65px);z-index:-1}.glass-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff88,rgba(75,220,255,.22) 30%,#ffffff08 62%);border:1px solid #acdef677;backdrop-filter:blur(3px);box-shadow:inset 8px 8px 25px #ccf5ff22,0 0 30px #2ccff933;z-index:2;animation:float 5s ease-in-out infinite}.orb-a{width:83px;height:83px;inset-inline-start:7%;top:9%}.orb-b{width:36px;height:36px;inset-inline-end:5%;bottom:12%;animation-delay:-2.4s}.data-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(166,219,242,.3);background:#071426b5;backdrop-filter:blur(8px);font-size:12px;color:#cfe6ee;box-shadow:0 12px 27px #0005}.chip-top{inset-inline-start:-2%;bottom:19%}.chip-bottom{inset-inline-end:3%;top:14%;display:grid;gap:0}.chip-bottom strong{font-family:DM Mono,monospace;color:var(--gold);font-size:18px}.chip-bottom span{font-size:12px;color:#b7c4d0}.chip-dot{width:6px;height:6px;border-radius:50%;background:#63ecad;box-shadow:0 0 10px #63ecad}.orbit{position:absolute;color:#2ed4ec55;inset:0;width:100%;height:100%;z-index:1;animation:spin 17s linear infinite}.orbit-two{animation-direction:reverse;animation-duration:25s;color:#f2b9363b}.metric-strip{min-height:125px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}.metric{padding:27px 26px;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:7px}.metric:last-child{border-inline-end:1px solid var(--line)}.metric strong{font-family:Outfit,"IBM Plex Sans Arabic",sans-serif;font-size:28px;letter-spacing:-.06em;color:white;direction:ltr;text-align:start}.metric span{font-size:13px;color:#8e9bb0}.intro{padding:145px 0}.split-intro{display:grid;grid-template-columns:.42fr 1fr;gap:20px}.intro-label{font-family:DM Mono,monospace;color:#647189;font-size:13px;display:flex;align-items:flex-start;gap:15px;padding-top:11px}.intro-label span{color:var(--cyan2)}.intro-label p{margin:0}.intro-content{max-width:780px}.kicker{color:#1287a3}.intro h2{font-size:clamp(42px,5.2vw,68px);color:#0e203a}.intro h2 em{color:#0a7191}.intro .lead{font-size:17px;color:#56677d;line-height:2;max-width:680px;margin:30px 0}.text-link{display:inline-flex;align-items:center;gap:19px;color:#0c273e;font-weight:800;font-size:13px;text-decoration:none;border-bottom:1px solid #79bbcc;padding-bottom:9px}.text-link b{font-size:20px;color:#0da2c6}.services{padding:130px 0 140px;overflow:hidden}.services:before{content:"";position:absolute;width:50vw;height:50vw;inset-inline-start:-34vw;top:20%;border:1px solid #42c9ee14;border-radius:50%;box-shadow:0 0 0 78px #42c9ee08,0 0 0 156px #42c9ee05}.section-heading,.work-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:62px;position:relative}.section-heading h2,.proof h2,.contact h2{font-size:clamp(41px,4.5vw,64px)}.section-heading>p,.work-top>p{max-width:350px;margin:0 0 3px;color:#99a9bd;line-height:1.9;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;position:relative}.service-card{background:rgba(18,38,63,.65);border:1px solid var(--line);min-height:286px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .45s var(--ease),border-color .35s,background .35s}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(38,211,245,.14),transparent 58%);opacity:0;transition:opacity .35s}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,12,23,.93),rgba(3,12,23,.2)),var(--card-image);background-size:cover;background-position:center;opacity:0;transition:opacity .4s}.service-card:hover{transform:translateY(-7px);border-color:#5adbed99;background:#142944}.service-card:hover:before,.service-card:hover:after{opacity:1}.service-top,.service-card h3,.service-card p,.service-card a{position:relative;z-index:1}.service-top{display:flex;justify-content:space-between;align-items:center;color:#7f91a7;font-family:DM Mono,monospace;font-size:12px}.icon-box{display:grid;place-items:center;width:34px;height:34px;border:1px solid #5c738e;border-radius:50%;color:var(--cyan);font-family:Manrope;font-size:19px;transition:.35s}.service-card:hover .icon-box{border-color:var(--cyan);color:var(--gold);background:#0c2236}.service-card h3{font-size:20px;line-height:1.35;margin:42px 0 12px;color:#f5f8fc;font-weight:800}.service-card p{font-size:13px;line-height:1.85;color:#9eafc1;margin:0;max-width:290px}.service-card a{width:25px;height:25px;margin-top:auto;margin-inline-start:auto;display:grid;place-items:center;color:#d7f5fb;text-decoration:none;font-size:21px;transition:transform .3s}.service-card:hover a{transform:translate(-4px,-4px);color:var(--gold)}.work{padding:142px 0 125px;overflow:hidden}.work:before{content:"";position:absolute;top:14%;inset-inline-end:-13%;width:42%;aspect-ratio:1;border-radius:50%;background:#5ee5fe16;filter:blur(8px)}.work h2{font-size:clamp(40px,4.6vw,64px)}.work h2 em{color:#08799b}.work-top>p{color:#617188}.project-list{border-top:1px solid #9eafbe66}.project-item{display:grid;grid-template-columns:60px 160px 1.08fr 1fr 30px;align-items:center;gap:18px;min-height:132px;border-bottom:1px solid #9eafbe66;cursor:default;position:relative;transition:padding .35s var(--ease),background .35s}.project-item:before{content:"";position:absolute;inset:0 -30px;background:#dce5eb90;z-index:0;opacity:0;transform:scaleY(.5);transition:.3s var(--ease)}.project-item>*{position:relative;z-index:1}.project-item:hover{padding-inline:15px}.project-item:hover:before{opacity:1;transform:scaleY(1)}.project-index{font-family:DM Mono,monospace;color:#1184a5;font-size:12px}.project-meta{display:flex;flex-direction:column;gap:5px;color:#617188;font-family:DM Mono,monospace;font-size:12px;text-transform:uppercase}.project-meta span:last-child{color:#a1afba}.project-item h3{font-size:22px;letter-spacing:-.03em;margin:0;color:#10203a}.project-item p{font-size:13px;line-height:1.7;margin:0;color:#647289;max-width:300px}.project-arrow{font-size:26px;color:#0d7d9d}.project-preview{margin-top:30px;height:0;opacity:0;overflow:hidden;display:block;background:#0b1b33;transition:height .5s var(--ease),opacity .4s;position:relative;border-radius:14px}.project-preview.visible{height:268px;opacity:1}.project-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#06111f 0%,#06111fcc 26%,transparent 58%);pointer-events:none}.project-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .35s var(--ease),transform .6s var(--ease)}.project-preview.visible img{transform:scale(1.03)}.project-preview-copy{position:absolute;z-index:2;inset-inline-start:0;bottom:0;padding:24px 26px;display:flex;flex-direction:column;gap:7px}.project-preview-copy span{font-family:DM Mono,monospace;color:var(--cyan);font-size:13px;letter-spacing:.08em}.project-preview-copy strong{font-size:21px;color:#fff;line-height:1.3;max-width:78%}.proof{padding:130px 0;overflow:hidden}.proof:after{content:"";position:absolute;width:45vw;height:45vw;border:1px solid #2ec5e31a;border-radius:50%;inset-inline-end:-20%;bottom:-30%;box-shadow:0 0 0 70px #2ec5e307}.proof-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:90px;align-items:center;position:relative;z-index:1}.proof-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#9baabd;max-width:355px;margin:27px 0 35px}.proof-nav{display:flex;align-items:center;gap:16px;direction:ltr}.proof-nav button{width:39px;height:39px;border-radius:50%;border:1px solid #99afc14a;background:transparent;color:#e4edf5;font-size:18px;cursor:pointer;transition:.2s}.proof-nav button:hover{background:var(--cyan);color:#061422;border-color:var(--cyan)}.proof-nav span{font-family:DM Mono,monospace;color:#6f8096;font-size:13px}.proof-nav b{color:var(--cyan);font-weight:400}.gallery-frame{height:435px;position:relative;overflow:hidden;background:#10223b;clip-path:polygon(0 0,100% 0,100% 88%,94% 100%,0 100%)}.gallery-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#06111fca,transparent 55%);pointer-events:none}.gallery-frame img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .65s var(--ease)}.gallery-frame:hover img{transform:scale(1.035)}.gallery-caption{position:absolute;z-index:2;bottom:24px;inset-inline-start:28px;font-size:15px;font-weight:700}.expand-gallery{position:absolute;z-index:3;top:18px;inset-inline-end:20px;border:1px solid #e6f7fc66;background:#071425b2;color:#e6f7fc;width:36px;height:36px;font-size:18px;cursor:pointer}.aleppo-now{padding:128px 0 116px;background:#10281e;color:#fff;position:relative;overflow:hidden}.aleppo-background{position:absolute;inset:0;opacity:.14}.aleppo-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a1cd9 0%,#0a3329d4 48%,#061d1ed4)}.aleppo-background img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.3);transform:scale(1.12)}.aleppo-now:after{content:"";position:absolute;width:70%;height:100%;inset-inline-end:-30%;top:-30%;background:radial-gradient(circle,#ecb62130 0,transparent 67%)}.aleppo-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;position:relative;z-index:1;align-items:center}.aleppo-logo{width:75px;height:75px;border-radius:50%;overflow:hidden;border:2px solid #f2bf3e;box-shadow:0 0 0 5px #eabc2822;margin-bottom:18px}.aleppo-logo img{width:100%;height:100%;object-fit:cover}.eyebrow.light{color:#f4c65c}.aleppo-now h2{font-size:clamp(47px,5.5vw,75px);line-height:.94}.aleppo-now h2>span{font-size:.4em;font-family:DM Mono,Tajawal,sans-serif;letter-spacing:.05em;color:#f2c350}.aleppo-now h2 em{color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#f7c744,#ffe7a0);-webkit-background-clip:text;background-clip:text}.aleppo-now h2 em:after{background:#f8c64c}.aleppo-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#c4d7c8;max-width:610px;margin:28px 0}.aleppo-actions{display:flex;gap:12px;align-items:center}.button-gold{background:var(--gold);color:#1c1b0b}.button-outline{border:1px solid #d9e9dc77;color:#effff2}.button-outline:hover{background:#ffffff13}.aleppo-card{border:1px solid #afcbb755;background:#071f1cbf;backdrop-filter:blur(8px);padding:26px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%)}.online-mark{font-family:DM Mono,monospace;font-size:12px;color:#d1e8d6;display:flex;gap:7px;align-items:center}.online-mark i{display:block;width:7px;height:7px;border-radius:50%;background:#70f0a0;box-shadow:0 0 10px #70f0a0}.aleppo-reach strong{font-size:27px;line-height:1.24;letter-spacing:-.04em}.aleppo-reach p{font-family:DM Mono,monospace;color:#e8ba42;font-size:12px;letter-spacing:.05em}.contact-person{border-top:1px solid #cbdec94d;padding-top:18px;display:flex;flex-direction:column;gap:10px}.contact-person>span{color:#a9bfae;font-size:13px;letter-spacing:.02em}.contact-person>b{color:#fff;font-size:20px;font-weight:700}.contact-phones{display:flex;flex-wrap:wrap;gap:10px}.contact-phones a{display:inline-flex;align-items:center;gap:8px;color:#f7cd58;text-decoration:none;direction:ltr;font-size:14px;font-weight:600;background:rgba(247,205,88,.08);border:1px solid rgba(247,205,88,.28);padding:9px 14px;border-radius:999px;transition:background .25s var(--ease),border-color .25s,transform .25s var(--ease)}.contact-phones a:hover{background:rgba(247,205,88,.16);border-color:rgba(247,205,88,.5);transform:translateY(-2px)}.contact-phones a::before{content:"";width:15px;height:15px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7cd58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}.contact-address{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;margin-top:4px}.contact-address::before{content:"";width:14px;height:14px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfe0d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat}.future{padding:138px 0}.future-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.future h2{font-size:clamp(40px,4.5vw,65px);color:#0d2039}.future h2 em{color:#087f9f}.future-points{align-self:end;border-top:1px solid #a8b7c366}.future-points>div{min-height:92px;border-bottom:1px solid #a8b7c366;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:14px}.future-points span{font-family:DM Mono,monospace;color:#1490af;font-size:13px}.future-points p{margin:0;font-weight:700;font-size:15px;line-height:1.65;color:#253750}.contact{padding:122px 0;border-bottom:1px solid var(--line);overflow:hidden}.contact:before{content:"";width:41vw;height:41vw;background:#029fc637;filter:blur(80px);position:absolute;inset-inline-end:-14%;bottom:-55%}.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;position:relative;z-index:1}.contact-side{align-self:end}.contact-side>p{font-size:15px;line-height:1.9;color:#a4b2c4;margin:0 0 28px;max-width:400px}.email-link{display:flex;text-decoration:none;color:#eefbff;border-bottom:1px solid #6e9cab;justify-content:space-between;padding:0 0 13px;font-family:Outfit,"IBM Plex Sans Arabic",sans-serif;font-size:clamp(16px,1.65vw,21px);direction:ltr}.email-link b{color:var(--cyan);font-size:24px}.footer{padding:44px 0}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end}.footer-logo{display:block;width:132px;height:auto}.footer-main>div>p{font-size:12px;color:#748399;margin:12px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}.footer-loc{display:flex;flex-direction:column;gap:6px;text-align:end;font-family:DM Mono,Tajawal,sans-serif;color:#728096;font-size:12px}.lightbox{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;inset:0;background:#010912ed;z-index:100;opacity:0;visibility:hidden;transition:.3s}.lightbox.active{opacity:1;visibility:visible}.lightbox img{max-width:min(90vw,1050px);max-height:78vh;object-fit:contain}.lightbox p{margin:0;color:#dfeefa;font-size:14px}.lightbox button{position:absolute;top:20px;inset-inline-end:26px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff44;background:transparent;color:#fff;font-size:30px;cursor:pointer}.cursor-glow{position:fixed;z-index:4;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(54,226,255,.085),transparent 67%);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:opacity .25s;opacity:0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(72,228,255,0)}}@keyframes float{50%{transform:translateY(-13px) translateX(5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{50%{transform:translate(3%,4%)}}
@media(max-width:900px){:root{--shell:min(100vw - 42px,680px)}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:block}.mobile-menu{position:absolute;top:88px;inset-inline:0;background:#0b192bdc;border-top:1px solid var(--line);backdrop-filter:blur(15px);padding:12px 21px 19px;transform:translateY(-12px);opacity:0;visibility:hidden;transition:.25s}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu a{color:#e2edf7;text-decoration:none;font-weight:700;font-size:15px;padding:13px 0;border-bottom:1px solid var(--line);display:block}.hero{min-height:auto;padding-top:138px}.hero-layout{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-bottom:29px}.hero-art{height:370px;width:100%;margin:0}.hero-image-wrap{width:82%;inset-inline-end:0}.metric-strip{grid-template-columns:repeat(2,1fr);margin-top:8px}.metric{min-height:98px}.metric:nth-child(3){border-top:1px solid var(--line)}.metric:nth-child(4){border-top:1px solid var(--line);border-inline-end:1px solid var(--line)}.split-intro,.proof-layout,.aleppo-layout,.future-layout,.contact-layout{grid-template-columns:1fr;gap:45px}.intro{padding:100px 0}.section-heading,.work-top{align-items:start;flex-direction:column;gap:22px;margin-bottom:42px}.section-heading>p,.work-top>p{max-width:530px}.services,.work,.proof,.future{padding:95px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.project-item{grid-template-columns:36px 125px 1fr 29px;gap:14px;min-height:119px}.project-item p{display:none}.project-preview.visible{height:210px}.aleppo-now{padding:92px 0}.aleppo-card{max-width:440px;width:100%}.footer-main{grid-template-columns:1fr 1fr}.footer-loc{grid-column:1/-1;text-align:start;flex-direction:row;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.cursor-glow{display:none}}
@media(max-width:580px){:root{--shell:calc(100vw - 36px)}.nav-shell{min-height:74px}.brand{gap:8px}.brand img{width:34px}.brand-name{font-size:13px}.mobile-menu{top:74px}.hero{padding-top:114px}.hero h1{font-size:clamp(40px,11vw,55px)}.hero-text{font-size:15px;margin:24px 0}.hero-actions{align-items:stretch;flex-direction:column;max-width:260px}.button{min-height:48px}.hero-art{height:305px}.data-chip{padding:8px 10px}.chip-bottom{top:7%}.metric{padding:17px 15px}.metric strong{font-size:23px}.metric span{font-size:12px}.split-intro{gap:25px}.intro h2,.section-heading h2,.work h2,.proof h2,.aleppo-now h2,.future h2,.contact h2{font-size:clamp(37px,10vw,49px)}.intro .lead{font-size:15px}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px}.project-item{grid-template-columns:27px 1fr 25px;gap:10px;min-height:104px}.project-meta{display:none}.project-item h3{font-size:18px}.project-index{font-size:12px}.project-preview{display:none}.proof-layout{gap:35px}.gallery-frame{height:320px}.aleppo-layout{gap:38px}.aleppo-actions{align-items:stretch;flex-direction:column}.aleppo-card{min-height:310px}.future-points>div{min-height:78px}.footer-main{grid-template-columns:1fr;gap:27px}.footer-loc{grid-column:auto;flex-direction:column}.footer-links{order:3}.contact{padding:90px 0}.hero-trust{font-size:12px}.eyebrow,.kicker{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.service-card:focus-within,.project-item:focus-within{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}

/* ── Typographic refinement: spacious Arabic reading rhythm + crisp Latin pairing ── */
:root{--arabic-text:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;--latin-text:Outfit,"Segoe UI",Arial,sans-serif;}
/* Arabic uses natural word spacing and an open vertical rhythm; tightly tracked Latin is kept for English only. */
html[lang="ar"] body{font-family:var(--arabic-text);font-kerning:normal;text-rendering:optimizeLegibility}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .aleppo-reach strong{letter-spacing:0!important;font-weight:700}
html[lang="ar"] .hero h1,html[lang="ar"] .section-heading h2,html[lang="ar"] .work h2,html[lang="ar"] .proof h2,html[lang="ar"] .aleppo-now h2,html[lang="ar"] .future h2,html[lang="ar"] .contact h2,html[lang="ar"] .intro h2{line-height:1.16}
html[lang="ar"] .hero h1 em:after{bottom:-6px;height:5px}
html[lang="ar"] .project-item h3,html[lang="ar"] .service-card h3{line-height:1.5}
html[lang="ar"] .hero-text,html[lang="ar"] .intro .lead,html[lang="ar"] .section-heading>p,html[lang="ar"] .work-top>p,html[lang="ar"] .proof-copy>p:not(.eyebrow),html[lang="ar"] .aleppo-copy>p:not(.eyebrow),html[lang="ar"] .contact-side>p{line-height:2.05}
html[lang="ar"] .service-card p{line-height:2;font-size:14px}
html[lang="ar"] .project-item p{line-height:1.9;font-size:13.5px}
html[lang="ar"] .eyebrow,html[lang="ar"] .kicker{font-family:var(--arabic-text);font-weight:600;letter-spacing:0;font-size:13px}
html[lang="ar"] .desktop-nav a,html[lang="ar"] .nav-contact,html[lang="ar"] .button,html[lang="ar"] .footer-links a{font-weight:600}
/* English retains a sharper, compact product-design voice. */
html[lang="en"] body{font-family:var(--latin-text);letter-spacing:.005em}
html[lang="en"] .hero h1,html[lang="en"] .section-heading h2,html[lang="en"] .work h2,html[lang="en"] .proof h2,html[lang="en"] .aleppo-now h2,html[lang="en"] .future h2,html[lang="en"] .contact h2,html[lang="en"] .intro h2{letter-spacing:-.055em;line-height:.98}
html[lang="en"] .hero-text,html[lang="en"] .intro .lead,html[lang="en"] .section-heading>p,html[lang="en"] .work-top>p,html[lang="en"] .proof-copy>p:not(.eyebrow),html[lang="en"] .aleppo-copy>p:not(.eyebrow),html[lang="en"] .contact-side>p{line-height:1.78}
/* Hierarchy adjustments avoid small, low-contrast reading text in the content-heavy sections. */
.hero-text{font-size:18px;line-height:1.9;max-width:540px}
.intro .lead{font-size:18px;line-height:2.02;max-width:710px}
.section-heading>p,.work-top>p{font-size:15px;line-height:1.9}
.service-card p{font-size:14px;line-height:1.9}.service-card h3{font-size:21px}
.project-item p{font-size:14px;line-height:1.82}.proof-copy>p:not(.eyebrow),.aleppo-copy>p:not(.eyebrow),.contact-side>p{font-size:15.5px;line-height:1.95}
.future-points p{font-size:16px;line-height:1.8}.footer-main>div>p{font-size:13px;line-height:1.75}
@media(max-width:580px){html[lang="ar"] .hero h1,html[lang="ar"] .section-heading h2,html[lang="ar"] .work h2,html[lang="ar"] .proof h2,html[lang="ar"] .aleppo-now h2,html[lang="ar"] .future h2,html[lang="ar"] .contact h2,html[lang="ar"] .intro h2{line-height:1.2}.hero-text,.intro .lead{font-size:16px}.service-card h3{font-size:20px}.service-card p{font-size:13.5px}}
/* Data labels remain deliberately compact, without compromising Arabic glyph clarity. */
html[lang="ar"] .intro-label,html[lang="ar"] .project-index,html[lang="ar"] .project-meta,html[lang="ar"] .proof-nav,html[lang="ar"] .online-mark,html[lang="ar"] .aleppo-reach p,html[lang="ar"] .future-points span,html[lang="ar"] .footer-loc{font-family:var(--arabic-text);letter-spacing:0;font-weight:500}
html[lang="ar"] .aleppo-now h2>span{font-family:var(--arabic-text);letter-spacing:0;font-weight:600}
html[lang="en"] .eyebrow,html[lang="en"] .kicker,html[lang="en"] .intro-label,html[lang="en"] .project-index,html[lang="en"] .project-meta,html[lang="en"] .proof-nav,html[lang="en"] .online-mark,html[lang="en"] .aleppo-reach p,html[lang="en"] .future-points span,html[lang="en"] .footer-loc{font-family:var(--latin-text);letter-spacing:.07em;font-weight:600}