:root{--navy:#101722;--ink:#18202b;--blue:#1d5cbf;--blue2:#2f7df0;--soft:#e1e5eb;--bg:#f5f7fa;--mute:#5d6877;--line:#dde3ec;--r:14px;--sh:0 18px 50px -24px rgba(16,23,34,.35)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font:400 16px/1.75 'Montserrat','Tajawal',system-ui,sans-serif;color:var(--ink);background:#fff;opacity:0;transition:opacity .5s}body.ready{opacity:1}
html[lang=ar] body{font-family:'Tajawal','Montserrat',system-ui,sans-serif;font-size:17px}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}.sec{padding:clamp(64px,9vw,112px) 0}.alt{background:var(--bg)}.dark{background:var(--navy);color:#fff}
.k{font:700 12px/1 'Montserrat',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--blue)}html[lang=ar] .k{letter-spacing:0;font-size:14px}.dark .k{color:#7fb0ff}
h2{font-size:clamp(28px,4vw,46px);line-height:1.2;font-weight:800;margin:14px 0 18px;letter-spacing:-.01em}h3{font-size:20px;line-height:1.35;font-weight:700}
.lead{color:var(--mute);max-width:70ch}.dark .lead{color:#b9c4d4}.head{margin-bottom:44px;max-width:780px}
.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;font-weight:700;font-size:15px;transition:.25s;border:1.5px solid transparent}
.btn.p{background:var(--blue);color:#fff}.btn.p:hover{background:var(--blue2);transform:translateY(-2px)}.btn.o{border-color:#ffffff66;color:#fff}.btn.o:hover{background:#ffffff1f}.btn.g{border-color:var(--blue);color:var(--blue)}.btn.g:hover{background:var(--blue);color:#fff}.btn.wa{background:#1fa855;color:#fff}.btn.wa:hover{background:#17924a;transform:translateY(-2px)}
header{position:fixed;inset:0 0 auto;z-index:50;transition:.3s;color:#fff}header.s{background:#101722ee;backdrop-filter:blur(14px);box-shadow:0 1px 0 #ffffff14}
.nav{display:flex;align-items:center;gap:20px;height:76px}.logo{height:46px;width:auto;border-radius:6px}.nav ul{display:flex;gap:2px;list-style:none;padding:0;margin-inline:auto}.nav ul a{padding:8px 12px;font-size:14px;font-weight:600;opacity:.85;border-radius:8px}.nav ul a:hover,.nav ul a.on{opacity:1;background:#ffffff1a}
.lang{display:flex;border:1.5px solid #ffffff55;border-radius:999px;overflow:hidden;font-size:13px;font-weight:700}.lang button{padding:6px 13px;opacity:.7}.lang button.on{background:#fff;color:var(--navy);opacity:1}
.burger{display:none;width:42px;height:42px;font-size:24px}
.hero{min-height:100svh;display:grid;align-items:end;position:relative;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2;transform:scale(1.04);animation:zoom 14s ease-out forwards}@keyframes zoom{to{transform:scale(1)}}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101722cc 0,#10172288 35%,#101722f2 100%)}
.hero .wrap{padding:150px 0 90px}.hero h1{font-size:clamp(34px,6vw,72px);line-height:1.1;font-weight:800;max-width:15ch;letter-spacing:-.02em}html[lang=ar] .hero h1{line-height:1.3;max-width:16ch}
.hero .ey{display:inline-block;padding:8px 16px;border:1px solid #ffffff44;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:24px;backdrop-filter:blur(6px);background:#ffffff12}
.hero p{max-width:62ch;margin:24px 0 34px;font-size:18px;color:#d7e0ec}.cta{display:flex;flex-wrap:wrap;gap:12px}.tags{margin-top:44px;padding-top:22px;border-top:1px solid #ffffff2b;font-size:13px;color:#aebbd0;letter-spacing:.03em}
.quick{background:var(--navy);border-top:1px solid #ffffff14}.quick .wrap{display:flex;flex-wrap:wrap}.quick a{flex:1 1 150px;padding:22px 16px;text-align:center;color:#fff;font-weight:700;font-size:14px;border-inline-end:1px solid #ffffff14;transition:.2s}.quick a:hover{background:var(--blue)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}.facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:26px}.fact{padding:20px;border-radius:var(--r);background:var(--navy);color:#fff}.fact small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7fb0ff}html[lang=ar] .fact small{letter-spacing:0;font-size:13px}.fact b{font-size:22px}
.about p+p{margin-top:16px}.pull{font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.4;color:var(--blue);margin-bottom:20px}
.stages{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}.stages span{padding:6px 14px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:700}
.grid{display:grid;gap:20px}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{padding:26px;border-radius:var(--r);background:#fff;border:1px solid var(--line);transition:.3s}.card:hover{transform:translateY(-4px);box-shadow:var(--sh)}.card h3{margin-bottom:10px;font-size:18px}.card p{color:var(--mute);font-size:15px}.card .n{font:800 13px 'Montserrat';color:var(--blue);letter-spacing:.12em;display:block;margin-bottom:12px}
.dark .card{background:#ffffff0d;border-color:#ffffff1f}.dark .card p{color:#b9c4d4}
.vm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.vm>div{padding:clamp(26px,4vw,44px);border-radius:var(--r);background:#ffffff0d;border:1px solid #ffffff1f}.vm h3{font-size:26px;margin-bottom:16px;color:#fff}.vm p{color:#c6d1e0;margin-top:12px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.pc{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;text-align:start;transition:.3s}.pc:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.pc .im{aspect-ratio:4/3;overflow:hidden;background:#0d1117}.pc .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.pc:hover .im img{transform:scale(1.07)}
.pc .tx{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.pc h3{font-size:18px}.pc p{font-size:14.5px;color:var(--mute);flex:1}.pc .more{color:var(--blue);font-weight:700;font-size:14px}
.brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.brand{aspect-ratio:3/2;overflow:hidden;min-width:0;background:#fff;border-radius:var(--r);display:grid;place-items:center;padding:8% 12%;border:1px solid var(--line);transition:.3s}.brand:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--blue)}.brand{position:relative}.brand img{position:absolute;inset:14% 12%;width:76%;height:72%;object-fit:contain}
.net{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0}.net li{padding:16px 18px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:14.5px;display:flex;gap:12px;align-items:center}.net li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.feat{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:16px}.feat .col{display:grid;gap:16px}.ph{position:relative;overflow:hidden;border-radius:var(--r);background:#0d1117;cursor:zoom-in;padding:0;display:block;width:100%}.ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.ph:hover img{transform:scale(1.05)}
.feat .big{aspect-ratio:3/4}.feat .col .ph{aspect-ratio:1/1}.rest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rest .ph{aspect-ratio:4/5}
.srv{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}.srv ol{list-style:none;padding:0;display:grid;gap:12px;counter-reset:c}.srv li{counter-increment:c;padding:16px 18px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;gap:12px}.srv li:before{content:counter(c);font-weight:800;color:var(--blue)}.srv li b{display:block}.srv li span{color:var(--mute);font-size:14.5px}
.slogan{margin:24px 0;padding-inline-start:16px;border-inline-start:4px solid var(--blue);font-weight:700}
.warr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}.hl{background:linear-gradient(135deg,var(--blue),#0f3d8f);color:#fff;border-radius:var(--r);padding:clamp(26px,4vw,44px)}.hl h3{font-size:24px;margin-bottom:14px}.hl small{display:block;margin-top:14px;opacity:.8;font-size:13px}
.cats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.cat{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:28px;border-radius:var(--r);background:#ffffff0d;border:1px solid #ffffff22;transition:.3s}.cat:hover{background:#ffffff1a;transform:translateY(-4px)}.cat b{font-size:22px}.cat .pdf{font:800 12px 'Montserrat';padding:8px 12px;border-radius:8px;background:#e53935;color:#fff}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px)}.ci{display:grid;gap:14px;margin:26px 0}.ci div{padding:18px 20px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1f}.ci small{display:block;color:#7fb0ff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}html[lang=ar] .ci small{letter-spacing:0;font-size:13px}.ci b{font-size:18px;direction:ltr;unicode-bidi:plaintext}
.clogo{background:#f8f7f8;border-radius:var(--r);padding:30px;display:grid;place-items:center}
footer{background:#0a0f17;color:#8f9bb0;padding:30px 0;font-size:14px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center}
.fab{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:40;display:grid;gap:10px}.fab a,.fab button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 30px -8px #0008;font-size:24px}.fab .w{background:#1fa855}.fab .t{background:var(--navy);opacity:0;pointer-events:none;transition:.3s;font-size:20px}.fab .t.on{opacity:1;pointer-events:auto}
dialog{border:0;padding:0;border-radius:18px;max-width:min(920px,94vw);width:100%;max-height:90svh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#070b12dd;backdrop-filter:blur(4px)}
.dlg .imgs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:#0d1117}.dlg .imgs img{width:100%;height:280px;object-fit:cover}.dlg .bd{padding:clamp(22px,4vw,40px)}.dlg h3{font-size:28px;margin-bottom:14px}.dlg p{color:var(--mute);margin-bottom:12px}.dlg h4{margin:22px 0 10px;color:var(--blue);font-size:15px}.dlg ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.dlg li{padding:7px 14px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:14px}
.x{position:sticky;top:10px;float:inline-end;margin:10px;z-index:3;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 4px 14px #0004;font-size:20px}
dialog.lb{background:transparent;max-width:100vw;max-height:100svh;width:100vw;height:100svh;overflow:hidden}.lb figure{height:100%;display:grid;place-items:center;padding:56px 70px}.lb img{max-height:100%;max-width:100%;object-fit:contain;border-radius:8px;animation:fi .35s}@keyframes fi{from{opacity:0;transform:scale(.98)}}
.lb button{position:absolute;width:48px;height:48px;border-radius:50%;background:#ffffff22;color:#fff;font-size:22px;backdrop-filter:blur(6px)}.lb .c{top:14px;inset-inline-end:14px}.lb .pv{inset-inline-start:14px;top:50%}.lb .nx{inset-inline-end:14px;top:50%}.lb .ct{position:absolute;bottom:16px;inset-inline:0;text-align:center;color:#fff;font-size:14px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}
@media(max-width:1020px){.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.brands{grid-template-columns:repeat(3,minmax(0,1fr))}.net{grid-template-columns:repeat(2,minmax(0,1fr))}.rest{grid-template-columns:repeat(2,minmax(0,1fr))}
 .burger{display:block;margin-inline-start:auto}.nav ul{position:fixed;inset:76px 0 auto;flex-direction:column;background:#101722f7;padding:14px 20px 24px;transform:translateY(-130%);transition:.35s;margin:0;max-height:calc(100svh - 76px);overflow:auto}.nav ul.open{transform:none}.nav ul a{display:block;padding:14px;font-size:16px}.nav .lang{order:3}}
@media(max-width:760px){.split,.vm,.srv,.warr,.cats,.contact,.feat,.g3,.g2{grid-template-columns:1fr}.brands{grid-template-columns:repeat(2,minmax(0,1fr))}.net{grid-template-columns:1fr}.g5,.g4{grid-template-columns:1fr}.feat .col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feat .big{aspect-ratio:4/5}.lb figure{padding:60px 8px}.hero .wrap{padding-top:120px}.dlg .imgs img{height:200px}}
.hero .tags{padding-inline-end:72px}