/* v18 — balanced 50/50 hero, dropdown navigation and independent stats */
body{background:#fff}
.site-header{height:76px;padding-inline:max(4vw,30px)}
.site-header nav{gap:16px}
.site-header nav>a,.nav-dropdown>button{font-size:.78rem}
.nav-dropdown{position:relative}
.nav-dropdown>button{display:flex;align-items:center;gap:6px;min-height:42px;padding:0;border:0;background:transparent;color:#3e4c50;font-family:inherit;cursor:pointer}
.nav-dropdown>button span{font-size:.7rem;color:#8a6800}
.nav-submenu{position:absolute;z-index:80;top:calc(100% + 8px);left:50%;min-width:220px;padding:9px;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid #e0e5e3;box-shadow:0 18px 46px rgba(18,39,44,.13);opacity:0;visibility:hidden;transition:.18s ease}
.nav-submenu a{display:block;padding:10px 12px;color:#33464a!important;border-radius:3px}
.nav-submenu a:hover{background:#f2f5f4;color:#8a6800!important}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.language-badge{order:20;padding:10px 13px!important;border:1px solid #d4b34d;background:#fff8df;color:#725500!important;font-weight:700}
.site-header .nav-cta{padding:11px 17px}
.hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 126px;height:700px;min-height:700px;background:#fff;overflow:hidden}
.hero-image{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{display:none}
.hero-content{position:relative;inset:auto;grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;width:auto;margin:0;padding:52px 64px 48px max(7vw,56px);transform:none;color:#17262a;background:#fff;border:0;box-shadow:none;backdrop-filter:none}
.hero-content.changing{transform:translateY(3px)}
.hero .eyebrow{margin-bottom:13px}
.hero h1{max-width:620px;font-size:clamp(2.45rem,3.25vw,3.7rem);line-height:1.05;margin-bottom:19px}
.hero-content>p:not(.eyebrow){font-size:1rem;line-height:1.7}
.hero-actions{gap:13px;margin-top:25px}
.hero .button{min-height:54px;padding:12px 28px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.hero .button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(18,43,49,.16)}
.hero .button.secondary:hover{background:#f1f4f3}
.hero-news-controls{justify-content:center;width:max-content;min-width:210px;margin-top:24px}
.hero-news-controls>button{transition:.18s ease}
.hero-news-controls>button:hover{background:#173138;color:#fff}
.hero-proof{position:relative;inset:auto;grid-column:1/-1;grid-row:2;width:100%;height:126px;padding:0 max(7vw,56px);background:#0f172a}
.hero-proof div{flex-direction:column;justify-content:center;gap:0;padding:18px 30px}
.hero-proof b{color:#e0a900;font-size:clamp(2.25rem,3vw,3rem);line-height:1}
.hero-proof span{margin-top:9px;color:#d9e0e8;font-size:.75rem}
.intro{background:#f8fafc}
html[dir="rtl"] .nav-submenu{left:auto;right:50%;transform:translateX(50%) translateY(8px);text-align:right}
html[dir="rtl"] .language-badge{order:-1}
html[dir="rtl"] .nav-dropdown:hover .nav-submenu,html[dir="rtl"] .nav-dropdown:focus-within .nav-submenu{transform:translateX(50%) translateY(0)}
html[dir="rtl"] .hero-content{grid-column:1;left:auto;right:auto;padding:52px max(7vw,56px) 48px 64px}
html[dir="rtl"] .hero-image{grid-column:2}
@media(max-width:1050px){.site-header nav{gap:10px}.site-header nav>a,.nav-dropdown>button{font-size:.7rem}.hero-content{padding-right:42px}html[dir="rtl"] .hero-content{padding-left:42px}}
@media(max-width:900px){
  .site-header nav{top:76px;padding:18px 24px;gap:5px}.nav-dropdown{width:100%}.nav-dropdown>button{width:100%;justify-content:space-between;padding:8px 0}
  .nav-submenu{position:static;display:block;min-width:0;padding:2px 0 4px 14px;transform:none!important;border:0;box-shadow:none;opacity:1;visibility:visible}
  html[dir="rtl"] .nav-submenu{padding:2px 14px 4px 0}.language-badge{order:0;width:auto!important;align-self:flex-start}
  .hero{grid-template-columns:1fr;grid-template-rows:330px auto 110px;height:auto;min-height:0}.hero-image{grid-column:1;grid-row:1}
  .hero-content{grid-column:1;grid-row:2;width:100%;padding:38px max(7vw,28px) 34px}
  html[dir="rtl"] .hero-image,html[dir="rtl"] .hero-content{grid-column:1}html[dir="rtl"] .hero-content{padding:38px max(7vw,28px) 34px}
  .hero-proof{grid-column:1;grid-row:3;height:110px;padding:0 10px}.hero-proof b{font-size:2rem}
}
@media(max-width:600px){
  .hero{grid-template-rows:250px auto 98px}.hero-content{left:auto;right:auto;top:auto;padding:30px 22px 28px}
  html[dir="rtl"] .hero-content{left:auto;right:auto;padding:30px 22px 28px}.hero h1{font-size:clamp(2rem,9.5vw,2.55rem)}
  .hero-actions{flex-direction:row}.hero .button{min-height:49px;padding:10px 17px}.hero-news-controls{justify-content:flex-start}
  .hero-proof{height:98px}.hero-proof div{padding:13px 4px}.hero-proof b{font-size:1.65rem}.hero-proof span{font-size:.6rem}
}
/* Balanced company mark: English logo, name, Arabic logo. */
.site-header .brand.brand-split{display:grid;grid-template-columns:42px auto 42px;align-items:center;gap:9px}
.site-header .brand-split .brand-logo{width:42px!important;height:42px!important;object-fit:contain}
.site-header .brand-split .brand-logo-english{background:#fff}
.site-header .brand-split .brand-copy{display:flex;min-width:0}
@media(max-width:600px){.site-header .brand.brand-split{grid-template-columns:36px 36px;gap:6px}.site-header .brand-split .brand-copy{display:none}.site-header .brand-split .brand-logo{width:36px!important;height:36px!important}}
