@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/manrope-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/noto-kufi-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/noto-kufi-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/noto-kufi-arabic-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
/* Layout: 12-col, 1280 max, left-aligned editorial grid. Dark Midnight bands (hero, footer) bracket Paper White content.
   Signature: the gold full stop. It ends the hero headline and is Doha on the trade-route map. */
:root{
  --navy:#13294B; --blue:#003DA5; --cyan:#00B3E3; --gold:#B9975B; --gold-l:#D6B97F; --platinum:#A2AAAD; --paper:#F7F9FB; --midnight:#0A1426;
  --bg:#F7F9FB; --surface:#FFFFFF; --ink:#13294B; --ink-2:#3E4F68; --muted:#5A6A80; --line:#E1E6EE; --line-2:#C9D2DE;
  --accent:#003DA5; --accent-ink:#FFFFFF; --link:#003DA5; --gold-ui:#8A6B33; --focus:#00B3E3; --gold-tag:#634A1F; --tint:#EEF2F8; --err:#B3261E; --ok:#1C6B47;
  --band:#0A1426; --band-2:#13294B; --band-ink:#F7F9FB; --band-muted:#B8C4D6; --band-line:#22324F;
  --f-display:"Manrope",ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;
  --f-body:"IBM Plex Sans",ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;
  --f-ar-display:"Noto Kufi Arabic","Manrope","Segoe UI","Tahoma",sans-serif;
  --f-ar-body:"IBM Plex Sans Arabic","IBM Plex Sans","Segoe UI","Tahoma",sans-serif;
  --max:1280px; --gut:24px; --r1:2px; --r2:4px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0A1426; --surface:#0F1D35; --ink:#EEF2F7; --ink-2:#C8D2E0; --muted:#9DABBF; --line:#22324F; --line-2:#33476A;
  --accent:#00B3E3; --accent-ink:#0A1426; --link:#5FCFF0; --gold-ui:#D6B97F; --gold-tag:#E3CB98; --tint:#132542; --err:#FF8A80; --ok:#7FD1A6; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0A1426; --surface:#0F1D35; --ink:#EEF2F7; --ink-2:#C8D2E0; --muted:#9DABBF; --line:#22324F; --line-2:#33476A;
  --accent:#00B3E3; --accent-ink:#0A1426; --link:#5FCFF0; --gold-ui:#D6B97F; --gold-tag:#E3CB98; --tint:#132542; --err:#FF8A80; --ok:#7FD1A6; color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--band)}
:lang(ar) body,body:lang(ar){font-family:var(--f-ar-body);line-height:1.8}
h1,h2,h3,h4{font-family:var(--f-display);color:inherit;margin:0;text-wrap:balance}
:lang(ar) :is(h1,h2,h3,h4,.wm,.disp){font-family:var(--f-ar-display);letter-spacing:0!important}
p{margin:0}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
img,svg,canvas{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--r1)}
.skip{position:absolute;inset-inline-start:16px;top:-60px;z-index:100;background:var(--surface);color:var(--ink);padding:10px 14px;border:1px solid var(--line)}
.skip:focus{top:calc(8px + env(safe-area-inset-top,0px))}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:calc(var(--max) + 2*var(--gut));margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:640px){.wrap{padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:32px}
.grid>*{min-width:0}
.c12{grid-column:span 12}
@media (min-width:1024px){.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c3{grid-column:span 3}.s2{grid-column-end:-1}}
@media (max-width:1023px){.c3,.c4,.c5,.c6,.c7,.c8{grid-column:span 12}}
@media (min-width:640px) and (max-width:1023px){.md6{grid-column:span 6}}

/* Type scale (1.25 minor third from 16) */
.disp{font:800 clamp(2.5rem,6.4vw,5.2rem)/1.0 var(--f-display);letter-spacing:-.04em}
:lang(ar) .disp{font-weight:800;line-height:1.3;font-size:clamp(2.2rem,5.6vw,4.4rem)}
.h1{font:800 clamp(2.1rem,4.4vw,3.5rem)/1.06 var(--f-display);letter-spacing:-.032em}
:lang(ar) .h1{line-height:1.35}
.h2{font:700 clamp(1.6rem,2.8vw,2.3rem)/1.15 var(--f-display);letter-spacing:-.022em}
:lang(ar) .h2{line-height:1.45}
.h3{font:700 1.25rem/1.3 var(--f-display);letter-spacing:-.01em}
:lang(ar) .h3{line-height:1.6}
.lede{font-size:1.2rem;line-height:1.55;color:var(--ink-2);max-width:62ch}
:lang(ar) .lede{line-height:1.85}
.body{max-width:68ch;color:var(--ink-2)}
.body p+p{margin-top:1em}
.small{font-size:.875rem}
.muted{color:var(--muted)}
.kicker{font:600 .9rem/1.3 var(--f-display);color:var(--gold-ui);letter-spacing:.01em}
.dot{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--gold);margin-inline-start:.05em;vertical-align:baseline}
.band .dot,.hero .dot{background:var(--gold-l)}

/* Header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--band);color:var(--band-ink);border-bottom:1px solid var(--band-line)}
.hdr .row{display:flex;align-items:center;gap:20px;height:68px}
.wm{font:800 1.75rem/1 var(--f-display);letter-spacing:-.045em;color:var(--band-ink);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:baseline}
.wm .dot{width:.19em;height:.19em}
.nav{display:flex;gap:2px;margin-inline-start:auto;align-items:center}
.nav>a,.nav>.mm>button{color:var(--band-ink);text-decoration:none;padding:8px 10px;border-radius:var(--r1);font:500 .95rem/1 var(--f-display);background:none;border:0;cursor:pointer;white-space:nowrap}
.nav>a:hover,.nav>.mm>button:hover,.nav>a[aria-current="page"]{color:var(--gold-l)}
.nav>a[aria-current="page"],.nav>.mm>button[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--gold-l)}
.mm{position:relative}
.mega{position:absolute;inset-inline-start:-180px;top:calc(100% + 14px);width:min(860px,90vw);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r2);padding:24px;display:grid;grid-template-columns:2fr 1fr;gap:24px}
.mega h2{font:600 .85rem var(--f-display);color:var(--muted);margin-bottom:10px}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mega .svc{grid-template-columns:1fr 1fr}
.mega a{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:var(--r1);color:var(--ink);text-decoration:none;font-size:.92rem}
.mega a:hover{background:var(--tint)}
.mega a svg{width:20px;height:20px;flex:none;color:var(--accent)}
.util{display:flex;gap:10px;align-items:center}
.langs{display:flex;border:1px solid var(--band-line);border-radius:var(--r1)}
.langs a{color:var(--band-muted);padding:8px 10px;font:600 .8rem/1 var(--f-display);text-decoration:none;min-width:34px;text-align:center}
.langs a:hover{color:var(--band-ink)}
.langs a[aria-current="true"]{color:var(--midnight);background:var(--gold-l)}
.langs a:lang(ar){font-family:var(--f-ar-display);font-size:.9rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--r1);font:700 .95rem/1.1 var(--f-display);text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap}
:lang(ar) .btn{font-family:var(--f-ar-display);font-weight:600}
.btn-p{background:var(--accent);color:var(--accent-ink)}
.btn-p:hover{filter:brightness(1.12)}
.btn-s{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-s:hover{border-color:var(--ink)}
.on-dark .btn-p,.hdr .btn-p{background:var(--paper);color:var(--navy)}
.on-dark .btn-s{color:var(--paper);border-color:#5A6C8C}
.on-dark .btn-s:hover{border-color:var(--paper)}
.btn-sm{min-height:36px;padding:7px 12px;font-size:.85rem}
.menu-btn{display:none;background:none;border:1px solid var(--band-line);color:var(--band-ink);border-radius:var(--r1);height:40px;padding:0 12px;font:600 .9rem var(--f-display)}
@media (max-width:1180px){.nav,.hdr .util .btn-p{display:none}.menu-btn{display:inline-flex;align-items:center;margin-inline-start:auto}}
.drawer{position:fixed;inset:0;z-index:70;background:var(--band);color:var(--band-ink);overflow:auto;padding-top:env(safe-area-inset-top,0px)}
.drawer .row{display:flex;align-items:center;justify-content:space-between;height:68px}
.drawer nav{display:grid;gap:2px;padding-block:12px 32px}
.drawer nav a{color:var(--band-ink);text-decoration:none;font:700 1.35rem/1.2 var(--f-display);padding:12px 0;border-bottom:1px solid var(--band-line)}

/* Bands */
.band{background:var(--band);color:var(--band-ink)}
.band .muted,.band .lede,.band .body{color:var(--band-muted)}
.band a{color:var(--gold-l)}
.sec{padding-block:clamp(56px,8vw,104px)}
.sec-sm{padding-block:48px}
.sec+.sec{border-top:1px solid var(--line)}
.band+.sec,.sec+.band{border-top:0}

/* Hero */
.hero{position:relative;overflow:hidden;background:var(--band);color:var(--band-ink);isolation:isolate}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero .wrap{padding-block:clamp(72px,11vw,148px) clamp(64px,8vw,104px)}
.hero .disp{max-width:13ch}
:lang(ar) .hero .disp{max-width:16ch}
.hero .sub{font:600 clamp(1.15rem,2vw,1.5rem)/1.3 var(--f-display);color:var(--gold-l);margin-top:22px;letter-spacing:-.01em}
:lang(ar) .hero .sub{font-family:var(--f-ar-display)}
.hero .lede{color:var(--band-muted);margin-top:18px;max-width:52ch}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero .ctrl{position:absolute;inset-inline-end:max(16px,env(safe-area-inset-right,0px));bottom:16px;background:rgba(10,20,38,.7);color:var(--band-muted);border:1px solid var(--band-line);border-radius:var(--r1);font:500 .8rem var(--f-display);padding:6px 10px;cursor:pointer}
.hero .from{position:absolute;font:600 .75rem var(--f-display);color:var(--gold-l);pointer-events:none;white-space:nowrap}
.hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,20,38,.94) 0%,rgba(10,20,38,.72) 45%,rgba(10,20,38,.15) 100%)}
[dir="rtl"] .hero-scrim{background:linear-gradient(270deg,rgba(10,20,38,.94) 0%,rgba(10,20,38,.72) 45%,rgba(10,20,38,.15) 100%)}
@media (max-width:760px){.hero-scrim{background:rgba(10,20,38,.78)!important}}

.trust{border-bottom:1px solid var(--line);background:var(--surface)}
.trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.trust li{padding:18px 16px;font:600 .9rem/1.35 var(--f-display);border-inline-start:1px solid var(--line);color:var(--ink-2)}
.trust li:first-child{border-inline-start:0;padding-inline-start:0}
@media (max-width:1023px){.trust ul{grid-template-columns:repeat(3,minmax(0,1fr))}.trust li:nth-child(4){border-inline-start:0;padding-inline-start:0}.trust li{border-top:1px solid var(--line)}.trust li:nth-child(-n+3){border-top:0}}
@media (max-width:560px){.trust ul{grid-template-columns:1fr 1fr}.trust li{border-inline-start:0!important;padding-inline:0 12px!important;border-top:1px solid var(--line)!important}.trust li:nth-child(-n+2){border-top:0!important}}

/* Service index — typographic list, not cards */
.svc-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gut)}
@media (max-width:1023px){.svc-index{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.svc-index{grid-template-columns:1fr}}
.svc-index li{border-top:1px solid var(--line)}
.svc-index a{display:grid;grid-template-columns:28px 1fr;gap:4px 14px;padding:18px 0 20px;text-decoration:none;color:var(--ink)}
.svc-index a svg{width:28px;height:28px;color:var(--accent);grid-row:span 2}
.svc-index b{font:700 1.06rem/1.3 var(--f-display);letter-spacing:-.01em}
:lang(ar) .svc-index b{font-family:var(--f-ar-display)}
.svc-index span{font-size:.92rem;color:var(--muted);line-height:1.5}
.svc-index a:hover b{color:var(--link);text-decoration:underline;text-underline-offset:.2em}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut);counter-reset:s}
@media (max-width:1023px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.steps li{counter-increment:s;padding-top:18px;border-top:2px solid var(--ink)}
.steps li::before{content:counter(s);font:800 2.4rem/1 var(--f-display);color:var(--gold-ui);display:block;margin-bottom:14px;letter-spacing:-.04em}
.steps h3{margin-bottom:8px}
.steps p{color:var(--ink-2);font-size:.96rem}

.mapbox{position:relative;width:100%;aspect-ratio:2.2/1;max-width:100%}
.mapbox canvas{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;border:0;background:transparent;cursor:pointer;padding:0}
[dir="rtl"] .pin{transform:translate(50%,-50%)}
.pin::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}
.pin.gold::after{background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 30%,transparent)}
.pin.on::after{inset:5px;background:var(--gold)}
.band .pin::after{background:var(--cyan)}
.maplegend{display:flex;flex-wrap:wrap;gap:18px;font-size:.85rem;color:var(--muted);margin-top:12px}
.maplegend i{display:inline-block;width:28px;height:0;border-top:2px solid var(--accent);vertical-align:middle;margin-inline-end:8px}
.maplegend .sea{border-top-style:solid}.maplegend .air{border-top-style:dashed}.maplegend .road{border-top-style:dotted;border-top-width:3px}

.reglist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px var(--gut)}
.reglist li{border-top:1px solid var(--line);padding-top:12px}
.reglist b{font:700 1rem var(--f-display);display:block;margin-bottom:4px}
.reglist p{font-size:.92rem;color:var(--muted)}

.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.chips a,.chip{display:inline-block;padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink);text-decoration:none;font:500 .92rem/1.2 var(--f-display);background:var(--surface)}
.chips a:hover{border-color:var(--ink)}

.news{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
@media (max-width:1023px){.news{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.news{grid-template-columns:1fr}}
.news li{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r2)}
.news .meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.82rem;color:var(--muted)}
.news .src{font-weight:600;color:var(--gold-ui)}
.news h3{font-size:1.08rem}
.news p{font-size:.94rem;color:var(--ink-2)}
.news .acts{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:6px}
.aisum{border-inline-start:2px solid var(--gold);padding-inline-start:12px;font-size:.92rem;color:var(--ink)}
.aisum small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}
.tag{display:inline-block;font:600 .75rem/1 var(--f-display);padding:5px 8px;border-radius:var(--r1);background:var(--tint);color:var(--ink-2);white-space:nowrap}
.tag.gold{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold-tag)}

.closing{background:var(--band-2);color:var(--band-ink)}
.closing .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end;padding-block:clamp(56px,7vw,88px)}
@media (max-width:760px){.closing .wrap{grid-template-columns:1fr}}
.closing p{color:var(--band-muted);margin-top:12px;max-width:60ch}
.closing .ctas{display:flex;gap:12px;flex-wrap:wrap}

/* Page heads */
.phead{background:var(--band);color:var(--band-ink);border-bottom:1px solid var(--band-line)}
.phead .wrap{padding-block:clamp(40px,6vw,72px)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0;font-size:.85rem;color:var(--band-muted)}
.crumbs li+li::before{content:"/";margin-inline-end:6px;color:#5A6C8C}
.crumbs a{color:var(--band-muted)}
.phead .lede{color:var(--band-muted);margin-top:16px}
.phead .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.phead svg.picon{width:44px;height:44px;color:var(--cyan);margin-bottom:16px}

/* Service detail */
.arch{width:100%;overflow-x:auto}
.arch svg{min-width:620px;width:100%;height:auto;display:block}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:28px var(--gut)}
@media (max-width:640px){.benefits{grid-template-columns:1fr}}
.benefits div{border-top:1px solid var(--line);padding-top:14px}
.benefits h3{font-size:1.05rem;margin-bottom:6px}
.benefits p{color:var(--ink-2);font-size:.95rem}
.case{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:clamp(20px,3vw,32px)}
.case dl{display:grid;grid-template-columns:140px 1fr;gap:12px 24px;margin:18px 0 0}
@media (max-width:560px){.case dl{grid-template-columns:1fr}}
.case dt{font:600 .88rem var(--f-display);color:var(--muted)}
.case dd{margin:0;color:var(--ink-2)}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font:600 1.02rem/1.4 var(--f-display);display:flex;justify-content:space-between;gap:16px}
:lang(ar) .faq summary{font-family:var(--f-ar-display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;color:var(--muted);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:18px;color:var(--ink-2);max-width:70ch}
.sidebox{border-top:2px solid var(--ink);padding-top:16px;display:grid;gap:14px}
.pager{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pager a{text-decoration:none;display:grid;gap:2px;max-width:46%}
.pager small{color:var(--muted)}
.pager b{font:700 1rem var(--f-display);color:var(--ink)}

/* Lists, tables */
.ilist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 var(--gut)}
.ilist li{border-top:1px solid var(--line)}
.ilist a{display:block;padding:18px 0;text-decoration:none;color:var(--ink)}
.ilist b{font:700 1.05rem/1.3 var(--f-display);display:block}
.ilist span{font-size:.92rem;color:var(--muted)}
.ilist a:hover b{color:var(--link)}
.bul{margin:0;padding-inline-start:1.1em;display:grid;gap:8px;color:var(--ink-2)}
.bul li::marker{color:var(--gold)}
.tbl{width:100%;border-collapse:collapse;font-size:.94rem}
.tbl th,.tbl td{text-align:start;padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font:600 .82rem var(--f-display);color:var(--muted)}
.tbl td:first-child{font:700 .95rem var(--f-display);white-space:nowrap}
.tblwrap{overflow-x:auto}
.pills{display:inline-block;font:600 .78rem/1 var(--f-display);padding:6px 9px;border-radius:999px;border:1px solid var(--line-2);white-space:nowrap}
.pills.prep{border-color:var(--gold);color:var(--gold-ui)}
.vals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gut)}
@media (max-width:1023px){.vals{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vals{grid-template-columns:1fr}}
.vals div{border-top:1px solid var(--line);padding-top:14px}
.vals h3{font-size:1.05rem;margin-bottom:6px}
.vals p{font-size:.93rem;color:var(--ink-2)}
.people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut)}
@media (max-width:1023px){.people{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.people{grid-template-columns:1fr}}
.people div{display:grid;gap:6px}
.people .ph{aspect-ratio:4/5;background:var(--tint);border:1px solid var(--line);border-radius:var(--r2);display:grid;place-items:center;color:var(--muted);font-size:.85rem;text-align:center;padding:12px}
.people b{font:700 1rem var(--f-display)}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
@media (max-width:760px){.mv{grid-template-columns:1fr}}
.mv div{padding:28px;border-radius:var(--r2);background:var(--band-2);color:var(--band-ink)}
.mv div:last-child{background:var(--blue)}
.mv p{font:700 clamp(1.3rem,2.4vw,1.8rem)/1.25 var(--f-display);letter-spacing:-.015em;margin-top:10px}
:lang(ar) .mv p{font-family:var(--f-ar-display);line-height:1.6}
.mv .kicker{color:var(--gold-l)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
@media (max-width:900px){.tiers{grid-template-columns:1fr}}
.tiers>div{border:1px solid var(--line);border-radius:var(--r2);padding:24px;background:var(--surface);display:grid;gap:10px;align-content:start}
.tiers>div:last-child{border-color:var(--gold)}

/* Filters */
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface)}
.filters{min-width:0}.filters label{display:grid;gap:4px;font:600 .82rem var(--f-display);color:var(--muted);flex:1 1 180px;min-width:0}
.filters select{width:100%;min-width:0;height:44px;border:1px solid var(--line-2);border-radius:var(--r1);background:var(--bg);padding:0 10px}
.plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gut)}
.plist li{border-top:2px solid var(--ink);padding-top:14px;display:grid;gap:8px;align-content:start}
.plist .meta{display:flex;flex-wrap:wrap;gap:6px}
.plist h3{font-size:1.06rem}
.plist p{font-size:.93rem;color:var(--ink-2)}
.plist li.hl{border-top-color:var(--gold)}
.hubcard{border-inline-start:2px solid var(--gold);padding-inline-start:16px;min-height:96px}
.hubs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hubs button{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 12px;font:500 .88rem var(--f-display);cursor:pointer}
.hubs button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.flows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
@media (max-width:900px){.flows{grid-template-columns:1fr}}
.flows div{border-top:1px solid var(--line);padding-top:14px}

/* Forms */
.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin-bottom:28px}
.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 14px;font:600 .95rem var(--f-display);color:var(--muted);cursor:pointer;margin-bottom:-1px}
:lang(ar) .tabs button{font-family:var(--f-ar-display)}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--gold)}
form.f{display:grid;gap:18px;max-width:760px}
.f .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:640px){.f .row2{grid-template-columns:1fr}}
.fld{display:grid;gap:6px;min-width:0}
.fld>label,.fld>legend{font:600 .9rem/1.35 var(--f-display);color:var(--ink)}
:lang(ar) .fld>label,:lang(ar) .fld>legend{font-family:var(--f-ar-body);font-weight:600}
.fld .opt{font-weight:400;color:var(--muted);font-size:.82rem}
.f input:not([type=checkbox]):not([type=file]),.f select,.f textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r1);background:var(--surface);color:var(--ink)}
.f textarea{min-height:120px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:0}
.f input[type=file]{font-size:.9rem;padding:10px;border:1px dashed var(--line-2);border-radius:var(--r1);background:var(--surface);width:100%}
.f [aria-invalid="true"]{border-color:var(--err)!important}
.err{color:var(--err);font-size:.85rem;font-weight:500}
.err:empty{display:none}
.cb{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--ink-2)}
.cb input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--accent)}
.cbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 18px;border:0;padding:0;margin:0}
fieldset{border:0;padding:0;margin:0;min-width:0}
fieldset.step{display:grid;gap:18px}
.prog{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;counter-reset:p}
.prog li{counter-increment:p;font:600 .82rem var(--f-display);color:var(--muted);display:flex;align-items:center;gap:8px;padding-inline-end:16px}
.prog li::before{content:counter(p);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);font-size:.75rem}
.prog li[aria-current="step"]{color:var(--ink)}
.prog li[aria-current="step"]::before{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.prog li.done::before{background:var(--gold);border-color:var(--gold);color:var(--midnight);content:"✓"}
.factions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.errsum{border:1px solid var(--err);border-radius:var(--r2);padding:12px 16px;color:var(--err);font-size:.92rem}
.errsum:empty{display:none}
.review{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:6px 18px;font-size:.92rem;margin:0}
.review dt{color:var(--muted)}.review dd{margin:0;word-break:break-word}
.sent{border:1px solid var(--line);border-inline-start:3px solid var(--ok);border-radius:var(--r2);padding:24px;background:var(--surface);display:grid;gap:12px;max-width:760px}
.sent pre{white-space:pre-wrap;font:400 .85rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--tint);padding:12px;border-radius:var(--r1);max-height:220px;overflow:auto;margin:0}
.note{font-size:.88rem;color:var(--muted);border-inline-start:2px solid var(--gold);padding-inline-start:12px}

.office{display:grid;gap:4px;font-style:normal;color:var(--ink-2)}
.office dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0 0}
.office dt{color:var(--muted);font-size:.9rem}.office dd{margin:0}
bdi{unicode-bidi:isolate}

/* Footer */
.ftr{background:var(--band);color:var(--band-ink);font-size:.92rem}
.ftr .top{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr)) 1.5fr;gap:32px var(--gut);padding-block:64px 40px}
@media (max-width:1100px){.ftr .top{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ftr .top{grid-template-columns:1fr}}
.ftr h2{font:600 .85rem var(--f-display);color:var(--band-muted);margin-bottom:12px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftr a{color:var(--band-ink);text-decoration:none}
.ftr a:hover{color:var(--gold-l);text-decoration:underline}
.ftr address{font-style:normal;display:grid;gap:8px;color:var(--band-ink)}
.ftr address span{color:var(--band-muted)}
.ftr .legal{border-top:1px solid var(--band-line);padding-block:24px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:var(--band-muted);font-size:.84rem}
.ftr .legal b{color:var(--band-ink);font-family:var(--f-display)}
.ftr .legal .ar{font-family:var(--f-ar-display)}
.ftr .lbtn{background:none;border:0;color:var(--band-ink);padding:0;cursor:pointer;text-decoration:underline;font-size:.84rem}
.ftr .wm{font-size:2.2rem}

/* Cookie banner */
.cookie{position:fixed;inset-inline:0;bottom:0;z-index:80;background:var(--surface);color:var(--ink);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.cookie .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:center;padding-block:18px}
@media (max-width:760px){.cookie .wrap{grid-template-columns:1fr}}
.cookie h2{font-size:1rem;margin-bottom:4px}
.cookie p{font-size:.88rem;color:var(--ink-2);max-width:80ch}
.cookie .acts{display:flex;gap:10px;flex-wrap:wrap}
.cookie .cats{display:grid;gap:8px;margin-top:12px}

/* Wisdom AI */
.ai-launch{position:fixed;z-index:75;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:max(20px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:10px;background:var(--navy);color:var(--paper);border:1px solid #2B4470;border-radius:999px;padding:6px 18px 6px 6px;cursor:pointer;font:700 .95rem var(--f-display)}
[dir="rtl"] .ai-launch{padding:6px 6px 6px 18px}
.ai-launch svg{width:40px;height:40px}
.ai-panel{position:fixed;z-index:85;bottom:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-end:max(16px,env(safe-area-inset-right,0px));width:min(420px,calc(100vw - 32px));height:min(640px,calc(100dvh - 100px));display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-radius:var(--r2);overflow:hidden}
.ai-head{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--band);color:var(--band-ink)}
.ai-head svg{width:44px;height:44px;flex:none}
.ai-head b{font:700 1rem var(--f-display);display:block}
.ai-head span{font-size:.8rem;color:var(--band-muted)}
.ai-head button{margin-inline-start:auto;background:none;border:1px solid var(--band-line);color:var(--band-ink);border-radius:var(--r1);width:36px;height:36px;cursor:pointer;font-size:1.1rem}
.ai-log{flex:1;overflow:auto;padding:16px;display:grid;gap:12px;align-content:start}
.msg{max-width:88%;padding:10px 12px;border-radius:var(--r2);font-size:.93rem;line-height:1.55;white-space:normal}
.msg p+p,.msg ul{margin-top:.5em}
.msg ul{padding-inline-start:1.1em;margin-bottom:0}
.msg.a{background:var(--tint);justify-self:start}
.msg.u{background:var(--blue);color:#fff;justify-self:end}
.msg .go{margin-top:10px}
.msg .tools{display:flex;gap:8px;margin-top:8px}
.msg .tools button{background:none;border:0;color:var(--muted);font-size:.78rem;cursor:pointer;padding:0;text-decoration:underline}
.ai-sugg{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.ai-sugg button{border:1px solid var(--line-2);background:var(--bg);color:var(--ink);border-radius:999px;padding:6px 10px;font-size:.8rem;cursor:pointer;text-align:start}
.ai-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.ai-form textarea{flex:1;min-height:44px;max-height:120px;resize:none;border:1px solid var(--line-2);border-radius:var(--r1);padding:10px;background:var(--bg);color:var(--ink)}
.ai-disc{font-size:.72rem;color:var(--muted);padding:0 14px 10px}
.typing{color:var(--muted);font-style:italic}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.fadein{animation:fi .5s ease both}
@keyframes fi{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}

/* static-site additions */
.wmimg{display:block;height:34px;width:auto}
:lang(ar) .wmimg{height:40px}
.ftr .wmimg{height:40px}
:lang(ar) .ftr .wmimg{height:48px}
.mega-all{margin-top:12px;font-size:.9rem}
.shead{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.mb{margin-bottom:28px}.mb1{margin-bottom:12px}.mb2{margin-bottom:16px}.mt{margin-top:14px}
.stack{display:grid;gap:28px}
.h3.big{font-size:1.5rem}
h2.kicker{font:600 .9rem/1.3 var(--f-display);color:var(--gold-l)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.panel-h{margin-bottom:18px}
.js .panel-h{display:none}
.tpanel+.tpanel{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.js .tpanel+.tpanel{margin-top:0;padding-top:0;border-top:0}
.reslist{list-style:none;margin:0;padding:0;display:grid;gap:0}
.reslist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}
.reslist li:last-child{border-bottom:1px solid var(--line)}
.reslist h2{margin:8px 0 4px}.reslist p{color:var(--ink-2);max-width:70ch}
@media (max-width:640px){.reslist li{grid-template-columns:1fr}}
.jobs{list-style:none;margin:0;padding:0}
.job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}
.job p{color:var(--ink-2);max-width:70ch;margin-top:4px}
@media (max-width:640px){.job{grid-template-columns:1fr}}
.dcgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px var(--gut)}
@media (max-width:760px){.dcgrid{grid-template-columns:1fr}}
.dc{border-top:2px solid var(--ink);padding-top:16px;display:grid;gap:12px;align-content:start}
.dc-h{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}
.dc-h svg{width:32px;height:32px;color:var(--accent);flex:none}
.dc-h:hover h3{color:var(--link);text-decoration:underline}
.dc>p{color:var(--ink-2)}
.legaltext .lg-h{margin:28px 0 8px}.legaltext .lg-h3{font-size:1.05rem;margin:18px 0 6px}
.case-h{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tbl th[scope="row"]{font:700 .95rem var(--f-display);white-space:nowrap;color:var(--ink)}
.tbl th[scope="row"] .sub{display:block;font:400 .85rem var(--f-body);color:var(--muted);white-space:normal}
.tbl td{color:var(--ink-2)}
.tbl td.nm{font-weight:600;color:var(--ink)}
.svc-index.one{grid-template-columns:1fr}
.bul.lg{font-size:1.05rem}
.arch .al{font:700 15px var(--f-display);fill:var(--ink)}
:lang(ar) .arch .al{font-family:var(--f-ar-display)}
.arch .ai{font:500 14.5px var(--f-body);fill:#F7F9FB}
.arch .ai2{font:500 14.5px var(--f-body);fill:var(--ink)}
:lang(ar) .arch .ai,:lang(ar) .arch .ai2{font-family:var(--f-ar-body)}
.pager .nx{text-align:end;margin-inline-start:auto}
.ftr-tag{margin-top:14px;color:var(--band-muted)}
.ftr .tm{max-width:56ch}
.small.b{font-weight:600}.ar{font-family:var(--f-ar-display)}
.office a{color:inherit}
.ftr address a{color:var(--band-ink);text-decoration:none}
.mapnote{font-size:.9rem}
.vals.auto{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.band .vals div{border-color:var(--band-line)}.band .vals p,.band .reglist p{color:var(--band-muted)}
.benefits.auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.c4 .h3.big+.body{margin-top:12px}
.hubcard{margin-top:20px}.hubcard p{color:var(--ink-2);margin-top:6px}
.plist li[hidden]{display:none}
.sec-sm{padding-block:40px}
.chips .chip{background:var(--surface)}
.msg.err{background:color-mix(in srgb,var(--err) 12%,transparent)}
@media print{.hdr,.ftr,.cookie,#ai,.hero canvas,.ctrl{display:none!important}body{background:#fff;color:#000}}
.hdr .wm,.drawer .wm{flex:none}.wmimg{max-width:none}
.nav>a,.nav>.mm>button{padding:8px 9px}
@media (max-width:1320px){.nav,.hdr .util .btn-p{display:none}.menu-btn{display:inline-flex;align-items:center;margin-inline-start:auto}}
@media (max-width:520px){.hdr .util .langs{display:none}}
.drawer .langs{display:inline-flex;margin-top:20px}
@media (max-width:1320px){.nav{display:flex}.menu-btn{display:none}}
@media (max-width:1439px){.hdr .util .btn-p{display:none}}
@media (max-width:1180px){.nav{display:none}.menu-btn{display:inline-flex}}
@media (max-width:760px){.hero .from{display:none}}