:root { --ink: #2B3036; --navy: #15334F; --muted: #6E747A; --line: #D5D9DD; --surface: #F4F6F8; --blue: #1E6CB0; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--surface); color: var(--ink); font: 400 17px/1.7 "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif; }
[dir="rtl"] body { font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif; line-height: 1.8; }
main { max-width: 960px; margin: 0 auto; padding: 32px 16px 64px; }
.lang { display: block; margin-bottom: 32px; text-align: end; font-size: 15px; }
a { color: var(--blue); text-decoration: none; font-weight: 500; }
a:hover { text-decoration: underline; }
h1 { margin: 0 0 8px; color: var(--navy); font-size: 34px; line-height: 1.3; }
.lead { margin: 0 0 40px; color: var(--muted); }
.companies { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
article { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 28px; }
.logo { display: block; height: 120px; width: auto; max-width: 100%; margin-bottom: 20px; object-fit: contain; object-position: left; }
[dir="rtl"] .logo { object-position: right; }
h2 { margin: 0 0 8px; color: var(--navy); font-size: 22px; line-height: 1.4; }
article p { margin: 0 0 20px; }
.contact { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line); font-size: 15px; }
.contact span { display: block; color: var(--muted); }
.phone { direction: ltr; unicode-bidi: isolate; }
footer { margin-top: 40px; color: var(--muted); font-size: 14px; }