:root{--nv:#262262;--vi:#662d91;--mg:#ec008c;--or:#f15a29;--grad:linear-gradient(90deg,#ec008c 0%,#662d91 53%,#262262 100%);--grad-v:linear-gradient(160deg,#2d2870 0%,#262262 58%,#1b1840 100%);--ink:#1d1c2e;--ink2:#5b5876;--paper:#fff;--paper2:#f7f5fb;--line:#e8e5f2;--r:18px;--sp:88px;--grn:#1e9e6a;--red:#d64545}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.8;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
/* header */
header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:10px;height:72px}
.lockup{display:flex;align-items:center;gap:11px}
.lockup img{height:46px;border-radius:10px}
.lockup b{display:block;font-size:.98rem;font-weight:900;color:var(--nv);line-height:1.25}
.lockup small{display:block;font-size:.6rem;letter-spacing:.13em;color:var(--vi);font-weight:800}
.nav .links{display:flex;gap:1px;margin-inline-start:auto;align-items:center;flex-wrap:nowrap}
.nav .links a{font-size:.78rem;font-weight:700;color:var(--ink2);padding:7px 8px;border-radius:9px;white-space:nowrap}
.nav .links a:hover{color:var(--vi);background:#f3effa}
.nav .links a.on{color:var(--vi);background:#f4eefb}
.langbtn{border:1.5px solid var(--line);background:#fff;border-radius:9px;padding:0 12px;height:38px;display:flex;align-items:center;font-family:inherit;font-size:.78rem;font-weight:800;color:var(--nv);cursor:pointer;white-space:nowrap}
.navcta{background:var(--grad);color:#fff !important;height:38px;display:flex;align-items:center;padding:0 16px !important;border-radius:10px !important;font-weight:800 !important;font-size:.8rem !important;box-shadow:0 4px 14px rgba(236,0,140,.25);white-space:nowrap}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;color:var(--nv);cursor:pointer;font-size:1.1rem}
/* page hero */
.phero{background:var(--grad-v);color:#fff;padding:56px 0 50px;position:relative;overflow:hidden}
.phero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(236,0,140,.3),transparent 46%),radial-gradient(circle at 10% 88%,rgba(102,45,145,.34),transparent 46%)}
.phero .wrap{position:relative}
.crumb{font-size:.76rem;color:rgba(255,255,255,.7);margin-bottom:12px;font-weight:700}
.crumb a{color:rgba(255,255,255,.85)}
.phero h1{font-size:2rem;font-weight:900;margin-bottom:10px}
.phero p{color:rgba(255,255,255,.83);max-width:640px}
/* sections */
section{padding:var(--sp) 0}
.alt{background:var(--paper2)}
.shead{text-align:center;max-width:680px;margin:0 auto 48px}
.eye{display:inline-block;color:var(--mg);font-weight:800;font-size:.75rem;letter-spacing:.15em;margin-bottom:10px}
.shead h2{font-size:1.95rem;font-weight:900;color:var(--nv);margin-bottom:12px}
.shead p{color:var(--ink2);font-size:.96rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
/* service card */
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.24s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.svc::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:var(--grad);transform:scaleX(0);transform-origin:100% 0;transition:.3s}
.svc:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(38,34,98,.13)}
.svc:hover::before{transform:scaleX(1)}
.svc .ic{width:54px;height:54px;border-radius:15px;background:linear-gradient(150deg,#f6ecfb,#fde7f4);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.svc .ic svg{width:26px;height:26px;stroke:var(--vi);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.svc h3{font-size:1.03rem;font-weight:900;color:var(--nv);margin-bottom:8px}
.svc p{font-size:.86rem;color:var(--ink2);flex:1}
.svc .go{margin-top:16px;align-self:flex-start;background:#fdeef6;color:var(--mg);border:0;border-radius:10px;padding:9px 18px;font-family:inherit;font-size:.8rem;font-weight:800;cursor:pointer}
.svc .go:hover{background:var(--mg);color:#fff}
/* project card */
.prj{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.24s}
.prj:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(38,34,98,.13)}
.prj .art{height:150px;display:flex;align-items:center;justify-content:center}
.prj .art svg{width:54px;height:54px;stroke:rgba(255,255,255,.93);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.a1{background:linear-gradient(140deg,#262262,#4a2a7a)}.a2{background:linear-gradient(140deg,#662d91,#b3186f)}.a3{background:linear-gradient(140deg,#3a1f63,#7a1f6b)}.a4{background:linear-gradient(140deg,#1f1c52,#662d91)}
.prj .bd{padding:18px 20px}
.prj h3{font-size:.98rem;font-weight:900;color:var(--nv);margin-bottom:7px}
.prj p{font-size:.84rem;color:var(--ink2)}
/* chips / clients / partners */
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.chip{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 26px;font-weight:800;color:var(--nv);font-size:.9rem;transition:.2s}
.chip:hover{border-color:var(--vi);color:var(--vi);transform:translateY(-3px)}
.chip.pt{padding:16px 30px;font-size:1rem;letter-spacing:.01em}
/* docs */
.docrow{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px}
.docrow .di{width:46px;height:46px;border-radius:12px;background:linear-gradient(150deg,#f6ecfb,#fde7f4);display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.docrow b{display:block;color:var(--nv);font-weight:900;font-size:.94rem}
.docrow small{color:var(--ink2);font-size:.78rem}
.docrow .dtag{margin-inline-start:auto;background:#f4eefb;color:var(--vi);border-radius:999px;padding:4px 14px;font-size:.72rem;font-weight:800}
/* news */
.news{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;transition:.2s}
.news:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(38,34,98,.1)}
.news .dt{font-size:.72rem;color:var(--mg);font-weight:800;margin-bottom:8px}
.news h3{font-size:1rem;font-weight:900;color:var(--nv)}
/* contact */
.contact{display:grid;grid-template-columns:.92fr 1.08fr;gap:36px;align-items:start}
.icard{background:var(--grad-v);color:#fff;border-radius:24px;padding:34px 30px;position:relative;overflow:hidden}
.icard::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 8%,rgba(236,0,140,.3),transparent 46%)}
.icard h3{font-size:1.2rem;font-weight:900;margin-bottom:20px;position:relative}
.irow{display:flex;gap:13px;margin-bottom:17px;position:relative;align-items:flex-start}
.irow .i2{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.irow .i2 svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.irow b{display:block;font-size:.75rem;color:rgba(255,255,255,.68)}
.irow span{font-size:.92rem;font-weight:700;direction:ltr;unicode-bidi:embed}
.irow span.ar{direction:rtl;unicode-bidi:normal}
.social{display:flex;gap:10px;margin-top:20px;position:relative;flex-wrap:wrap}
.social a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;transition:.2s}
.social a:hover{background:var(--mg);border-color:var(--mg);transform:translateY(-3px)}
.social svg{width:19px;height:19px;fill:#fff}
.form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}
.form h3{font-size:1.18rem;font-weight:900;color:var(--nv);margin-bottom:4px}
.form .sub{font-size:.83rem;color:var(--ink2);margin-bottom:18px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld{margin-bottom:12px}
.fld label{display:block;font-size:.75rem;font-weight:800;color:var(--vi);margin-bottom:5px}
.fld input,.fld select,.fld textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;font-family:inherit;font-size:.89rem;background:#fdfcff;color:var(--ink)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--vi);box-shadow:0 0 0 4px rgba(102,45,145,.08)}
.sub2{width:100%;background:var(--grad);color:#fff;border:0;border-radius:12px;padding:14px;font-family:inherit;font-size:.93rem;font-weight:800;cursor:pointer}
/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.stat{background:var(--grad-v);color:#fff;border-radius:18px;padding:22px;text-align:center;position:relative;overflow:hidden}
.stat::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(236,0,140,.28),transparent 50%)}
.stat b{display:block;font-size:1.9rem;font-weight:900;position:relative}
.stat span{font-size:.76rem;color:rgba(255,255,255,.78);position:relative}
/* footer */
footer{background:#1b1840;color:rgba(255,255,255,.75);padding:52px 0 22px;margin-top:20px}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px;margin-bottom:30px}
footer h4{color:#fff;font-weight:900;font-size:.95rem;margin-bottom:12px}
footer a{display:block;font-size:.82rem;margin-bottom:7px}
footer a:hover{color:#fff}
footer p{font-size:.83rem}
.fsoc{display:flex;gap:10px;margin-top:14px}
.fsoc a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;margin:0}
.fsoc a:hover{background:var(--mg)}
.fsoc svg{width:17px;height:17px;fill:#fff}
.fbot{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.75rem;align-items:center}
.fbot .gbar{width:110px;height:5px;border-radius:99px;background:var(--grad)}
.rv{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
.toast{position:fixed;bottom:20px;inset-inline-start:20px;background:#1e1b4b;color:#fff;border-radius:12px;padding:12px 20px;font-size:.85rem;z-index:200;display:none}
@media(max-width:900px){
.nav .links{display:none;position:fixed;top:74px;inset-inline:0;background:#fff;flex-direction:column;padding:16px;border-bottom:1px solid var(--line);box-shadow:0 16px 40px rgba(38,34,98,.1);align-items:stretch}
.nav .links.open{display:flex}
.burger{display:block;margin-inline-start:auto}
.contact,.fg,footer .cols{grid-template-columns:1fr}
section{padding:60px 0}
.phero h1{font-size:1.55rem}
}

/* service deep pages */
.deep{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;margin-bottom:18px}
.deep h3{color:var(--nv);font-weight:900;font-size:1.08rem;margin-bottom:10px}
.deep p{color:var(--ink2);font-size:.9rem;margin-bottom:10px}
.deep ul{padding-inline-start:20px;font-size:.88rem;color:var(--ink2)}
.deep li{margin-bottom:7px}
.deep .tag{display:inline-block;background:#f4eefb;color:var(--vi);border-radius:999px;padding:3px 12px;font-size:.7rem;font-weight:800;margin-inline-end:6px}
.threat{border-inline-start:4px solid var(--mg);background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:12px}
.threat b{color:var(--mg)}
.threat p{font-size:.85rem;color:var(--ink2);margin:4px 0 0}
.sol{border-inline-start:4px solid var(--grn);background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:12px}
.sol b{color:var(--grn)}
.sol p{font-size:.85rem;color:var(--ink2);margin:4px 0 0}
.lgcell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;transition:.2s;cursor:pointer}
.lgcell:hover{border-color:var(--vi);transform:translateY(-4px);box-shadow:0 16px 38px rgba(38,34,98,.12)}
.lgcell .nm{font-weight:900;color:var(--nv);font-size:.95rem}
.lgcell .ln{font-size:.68rem;color:var(--gy);direction:ltr}
.lgmark{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.2rem}
img.lgmark{object-fit:cover;box-shadow:0 6px 16px rgba(38,34,98,.10)}
img.lgmark.logo-real{background:#fff;padding:7px;object-fit:contain;box-shadow:0 6px 16px rgba(38,34,98,.12)}

/* AIN-2026-0044 footer polish */
footer .cols.fcols{align-items:start;gap:38px}
.fbrand{max-width:430px}
.fbrand p{line-height:1.75;color:rgba(255,255,255,.66)}
footer .cols h4{letter-spacing:.02em;padding-bottom:8px;margin-bottom:14px;border-bottom:2px solid rgba(255,255,255,.12);display:inline-block}
footer .cols a{transition:color .15s,padding .15s}
footer .cols a:hover{color:#fff;padding-inline-start:4px}
.fline{display:flex;align-items:center;gap:2px}
@media(max-width:860px){.fbrand{max-width:none}}

/* AIN-2026-0046 footer compact */
footer{padding:30px 0 14px;margin-top:14px}
footer .cols.fcols{grid-template-columns:1.5fr 1fr 1.1fr;gap:26px;margin-bottom:16px}
.fbrand{max-width:400px}
.fbrand p{font-size:.75rem;line-height:1.6;margin:0 0 8px;color:rgba(255,255,255,.62)}
.flogo{height:38px;background:#fff;padding:4px 9px;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.18);margin-bottom:8px;box-sizing:border-box;object-fit:contain}
footer .cols h4{font-size:.8rem;margin-bottom:8px;padding-bottom:5px;border-bottom-width:1.5px}
footer .cols a{font-size:.74rem;margin-bottom:4px}
.fline{gap:2px}
.fsoc{margin-top:8px;gap:8px}
.fsoc a{width:30px;height:30px;border-radius:8px}
.fsoc svg{width:14px;height:14px}
.fbot{padding-top:10px;font-size:.68rem;gap:8px}
.gbar{width:80px;height:4px}

/* AIN-2026-0048 footer alignment */
.fbrand{text-align:center}
.fbrand .flogo{margin-inline:auto}
.fsoc{justify-content:center}
.fline{display:flex;align-items:center;gap:8px}
.fico{width:15px;height:15px;fill:#fff;flex-shrink:0}
.fico.wa{fill:#25d366}
.fmut{color:rgba(255,255,255,.55)}

/* AIN-2026-0050 header fit */
@media(max-width:1150px) and (min-width:861px){.nav .links a{padding:6px 5px;font-size:.71rem}.langbtn{padding:0 9px}.navcta{padding:0 11px !important}}
@media(max-width:860px){.langbtn{height:40px}.navcta{height:40px}}

/* AIN-2026-0053 mobile-proof (about + all pages) */
@media(max-width:900px){
  footer .cols.fcols{grid-template-columns:1fr;gap:22px}
  .fbrand{text-align:center}
  .stats{grid-template-columns:repeat(2,1fr)}
  .shead{margin-bottom:30px}
}
@media(max-width:380px){
  .grid3{grid-template-columns:1fr}
  .phero{padding:44px 0 38px}
  .phero h1{font-size:1.3rem}
}
@media(max-width:900px){
  section h2[style]{font-size:1.22rem !important}
}


/* ===== v1.0.5 — تصغير الخط درجة واحدة + فوتر رباعي + اتساق النصوص ===== */
html{font-size:15px}
.shead p{max-width:820px;margin-inline:auto}
.wrap.about p{max-width:820px;margin-inline:auto}
footer .cols.fcols4{grid-template-columns:1.5fr 1fr 1fr 1.25fr}
@media(max-width:900px){footer .cols.fcols4{grid-template-columns:1fr}}
.fbot .fmini{font-size:.7rem;opacity:.78}
.fbot a.fadm{color:inherit;text-decoration:none}
.ss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:10px 0}
.ss-fld{display:flex;flex-direction:column;gap:5px}
.ss-fld label{font-size:.8rem;font-weight:700;color:var(--ink2)}
.ss-fld input{padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:.85rem}
.ss-note{font-size:.75rem;color:var(--ink2);margin-top:8px}


/* ===== v1.0.6 — CMS appliers + about fix + band ===== */
.feats .ft{align-items:flex-start;line-height:1.55}
.feats .ft .ck{margin-top:2px}
.feats .ft span:last-child{min-height:21px;display:flex;align-items:center}
.ain-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:1100px;margin:22px auto 6px;padding:0 14px}
.ain-band img{width:100%;height:200px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.ain-hide{display:none !important}