:root{--bg:#050918;--panel:#0d1530;--text:#f6f8ff;--muted:#aab7da;--cyan:#22d3ee;--violet:#8b5cf6;--line:#25335d;--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:fixed;z-index:20;inset:0 0 auto;background:rgba(5,9,24,.75);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.navin{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:270px;height:66px;object-fit:contain;object-position:left}.links{display:flex;gap:27px;align-items:center;font-weight:650;font-size:14px}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;background:linear-gradient(120deg,var(--cyan),var(--violet));color:#fff;font-weight:800;box-shadow:0 10px 36px rgba(34,211,238,.18);transition:.3s}.cta:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(139,92,246,.35)}.hero{min-height:900px;padding:165px 0 90px;position:relative;display:grid;align-items:center;background:linear-gradient(90deg,rgba(5,9,24,.98) 0%,rgba(5,9,24,.82) 42%,rgba(5,9,24,.1) 74%),url('hero.png') center/cover;overflow:hidden}.hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(34,211,238,.25);border-radius:50%;left:-240px;top:140px;animation:spin 18s linear infinite}.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--bg))}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);font-weight:850}.hero h1{font-size:clamp(54px,7vw,96px);line-height:.96;margin:24px 0;letter-spacing:-.065em}.gradient{background:linear-gradient(100deg,#fff,var(--cyan) 50%,#b69cff);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;line-height:1.75;color:var(--muted);max-width:620px}.actions{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);box-shadow:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transform:translateY(-58px);position:relative;z-index:3}.stat{background:rgba(13,21,48,.96);padding:31px;text-align:center}.stat strong{display:block;font-size:32px;color:var(--cyan)}section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head h2{font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-.045em;margin:12px 0}.section-head p{color:var(--muted);max-width:480px;line-height:1.7}.services{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.visual{min-height:530px;border-radius:var(--radius);background:url('services.png') left/cover;position:relative;overflow:hidden}.visual:after{content:"Licensed expertise · UAE";position:absolute;left:24px;bottom:24px;padding:12px 16px;border-radius:999px;background:rgba(5,9,24,.72);backdrop-filter:blur(15px);font-size:13px}.cards{display:grid;gap:16px}.card{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(18,29,63,.9),rgba(8,13,32,.9));transition:.35s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(34,211,238,.08),transparent);transform:translateX(-110%);transition:.6s}.card:hover{transform:translateX(7px);border-color:var(--cyan)}.card:hover:before{transform:translateX(110%)}.card h3{margin:0 0 9px;font-size:20px}.card p{margin:0;color:var(--muted);line-height:1.55}.process{background:linear-gradient(180deg,transparent,rgba(139,92,246,.07),transparent)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:28px;border-top:2px solid var(--cyan);background:rgba(255,255,255,.035);border-radius:0 0 20px 20px}.step b{font-size:12px;color:var(--cyan);letter-spacing:.2em}.step h3{font-size:21px}.step p{color:var(--muted);line-height:1.6}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px}.showcase .shot{height:390px;border-radius:var(--radius);background-image:url('services.png');background-size:300% 100%;transition:transform .5s,filter .5s}.shot.one{background-position:left}.shot.two{background-position:right}.shot:hover{transform:scale(.985);filter:saturate(1.2)}.contact{padding:80px;border-radius:36px;background:radial-gradient(circle at top right,rgba(139,92,246,.45),transparent 45%),linear-gradient(140deg,#101d43,#080c1d);display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:clamp(38px,5vw,62px);margin:0;letter-spacing:-.05em}.contact p{color:var(--muted)}footer{padding:70px 0 30px;border-top:1px solid var(--line);margin-top:100px}.foot{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:50px}.foot p,.foot a{color:var(--muted);line-height:1.9}.copy{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;color:#7180a8;font-size:13px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s,transform .8s}.reveal.on{opacity:1;transform:none}.orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;background:var(--violet);box-shadow:0 0 60px var(--violet);animation:float 6s ease-in-out infinite}.o1{width:8px;height:8px;left:12%;top:28%}.o2{width:5px;height:5px;left:48%;top:18%;animation-delay:-2s}.o3{width:6px;height:6px;right:9%;top:38%;animation-delay:-4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-35px) scale(1.6);opacity:.5}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:820px){.navin{height:72px}.brand{width:205px;height:54px}.links a:not(.cta){display:none}.hero{min-height:760px;padding-top:120px;background-position:62% center}.hero h1{font-size:52px}.stats,.steps{grid-template-columns:1fr 1fr}.services,.showcase,.foot{grid-template-columns:1fr}.visual{min-height:380px}.contact{padding:42px 27px;display:block}.contact .btn{margin-top:20px}.section-head{display:block}.copy{display:block}.copy span{display:block;margin-top:8px}}@media(max-width:520px){.wrap{width:min(100% - 26px,var(--max))}.hero{background-position:70%;}.hero:before{display:none}.hero p{font-size:17px}.stats,.steps{grid-template-columns:1fr}.stat{padding:21px}section{padding:78px 0}.visual{min-height:300px}.showcase .shot{height:280px}}
/* V2 editorial light direction */body.v2{--bg:#f5f8ff;--panel:#fff;--text:#07112b;--muted:#51607c;--line:#d8e2f3;--cyan:#007f99;--violet:#6d28d9}.v2 .nav{background:rgba(245,248,255,.82)}.v2 .hero{background:linear-gradient(90deg,rgba(245,248,255,.99),rgba(245,248,255,.84) 45%,rgba(245,248,255,.06) 78%),url('hero.png') center/cover}.v2 .hero:after{background:linear-gradient(transparent,var(--bg))}.v2 .gradient{background:linear-gradient(100deg,#07112b,#007f99 55%,#6d28d9);-webkit-background-clip:text;color:transparent}.v2 .stat{background:#fff}.v2 .card{background:#fff}.v2 .ghost{background:#fff;border-color:var(--line)}.v2 .visual:after{color:#fff}.v2 .process{background:#edf3ff}.v2 .contact{color:#fff}.v2 .contact p{color:#cbd5ef}
/* V3 bold modular direction */body.v3{--bg:#090510;--panel:#171020;--text:#fff8ff;--muted:#c5b7ce;--line:#3d2948;--cyan:#f0b429;--violet:#e23cff;--radius:8px}.v3 .nav{background:rgba(9,5,16,.88)}.v3 .hero{background:linear-gradient(90deg,rgba(9,5,16,.98),rgba(9,5,16,.78) 50%,rgba(9,5,16,.15)),url('hero.png') center/cover}.v3 .hero h1{text-transform:uppercase;font-weight:950}.v3 .cta,.v3 .btn{border-radius:4px;background:linear-gradient(120deg,#f0b429,#e23cff)}.v3 .gradient{background:linear-gradient(90deg,#fff,#f0b429,#e23cff);-webkit-background-clip:text;color:transparent}.v3 .stats{transform:translateY(-30px) rotate(-1deg)}.v3 .stat{background:#171020}.v3 .card{border-radius:8px;background:#130c1c}.v3 .visual,.v3 .shot{border-radius:8px}.v3 .contact{border-radius:8px;background:linear-gradient(135deg,#301343,#13101f)}