/* Zeyn header v2: resting split capsule over the hero, scroll-scrubbed (0..200px) into a thin translucent capsule. Geometry is set by header.js. */
#zh{position:fixed;top:0;left:0;right:0;height:100px;z-index:40;pointer-events:none;color:#13261c}
#zh a,#zh button{pointer-events:auto;-webkit-tap-highlight-color:transparent}
.zh-cap{-webkit-transform:translateZ(0);position:absolute;left:0;top:0;width:100%;height:64px;border-radius:99px;background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 34px -16px rgba(19,38,28,.38),inset 0 1px 0 rgba(255,255,255,.5);opacity:0;box-sizing:border-box}
.zh-logo{position:absolute;top:0;left:0;height:38px;display:block;transform-origin:0 0;will-change:transform}
[dir=rtl] .zh-logo{left:auto;right:0;transform-origin:100% 0}
.zh-logo img{display:block;height:100%;width:auto}.zh-logo .lb{position:absolute;top:0;left:0;opacity:0}[dir=rtl] .zh-logo .lb{left:auto;right:0}
.zh-links{position:absolute;left:0;top:16px;height:48px;display:flex;align-items:center;gap:4px;white-space:nowrap;transform:translateX(-50%);opacity:0;visibility:hidden}
.zh-links a{font-size:14px;line-height:20px;font-weight:400;padding:6px 15px;border-radius:99px;color:#13261c;text-decoration:none;transition:background-color .2s}
[dir=rtl] .zh-links a{font-size:15px;font-weight:400}
.zh-links a:hover,.zh-links a:focus-visible{background:rgba(19,38,28,.07)}
.zh-sc{position:absolute;top:0;right:0;display:flex;align-items:center;gap:4px;padding:5px;border-radius:99px;isolation:isolate;will-change:transform}
[dir=rtl] .zh-sc{right:auto;left:0}
.zh-sc:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:99px;background:rgba(255,247,238,.42);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 30px -14px rgba(59,33,26,.28);opacity:var(--so,1);box-sizing:border-box}
.zh-seg{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;margin:0;font-family:inherit;font-size:14px;line-height:20px;font-weight:400;padding:7px 16px;border-radius:99px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.5);color:#13261c;white-space:nowrap;overflow:hidden;cursor:pointer;text-decoration:none;-webkit-appearance:none;appearance:none;transition:background-color .2s,color .2s}
.zh-seg:hover{background:rgba(255,255,255,.9)}
.zh-lang{padding:7px 14px;font-family:Cairo,Inter,sans-serif}[lang=ar] .zh-lang{font-family:Inter,sans-serif}
.zh-menu{font-weight:400}.zh-menu[aria-expanded=true]{background:#13261c;color:#f7f4ee}
.zh-bg{display:none;width:14px;height:8px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;box-sizing:border-box;margin-inline-end:8px;flex:none}
.zh-cta{background:#e8b04a;border-color:#e8b04a;font-weight:400}
#zh.zh-s .zh-lang,#zh.zh-s .zh-menu{font-weight:400}.zh-cta:hover{background:#f3c56a}
.zh-sep{width:1px;height:22px;background:rgba(59,33,26,.15);margin:0 4px;flex:none}
.zh-dd{position:absolute;top:0;width:248px;box-sizing:border-box;padding:10px;border-radius:24px;background:rgba(255,250,244,.66);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(59,33,26,.09);box-shadow:0 24px 50px -20px rgba(19,38,28,.45);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .3s cubic-bezier(.625,.05,0,1),visibility .2s;pointer-events:none}
.zh-dd.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.zh-dd a{font-size:15px;line-height:20px;font-weight:500;padding:11px 14px;border-radius:14px;color:#13261c;text-decoration:none}
[dir=rtl] .zh-dd a{font-weight:700}
.zh-dd a:hover,.zh-dd a:focus-visible{background:rgba(19,38,28,.06)}
.zh-dd hr{border:0;height:1px;background:rgba(19,38,28,.12);margin:8px 6px}
.zh-dd a.zh-ddcta{background:#e8b04a;font-weight:700;text-align:center;border-radius:99px;padding:13px 14px}.zh-dd a.zh-ddcta:hover{background:#f3c56a}

/* v4 mobile: smaller language/Menu segments with more room to the capsule edge */
@media (max-width:599px){.zh-sc{padding:4px}.zh-seg{font-size:13px;line-height:18px;padding:6px 13px}.zh-lang{padding:6px 12px}.zh-sep{height:18px;margin:0 3px}}

/* v6 desktop header: burger capsule (rest), lang in bar slot (full), logo|divider|burger (timeline), hidden from the CTA card on */
.zh-b3{display:none;flex-direction:column;justify-content:center;gap:4px;width:18px;flex:none}
.zh-b3 i{display:block;height:2px;border-radius:2px;background:currentColor}
#zh{transition:none}
#zh.zh-h a,#zh.zh-h button{pointer-events:none}
#zh.zh-d .zh-cta{display:none!important}
#zh.zh-d .zh-b3{display:flex}
#zh.zh-d #zhm .zt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#zh.zh-d .zh-seg.zh-menu{width:68px;min-width:0;height:44px;padding:0!important;transition:width .45s cubic-bezier(.625,.05,0,1),height .45s cubic-bezier(.625,.05,0,1),background-color .2s,color .2s}
#zh.zh-d .zh-seg.zh-menu .zh-b3{width:22px}
#zh.zh-d.zh-s .zh-seg.zh-menu{width:46px;height:32px}
#zh.zh-d.zh-s .zh-seg.zh-menu .zh-b3{width:18px}
#zh.zh-d .zh-seg.zh-lang{height:32px;padding:0 18px!important;min-width:0}
#zh.zh-d .zh-sep{height:22px;margin:0 8px}
.zh-dd .zh-ddlang{display:block;margin:0 0 8px;padding:12px 14px;border-radius:99px;border:1px solid rgba(19,38,28,.28);background:rgba(255,255,255,.55);color:#13261c;font-family:inherit;font-size:15px;line-height:20px;font-weight:700;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s,border-color .2s}
.zh-dd .zh-ddlang:hover,.zh-dd .zh-ddlang:focus-visible{background:#fff;border-color:rgba(19,38,28,.45)}
.zh-dd .zh-ddlang .zt{display:block}
.zh-dd .zh-ddlang[lang=ar]{font-family:Cairo,sans-serif}.zh-dd .zh-ddlang[lang=en]{font-family:Inter,sans-serif}
.zh-dd hr+.zh-ddlang{margin-top:2px}
/* v7 mobile (<900): header at the natural top; burger-only rest, compact capsule on scroll, slides to the end side through the timeline */
@media (max-width:899px){#zh{top:0!important}#zh.zh-d .zh-seg.zh-menu{width:56px;height:40px}#zh.zh-d.zh-s .zh-seg.zh-menu{width:44px;height:30px}}
#zh.zh-meas .zh-seg{transition:none!important}
/* v8: capsule tinted so it reads on white sections */
.zh-cap{background:rgba(236,230,219,.86);border-color:rgba(19,38,28,.12);box-shadow:0 10px 30px -14px rgba(19,38,28,.45),0 1px 2px rgba(19,38,28,.08),inset 0 1px 0 rgba(255,255,255,.55)}