/* Zuluugo — legal / policy pages. Dark premium, matches the app. */
:root{
  --bg:#0A0E1A; --surface:#171B2A; --surface-2:#111624;
  --ink:#F8F7F2; --ink-soft:#B9C0C8; --ink-faint:#7B8494;
  --lime:#D7FF3F; --aqua:#39E6D4; --border:#252C3D;
  --font-ar:"SF Arabic","Geeza Pro","Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;
  --font-la:"Outfit",-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ar);line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[dir="ltr"]{font-family:var(--font-la)}
a{color:var(--lime);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:780px;margin:0 auto;padding:0 22px}

/* header */
.l-head{border-bottom:1px solid var(--border);background:rgba(10,14,26,.85);backdrop-filter:blur(8px);
  position:sticky;top:0;z-index:5}
.l-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:16px}
.l-brand{font-family:var(--font-la);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--lime);
  display:inline-flex;align-items:center;gap:8px}
.l-brand img{width:22px;height:22px}
.l-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.l-toggle button{font-family:var(--font-la);font-size:13px;font-weight:700;color:var(--ink-soft);
  background:none;border:none;padding:7px 14px;cursor:pointer}
.l-toggle button.on{background:var(--lime);color:#0A0E1A}

/* document */
.doc{padding:44px 0 72px}
.doc h1{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;text-wrap:balance}
body[dir="ltr"] .doc h1{font-family:var(--font-la)}
.eff{color:var(--ink-faint);font-size:14px;font-weight:600;margin:0 0 10px}
.intro{color:var(--ink-soft);font-size:15.5px;margin:0 0 26px}
.doc h2{font-size:18px;font-weight:800;margin:30px 0 8px;color:var(--ink)}
.doc h2 .n{color:var(--lime);margin-inline-end:8px;font-variant-numeric:tabular-nums}
.doc p,.doc li{color:var(--ink-soft);font-size:15px;margin:0 0 10px}
.doc ul{margin:0 0 10px;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px}
.doc strong{color:var(--ink);font-weight:700}
.callout{background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--lime);
  border-radius:12px;padding:14px 16px;margin:18px 0}
.callout p{margin:0;color:var(--ink)}
.tbd{color:var(--aqua);font-weight:700}

/* footer */
.l-foot{border-top:1px solid var(--border);padding:28px 0 44px}
.l-foot .wrap{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:space-between}
.l-foot nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.l-foot a,.l-foot span{font-size:13.5px;font-weight:600}
.l-foot .pay{color:var(--ink-faint)}
.l-foot .copy{color:var(--ink-faint);font-size:13px;width:100%}

.lang-block{display:none}
.lang-block.on{display:block}
@media (max-width:520px){.doc h1{font-size:26px}}