@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#031521;--navy2:#061f31;--ink:#071a28;--panel:#08283d;--panel2:#0b334b;--gold:#d6a24a;--gold2:#f3c567;--cyan:#35c9ef;--white:#f4f7f9;--muted:#a8bac6;--line:rgba(117,192,220,.16);--line2:rgba(214,162,74,.28);--shadow:0 30px 90px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Cairo,sans-serif;line-height:1.7;overflow-x:hidden}body.rtl{font-family:Cairo,Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1220px,91vw);margin:auto}.gold{color:var(--gold2)}.muted{color:var(--muted)}
/* background motion */
body:before{content:"";position:fixed;z-index:-4;inset:0;background:radial-gradient(circle at 78% 16%,rgba(17,84,119,.22),transparent 28%),radial-gradient(circle at 15% 82%,rgba(214,162,74,.07),transparent 24%),#031521}.grid-bg{position:fixed;z-index:-3;inset:0;opacity:.45;background-image:linear-gradient(rgba(75,173,206,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(75,173,206,.055) 1px,transparent 1px);background-size:58px 58px;animation:gridMove 22s linear infinite;mask-image:linear-gradient(to bottom,#000 0%,transparent 80%)}@keyframes gridMove{to{background-position:58px 58px}}
.blob{position:fixed;z-index:-2;width:38vw;height:38vw;border-radius:50%;filter:blur(50px);opacity:.08;pointer-events:none;background:var(--cyan);animation:blob 13s ease-in-out infinite alternate}.blob.b1{top:10%;right:-15%}.blob.b2{bottom:-15%;left:-12%;background:var(--gold);animation-delay:-6s}@keyframes blob{to{transform:translate(-8%,12%) scale(1.12)}}
/* header */
.header{position:fixed;z-index:1000;top:0;left:0;right:0;height:84px;display:flex;align-items:center;padding:7px 3.2vw;gap:30px;background:rgba(2,14,24,.72);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(22px);transition:.35s}.header.scrolled{height:70px;background:rgba(2,14,24,.92);box-shadow:0 15px 50px rgba(0,0,0,.2)}.brand{width:184px;flex:none}.brand img{width:184px;height:67px;object-fit:contain;display:block}.nav{display:flex;justify-content:center;gap:4px;flex:1}.nav a{position:relative;padding:10px 12px;border-radius:12px;color:#aebfc9;font-size:.77rem;transition:.25s}.nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:var(--gold2);transform:scaleX(0);transform-origin:center;transition:.3s}.nav a:hover,.nav a.active{color:#fff;background:rgba(53,201,239,.055)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.actions{display:flex;align-items:center;gap:10px}.lang{position:relative;border:1px solid var(--line);background:#062338;color:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}.lang-menu{display:none;position:absolute;right:0;top:50px;min-width:120px;background:#061d2e;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:var(--shadow)}.lang-wrap{position:relative}.lang-menu.open{display:block}.lang-menu button{display:block;width:100%;border:0;background:none;color:#d8e2e7;padding:9px;border-radius:9px;text-align:left;cursor:pointer}.lang-menu button:hover{background:rgba(53,201,239,.08)}.cta{padding:11px 16px;border:1px solid rgba(214,162,74,.55);border-radius:13px;color:var(--gold2);font-weight:800;font-size:.77rem;transition:.3s}.cta:hover{background:var(--gold2);color:#061522;transform:translateY(-2px);box-shadow:0 12px 35px rgba(214,162,74,.16)}.menu{display:none;border:1px solid var(--line);background:#062338;color:#fff;border-radius:12px;padding:9px 12px}
/* page transition */
.transition{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#0a2f46 0,#02121e 55%,#010b12 100%);opacity:0;pointer-events:none;transition:opacity .25s}.transition.active{opacity:1;pointer-events:auto}.loader{text-align:center;width:260px}.loader-ring{width:150px;height:150px;margin:auto;position:relative;border:1px solid rgba(214,162,74,.5);border-radius:50%;box-shadow:0 0 60px rgba(53,201,239,.09),inset 0 0 35px rgba(214,162,74,.05);animation:ringSpin 5s linear infinite}.loader-ring:before,.loader-ring:after{content:"";position:absolute;border-radius:50%;inset:15px;border:1px dashed rgba(53,201,239,.28);animation:ringSpin 2.5s linear infinite reverse}.loader-ring:after{inset:34px;border-style:solid;border-color:rgba(214,162,74,.17);animation-duration:1.8s}.horse-track{position:absolute;inset:-1px;animation:track 2.2s linear infinite}.horse{position:absolute;left:50%;top:-35px;width:76px;height:70px;transform:translateX(-50%) rotate(0deg);transform-origin:50% 110%;animation:horseBob .24s ease-in-out infinite alternate}.horse img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(243,197,103,.52))}.horse:after{content:"";position:absolute;left:8%;right:0;bottom:3px;height:10px;background:linear-gradient(90deg,transparent,rgba(243,197,103,.22),transparent);filter:blur(5px);animation:speed .24s ease-in-out infinite alternate}@keyframes track{to{transform:rotate(360deg)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes horseBob{to{transform:translate(-50%,-5px) rotate(-5deg) scale(1.035)}}@keyframes speed{to{transform:translateX(-7px);opacity:.45}}.loader-title{display:block;margin-top:22px;font-weight:900;letter-spacing:.04em}.loader-sub{display:block;color:#7e96a4;font-size:.72rem;margin-top:4px}
/* reveal / motion */
.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}.reveal-left{opacity:0;transform:translateX(-50px);transition:.9s}.reveal-left.show{opacity:1;transform:none}.rtl .reveal-left{transform:translateX(50px)}.magnetic{transition:transform .2s ease}.tilt{transform-style:preserve-3d;will-change:transform}.tilt>*{transform:translateZ(18px)}.progress{position:fixed;z-index:1200;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold2));box-shadow:0 0 14px rgba(53,201,239,.5)}
/* general */
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold2)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(3.2rem,6.6vw,7.3rem);line-height:.94;letter-spacing:-.065em;margin:18px 0 25px}h2{font-size:clamp(2.1rem,4.2vw,4.4rem);line-height:1.02;letter-spacing:-.05em;margin:12px 0 18px}h3{font-size:1.28rem;line-height:1.2}p{color:#b5c5ce}.lead{max-width:790px;font-size:1.02rem}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:14px;font-size:.82rem;font-weight:900;transition:.3s}.btn-gold{background:linear-gradient(135deg,#f3c567,#cf9940);color:#061622;box-shadow:0 18px 50px rgba(214,162,74,.16)}.btn-gold:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(214,162,74,.25)}.btn-dark{background:#062338;border:1px solid var(--line);color:#fff}.btn-dark:hover{transform:translateY(-4px);border-color:rgba(53,201,239,.4)}.section{padding:115px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-head>div:first-child{max-width:790px}.line{height:1px;background:linear-gradient(90deg,var(--gold2),transparent);opacity:.45}
/* home */
.hero{min-height:100vh;display:flex;align-items:center;padding:145px 0 95px;position:relative;overflow:hidden}.hero .container{position:relative;z-index:3}.hero-copy{max-width:770px}.hero-orbit{position:absolute;right:-3vw;top:16%;width:min(650px,54vw);aspect-ratio:1;z-index:2}.hero-orbit .ring{position:absolute;inset:0;border:1px solid rgba(214,162,74,.24);border-radius:50%;animation:orbitSpin 26s linear infinite}.hero-orbit .r2{inset:13%;border-color:rgba(53,201,239,.24);animation-duration:18s;animation-direction:reverse}.hero-orbit .r3{inset:26%;border-style:dashed;border-color:rgba(53,201,239,.18);animation-duration:11s}.hero-core{position:absolute;inset:37%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#123b55,#061a29 67%,#03101a);border:1px solid rgba(214,162,74,.65);box-shadow:0 0 100px rgba(53,201,239,.12),inset 0 0 60px rgba(214,162,74,.05);animation:corePulse 4.2s ease-in-out infinite}.hero-core img{width:74%;filter:drop-shadow(0 0 25px rgba(243,197,103,.18))}.orbit-node{position:absolute;min-width:195px;padding:17px 18px;background:rgba(4,25,40,.9);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);backdrop-filter:blur(16px);animation:nodeFloat 4.8s ease-in-out infinite}.orbit-node b{display:block;color:var(--gold2);font-size:.88rem}.orbit-node span{display:block;color:#b9c8d0;font-size:.72rem}.n1{left:-2%;top:6%}.n2{right:-2%;top:28%;animation-delay:-1s}.n3{left:10%;bottom:7%;animation-delay:-2s}.n4{right:2%;bottom:8%;animation-delay:-3s}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes corePulse{50%{transform:scale(1.035);box-shadow:0 0 130px rgba(53,201,239,.15),inset 0 0 60px rgba(214,162,74,.09)}}@keyframes nodeFloat{50%{transform:translateY(-10px)}}.hero-meta{display:flex;gap:30px;flex-wrap:wrap;margin-top:46px}.hero-meta div{border-left:1px solid var(--line2);padding-left:14px}.hero-meta b{display:block;color:var(--gold2);font-size:1.05rem}.hero-meta span{color:#8199a7;font-size:.7rem}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#041c2b}.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker-item{padding:18px 34px;color:#90a5b1;font-size:.72rem;letter-spacing:.08em;white-space:nowrap}.ticker-item b{color:var(--gold2);margin-right:9px}@keyframes ticker{to{transform:translateX(-50%)}}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:280px;padding:31px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(9,43,65,.95),rgba(4,24,39,.95));overflow:hidden;transition:.35s}.service-card:before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-80px;border-radius:50%;border:1px solid rgba(214,162,74,.12);box-shadow:0 0 0 35px rgba(53,201,239,.025)}.service-card:hover{transform:translateY(-9px);border-color:rgba(214,162,74,.45);box-shadow:var(--shadow)}.service-card .index{color:var(--gold2);font-weight:900;font-size:.68rem;letter-spacing:.15em}.service-card h3{margin-top:35px}.service-card p{font-size:.84rem}.service-card a{position:absolute;bottom:25px;color:var(--gold2);font-size:.75rem;font-weight:900}.service-card .shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.045) 48%,transparent 72%);transform:translateX(-120%);transition:.8s}.service-card:hover .shine{transform:translateX(120%)}
/* page hero */
.page-hero{padding:165px 0 90px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-250px;top:-230px;border:1px solid rgba(214,162,74,.18);box-shadow:0 0 0 80px rgba(53,201,239,.018),0 0 0 160px rgba(214,162,74,.012)}.page-hero .container{position:relative;z-index:2}.crumb{font-size:.73rem;color:#718995;margin-bottom:24px}.crumb a{color:var(--gold2)}
/* profile */
.profile-cover{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.profile-cover:before{content:"01";position:absolute;right:3vw;bottom:3vh;font-size:15vw;font-weight:900;line-height:1;color:rgba(255,255,255,.018);letter-spacing:-.08em}.profile-cover-copy{padding:155px 5vw 100px 8vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.profile-cover-copy h1{font-size:clamp(3.2rem,5.8vw,6.4rem)}.profile-cover-mark{display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#061b2a,#041421)}.profile-cover-mark:before,.profile-cover-mark:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(214,162,74,.18);inset:10%;animation:slowSpin 24s linear infinite}.profile-cover-mark:after{inset:22%;border-style:dashed;border-color:rgba(53,201,239,.2);animation-direction:reverse;animation-duration:17s}.profile-logo{position:relative;z-index:2;width:min(520px,72%);filter:drop-shadow(0 30px 50px rgba(0,0,0,.35));animation:logoFloat 5s ease-in-out infinite}.profile-scroll{position:absolute;left:8vw;bottom:32px;color:#7c95a2;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.profile-scroll i{display:block;width:44px;height:1px;background:var(--gold2);animation:scrollLine 1.8s ease-in-out infinite}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes logoFloat{50%{transform:translateY(-9px)}}@keyframes scrollLine{50%{width:65px}}
.profile-section{padding:125px 0;position:relative}.profile-section.alt{background:linear-gradient(180deg,rgba(7,34,51,.55),rgba(3,21,33,.15));border-block:1px solid var(--line)}.profile-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.profile-sticky{position:sticky;top:120px}.profile-sticky .big-no{font-size:7rem;line-height:.8;color:rgba(243,197,103,.11);font-weight:900;letter-spacing:-.08em}.profile-sticky p{font-size:.9rem;max-width:360px}.profile-copy p{font-size:1rem;line-height:1.95}.profile-copy p+p{margin-top:18px}.statement{font-size:clamp(1.5rem,2.7vw,2.7rem);line-height:1.2;color:#e6edf1;border-left:2px solid var(--gold2);padding-left:26px;margin:35px 0}.rtl .statement{border-left:0;border-right:2px solid var(--gold2);padding-left:0;padding-right:26px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.value{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(5,28,44,.65);min-height:210px}.value b{color:var(--gold2);font-size:.7rem;letter-spacing:.14em}.value h3{margin-top:32px}.value p{font-size:.82rem}.capability-list{display:grid;gap:0;border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:80px 1fr 1.25fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);transition:.3s}.cap-row:hover{padding-left:15px;background:linear-gradient(90deg,rgba(53,201,239,.035),transparent)}.rtl .cap-row:hover{padding-left:0;padding-right:15px}.cap-row .no{color:var(--gold2);font-weight:900}.cap-row h3{margin:0}.cap-row p{margin:0;font-size:.83rem}.profile-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-panel{padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#082b42,#051c2d);min-height:300px}.profile-panel h3{color:var(--gold2)}.profile-panel ul{padding-left:18px;color:#b0c1ca;font-size:.83rem}.rtl .profile-panel ul{padding-left:0;padding-right:18px}.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.process-line:before{content:"";position:absolute;top:25px;left:4%;right:4%;height:1px;background:linear-gradient(90deg,var(--gold2),var(--cyan),var(--gold2));opacity:.25}.process-step{position:relative;z-index:1}.process-dot{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:#061c2c;color:var(--gold2);font-weight:900;box-shadow:0 0 0 8px rgba(3,21,33,.9)}.process-step h4{margin:20px 0 5px}.process-step p{font-size:.75rem}.qr-box{display:flex;align-items:center;gap:30px;padding:30px;border:1px solid var(--line2);border-radius:24px;background:linear-gradient(135deg,rgba(214,162,74,.06),rgba(53,201,239,.04))}.qr{width:150px;height:150px;background:#fff;padding:8px;border-radius:14px}.profile-end{padding:95px 0;background:linear-gradient(135deg,#071f31,#031520)}
/* services/solutions */
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-card{padding:36px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#082a40,#041d2e);transition:.35s}.detail-card:hover{transform:translateY(-7px);border-color:rgba(214,162,74,.42)}.detail-card .tag{display:inline-block;color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.13em}.detail-card h3{margin-top:24px}.detail-card p{font-size:.86rem}.detail-card ul{margin:20px 0 0;padding-left:18px;color:#aebfc8;font-size:.8rem}.rtl .detail-card ul{padding-left:0;padding-right:18px}.numbered{counter-reset:item}.numbered .detail-card{counter-increment:item;position:relative}.numbered .detail-card:before{content:counter(item,decimal-leading-zero);position:absolute;right:25px;top:24px;color:rgba(243,197,103,.22);font-size:2.3rem;font-weight:900}.rtl .numbered .detail-card:before{right:auto;left:25px}.eco{display:flex;flex-wrap:wrap;gap:10px}.eco span{padding:10px 15px;border:1px solid var(--line);background:#062338;border-radius:99px;color:#bdcbd3;font-size:.76rem;transition:.25s}.eco span:hover{color:var(--gold2);border-color:var(--line2);transform:translateY(-2px)}
/* footer */
.footer{padding:78px 0 24px;background:#020f18;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-logo{width:205px;height:auto}.footer p,.footer a,.footer span{display:block;color:#8299a6;font-size:.78rem}.footer h4{color:var(--gold2);font-size:.82rem}.footer a{margin:9px 0;transition:.2s}.footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:50px;padding-top:18px}.footer-bottom span{font-size:.68rem;color:#617886}
@media(max-width:1050px){.nav{display:none}.menu{display:block}.header{height:74px}.brand,.brand img{width:160px;height:60px}.actions .cta{display:none}.mobile-nav{position:fixed;z-index:999;top:82px;left:3vw;right:3vw;padding:10px;background:rgba(3,18,30,.98);border:1px solid var(--line);border-radius:18px;display:none;box-shadow:var(--shadow)}.mobile-nav.open{display:grid}.mobile-nav a{padding:13px;border-bottom:1px solid var(--line);font-size:.85rem;color:#b8c8d1}.mobile-nav a:last-child{border:0}.hero-orbit{opacity:.55;right:-18vw}.service-grid{grid-template-columns:repeat(2,1fr)}.profile-cover{grid-template-columns:1fr}.profile-cover-mark{min-height:55vh}.profile-cover-copy{padding:135px 7vw 80px}.profile-scroll{left:7vw}.profile-grid{grid-template-columns:1fr;gap:35px}.profile-sticky{position:relative;top:auto}.process-line{grid-template-columns:repeat(2,1fr);gap:35px}.process-line:before{display:none}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.value-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){h1{font-size:3.2rem}h2{font-size:2.35rem}.section{padding:82px 0}.hero{padding-top:125px;min-height:auto;padding-bottom:80px}.hero-orbit{display:none}.hero-meta{gap:18px}.service-grid,.detail-grid,.profile-split,.value-grid{grid-template-columns:1fr}.page-hero{padding:130px 0 75px}.page-hero:after{opacity:.35}.profile-cover-copy{padding:125px 6vw 70px}.profile-cover-mark{min-height:45vh}.profile-logo{width:78%}.profile-section{padding:85px 0}.cap-row{grid-template-columns:45px 1fr;gap:15px}.cap-row p{grid-column:2}.qr-box{flex-direction:column;align-items:flex-start}.process-line{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{margin:8px 0}.loader-ring{width:132px;height:132px}.horse{width:68px;height:64px}}
.rtl{text-align:right}.rtl .nav{direction:rtl}.rtl .lang-menu{right:auto;left:0}.rtl .lang-menu button{text-align:right}.rtl .profile-cover-copy{padding-left:8vw;padding-right:5vw}.rtl .profile-scroll{left:auto;right:8vw}.rtl .footer-bottom{direction:rtl}