/* Faadhi site: one calm column, Arabic first (RTL) with English below. */
:root{
  --bg:#F4F6F5; --surface:#FFFFFF; --ink:#0F1F1C; --muted:#5B6B66; --line:#DCE4E0;
  --green:#137A59; --green-tint:#E1F2EA; --amber:#B26B0B;
  --ar:"IBM Plex Sans Arabic",-apple-system,"Segoe UI",Tahoma,sans-serif;
  --en:"IBM Plex Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0E1614; --surface:#16211E; --ink:#E8EFEC; --muted:#9AABA5; --line:#2A3834;
  --green:#4CC296; --green-tint:#173A2E; --amber:#E8A33D; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ar);font-size:17px;line-height:1.75;padding-inline:16px}
.wrap{max-width:720px;margin:0 auto;padding-block:32px 64px}
header.top{display:flex;align-items:center;gap:12px;margin-bottom:32px}
header.top img{width:44px;height:44px;border-radius:12px}
header.top a{color:var(--ink);text-decoration:none;font-weight:700;font-size:20px}
nav{margin-inline-start:auto;display:flex;gap:16px;font-size:15px}
nav a{color:var(--muted);text-decoration:none}
nav a:hover{color:var(--green)}
h1{font-size:34px;line-height:1.3;margin:0 0 8px;text-wrap:balance}
h2{font-size:21px;margin:36px 0 8px}
h3{font-size:17px;margin:20px 0 4px}
p,li{margin:0 0 10px}
ul{padding-inline-start:22px;margin:0 0 12px}
a{color:var(--green)}
.en{font-family:var(--en);direction:ltr;text-align:left;color:var(--muted);font-size:15.5px;line-height:1.65}
.en h2,.en h3{color:var(--ink)}
.meta{color:var(--muted);font-size:14px}
.lang-split{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}
.hero{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px 24px;display:grid;gap:12px}
.hero .price{display:inline-block;background:var(--green-tint);color:var(--green);font-weight:700;border-radius:999px;padding:4px 14px;font-size:15px;width:fit-content}
.steps{display:grid;gap:12px;margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.step{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}
.step b{display:block;margin-bottom:4px}
.soon{color:var(--muted);font-size:15px}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:16px}
footer a{color:var(--muted)}
@media (max-width:480px){h1{font-size:28px}nav{gap:12px}}