/* Self-hosted fonts (SIL OFL 1.1) */
@font-face{font-family:"Montserrat";font-style:italic;font-weight:500;font-display:swap;src:url("fonts/Montserrat-500-Italic.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/Montserrat-600.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/Montserrat-700.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/Montserrat-800.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/IBMPlexSans-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/IBMPlexSans-500.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/IBMPlexSans-600.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/IBMPlexMono-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/IBMPlexMono-500.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/IBMPlexSansArabic-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/IBMPlexSansArabic-600.woff2") format("woff2")}
:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --ground:#FFFFFF; --concrete:#ECEFF1; --sandstone:#F3EDE6; --rule:#D3D8DD;
  --ink:#0F1B2D; --ink-muted:#4A5566;
  --bronze:#6A4C38; --bronze-deep:#4B3424; --bronze-light:#C9A57F; --on-bronze:#FFFFFF;
  --night:#0F1B2D; --on-night:#FFFFFF; --night-muted:#B9C2CF; --night-rule:#2A3B57;
  --amber:#D4952B; --bad:#B3261E;
  --focus:#6A4C38;
  --logo:#6A4C38;
  --lk-b:#6A4C38; --lk-r:#CBC0B9; --lk-m:#4A5566;
  --sgx-i:#0F1B2D; --sgx-a:#1F5BD8;
  --display:"Montserrat",Arial,sans-serif;
  --text:"IBM Plex Sans",Arial,sans-serif;
  --mono:"IBM Plex Mono",Consolas,"Courier New",monospace;
  --ar:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,"Segoe UI",sans-serif;
  --gutter:clamp(16px,4vw,40px);
  --section:clamp(56px,7vw,96px);
  --cut:24px;
  --lane-dash:12px; --lane-gap:36px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#0F1B2D; --concrete:#172438; --sandstone:#2A221B; --rule:#2A3B57;
    --ink:#ECEFF1; --ink-muted:#A6B0BF;
    --bronze:#C9A57F; --bronze-deep:#E0C3A2; --on-bronze:#0F1B2D;
    --night:#0A1320; --amber:#E3A94F; --bad:#F08A80; --focus:#C9A57F;
    --logo:#C9A57F; --lk-b:#C9A57F; --lk-r:#3A4B66; --lk-m:#A6B0BF;
    --sgx-i:#FFFFFF; --sgx-a:#7DA0E8;
      color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ground:#0F1B2D; --concrete:#172438; --sandstone:#2A221B; --rule:#2A3B57;
  --ink:#ECEFF1; --ink-muted:#A6B0BF;
  --bronze:#C9A57F; --bronze-deep:#E0C3A2; --on-bronze:#0F1B2D;
  --night:#0A1320; --amber:#E3A94F; --bad:#F08A80; --focus:#C9A57F;
  --logo:#C9A57F; --lk-b:#C9A57F; --lk-r:#3A4B66; --lk-m:#A6B0BF;
  --sgx-i:#FFFFFF; --sgx-a:#7DA0E8;
  color-scheme:dark;
}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 88px);-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--text);font-size:16px;line-height:26px;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
a{color:inherit}
img,svg{max-width:100%}
p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{margin:0;text-wrap:balance}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.night :focus-visible,.band-bronze :focus-visible{outline-color:var(--bronze-light)}
.band-bronze :focus-visible{outline-color:var(--on-bronze)}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;inset-inline-start:8px;top:-60px;background:var(--bronze);color:var(--on-bronze);padding:8px 14px;z-index:60;text-decoration:none;font-weight:600}
.skip:focus{top:8px}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Type */
.display{font-family:var(--display);font-weight:800;font-size:clamp(34px,5.2vw,56px);line-height:1.07;letter-spacing:-.01em}
.h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,3.6vw,40px);line-height:1.15;letter-spacing:-.005em;color:var(--bronze)}
.h2{font-family:var(--display);font-weight:700;font-size:clamp(23px,2.4vw,28px);line-height:1.21;color:var(--bronze)}
.h3{font-family:var(--display);font-weight:600;font-size:20px;line-height:26px;color:var(--ink)}
.lede{font-size:clamp(17px,1.5vw,19px);line-height:1.58;max-width:62ch}
.muted{color:var(--ink-muted)}
.small{font-size:14px;line-height:22px}
.caption{font-size:12px;line-height:18px;color:var(--ink-muted)}
.mono{font-family:var(--mono);font-size:13px;line-height:20px;font-variant-numeric:tabular-nums}
.eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}
.eyebrow a{text-decoration:none}
.eyebrow a:hover{text-decoration:underline;text-underline-offset:3px}
.peak{display:inline-block;width:.92em;height:1em;flex:none;background:var(--bronze);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229.9 249'%3E%3Cpath d='M0 249L136.45 0L229.9 146.9L189.1 200.3L139 121.4L69 249Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229.9 249'%3E%3Cpath d='M0 249L136.45 0L229.9 146.9L189.1 200.3L139 121.4L69 249Z'/%3E%3C/svg%3E") center/contain no-repeat}
.prose p+p{margin-top:16px}
.prose{max-width:66ch}

/* Arabic */
[lang="ar"] body,[lang="ar"] .lede,[lang="ar"] input,[lang="ar"] select,[lang="ar"] textarea,[lang="ar"] button{font-family:var(--ar)}
[lang="ar"] body{line-height:1.85}
[lang="ar"] .display,[lang="ar"] .h1,[lang="ar"] .h2,[lang="ar"] .h3{font-family:var(--ar);font-weight:600;letter-spacing:0;line-height:1.4}
[lang="ar"] .display{font-size:clamp(30px,4.4vw,48px)}
[lang="ar"] .eyebrow{font-family:var(--ar);letter-spacing:0;text-transform:none;font-size:13.5px;line-height:20px}
[lang="ar"] .eyebrow .ltr,[lang="ar"] .mono{font-family:var(--mono)}
[lang="ar"] .mono.ar{font-family:var(--ar);font-size:14px}
[lang="ar"] .lede{line-height:1.85}
/* Logos */
.lockup{display:block;width:clamp(240px,24vw,300px);height:auto}
.logo{display:block;height:auto}
.logo.white{--logo:#FFFFFF}
.sgx{display:inline-block;line-height:0}
.sgx svg{display:block;width:100%;height:auto}
.on-night-sgx{--sgx-i:#FFFFFF;--sgx-a:#7DA0E8}
.ic{width:40px;height:40px;color:var(--bronze);flex:none}

/* Buttons and links */
.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:15px;line-height:20px;font-weight:600;text-decoration:none;padding:12px 18px;border-radius:2px;border:1.5px solid transparent;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.btn svg{width:15px;height:15px}
.btn-primary{background:var(--bronze);color:var(--on-bronze)}
.btn-primary:hover{background:var(--bronze-deep)}
.btn-secondary{border-color:var(--bronze);color:var(--bronze)}
.btn-secondary:hover{border-color:var(--bronze-deep);color:var(--bronze-deep)}
.night .btn-primary{background:var(--bronze-light);color:#0F1B2D}
.night .btn-primary:hover{background:#DDBF9C}
.night .btn-secondary{border-color:#55667F;color:var(--on-night)}
.night .btn-secondary:hover{border-color:var(--on-night)}
.btn-inverse{background:var(--on-bronze);color:var(--bronze)}
.btn-inverse:hover{background:var(--sandstone)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.link{color:var(--bronze);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.link:hover{text-decoration:underline;text-underline-offset:3px}
.link svg{width:14px;height:14px}

/* Header */
.site-head{position:sticky;top:0;z-index:40;background:var(--ground);border-bottom:1px solid var(--rule)}
.site-head .wrap{display:flex;align-items:center;gap:24px;min-height:76px}
.brand{display:block;text-decoration:none;flex:none}
.brand .logo{display:none;width:96px}
.nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nav a{text-decoration:none;font-size:15px;font-weight:500;padding:8px 10px;color:var(--ink-muted);border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink)}
.nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--bronze)}
.lang-sw{font-size:15px;text-decoration:none;color:var(--ink);padding:6px 10px;border:1px solid var(--rule);border-radius:2px}
.lang-sw:hover{border-color:var(--ink-muted)}
.lang-sw[lang="ar"]{font-family:var(--ar)}
.lang-sw[lang="en"]{font-family:var(--text)}
.head-cta{flex:none}
.menu-btn{display:none;align-items:center;gap:8px;font:inherit;font-size:15px;background:transparent;color:var(--ink);border:1px solid var(--rule);border-radius:2px;padding:7px 12px;cursor:pointer;margin-inline-start:auto}
.menu-btn svg{width:16px;height:16px}
@media (max-width:1060px){.head-cta{display:none}}
@media (max-width:900px){
  .brand .lockup{display:none}
  .brand .logo{display:block}
  .site-head .wrap{flex-wrap:wrap;gap:12px;min-height:72px;padding-block:8px}
  .js .menu-btn{display:inline-flex}
  .nav{display:flex;order:5;width:100%;flex-direction:column;align-items:stretch;margin:0;padding:4px 0 12px;border-top:1px solid var(--rule)}
  .js .nav{display:none}
  .js .nav.open{display:flex}
  .nav a{padding:12px 4px;border-bottom:1px solid var(--rule)}
  .nav a[aria-current="page"]{border-bottom-color:var(--rule);color:var(--bronze);font-weight:600}
}

/* Sections */
.section{padding-block:var(--section)}
.section.tight{padding-top:0}
.concrete{background:var(--concrete)}
.sandstone{background:var(--sandstone)}
.night{background:var(--night);color:var(--on-night)}
.night .h2{color:var(--bronze-light)}
.night .h3{color:var(--on-night)}
.night .muted{color:var(--night-muted)}
.cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% calc(var(--cut) * 1.327),100% 100%,0 100%)}
[dir="rtl"] .cut{clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 calc(var(--cut) * 1.327))}
.lane{border:0;height:2px;margin:0;background-image:linear-gradient(90deg,var(--bronze-light) 0 var(--lane-dash),transparent var(--lane-dash) 100%);background-size:calc(var(--lane-dash) + var(--lane-gap)) 2px;background-repeat:repeat-x}
.sec-head{display:grid;gap:12px;margin-bottom:32px;max-width:720px}
.sec-head-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:32px}
.sec-head-row .sec-head{margin-bottom:0}

/* Location strip */
.locs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}
.locs .pin{width:11px;height:14px;fill:var(--bronze);flex:none}
.locs .sep{color:var(--rule)}
.night .locs,.site-foot .locs{color:var(--on-night)}
.night .locs .pin,.site-foot .locs .pin{fill:var(--amber)}
.night .locs .sep,.site-foot .locs .sep{color:#4A5B76}
[lang="ar"] .locs{font-family:var(--ar);letter-spacing:0;font-size:13.5px}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;padding-block:clamp(64px,8vw,104px) clamp(40px,5vw,64px)}
.hero .eyebrow{color:var(--bronze-light)}
.hero .display{color:var(--on-night);margin-top:18px}
.hero .lede{color:#D3D9E1;margin-top:20px}
.hero .btn-row{margin-top:32px}
.hero .locs{margin-top:56px}
.field{width:100%;height:auto;display:block}
.field use{fill:var(--bronze-light);opacity:.36}
.field .amb{fill:var(--amber);opacity:1}
@media (prefers-reduced-motion: no-preference){
  .field use{opacity:0;animation:pk-in .5s ease-out forwards;animation-delay:calc(var(--i) * 22ms)}
  .field .amb{fill:var(--bronze-light);animation:pk-in .5s ease-out forwards,pk-amb .6s ease-out forwards;animation-delay:calc(var(--i) * 22ms),1.25s}
  @keyframes pk-in{from{opacity:0;transform:translateY(6px)}to{opacity:.36;transform:none}}
  @keyframes pk-amb{from{fill:var(--bronze-light);opacity:.36}to{fill:var(--amber);opacity:1}}
}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;gap:28px;padding-top:40px}
  .hero-field{order:-1;max-width:420px}
  .hero .locs{margin-top:40px}
}

/* Home: intro */
.intro{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,80px)}
.intro .prose{margin-top:20px}
.facts{display:grid;align-content:start;border-top:1px solid var(--rule)}
.facts div{display:grid;grid-template-columns:minmax(110px,4fr) minmax(0,7fr);gap:16px;padding-block:14px;border-bottom:1px solid var(--rule)}
.facts dt{font-size:14px;line-height:22px;font-weight:600;color:var(--ink-muted)}
.facts dd{font-size:15px;line-height:23px}
@media (max-width:900px){.intro{grid-template-columns:1fr}}

/* Home: services panel */
.svc-panel{padding:clamp(24px,4vw,48px)}
.svc-list{border-top:1px solid var(--rule)}
.svc-row{display:grid;grid-template-columns:40px minmax(0,4fr) minmax(0,6fr) auto;gap:8px 24px;align-items:center;padding-block:20px;border-bottom:1px solid var(--rule)}
.svc-row .h3{font-size:18px;line-height:24px}
.svc-row p{color:var(--ink-muted);font-size:15px;line-height:23px}
.svc-row .link{font-size:14px;white-space:nowrap}
@media (max-width:820px){
  .svc-row{grid-template-columns:40px minmax(0,1fr);align-items:start}
  .svc-row p,.svc-row .link{grid-column:2}
}

/* Home: experience list */
.xp-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-top:1px solid var(--rule)}
.xp-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:16px;border-bottom:1px solid var(--rule)}
.xp-list .mono{color:var(--ink-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
[lang="ar"] .xp-list .mono{text-transform:none;letter-spacing:0}
.xp-list li:nth-child(odd):nth-last-child(2){border-bottom:1px solid var(--rule)}
@media (max-width:760px){.xp-list{grid-template-columns:1fr}}

/* Home: group band */
.flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(48px,1fr) minmax(0,1fr);align-items:center;gap:24px;margin-top:40px}
.flow .node{display:grid;gap:14px;align-content:start}
.flow .node .logo{width:120px}
.flow .node .sgx{width:132px;margin-top:22px}
.flow .node p{font-size:15px;line-height:23px}
.flow .node .role{font-weight:600}
.flow .road{height:2px;background-image:linear-gradient(90deg,var(--bronze) 0 var(--lane-dash),transparent var(--lane-dash) 100%);background-size:calc(var(--lane-dash) + var(--lane-gap)) 2px;background-repeat:repeat-x;align-self:center}
.group-band .btn-row{margin-top:36px}
.group-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:900px){
  .group-intro{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr;gap:16px}
  .flow .road{width:2px;height:48px;background-image:linear-gradient(180deg,var(--bronze) 0 var(--lane-dash),transparent var(--lane-dash) 100%);background-size:2px calc(var(--lane-dash) + var(--lane-gap));background-repeat:repeat-y;margin-inline-start:59px;height:72px}
}

/* Bronze band */
.band-bronze{background:var(--bronze);color:var(--on-bronze)}
.band-bronze .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px;padding-block:clamp(48px,6vw,72px)}
.band-bronze .h2{color:var(--on-bronze)}
.band-bronze p{max-width:56ch;margin-top:10px}
.band-bronze a.mail{color:var(--on-bronze);font-weight:600}

/* Page head */
.page-head{padding-block:clamp(40px,6vw,72px) clamp(28px,4vw,40px)}
.page-head .h1{margin-top:14px}
.page-head .lede{margin-top:16px;color:var(--ink-muted)}

/* Services page */
.svc-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(24px,5vw,64px);align-items:start}
.svc-toc{position:sticky;top:104px;border-top:1px solid var(--rule)}
.svc-toc a{display:block;padding:10px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-size:14px;line-height:20px;color:var(--ink-muted)}
.svc-toc a:hover{color:var(--ink)}
.svc-block{padding-block:40px;border-top:1px solid var(--rule)}
.svc-block:first-child{border-top:0;padding-top:0}
.svc-block .head{display:flex;align-items:center;gap:16px}
.svc-block .prose{margin-top:18px}
.scope{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px;margin-top:22px;max-width:760px}
.scope li{position:relative;padding-inline-start:18px;font-size:15px;line-height:23px}
.scope li::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:7px;height:7px;background:var(--bronze)}
.refline{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:22px;font-size:14px;line-height:22px}
.refline dt{font-weight:600;color:var(--ink-muted)}
@media (max-width:900px){
  .svc-layout{grid-template-columns:1fr}
  .svc-toc{display:none}
  .scope{grid-template-columns:1fr}
}

/* Experience page */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px}
.filters .lbl{font-size:14px;font-weight:600;color:var(--ink-muted);margin-inline-end:8px}
.chip{font:inherit;font-size:14px;line-height:20px;padding:7px 12px;border:1px solid var(--rule);border-radius:2px;background:var(--ground);color:var(--ink);cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.chip:hover{border-color:var(--ink-muted)}
.chip .n{font-family:var(--mono);font-size:12px;color:var(--ink-muted)}
.chip[aria-pressed="true"]{background:var(--bronze);border-color:var(--bronze);color:var(--on-bronze)}
.chip[aria-pressed="true"] .n{color:var(--on-bronze)}
.table-wrap{overflow-x:auto}
table.data{border-collapse:collapse;width:100%;min-width:600px;font-size:15px;line-height:23px}
table.data th{text-align:start;font-weight:600;font-size:14px;background:var(--sandstone);padding:12px 16px;border-bottom:1px solid var(--bronze)}
table.data td{padding:14px 16px;border-bottom:1px solid var(--rule);vertical-align:top}
table.data td.ctry{white-space:nowrap}
table.data caption{caption-side:bottom;text-align:start;padding-top:12px;font-size:13px;line-height:20px;color:var(--ink-muted)}
.count{font-size:14px;color:var(--ink-muted);margin-bottom:12px}

/* About */
.two{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,72px)}
.approach{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,5vw,64px)}
.approach li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 18px;padding-block:24px;border-top:1px solid var(--rule)}
.approach li p{grid-column:2;color:var(--ink-muted);font-size:15px;line-height:23px}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px)}
.vm .h3{margin-bottom:10px}
.senior{padding:clamp(28px,4.5vw,56px)}
.senior .prose{margin-top:16px;color:#D3D9E1}
.senior-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px clamp(24px,5vw,64px);margin-top:36px;padding-top:28px;border-top:1px solid var(--night-rule)}
.senior-grid .h3{font-size:17px;margin-bottom:10px;color:var(--bronze-light)}
.senior-grid li{padding-block:6px;font-size:15px;line-height:23px;color:#E6EAEF}
.senior-grid .caption{color:var(--night-muted);margin-top:8px}
@media (max-width:900px){
  .two,.approach,.vm,.senior-grid{grid-template-columns:1fr}
}

/* Group page */
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px)}
.co{display:grid;gap:20px;align-content:start}
.co .mark{height:80px;display:flex;align-items:flex-end}
.co .mark .logo{width:138px}
.co .mark .sgx{width:150px;margin-bottom:6px}
.co dl{border-top:1px solid var(--rule)}
.co dl div{display:grid;grid-template-columns:minmax(96px,3fr) minmax(0,7fr);gap:16px;padding-block:12px;border-bottom:1px solid var(--rule)}
.co dt{font-size:14px;font-weight:600;color:var(--ink-muted)}
.co dd{font-size:15px;line-height:23px}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:8px}
.steps li{position:relative;padding-inline-end:20px;padding-top:30px}
.steps li::before{content:"";position:absolute;top:9px;inset-inline:22px 0;height:2px;background-image:linear-gradient(90deg,var(--bronze-light) 0 var(--lane-dash),transparent var(--lane-dash) 100%);background-size:calc(var(--lane-dash) + var(--lane-gap)) 2px;background-repeat:repeat-x}
.steps li:last-child::before{display:none}
.steps .num{position:absolute;top:0;inset-inline-start:0;font-family:var(--mono);font-size:13px;line-height:20px;font-weight:500;color:var(--bronze)}
.steps .who{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-top:6px}
[lang="ar"] .steps .who{font-family:var(--ar);letter-spacing:0;text-transform:none;font-size:13px}
.steps p{font-size:14.5px;line-height:22px;color:var(--ink-muted);margin-top:8px}
.callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;padding:24px;background:var(--sandstone);max-width:860px}
.callout .peak{font-size:22px;margin-top:2px}
.callout .eyebrow{margin-bottom:6px}
@media (max-width:900px){
  .co-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:4px}
  .steps li{padding-top:0;padding-inline-start:44px;padding-bottom:22px;padding-inline-end:0}
  .steps li::before{top:26px;bottom:0;inset-inline-start:7px;inset-inline-end:auto;width:2px;height:auto;background-image:linear-gradient(180deg,var(--bronze-light) 0 var(--lane-dash),transparent var(--lane-dash) 100%);background-size:2px calc(var(--lane-dash) + var(--lane-gap));background-repeat:repeat-y}
  .steps .num{top:2px}
}

/* Contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,64px);align-items:start}
.form{display:grid;gap:20px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field-g{display:grid;gap:6px}
.field-g label,.field-g .lbl{font-size:14px;line-height:20px;font-weight:600}
.field-g .opt{font-weight:400;color:var(--ink-muted)}
input,select,textarea{font:inherit;font-size:15px;line-height:22px;color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:2px;padding:10px 12px;width:100%}
textarea{min-height:140px;resize:vertical}
input:hover,select:hover,textarea:hover{border-color:var(--ink-muted)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
input[type="file"]{padding:8px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:22px}
.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--bronze);flex:none}
.err{color:var(--bad);font-size:13.5px;line-height:20px}
[aria-invalid="true"]{border-color:var(--bad)}
.status{padding:14px 16px;font-size:14.5px;line-height:22px;border-inline-start:0;background:var(--concrete)}
.status[hidden]{display:none}
.side{padding:clamp(24px,3.5vw,36px)}
.side dl div{padding-block:12px;border-bottom:1px solid var(--rule)}
.side dl div:first-child{border-top:1px solid var(--rule)}
.side dt{font-size:13.5px;font-weight:600;color:var(--ink-muted)}
.side dd{font-size:15px;line-height:23px}
.side dd a{text-decoration:none}
.side dd a:hover{text-decoration:underline}
.side .h3{margin-bottom:16px}
.side .locs{margin-top:20px}
.side .profile{margin-top:24px;display:grid;gap:10px}
.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
@media (max-width:900px){.contact-grid,.form .row2{grid-template-columns:1fr}}

/* Footer */
.site-foot{background:var(--night);color:var(--on-night)}
.foot-top{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2.4fr));gap:32px;padding-block:56px 40px}
.foot-brand .logo{width:128px}
.foot-brand .line{font-family:var(--display);font-style:italic;font-weight:500;font-size:15px;line-height:22px;color:var(--bronze-light);margin-top:20px;max-width:30ch}
[lang="ar"] .foot-brand .line{font-family:var(--ar);font-style:normal;font-weight:400}
.foot-col h2{font-family:var(--display);font-size:14px;line-height:20px;font-weight:600;color:var(--bronze-light);margin-bottom:12px}
[lang="ar"] .foot-col h2{font-family:var(--ar)}
.foot-col li{padding-block:4px}
.foot-col a{text-decoration:none;font-size:14.5px;line-height:22px;color:#D3D9E1}
.foot-col .k{color:var(--night-muted);margin-inline-end:8px;font-size:13px}
.foot-col a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.foot-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-block:24px 32px;font-size:13.5px;line-height:20px;color:var(--night-muted)}
.foot-base a{color:var(--night-muted)}
.foot-base a:hover{color:#FFFFFF}
.foot-group{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.foot-group .sgx{width:92px}
.foot-meta{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
@media (max-width:900px){.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:520px){.foot-top{grid-template-columns:1fr}}


/* Production additions */
.mt16{margin-top:16px}.mt32{margin-top:32px}
html:not(.js) .js-only{display:none}
.hp{position:absolute!important;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.hint{font-size:13px;line-height:20px;color:var(--ink-muted)}
.status.is-error{background:var(--sandstone);color:var(--ink);border-inline-start:3px solid var(--bad)}
.status.is-ok{background:var(--sandstone)}
button[disabled]{opacity:.6;cursor:progress}
.policy{max-width:72ch;display:grid;gap:28px}
.policy p{margin-top:8px}
.policy .caption{margin-top:8px}
.nf{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.nf .h1{margin-block:10px 12px}
.nf .btn-row{margin-top:24px}
[lang="ar"] .nf .h1,.nf [lang="ar"] .h1{font-family:var(--ar);font-weight:600}
.nf [lang="ar"]{font-family:var(--ar)}
@media (max-width:760px){.nf{grid-template-columns:1fr}}
table.data.xp{min-width:0}
tr[hidden]{display:none}
.cf-turnstile{min-height:65px}
