:root{
  --bg:#f6f8fa; --card:#fff; --text:#102027; --muted:#6b7280; --accent:#2e75b6; --container:1100px; --nav-height:72px;
}
[data-theme="dark"]{--bg:#071024;--card:#071428;--text:#e6eef8;--muted:#9fb0c9}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.container{max-width:var(--container);margin:0 auto;padding:20px}
.site-header{height:var(--nav-height);display:flex;align-items:center;gap:20px;position:sticky;top:0;background:rgba(255,255,255,0.85);backdrop-filter:blur(6px);z-index:40}
.brand{font-weight:800;font-size:18px;text-decoration:none;color:var(--text)}
.nav{margin-left:auto;display:flex;gap:12px;align-items:center}
.nav a{text-decoration:none;color:var(--text);padding:8px 10px;border-radius:8px}
.lang-switch{opacity:0.8;border-left:1px solid rgba(0,0,0,0.04);padding-left:10px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}
.btn.primary{background:linear-gradient(90deg,var(--accent),#405978);color:#fff}
.hero{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;margin-top:20px}
.eyebrow{background:var(--accent);color:#fff;padding:6px 10px;border-radius:999px;display:inline-block}
.lead{color:var(--muted)}
.card{background:var(--card);padding:16px;border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,0.06)}
.muted{color:var(--muted)}
.center{text-align:center}
.services-snapshot .cards{display:flex;gap:12px;margin-top:12px}
.services-snapshot .card{flex:1}
.about-snapshot{margin-top:22px}
.cta{margin-top:18px}
.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:18px}
.projects-table{width:100%;border-collapse:collapse}
.projects-table th, .projects-table td{border:1px solid #e6eef8;padding:8px;text-align:left}
.table-wrap{overflow:auto}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .nav{display:none}
}

/* RTL adjustments */
[dir="rtl"] .site-header{direction:rtl}
[dir="rtl"] .nav{margin-left:0;margin-right:auto}
[dir="rtl"] .lang-switch{border-left:none;border-right:1px solid rgba(0,0,0,0.04);padding-right:10px}