:root {
  --brand:#c83534;
  --text:#0f172a;
  --muted:#64748b;
  --bg:#fffefc;
  --card:#ffffff;
  --border:#e5e7eb;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Noto Naskh Arabic UI","Noto Kufi Arabic",Tahoma,Arial,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.75;
}

a{color:var(--brand); text-decoration:none}
a:hover{opacity:.9}

.container{max-width:1100px; margin:auto; padding:0 16px}

/* Header */
.site-header{position:sticky; top:0; background:#fff; border-bottom:1px solid var(--border); z-index:10}
.nav{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.brand{display:flex; align-items:center; gap:10px; font-weight:700; color:inherit}
.brand img{height:44px; width:auto}
.menu a{margin-inline:8px; padding:8px 12px; border-radius:10px}
.menu a[aria-current="page"], .menu a:hover{background:#f5f5f5}

/* Hero & Cards */
.hero{padding:48px 0 24px}
.hero h1{margin:0 0 8px; font-size:2rem}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin:10px 0 32px}
.card{border:1px solid var(--border); border-radius:14px; padding:18px; background:var(--card)}
.card h3{margin:0 0 8px; font-size:1.15rem}

/* Sections */
.page-header{padding:28px 0 8px}
.split{display:grid; grid-template-columns:1fr; gap:18px}
@media (min-width:800px){ .split{grid-template-columns:1fr 1fr} }

.checklist{padding-inline-start:18px}
.checklist li{margin:6px 0}

/* Contact */
.contact{padding:8px 0 18px}
.contact-list{list-style:none; padding:0; margin:0}
.contact-list li{margin:6px 0}

/* Buttons */
.btn{display:inline-block; background:var(--brand); color:#fff; padding:12px 18px; border-radius:12px; font-weight:600}
.btn-ghost{background:transparent; color:var(--brand); border:1px solid var(--brand)}
.cta-box{border:1px solid var(--border); background:#fff; padding:16px; border-radius:12px; margin:16px 0}

/* Footer */
.site-footer{border-top:1px solid var(--border); margin-top:36px; background:#fff}
.foot{padding:18px 0; color:var(--muted); font-size:.95rem}

/* WhatsApp Floating Action Button */
.wa-fab{
  position:fixed; inset-inline-start:16px; inset-block-end:16px;
  background:#25D366; color:#fff; padding:12px 14px; border-radius:999px;
  box-shadow:0 6px 20px rgba(0,0,0,.15); font-weight:700;
}

/* Dark mode */
@media (prefers-color-scheme: dark){
  body{background:#0b0b0c; color:#f1f5f9}
  .site-header, .site-footer, .card, .cta-box{background:#111217; border-color:#222}
  .menu a:hover{background:#1b1c1f}
  .foot{color:#cbd5e1}
  .btn-ghost{border-color:#f0f0f0; color:#f0f0f0}
}