:root{
  --ee-red:#E11D48; /* قرمز EmarEats */
  --ee-dark:#0B0D0F;
  --ee-muted:#6b7280;
}
body{background:#0b0d0f;color:#e5e7eb}
.navbar-brand{font-weight:700; letter-spacing:.3px}
.hero{
  background: radial-gradient(1200px 600px at 80% -10%, rgba(225,29,72,.25), transparent 60%),
              radial-gradient(900px 500px at -10% 20%, rgba(239,68,68,.18), transparent 55%),
              linear-gradient(180deg,#0b0d0f 0%, #0f1115 100%);
  padding: 80px 0 40px;
}
.hero h1{font-size:clamp(28px,5vw,48px); line-height:1.1}
.badge-soft{background:rgba(225,29,72,.12); color:#fecdd3; border:1px solid rgba(225,29,72,.35)}
.card{background:linear-gradient(180deg,#12151b,#0f1217); border:1px solid rgba(255,255,255,.06)}
.card h5{color:#fff}
.card p{color:#cbd5e1}
.section-title{font-size:clamp(22px,4vw,34px)}
.kpi{font-weight:700; font-size:28px}
.footer{border-top:1px solid rgba(255,255,255,.06)}