:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--blue2:#1d4ed8;--soft:#eff6ff;--bg:#f8fafc;--white:#fff;--green:#059669;--navy:#071226;--wrap:1160px;--shadow:0 14px 42px rgba(15,23,42,.07);color-scheme:light}
html[data-theme=dark]{--ink:#e9eef8;--muted:#94a3b8;--line:#233150;--blue:#60a5fa;--blue2:#3b82f6;--soft:#172554;--bg:#0b1220;--white:#111a2e;--green:#34d399;--navy:#050c1a;--shadow:0 14px 42px rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-base);line-height:1.75;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}
/* عناصر النماذج لا ترث الخط تلقائياً من body — بدون هذا السطر كانت كل أزرار
   هذه الصفحات تظهر بخط Arial الافتراضي بدل خط ثمانية، فتبدو مختلفة عن
   بقية الموقع (وتُظهر أيقونة ◐ بحجم خاطئ). */
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
/* إظهار/إخفاء اللغة يتم بالـCSS اعتمادًا على سمة lang وحدها — لا بستايل
   سطري. القاعدة القديمة [data-en]{display:none} كانت ثابتة، وسكربت تبديل
   اللغة يكتفي بإزالة الستايل السطري، فتبقى القاعدة سارية: يختفي العربي
   (بستايل سطري) ولا يظهر الإنجليزي (بالقاعدة) = صفحة فاضية بالإنجليزي. */
html:not([lang=en]) [data-en]{display:none}
html[lang=en] [data-ar]{display:none}a{color:inherit;text-decoration:none}.wrap{max-width:var(--wrap);margin:auto;padding-inline:22px}/* الهيدر العلوي — موحّد مع بقية صفحات الموقع: خلفية فاتحة تتبع الثيم بدل
   الكحلي الثابت الذي كان يجعل هذه الصفحات تبدو مختلفة تمامًا عن الباقي. */
.top{position:sticky;top:0;z-index:50;background:var(--white);backdrop-filter:blur(14px);color:var(--ink);border-bottom:1px solid var(--line)}.nav{min-height:66px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.brand span{color:var(--blue)}.brand img{height:32px;width:auto}
/* الشعار مرسوم بلون غامق — على الخلفية الداكنة يجب قلبه إلى أبيض وإلا اختفى. */
html[data-theme=dark] .brand img{filter:brightness(0) invert(1)}.navlinks{display:flex;gap:22px;margin-inline-start:auto;font-size:14.5px;font-weight:500;color:var(--muted)}.navlinks a{padding:10px 0;transition:.2s}.navlinks a:hover{color:var(--blue)}.nav .cta{padding:10px 17px;border-radius:11px;background:var(--blue);font-weight:700;color:#fff;white-space:nowrap;transition:.2s}.nav .cta:hover{background:var(--blue2)}.tgl{width:38px;height:38px;flex:none;border-radius:11px;border:1px solid var(--line);background:var(--white);color:var(--ink);display:grid;place-items:center;font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:border-color .2s,color .2s}.tgl:hover{border-color:var(--blue);color:var(--blue)}
.crumb{padding:18px 0;font-size:13px;color:var(--muted)}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff;padding:96px 0 88px}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 15% 18%,rgba(37,99,235,.36),transparent 30%),radial-gradient(circle at 86% 74%,rgba(56,189,248,.12),transparent 28%),linear-gradient(125deg,#071226,#0c1e40)}.hero:after{content:'';position:absolute;inset:-40%;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(60deg) translateY(30%);mask-image:linear-gradient(to bottom,transparent,#000)}.eyebrow{display:inline-flex;padding:7px 13px;border-radius:99px;background:rgba(56,189,248,.1);border:1px solid rgba(125,211,252,.24);color:#bae6fd;font-size:13px;font-weight:700}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.12;letter-spacing:-.035em;margin:20px 0;max-width:950px}.hero p{max-width:760px;color:#cbd5e1;font-size:clamp(17px,2vw,21px)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 22px;border-radius:12px;border:1px solid var(--line);background:var(--white);color:var(--ink);font-weight:700;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue2)}.btn.dark{background:#0f172a;border-color:#334155;color:#fff}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:27px;color:#bfdbfe;font-size:13px}.trust span:before{content:'✓';color:#34d399;margin-inline-end:7px;font-weight:900}
section{padding:82px 0}.head{max-width:760px;margin-bottom:34px}.head small{display:inline-block;color:var(--blue);font-weight:700;margin-bottom:5px}.head h2{font-size:clamp(29px,4vw,46px);line-height:1.28;letter-spacing:-.02em;margin:5px 0 10px}.head p{color:var(--muted);font-size:17px}.grid{display:grid;gap:18px}.g3{grid-template-columns:repeat(3,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#bfdbfe}.card .icon{width:50px;height:50px;border-radius:15px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800}.card h3{font-size:21px;margin:18px 0 8px}.card p{color:var(--muted);margin:0}.card a{display:inline-block;color:var(--blue);font-weight:700;margin-top:15px}.results{background:var(--white)}.checks{list-style:none;padding:4px;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0}.checks li{display:flex;gap:11px;padding:17px 18px;border-bottom:1px solid var(--line)}.checks li:nth-last-child(-n+2){border-bottom:0}.checks li:before{content:'✓';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ecfdf5;color:var(--green);font-weight:900;flex:none}.process{counter-reset:step}.step{position:relative;padding-inline-start:72px}.step:before{counter-increment:step;content:counter(step);position:absolute;inset-inline-start:0;top:25px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#0f172a;color:#fff;font-weight:800}.cta-band{margin:18px 0 76px;border-radius:28px;padding:54px;background:radial-gradient(circle at 15% 20%,rgba(56,189,248,.24),transparent 32%),linear-gradient(135deg,#2563eb,#102e68);box-shadow:0 24px 70px rgba(37,99,235,.2);color:#fff;text-align:center}.cta-band h2{font-size:clamp(29px,4vw,44px);line-height:1.25;margin:0 0 12px}.cta-band p{color:#dbeafe;margin:0 auto;max-width:650px}.cta-band .actions{justify-content:center}.faq details{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:18px 21px;margin-bottom:12px}.faq summary{font-weight:700;cursor:pointer}.faq summary::marker{color:var(--blue)}.faq details p{color:var(--muted);margin-bottom:0}.team-card{text-align:center}.avatar{width:82px;height:82px;border-radius:24px;margin:0 auto;background:linear-gradient(135deg,#dbeafe,#eff6ff);display:grid;place-items:center;font-size:29px;font-weight:800;color:var(--blue)}footer{background:#071226;color:#94a3b8;padding:42px 0}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.foot a{color:#cbd5e1;margin-inline:8px}
*:focus-visible{outline:3px solid #38bdf8;outline-offset:3px;border-radius:8px}
@media(max-width:800px){.g3,.checks{grid-template-columns:1fr}.navlinks{display:none}.hero{padding:70px 0}.hero h1{font-size:clamp(36px,11vw,54px)}.cta-band{padding:34px 22px}.actions .btn{width:100%}.checks li:nth-last-child(2){border-bottom:1px solid var(--line)}}
/* على الجوال يضيق الهيدر فينكسر نص زر الدعوة إلى سطرين داخل مربّع صغير
   ويبدو محشوراً — نصغّر حشوه وخطه قليلاً ليبقى في سطر واحد مرتّب. */
@media(max-width:560px){
  .nav{gap:10px}
  .nav .cta{padding:9px 12px;font-size:13px}
  /* أضيق من هذا لا يتّسع الهيدر للزر بلا كسر — نخفيه، ونفس الدعوة
     موجودة بارزة في أول الصفحة. */
  .brand{font-size:15px}
  .brand img{height:28px}
  .tgl{width:36px;height:36px;font-size:14px}
}
@media(max-width:380px){ .nav .cta{display:none} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card{transition:none}.btn:hover,.card:hover{transform:none}}