:root {
  --primary: #1D2A55;   /* deep navy */
  --accent:  #C62828;   /* strong red */
  --secondary: #1F3A8A; /* lighter navy (replaces previous orange) */
  --muted:  #E5E7EB;    /* neutral UI grey for borders/backgrounds */
  --dark:#0F172A; 
  --light:#FFFFFF;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Cairo',Arial,sans-serif;background:#F8FAFC;color:var(--dark)}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.identity-bar{height:6px;background:linear-gradient(90deg,var(--accent),var(--primary),var(--secondary));}
.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid #E5E7EB}
.navbar .row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.navbar img.logo{height:46px;width:auto} .navbar .menu a{margin-left:18px;font-weight:600}
.hero{position:relative;overflow:hidden;padding:72px 0 52px;border-bottom:1px solid #E5E7EB;background:linear-gradient(180deg,#FFFFFF,#F3F6FB)}
.hero::before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;mix-blend-mode:multiply;background:url('assets/bg_corporate.jpg') center/cover no-repeat;}
.hero .wrap{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.badge{display:inline-block;background:var(--accent);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.03em}
.hero h1{font-size:40px;margin:10px 0 8px;line-height:1.15} .hero p.lead{font-size:18px;max-width:840px}
.cta{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;border:2px solid transparent}
.btn.primary{background:var(--primary);color:#fff} .btn.primary:hover{filter:brightness(.95)}
.btn.ghost{background:white;color:var(--primary);border-color:var(--primary)} .btn.ghost:hover{background:#F3F4F6}
.section{padding:58px 0} .section h2{font-size:28px;margin:0 0 16px}
.card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .kpis .kpi{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:14px;text-align:center} .kpi .num{font-size:28px;font-weight:800;color:var(--primary)}
.contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px} .contact form .row-2{grid-column:span 2}
input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #CBD5E1;font-size:14px}
.footer{padding:32px 0;border-top:1px solid #E5E7EB;background:#fff;color:#374151} .footer .row{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.lang-toggle{display:inline-flex;gap:8px;align-items:center;padding:6px;border:1px solid #E5E7EB;border-radius:999px} .lang-toggle button{background:transparent;border:none;padding:6px 10px;border-radius:999px;font-weight:700;cursor:pointer} .lang-toggle button.active{background:var(--primary);color:#fff}
.rtl{direction:rtl;font-family:'Cairo','Inter',system-ui,sans-serif}
.gallery img{width:100%;display:block;border-radius:12px;border:1px solid #E5E7EB} .gallery .card:hover{transform:translateY(-1px);transition:.2s ease;box-shadow:0 8px 20px rgba(0,0,0,.05)}
.project-head{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px;}
.project-head h3{margin:0;font-size:18px} .project-desc{font-size:14px;color:#475569}
@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid-3,.grid-2{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}}