:root { color-scheme:dark; --bg:#0b0d0f; --fg:#f5f6f7; --muted:#bbc3ca; --line:#333940; }
* { box-sizing:border-box; }
html {background:var(--bg)}
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
a {color:var(--fg); text-underline-offset:.22em} a:hover {color:#c8d8e3} a:focus-visible {outline:2px solid var(--fg);outline-offset:4px}
.bar { border-bottom:1px solid var(--line); padding:21px clamp(20px,5vw,65px); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; }
.brand {text-decoration:none; font-family:"Arial Black",Arial,sans-serif; font-size:clamp(21px,4vw,30px); letter-spacing:-.04em; font-weight:900; line-height:1.1}
.bar-links {display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
main {max-width:900px; padding:52px 26px 62px;margin:0 auto}
.eyebrow {font-size:12px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}
h1 {font-size:clamp(30px,5vw,52px);line-height:1.14;letter-spacing:-.04em;margin:18px 0 32px;}
.prose {font-size:clamp(16px,1.9vw,19px);line-height:1.8}
.prose p {margin:0 0 24px;white-space:normal}
.prose p:last-child {font-weight:600}
.sectionlabel{border-top:1px solid var(--line);margin-top:40px;padding-top:16px;color:var(--muted);font-size:13px}
.services,.languages {display:flex;flex-wrap:wrap;gap:12px 23px;padding:4px 0}
.services a,.languages a {font-size:14px}
.languages a[aria-current="page"],.services a[aria-current="page"] {text-decoration-thickness:3px;font-weight:bold}
.contact{font-size:14px;border-top:1px solid var(--line);margin-top:38px;padding-top:18px;color:var(--muted)}
footer{margin:0 auto; max-width:900px;padding:30px 26px 50px;color:var(--muted);font-size:12px}
[dir="rtl"] main {text-align:right} [dir="rtl"] .bar {direction:rtl}
@media(max-width:600px){main{padding:32px 22px 46px}.bar{padding:18px 22px}.bar-links{gap:12px} .prose{font-size:16px}}