@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&family=Tajawal:wght@400;500;700&display=swap');
:root{font-family:'Outfit','Tajawal',sans-serif;color:#171717;background:#fbfbfa;line-height:1.9}
html[lang=ar] body{font-family:'Tajawal',sans-serif}
*{box-sizing:border-box}body{margin:0}
main{max-width:820px;margin:48px auto;padding:32px;background:#fff;border:1px solid #ededed;border-radius:6px}
a{color:#171717;text-underline-offset:3px}
nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
.eyebrow{font-size:12px;letter-spacing:3px;color:#666;font-weight:600}
h1{font-size:30px;line-height:1.4;font-weight:600;letter-spacing:-.01em}
h2{font-size:20px;margin-top:32px;font-weight:600}
.action{display:inline-block;background:#171717;color:#fafafa;border-radius:4px;padding:10px 22px;text-decoration:none}
.soon{color:#666}
footer{border-top:1px solid #ededed;margin-top:35px;padding-top:20px;font-size:13px;color:#666}
section{margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid #f3f3f3}
@media(max-width:600px){main{margin:12px;padding:24px}h1{font-size:25px}}