/* LaunchGulf shared chrome: header, Services menu, phone menu and footer.
   Self-contained (own tokens, sh- class names) so it works on every page, whatever that page's own styles are. */
.sh{--paper:#F3F5F4;--white:#fff;--ink:#0F2A30;--ink-2:#435A5E;--ink-3:#6C8185;--line:#CBD5D3;--line-2:#E3E9E8;--sea:#1D5C63;--sea-soft:#DDEEEA;--saffron:#D99A1E;--saffron-soft:#F6E7C4;--saffron-ink:#7A5510;--on-ink:#B9C7C8;--r-s:8px;--r-m:14px;--r-l:20px;--f:"Readex Pro",system-ui,sans-serif;
  font-family:var(--f);font-weight:300;line-height:1.5;color:var(--ink);-webkit-font-smoothing:antialiased}
.sh *,.sh *::before,.sh *::after{box-sizing:border-box}
.sh p,.sh ul,.sh h3{margin:0}
.sh a{color:inherit}
.sh :focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:4px}
.sh-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.sh-skip{position:absolute;left:16px;top:-60px;background:#0F2A30;color:#F3F5F4;padding:10px 14px;border-radius:6px;z-index:100;font-family:"Readex Pro",system-ui,sans-serif}
.sh-skip:focus{top:12px}

/* buttons */
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 15px/1 var(--f);padding:12px 18px;border-radius:var(--r-s);text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,color .2s}
.sh-btn:hover{transform:translateY(-2px)}
.sh-btn-primary{background:var(--saffron);color:var(--ink)!important}
.sh-btn-primary:hover{background:#E7AB2F}
.sh-btn-line{color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink);background:transparent}
.sh-btn-line:hover{background:var(--ink);color:var(--paper)!important}

/* header */
.sh-bar{position:sticky;top:0;z-index:50;background:rgba(243,245,244,.88);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);transition:box-shadow .3s}
.sh-bar.scrolled{box-shadow:0 1px 0 var(--line)}
.sh-bar::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--saffron);transform-origin:left;transform:scaleX(var(--progress,0))}
.sh-top{display:flex;align-items:center;gap:36px;padding:16px 0;transition:padding .3s}
.sh-bar.scrolled .sh-top{padding:10px 0}
.sh-logo{display:flex;align-items:center;gap:10px;font-weight:500;font-size:20px;color:var(--ink)!important;text-decoration:none;letter-spacing:-0.01em;flex:none}
.sh-logo svg{width:30px;height:30px;display:block}
.sh-nav{display:flex;align-items:center;gap:4px;flex:1}
.sh-nav > a,.sh-has > button{font:400 16px var(--f);color:var(--ink-2)!important;text-decoration:none;background:none;border:0;padding:10px 12px;border-radius:var(--r-s);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s,background .2s}
.sh-nav > a:hover,.sh-has > button:hover,.sh-nav > a[aria-current="page"],.sh-has > button[aria-current="page"],.sh-has.open > button{color:var(--ink)!important;background:rgba(15,42,48,.06)}
.sh-has > button svg{transition:transform .25s}
.sh-has.open > button svg{transform:rotate(180deg)}
.sh-free{display:inline-block;font-size:11px;font-weight:500;line-height:1;background:var(--saffron-soft);color:var(--saffron-ink);padding:4px 7px;border-radius:10px}
.sh-cta{display:flex;align-items:center;gap:10px;margin-left:auto}
.sh-has{position:relative}
.sh-mega{position:absolute;top:calc(100% + 12px);left:-12px;width:min(960px,calc(100vw - 56px));display:grid;grid-template-columns:repeat(3,1fr);background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 30px 60px -30px rgba(15,42,48,.4);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s;overflow:hidden}
.sh-mega::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.sh-has.open .sh-mega{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.sh-col{padding:22px 16px 18px;border-left:1px solid var(--line-2);display:flex;flex-direction:column}
.sh-col:first-child{border-left:0}
.sh-colh{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--ink-3);margin:0 10px 8px!important}
.sh-colh span[lang="ar"]{font-size:15px;color:var(--sea)}
.sh-col > a{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;padding:9px 10px;border-radius:var(--r-s);text-decoration:none;color:var(--ink)!important;transition:background .15s}
.sh-col > a:hover{background:var(--paper)}
.sh-col > a b{font-weight:500;font-size:15px;line-height:1.35}
.sh-col > a em{font-style:normal;font-weight:500;font-size:14px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.sh-col > a em i{font-style:normal;font-weight:300;font-size:12px;color:var(--ink-3);margin-right:3px}
.sh-col > a em.z{color:var(--sea)}
.sh-col > a span{grid-column:1/-1;font-size:13px;color:var(--ink-3);line-height:1.4;margin-top:1px}
.sh-col > a:hover span{color:var(--ink-2)}
.sh-promo{margin:auto 10px 0;padding:16px;border-radius:var(--r-m);background:var(--ink);color:var(--paper)}
.sh-promo p{font-size:15px;font-weight:500}
.sh-promo span{display:block;font-size:13px;color:var(--on-ink);margin:4px 0 12px;line-height:1.45}
.sh-promo .sh-btn{width:100%}
.sh-megafoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;background:var(--paper);border-top:1px solid var(--line-2);font-size:14.5px;color:var(--ink-2)}
.sh-megafoot a{font-weight:500;color:var(--ink)!important}
.sh-burger{display:none;width:44px;height:44px;border:0;border-radius:var(--r-s);background:transparent;cursor:pointer;position:relative;padding:0}
.sh-burger span{position:absolute;left:12px;right:12px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s,top .3s}
.sh-burger span:first-child{top:17px}.sh-burger span:last-child{top:25px}
.sh-burger[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.sh-burger[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}

/* phone menu */
.sh-mnav{position:fixed;left:0;right:0;top:var(--head,64px);bottom:0;z-index:49;display:flex;flex-direction:column;background:var(--paper);border-top:1px solid var(--line);opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}
.sh-mnav.show{opacity:1;transform:none}
.sh-mn-inner{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 24px;position:relative;isolation:isolate}
.sh-mn-list{list-style:none;margin:0;padding:0}
.sh-mn-list > li{border-bottom:1px solid var(--line-2)}
.sh-mn-row{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:0 4px;font:400 22px var(--f);letter-spacing:-0.01em;color:var(--ink)!important;text-decoration:none;background:none;border:0;cursor:pointer;text-align:left}
.sh-mn-row[aria-current="page"]{color:var(--sea)!important}
.sh-mn-row .sh-free{font-size:12px;margin-left:4px}
.sh-mn-row svg{margin-left:auto;width:16px;height:16px;color:var(--ink-2);transition:transform .25s}
.sh-mn-row[aria-expanded="true"] svg{transform:rotate(180deg)}
.sh-mn-count{font-size:13px;font-weight:500;color:var(--ink-2);background:var(--white);border:1px solid var(--line);border-radius:20px;padding:1px 9px;line-height:1.6}
.sh-mn-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1)}
.sh-mn-acc.open .sh-mn-sub{grid-template-rows:1fr}
.sh-mn-sub-in{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s .3s}
.sh-mn-acc.open .sh-mn-sub-in{visibility:visible;transition:none}
.sh-mn-group{background:var(--white);border:1px solid var(--line-2);border-radius:var(--r-m);padding:12px 14px 6px;margin-bottom:10px}
.sh-mn-gh{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--ink-3);margin:0 0 4px!important}
.sh-mn-gh [lang="ar"]{font-size:15px;color:var(--sea)}
.sh-mn-group ul{list-style:none;margin:0;padding:0}
.sh-mn-group li + li{border-top:1px solid var(--line-2)}
.sh-mn-group a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;font-size:16.5px;color:var(--ink)!important;text-decoration:none}
.sh-mn-group a em{font-style:normal;font-size:14px;color:var(--ink-3);white-space:nowrap}
.sh-mn-all{display:inline-block;margin:4px 0 16px 4px;font-size:15.5px;font-weight:500;color:var(--ink)!important;text-underline-offset:5px}
.sh-mn-ar{position:absolute;right:12px;bottom:-10px;font-size:120px;line-height:1;color:var(--saffron);opacity:.08;pointer-events:none;user-select:none;z-index:-1;margin:0}
.sh-mn-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line)}
.sh-mn-foot .sh-btn{padding:15px 12px;font-size:16px}
.sh-mn-foot p{grid-column:1/-1;text-align:center;font-size:14px;color:var(--ink-2)}
.sh-mn-foot p a{color:var(--ink)}
html.sh-menu-open,html.sh-menu-open body{overflow:hidden}
html.sh-menu-open .sh-bar{background:var(--paper)}
html.sh-menu-open .sh-cta .sh-btn{visibility:hidden}
@media (min-width:1025px){.sh-mnav{display:none!important}}

/* footer */
.sh-foot{background:var(--ink);color:var(--on-ink);padding:80px 0 40px}
.sh-foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px}
.sh-foot .sh-logo{color:var(--paper)!important}
.sh-foot-about p{margin-top:16px!important;font-size:15px;max-width:30ch;line-height:1.6}
.sh-foot-about .sh-ar{display:block;margin-top:14px;font-size:18px;color:var(--saffron)}
.sh-foot h3{font-size:14px;font-weight:500;color:var(--paper);letter-spacing:0;margin-bottom:14px!important;line-height:1.3}
.sh-foot ul{list-style:none;margin:0;padding:0}
.sh-foot li{margin:0 0 10px}
.sh-foot a{color:var(--on-ink);text-decoration:none;font-size:15px}
.sh-foot a:hover{color:var(--paper);text-decoration:underline}
.sh-foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:64px;padding-top:24px;border-top:1px solid #2E4C52;font-size:14px}

@media (max-width:1024px){
  .sh-nav,.sh-cta .sh-btn-line{display:none}
  .sh-burger{display:block}
  .sh-top{gap:12px}
  .sh-foot-grid{grid-template-columns:1fr 1fr 1fr}
  .sh-foot-about{grid-column:1/-1}
}
@media (max-width:620px){
  .sh-wrap{padding:0 16px}
  .sh-top{padding:12px 0}
  .sh-logo{font-size:18px}
  .sh-logo svg{width:26px;height:26px}
  .sh-cta .sh-btn{padding:12px 14px;font-size:14px}
  .sh-foot-grid{grid-template-columns:1fr 1fr}
}