:root{
  --bg:#f7f2fb;
  --text:#1f2937;
  --muted:#6b7280;
  --violet:#8b5cf6;
  --violet-2:#a78bfa;
  --pink:#f472b6;
  --pink-2:#f0abfc;
  --dark:#111827;
  --card:#ffffff;
  --border:#e5e7eb;
  --ring:#ede9fe;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Cairo',system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:var(--bg);
  color:var(--text);
  line-height:1.85;
}
.container{width:min(1100px,92%);margin-inline:auto}

/* شريط أعلى */
.topline{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:#fff9;backdrop-filter:saturate(180%) blur(10px)}
.topwrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.6rem .2rem}
.top-cta{display:flex;gap:10px;flex-wrap:wrap}

/* أزرار عامة */
.btn{display:inline-block;text-decoration:none;font-weight:900;border-radius:999px;padding:.7rem 1.1rem;border:2px solid transparent;transition:.25s}
.btn.big{padding:1rem 1.4rem;font-size:1.05rem}
.btn-primary{background:linear-gradient(135deg,var(--violet),var(--violet-2));color:#fff;box-shadow:0 8px 28px #8b5cf633}
.btn-outline{background:#fff;border-color:var(--border);color:var(--text)}
.btn-dark{background:var(--dark);color:#fff}
.btn:hover{transform:translateY(-1px)}

/* هيدر */
.hero{position:relative;overflow:hidden}
.abstract{position:absolute; inset:auto 0 0 0; height:280px; pointer-events:none}
.abstract svg{width:100%;height:100%}
.hero-wrap{padding:78px 0 46px}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.logo{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--pink-2));color:#fff;font-weight:900}
.b-name{font-weight:900;letter-spacing:.4px}
.b-tag{color:var(--muted);font-weight:700;font-size:.95rem}
.title{font-size:clamp(1.9rem,4.2vw,3.2rem);margin:.2rem 0 .4rem 0;font-weight:900}
.hi{background:linear-gradient(135deg,var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.subtitle{color:#374151;max-width:950px}
.fraud{margin-top:10px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:0 10px 26px #0000000d}
.fraud span{font-weight:900;color:#7c3aed}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.mini-cta{margin-top:8px;color:var(--muted);font-weight:700}
.mini-cta a{color:#111}

/* Why */
section{padding:56px 0}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}
.why-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 6px 20px #1110}

/* Google */
.google{background:#fff;border-block:1px solid var(--border)}
.g-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}
.g-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}
.g-card h3{margin-top:0}

/* Social */
.social .s-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}
.s-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}
.s-card.fb{border-left:4px solid #1877f2}
.s-card.sc{border-left:4px solid #fffc00}

/* Stats */
.stats{background:#ffffff;border-block:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:800px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center;box-shadow:0 6px 20px #00000008}
.num{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.label{color:#6b7280;font-weight:800}

/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}
.post{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}
.post h3{margin-top:0;color:#111}

/* Wide CTA */
.wide-cta{background:#f8f5ff;border-block:1px solid var(--border)}
.wcta-wrap{text-align:center}
.wide-cta .cta-row{justify-content:center}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}
.form{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}
label{display:block;margin-bottom:12px;font-weight:800}
input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:#111;outline:none}
input:focus,textarea:focus{box-shadow:0 0 0 4px var(--ring)}
button{cursor:pointer}

/* Footer */
.footer{border-top:1px solid var(--border);background:#fff}
.fwrap{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 0}
.footer-cta{display:flex;gap:8px}

/* Sticky buttons */
.sticky-btn{
  position:fixed; z-index:60; right:12px; padding:.85rem 1.05rem; border-radius:999px; text-decoration:none; font-weight:900;
  box-shadow:0 14px 40px #00000022;
}
.wa{bottom:70px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}
.call{bottom:18px;background:#111;color:#fff}