@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Tajawal:wght@400;500;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--red:#CC2222;--red2:#a91818;--black:#111111;--ink:#1A1A1A;--muted:#666;--line:#e8e8e8;--soft:#f5f5f5;--white:#fff;--radius:22px;--shadow:0 18px 50px rgba(17,17,17,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Tajawal,Inter,sans-serif;color:var(--ink);background:#fff;line-height:1.75}body.en{font-family:Inter,Arial,sans-serif;line-height:1.65}.container{width:min(1180px,92vw);margin:auto}.topbar{background:var(--black);color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:230px;max-width:52vw;display:block}.links{display:flex;align-items:center;gap:22px}.links a{color:var(--black);text-decoration:none;font-weight:800;font-size:15px}.links a:hover{color:var(--red)}.lang{border:1px solid var(--line);border-radius:999px;padding:7px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;background:var(--red);color:#fff!important;text-decoration:none;font-weight:900;border:0;box-shadow:0 12px 26px rgba(204,34,34,.22);cursor:pointer}.btn.dark{background:var(--black)}.btn.light{background:#fff;color:var(--black)!important;border:1px solid var(--line);box-shadow:none}.menu-btn{display:none;background:var(--black);color:#fff;border:0;border-radius:14px;padding:10px 14px;font-weight:900}.drawer{position:fixed;inset:0;display:none;z-index:140}.drawer.open{display:block}.drawer .shade{position:absolute;inset:0;background:rgba(0,0,0,.5)}.drawer-panel{position:absolute;top:0;bottom:0;right:0;width:min(390px,88vw);background:#fff;padding:22px;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.18)}body.en .drawer-panel{right:auto;left:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.drawer a{display:block;color:var(--black);text-decoration:none;font-weight:900;padding:13px 0;border-bottom:1px solid var(--line)}.close{background:#f1f1f1;border:0;border-radius:12px;padding:10px 13px;font-weight:900}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(204,34,34,.12),transparent 30%),linear-gradient(135deg,#fff 0%,#f8f8f8 55%,#fff 100%);padding:86px 0}.hero:before,.circuit:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(90deg,var(--red) 1px,transparent 1px),linear-gradient(var(--red) 1px,transparent 1px);background-size:46px 46px;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:900;letter-spacing:.4px;margin-bottom:14px;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:3px;background:var(--red);border-radius:999px}.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.1;margin:0 0 22px;font-weight:900;letter-spacing:-1.5px;color:var(--black)}.hero h1 span,.red{color:var(--red)}.lead{font-size:clamp(18px,2vw,23px);color:#3f3f3f;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-card{background:var(--black);color:#fff;border-radius:34px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"Z";position:absolute;inset:auto -20px -80px auto;font-size:220px;font-weight:900;color:rgba(204,34,34,.23);font-family:Inter}.dash{display:grid;gap:12px;position:relative}.metric{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px}.metric strong{font-size:26px;color:#fff}.section{padding:76px 0;position:relative}.section.soft{background:var(--soft)}.section.dark{background:var(--black);color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section h2{font-size:clamp(30px,3.6vw,48px);line-height:1.15;margin:0;font-weight:900;color:inherit}.section p.sub{max-width:720px;color:#666;font-size:18px;margin:12px 0 0}.dark p.sub{color:#cfcfcf}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.dark .card{background:#1b1b1b;border-color:#2c2c2c;color:#fff}.icon{width:52px;height:52px;border-radius:16px;background:rgba(204,34,34,.11);color:var(--red);display:grid;place-items:center;font-size:25px;font-weight:900;margin-bottom:14px}.card h3{font-size:23px;line-height:1.25;margin:0 0 10px;color:inherit}.card p{margin:0 0 16px;color:#616161}.dark .card p{color:#cfcfcf}.list{padding:0;margin:18px 0 0;list-style:none}.list li{padding:8px 0;display:flex;gap:10px;align-items:flex-start}.list li:before{content:"✓";color:var(--red);font-weight:900}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price{position:relative;overflow:hidden}.badge{display:inline-flex;background:var(--red);color:#fff;border-radius:999px;padding:6px 12px;font-weight:900;font-size:12px;margin-bottom:12px}.price h3{font-size:28px}.amount{font-size:32px;font-weight:900;color:var(--red);line-height:1.1}.small{font-size:14px;color:#777}.tabs{display:flex;gap:8px;background:#f2f2f2;border-radius:999px;padding:6px;margin:16px 0}.tab{flex:1;text-align:center;padding:9px;border-radius:999px;font-weight:900;background:#fff}.tab.ai{background:var(--red);color:#fff}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.step:before{counter-increment:s;content:counter(s);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:900;margin-bottom:10px}.table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:start}th{background:var(--black);color:#fff}tr:nth-child(even) td{background:#fafafa}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.faq summary{cursor:pointer;font-weight:900}.cta{border-radius:34px;background:linear-gradient(135deg,var(--black),#2b1010);color:#fff;padding:44px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:22px;overflow:hidden;position:relative}.cta:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(204,34,34,.35);filter:blur(28px);right:-80px;bottom:-80px}.cta h2{color:#fff}.footer{background:#0c0c0c;color:#fff;padding:56px 0 22px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}.footer a{color:#ddd;text-decoration:none;display:block;margin:8px 0}.footer img{width:210px;filter:brightness(0) invert(1)}.copy{border-top:1px solid #252525;margin-top:34px;padding-top:18px;color:#aaa}.page-hero{padding:70px 0;background:linear-gradient(135deg,#111 0%,#1c1c1c 65%,#3b1111 100%);color:#fff}.page-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.1;margin:0;font-weight:900}.breadcrumb{font-size:14px;color:#ddd;margin-bottom:12px}.breadcrumb a{color:#fff}.article{max-width:900px;margin:auto}.article h2{margin-top:34px}.article p,.article li{font-size:18px;color:#333}.article .card{margin:22px 0}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;margin:8px 0 14px;font:inherit}.form textarea{min-height:130px}.whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:120;background:#25D366;color:#fff;text-decoration:none;border-radius:999px;padding:13px 18px;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.18)}body.en .whatsapp-float{left:auto;right:22px}.rtl-only{display:initial}.ltr-only{display:none}body.en .rtl-only{display:none}body.en .ltr-only{display:initial}
@media (max-width:980px){.links{display:none}.menu-btn{display:inline-flex}.nav{height:72px}.hero-grid,.grid-3,.grid-4,.grid-2,.price-grid,.cta,.contact-card,.foot-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.hero{padding:54px 0}.card{padding:22px}.cta{padding:30px}.topbar .container{display:block;text-align:center}.brand img{width:190px}}
@media (max-width:560px){.steps{grid-template-columns:1fr}.actions .btn{width:100%}.hero h1{font-size:38px}.page-hero{padding:48px 0}.section{padding:54px 0}.whatsapp-float{left:14px;right:14px;text-align:center}.price-grid{gap:16px}}


/* =========================================================
   ZEDIQ FIX V2 — Strong visual styling override
   Ensures visible brand colors, spacing, cards, buttons,
   and responsive behavior across all pages.
========================================================= */
:root{
  --z-red:#CC2222;
  --z-red-dark:#9F1717;
  --z-black:#111111;
  --z-ink:#1A1A1A;
  --z-muted:#666666;
  --z-soft:#F5F5F5;
  --z-line:#E7E7E7;
  --z-white:#FFFFFF;
}
body{
  background:
    radial-gradient(circle at 10% 0%, rgba(204,34,34,.06), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#fbfbfb 100%) !important;
  color:var(--z-ink) !important;
}
.header{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid var(--z-line) !important;
  box-shadow:0 10px 30px rgba(17,17,17,.05) !important;
}
.topbar{
  background:var(--z-black) !important;
  color:#fff !important;
}
.brand img{max-height:54px; object-fit:contain;}
.links a{position:relative;}
.links a:after{
  content:""; position:absolute; left:0; right:auto; bottom:-8px;
  width:0; height:2px; background:var(--z-red); transition:.25s ease;
}
.links a:hover:after{width:100%;}
.hero{
  min-height:640px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 85% 20%, rgba(204,34,34,.18), transparent 24%),
    radial-gradient(circle at 18% 75%, rgba(17,17,17,.08), transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#f7f7f7 55%,#ffffff 100%) !important;
  border-bottom:1px solid var(--z-line);
}
.hero h1{
  font-size:clamp(40px,6vw,82px) !important;
  line-height:1.08 !important;
  margin:10px 0 22px !important;
  letter-spacing:-.03em;
  color:var(--z-black) !important;
}
body[dir="rtl"] .hero h1{letter-spacing:0;}
.hero h1 span,.accent,.red{color:var(--z-red) !important;}
.eyebrow{
  display:inline-flex !important;
  align-items:center;
  gap:9px;
  padding:8px 14px !important;
  border:1px solid rgba(204,34,34,.22) !important;
  background:rgba(204,34,34,.08) !important;
  color:var(--z-red) !important;
  border-radius:999px !important;
  font-weight:900 !important;
  letter-spacing:.02em;
}
.lead,.sub{
  color:var(--z-muted) !important;
  font-size:clamp(17px,2vw,21px);
  max-width:760px;
}
.btn{
  background:linear-gradient(135deg,var(--z-red),var(--z-red-dark)) !important;
  color:#fff !important;
  border:1px solid rgba(204,34,34,.35) !important;
  box-shadow:0 16px 36px rgba(204,34,34,.26) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
.btn:hover{transform:translateY(-2px); box-shadow:0 22px 46px rgba(204,34,34,.32) !important;}
.btn.light{
  background:#fff !important;
  color:var(--z-black) !important;
  box-shadow:0 10px 26px rgba(17,17,17,.06) !important;
  border:1px solid var(--z-line) !important;
}
.btn.dark{
  background:linear-gradient(135deg,#111,#2a2a2a) !important;
}
.section{
  padding:84px 0 !important;
  position:relative;
}
.section.soft{
  background:
    linear-gradient(180deg,#f7f7f7 0%,#ffffff 100%) !important;
  border-top:1px solid var(--z-line);
  border-bottom:1px solid var(--z-line);
}
.section-head{
  margin-bottom:34px !important;
}
.section-head h2{
  font-size:clamp(30px,4vw,54px) !important;
  line-height:1.16 !important;
  margin:10px 0 12px !important;
  color:var(--z-black) !important;
}
.grid,.price-grid,.steps,.industry-grid{
  gap:22px !important;
}
.card,.price,.service-card,.industry-card,.article-card,.faq,.hero-card{
  background:#fff !important;
  border:1px solid rgba(17,17,17,.08) !important;
  border-radius:24px !important;
  box-shadow:0 20px 55px rgba(17,17,17,.08) !important;
  overflow:hidden;
}
.card,.service-card,.industry-card,.article-card{
  padding:26px !important;
}
.card:hover,.service-card:hover,.industry-card:hover,.article-card:hover,.price:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 70px rgba(17,17,17,.11) !important;
}
.card h3,.price h3,.service-card h3,.industry-card h3{
  color:var(--z-black) !important;
  margin-top:0 !important;
}
.icon{
  width:54px;height:54px;border-radius:16px;
  display:grid;place-items:center;
  color:#fff !important;
  background:linear-gradient(135deg,var(--z-red),var(--z-red-dark)) !important;
  box-shadow:0 14px 32px rgba(204,34,34,.22);
  font-weight:900;
}
.price{
  padding:28px !important;
  position:relative;
}
.price.featured,.price.popular{
  border:2px solid var(--z-red) !important;
}
.badge{
  background:var(--z-black) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-weight:900 !important;
}
.tabs,.option-row{
  background:#f7f7f7 !important;
  border:1px solid var(--z-line) !important;
  border-radius:20px !important;
  padding:10px !important;
}
.tab,.option{
  background:#fff !important;
  border-radius:16px !important;
  padding:14px !important;
  border:1px solid var(--z-line) !important;
}
.tab.ai,.option.ai{
  border-color:rgba(204,34,34,.28) !important;
  background:linear-gradient(180deg,#fff,#fff4f4) !important;
}
.metric{
  background:var(--z-black) !important;
  color:#fff !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.metric strong,.metric b{
  color:var(--z-red) !important;
}
.dash{
  background:
    linear-gradient(135deg,#111,#222) !important;
  border-radius:30px !important;
  color:#fff !important;
  box-shadow:0 28px 80px rgba(17,17,17,.22) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.step{
  background:#fff !important;
  border:1px solid var(--z-line) !important;
  box-shadow:0 18px 45px rgba(17,17,17,.07) !important;
}
.step b,.step-number{
  color:var(--z-red) !important;
}
.footer{
  background:var(--z-black) !important;
  color:#fff !important;
  padding:58px 0 24px !important;
}
.footer a{color:#fff !important;text-decoration:none;}
.footer .muted,.footer p{color:rgba(255,255,255,.72) !important;}
input,select,textarea{
  border:1px solid var(--z-line) !important;
  border-radius:14px !important;
  padding:14px 16px !important;
  width:100%;
  font-family:inherit;
}
input:focus,select:focus,textarea:focus{
  outline:2px solid rgba(204,34,34,.18) !important;
  border-color:var(--z-red) !important;
}
.drawer-panel{
  background:#fff !important;
  border-left:1px solid var(--z-line);
}
.drawer a{
  color:var(--z-black) !important;
}
.drawer a:hover{
  color:var(--z-red) !important;
}
@media(max-width:920px){
  .links{display:none !important;}
  .menu-btn{display:inline-flex !important;}
  .hero{min-height:auto;padding:58px 0 !important;}
  .hero-grid{grid-template-columns:1fr !important;}
  .grid,.price-grid,.steps,.industry-grid{grid-template-columns:1fr !important;}
  .section{padding:58px 0 !important;}
}