/* V16 — a calmer editorial masthead and original compact icon dock. */
.header {position:fixed}
.v16-header-editorial{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  min-width:230px;max-width:38%;text-align:center;pointer-events:none;
  font-family:Manrope,'IBM Plex Sans Arabic',sans-serif;
}
.v16-editorial-eyebrow{
  font:700 9px/1.25 Manrope,'IBM Plex Sans Arabic',sans-serif;
  color:#c4eaff;letter-spacing:.21em;white-space:nowrap;
}
html[lang=ar] .v16-editorial-eyebrow{font:700 11px/1.45 'IBM Plex Sans Arabic',Manrope,sans-serif;letter-spacing:0}
.v16-editorial-page{color:#8ba5b8;font:600 9px/1.3 Manrope,'IBM Plex Sans Arabic',sans-serif;letter-spacing:.22em;direction:ltr;white-space:nowrap}
.v16-editorial-page::before{content:'—';padding-inline-end:10px;color:#ee6267}
.v16-editorial-page::after{content:'—';padding-inline-start:10px;color:#ee6267}
html[data-theme=light] .v16-editorial-eyebrow{color:#d5eafe}
html[data-theme=light] .v16-editorial-page{color:#a8bfcd}
@media(max-width:1150px){.v16-header-editorial{display:none}}
/* Right-side hero dot track is a sibling of the bottom caption, not inside its short row. */
.hero #hero-selector.v16-hero-rail{
  display:flex!important;position:absolute!important;top:50%!important;bottom:auto!important;
  inset-inline-start:auto!important;inset-inline-end:auto!important;
  right:clamp(16px,2.5vw,45px)!important;left:auto!important;
  transform:translateY(-50%)!important;
  width:38px!important;max-height:min(440px,66svh)!important;
  gap:0!important;padding:10px 0!important;
  overflow:visible!important;align-items:center;flex-direction:column!important;
  justify-content:center;z-index:8!important;direction:ltr!important;
  background:rgba(7,19,31,.16);backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);border:1px solid rgba(192,229,247,.08);border-radius:22px;
  box-shadow:0 6px 30px rgba(0,0,0,.12);
}
.hero #hero-selector.v16-hero-rail::before{
  content:'';position:absolute;left:50%;top:20px;bottom:20px;
  width:1px;transform:translateX(-50%);
  background:linear-gradient(transparent,#afcddd48 15%,#afcddd48 85%,transparent);
  opacity:.45;pointer-events:none
}
.hero #hero-selector.v16-hero-rail .hero-choice{
  width:34px!important;height:30px!important;min-width:34px!important;min-height:30px!important;
  flex:0 0 30px!important;position:relative!important;display:grid!important;place-items:center;
  margin:0!important;padding:0!important;transform:none!important;
  opacity:1!important;border:0!important;border-radius:14px!important;
  box-shadow:none!important;background:transparent!important;cursor:pointer;
}
.hero #hero-selector.v16-hero-rail .hero-choice::before{
  content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:8px;height:8px;border-radius:999px;border:1px solid #dbeefaad;
  background:#d8edfa29;box-shadow:0 0 0 0 #6dc5f900;
  transition:width .32s,height .32s,background .32s,box-shadow .32s,border-color .32s;
}
.hero #hero-selector.v16-hero-rail .hero-choice::after{content:none!important;display:none!important}
.hero #hero-selector.v16-hero-rail .hero-choice:hover::before,
.hero #hero-selector.v16-hero-rail .hero-choice:focus-visible::before{
  width:12px;height:12px;background:#a3ddfa;border-color:white;
}
.hero #hero-selector.v16-hero-rail .hero-choice[aria-pressed=true]::before{
  width:12px;height:12px;background:#f7fcff;border-color:#8bdaff;
  box-shadow:0 0 0 4px #63bff442,0 0 17px #a3e0ff85;
}
.hero #hero-selector.v16-hero-rail .hero-choice:focus-visible{outline:2px solid #a2e2ff;outline-offset:0}
/* Reserve room for the vertical rail while keeping captions away from the dock. */
.hero .hero-content{padding-right:max(var(--gutter),55px)}
/* Restored one-row V14 floating menu, preserving V15 smart reveal behavior. */
html .v15-dock{
  gap:4px;padding:7px;border-radius:24px;
  background:rgba(11,20,33,.92);border:1px solid #ffffff1b;
  box-shadow:0 10px 45px #0008,0 0 0 1px #b4dfff0c;
}
html .v15-dock .dock-link{
  min-width:80px;min-height:46px;padding:11px 13px;
  flex-direction:row;gap:8px;border-radius:17px;
  background:transparent;color:#bbccd9;
}
html .v15-dock .dock-link .dock-legacy-icon,
html .v15-dock .dock-more-button .dock-legacy-icon{
  display:grid;place-items:center;width:23px;height:23px;
  flex:none;font:400 22px/1 Arial,Segoe UI Symbol,sans-serif;
  letter-spacing:0;color:inherit;
}
html .v15-dock .dock-link small{font-size:11px;font-weight:500}
html[lang=ar] .v15-dock .dock-link small{font-size:11px;font-weight:600}
html .v15-dock .dock-link:hover{background:#ffffff12;color:white;transform:translateY(-2px)}
html .v15-dock .dock-link[aria-current=page]{background:#77bee9;color:#0b2539;box-shadow:0 0 25px #55b5e81a}
html .v15-dock .dock-link.quick-contact{
  min-width:105px;border-radius:16px;background:linear-gradient(135deg,#1c607f,#224b6d);
  border-color:#a1d4f34a;color:#fff!important;
}
html .v15-dock .dock-link.quick-contact small,
html .v15-dock .dock-link.quick-contact .dock-legacy-icon{color:#fff!important}
html .v15-dock .dock-link.quick-contact[aria-current=page]{background:#a73e4e;color:#fff!important}
html[data-theme=light] .v15-dock{background:rgba(250,252,255,.97);border-color:#cadce9;box-shadow:0 11px 38px #183c542b}
html[data-theme=light] .v15-dock .dock-link:not(.quick-contact){color:#385970}
html[data-theme=light] .v15-dock .dock-link[aria-current=page]:not(.quick-contact){background:#1e6995;color:#fff}
html[data-theme=light] .v15-dock .dock-link.quick-contact{background:linear-gradient(135deg,#175c7e,#153f5f);color:#fff!important}
html[data-theme=light] .v15-dock .dock-link.quick-contact small,
html[data-theme=light] .v15-dock .dock-link.quick-contact .dock-legacy-icon{color:#fff!important}
html[data-theme=light] .v15-dock .dock-link.quick-contact[aria-current=page]{background:#9e3548;color:#fff!important}
/* Keep mobile compact and predictable: icons above the label for legibility. */
@media(max-width:900px){
 .hero #hero-selector.v16-hero-rail{right:11px!important;width:29px!important;gap:0!important;padding:7px 0!important;border-radius:19px}
 .hero #hero-selector.v16-hero-rail .hero-choice{width:26px!important;height:27px!important;min-width:26px!important;min-height:27px!important;flex-basis:27px!important}
 .hero .hero-content{padding-right:34px}
 html .v15-dock .dock-link,html .v15-dock .dock-more-button{flex-direction:column;gap:4px}
 html .v15-dock .dock-more-panel .dock-link{flex-direction:row;justify-content:flex-start}
 html .v15-dock .dock-link .dock-legacy-icon,html .v15-dock .dock-more-button .dock-legacy-icon{font-size:22px;height:21px}
}
@media(max-width:470px){
 .hero #hero-selector.v16-hero-rail{right:9px!important}
 .hero .hero-content{padding-right:28px}
 .hero #hero-selector.v16-hero-rail .hero-choice{height:25px!important;min-height:25px!important;flex-basis:25px!important}
 html .v15-dock .dock-link .dock-legacy-icon,html .v15-dock .dock-more-button .dock-legacy-icon{font-size:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
 .hero #hero-selector.v16-hero-rail .hero-choice::before{transition:none}
}