:root{--teal:#0F6A62;--terra:#A65232;--bg:#FBF8F3;--ink:#1F2A28;--muted:#6B7572;--line:#ECE6DC}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "IBM Plex Sans Arabic",-apple-system,Segoe UI,Roboto,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:760px;margin:0 auto;padding:20px 16px}
.logo{height:44px}
.langs{display:flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px}
.langs button{border:0;background:none;font:600 13px inherit;padding:6px 12px;border-radius:999px;cursor:pointer;color:var(--ink)}
.langs button.on{background:var(--teal);color:#fff}
main{max-width:760px;margin:0 auto;padding:8px 16px 40px}
section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
h1{font-size:26px;line-height:1.3;margin:0 0 8px;color:var(--terra)}
h2{font-size:18px;margin:24px 0 6px;color:var(--teal)}
.muted{color:var(--muted);font-size:14px}
a{color:var(--teal)}
.contact{list-style:none;padding:0}
.contact li{padding:6px 0}
footer{text-align:center;color:var(--muted);font-size:13px;padding:0 16px 32px}