/* ==========================================================================
   صفحة الشركة التعريفية العامة (Company Landing) · RTL · قابلة لأي مجال
   ========================================================================== */
:root{
  --ink:#111827; --soft:#556072; --faint:#8a95a6;
  --bg:#ffffff; --bg-2:#f5f7fb; --line:#e8ecf3; --line-2:#dde3ee;
  --brand:#1e5fd6; --brand-2:#1746a8; --brand-3:#3b82f6; --brand-soft:#eaf1ff; --brand-ink:#12408f;
  --accent:#f59e0b;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --shadow:0 18px 50px -24px rgba(20,40,90,.28);
  --shadow-lg:0 40px 90px -40px rgba(20,40,90,.45);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{margin:0;font-family:"Cairo","Segoe UI",Tahoma,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 22px;}
.cgrad{background:linear-gradient(100deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* الأزرار */
.cbtn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;border-radius:12px;padding:12px 22px;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s,background .15s;white-space:nowrap;}
.cbtn:active{transform:translateY(1px);}
.cbtn-lg{padding:15px 30px;font-size:16px;border-radius:14px;}
.cbtn-primary{color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand-2));box-shadow:0 14px 30px -12px rgba(30,95,214,.55);}
.cbtn-primary:hover{filter:brightness(1.07);}
.cbtn-outline{color:var(--brand-ink);background:#fff;border-color:var(--line-2);}
.cbtn-outline:hover{border-color:var(--brand);background:var(--brand-soft);}
.cbtn-ghost{color:var(--brand-ink);background:var(--brand-soft);}
.cbtn-ghost:hover{background:#dceaff;}
.cbtn-white{color:var(--brand-ink);background:#fff;box-shadow:0 14px 30px -14px rgba(0,0,0,.3);}
.cbtn-white:hover{filter:brightness(.98);}

/* الناف بار */
.cnav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line);}
.cnav .in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px;}
.cbrand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.3px;}
.cbrand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 10px 22px -8px rgba(30,95,214,.6);flex:none;}
.clinks{display:flex;align-items:center;gap:4px;}
.clinks a{color:var(--soft);font-weight:600;font-size:15px;padding:8px 14px;border-radius:10px;transition:color .15s,background .15s;}
.clinks a:hover{color:var(--brand-ink);background:var(--brand-soft);}
.cactions{display:flex;align-items:center;gap:10px;}
.cnav-toggle{display:none;background:none;border:1px solid var(--line-2);border-radius:10px;width:42px;height:42px;font-size:20px;color:var(--ink);cursor:pointer;align-items:center;justify-content:center;}
.cmenu{display:none;flex-direction:column;gap:6px;padding:0 22px;max-height:0;overflow:hidden;background:rgba(255,255,255,.98);transition:max-height .3s ease,padding .3s ease,border-color .3s ease;border-top:0 solid var(--line);}
.cmenu.open{max-height:360px;padding-top:12px;padding-bottom:18px;border-top-width:1px;}
.cmenu a{padding:12px 14px;border-radius:11px;font-weight:700;color:var(--soft);display:flex;align-items:center;gap:9px;}
.cmenu a:hover{background:var(--brand-soft);color:var(--brand-ink);}
.cmenu .cm-login{color:var(--brand-ink);}
@media(max-width:840px){.clinks{display:none;} .cactions .cbtn-ghost{display:none;} .cnav-toggle{display:inline-flex;} .cmenu{display:flex;}}

/* الهيرو */
.chero{position:relative;overflow:hidden;padding:74px 0 64px;background:
  radial-gradient(820px 480px at 90% -10%,rgba(59,130,246,.16),transparent 60%),
  radial-gradient(700px 480px at 4% 8%,rgba(30,95,214,.12),transparent 55%),
  linear-gradient(180deg,#fbfcff,#f3f6fd);}
.chero .in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
@media(max-width:900px){.chero .in{grid-template-columns:1fr;text-align:center;}}
.cbadge{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--brand-ink);background:#fff;border:1px solid var(--line-2);padding:7px 15px;border-radius:100px;box-shadow:var(--shadow);}
.cbadge .d{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(245,158,11,.18);}
.chero h1{font-size:50px;line-height:1.3;font-weight:800;margin:18px 0 14px;letter-spacing:-1px;}
@media(max-width:900px){.chero h1{font-size:36px;}}
.chero p{font-size:18px;color:var(--soft);margin:0 0 26px;max-width:48ch;}
@media(max-width:900px){.chero p{margin-inline:auto;}}
.chero-cta{display:flex;gap:14px;flex-wrap:wrap;}
@media(max-width:900px){.chero-cta{justify-content:center;}}
.chero-art{position:relative;height:340px;display:flex;align-items:center;justify-content:center;}
@media(max-width:900px){.chero-art{height:240px;}}
.chero-art .blob{position:absolute;width:300px;height:300px;border-radius:44% 56% 62% 38%/48% 42% 58% 52%;background:linear-gradient(135deg,var(--brand),var(--brand-3));box-shadow:var(--shadow-lg);animation:cfloat 7s ease-in-out infinite;}
.chero-art .ring{position:absolute;border-radius:50%;border:2px dashed rgba(30,95,214,.25);}
.chero-art .ring.r1{width:320px;height:320px;} .chero-art .ring.r2{width:400px;height:400px;border-color:rgba(245,158,11,.22);}
@media(max-width:900px){.chero-art .ring.r2{display:none;}}
.chero-art > i{position:relative;font-size:120px;color:#fff;z-index:2;text-shadow:0 12px 30px rgba(0,0,0,.2);}
@keyframes cfloat{0%,100%{transform:translateY(-10px);}50%{transform:translateY(10px);}}

/* الإحصائيات */
.cstats{background:var(--brand);color:#fff;}
.cstats .in{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;padding:34px 0;text-align:center;}
.cstat b{display:block;font-size:38px;font-weight:800;line-height:1;letter-spacing:-1px;}
.cstat span{font-size:14.5px;opacity:.85;}

/* الأقسام */
.csec{padding:82px 0;}
.csec-alt{background:var(--bg-2);}
.chead{text-align:center;max-width:620px;margin:0 auto 50px;}
.ctag{font-size:13.5px;font-weight:800;color:var(--brand);letter-spacing:.5px;text-transform:uppercase;}
.chead h2{font-size:36px;font-weight:800;margin:10px 0 12px;letter-spacing:-.6px;}
@media(max-width:640px){.chead h2{font-size:28px;}}
.chead p{font-size:17px;color:var(--soft);margin:0;}

/* كروت الخدمات */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.cgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.cgrid{grid-template-columns:1fr;}}
.ccard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:transform .18s,box-shadow .18s,border-color .18s;}
.ccard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2);}
.ccard .cic{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;margin-bottom:16px;}
.ccard h3{font-size:19px;font-weight:800;margin:0 0 8px;}
.ccard p{font-size:14.5px;color:var(--soft);margin:0;}
.cic.c1{background:linear-gradient(135deg,#1e5fd6,#3b82f6);} .cic.c2{background:linear-gradient(135deg,#f59e0b,#fbbf24);}
.cic.c3{background:linear-gradient(135deg,#0d9488,#2dd4bf);} .cic.c4{background:linear-gradient(135deg,#7c3aed,#a78bfa);}
.cic.c5{background:linear-gradient(135deg,#e11d48,#fb7185);} .cic.c6{background:linear-gradient(135deg,#059669,#34d399);}

/* عن الشركة */
.cabout .in{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;}
@media(max-width:900px){.cabout .in{grid-template-columns:1fr;text-align:center;}}
.cabout-art{display:flex;align-items:center;justify-content:center;height:280px;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:var(--shadow-lg);}
.cabout-art i{font-size:110px;color:#fff;opacity:.92;}
.cabout-txt h2{font-size:34px;font-weight:800;margin:10px 0 14px;}
.cabout-txt p{font-size:16.5px;color:var(--soft);margin:0 0 22px;}

/* لماذا نحن */
.cwhy{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:820px){.cwhy{grid-template-columns:1fr;}}
.cwhy-item{display:flex;gap:15px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;}
.cwhy-ic{width:50px;height:50px;flex:none;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:22px;}
.cwhy-item h3{font-size:18px;font-weight:800;margin:0 0 6px;}
.cwhy-item p{font-size:14px;color:var(--soft);margin:0;}

/* بانر CTA */
.ccta-band{padding:0 0 82px;}
.ccta-inner{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:56px 40px;text-align:center;color:#fff;
  background:radial-gradient(700px 300px at 85% -30%,rgba(255,255,255,.18),transparent 60%),linear-gradient(120deg,var(--brand-ink),var(--brand) 55%,var(--brand-3));box-shadow:var(--shadow-lg);}
.ccta-inner h2{font-size:34px;font-weight:800;margin:0 0 10px;}
.ccta-inner p{font-size:17px;color:rgba(255,255,255,.88);margin:0 0 26px;}

/* تواصل */
.ccontact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;}
@media(max-width:760px){.ccontact-grid{grid-template-columns:1fr;}}
.cinfo{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 20px;transition:transform .15s,box-shadow .15s;}
.cinfo:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.cinfo-ic{width:54px;height:54px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:6px;}
.cinfo b{font-size:15px;}
.cinfo span{color:var(--soft);font-size:14.5px;}

/* الفوتر */
.cfooter{background:#0e1830;color:#c3cbdb;padding:52px 0 0;}
.cfooter .in{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.08);}
@media(max-width:760px){.cfooter .in{grid-template-columns:1fr;gap:26px;}}
.cf-brand .cbrand{color:#fff;margin-bottom:14px;}
.cf-brand p{font-size:14.5px;color:#93a0b8;max-width:44ch;margin:0 0 18px;line-height:1.9;}
.cf-social{display:flex;gap:10px;}
.cf-social a{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#c3cbdb;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:transform .15s,background .15s,color .15s;}
.cf-social a:hover{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-3));border-color:transparent;transform:translateY(-3px);}
.cf-links{display:flex;flex-direction:column;gap:12px;}
.cf-links a{color:#93a0b8;font-size:14.5px;font-weight:600;transition:color .15s;}
.cf-links a:hover{color:#fff;}
.cf-bottom{padding:20px 0;text-align:center;color:#7a879e;font-size:13.5px;}
