/* Language dropdown beside Contact in the main navigation. */
.language-switcher{position:relative;flex-shrink:0;direction:ltr;color:#fff;font:600 12px/1.6 Inter,Arial,sans-serif}
.language-switcher summary{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #ffffff40;border-radius:7px;cursor:pointer;list-style:none;white-space:nowrap}
.language-switcher summary::-webkit-details-marker{display:none}
.language-switcher img{display:block;object-fit:cover;border-radius:2px}
.language-switcher summary:hover,.language-switcher[open] summary{background:#ffffff26}
.language-switcher .language-options{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:150px;padding:6px;background:#061d3a;border:1px solid #ffffff40;border-radius:9px;box-shadow:0 12px 30px #00132d66;z-index:20}
.nav #main-nav .language-options a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:5px;color:#fff;white-space:nowrap}
.nav #main-nav .language-options a[aria-current="page"]{background:#55d5ff;color:#061d3a}
.nav #main-nav .language-options a:hover{background:#ffffff26}
.language-switcher summary:focus-visible,.language-switcher a:focus-visible{outline:2px solid #55d5ff;outline-offset:2px}
.nav{gap:16px}
.nav #main-nav{gap:16px;font-size:13px}
.nav .menu{cursor:pointer}
.hero .actions{flex-wrap:wrap}
html[lang="fr"] .hero:not(.service-hero),html[lang="ar"] .hero:not(.service-hero){height:auto;min-height:615px}
html[lang="fr"] .hero:not(.service-hero) .hero-copy,html[lang="ar"] .hero:not(.service-hero) .hero-copy{padding-bottom:90px}
@media(max-width:1440px){
  .nav #main-nav{display:none}
  .nav .menu{display:block;margin-left:0;margin-inline-start:0}
  .nav .language-switcher{align-self:flex-start;margin-top:6px}
  .nav .language-switcher .language-options{position:static;margin-top:6px;box-shadow:none}
  .nav #main-nav.is-open{display:flex;position:absolute;top:100px;left:3.5%;right:3.5%;padding:20px;background:#061d3a;flex-direction:column;align-items:stretch;gap:4px;border:1px solid #ffffff30;border-radius:10px;box-shadow:0 12px 30px #00132d66}
  .nav #main-nav a{padding:10px}
}
@media(min-width:1441px){.nav .menu{display:none}}
@media(max-width:600px){
  .nav{gap:8px}
  .nav .logo{display:flex;align-items:center;line-height:1;flex-shrink:0}
  .nav .logo img{width:clamp(170px,46vw,210px);height:auto}
  .nav .menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:1;flex-shrink:0}
  .language-switcher a{font-size:11px;padding:5px}
  .nav .menu{font-size:24px;padding:4px}
  .nav .quote.top{display:none}
  html[lang="fr"] .hero:not(.service-hero),html[lang="ar"] .hero:not(.service-hero){min-height:600px}
}
/* Arabic typography, logical alignment and LTR identifiers. */
html[dir="rtl"] body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;text-align:right}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .mini,html[dir="rtl"] .tag{letter-spacing:0;line-height:1.8}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.5}
html[dir="rtl"] .hero h1{font-size:clamp(30px,3.2vw,48px)}
html[dir="rtl"] .hero-copy{margin-right:auto;margin-left:0}
html[dir="rtl"] .hero-copy p{line-height:1.9}
html[dir="rtl"] .network{justify-content:flex-end}
html[dir="rtl"] .network h2{line-height:1.5}
html[dir="rtl"] .nav #main-nav{margin-left:0;margin-inline-start:auto}
html[dir="rtl"] .nav #main-nav.is-open{margin:0}
html[dir="rtl"] .footer-grid h4:after{left:auto;right:0}
html[dir="rtl"] .footer-grid a:hover{transform:translateX(-3px)}
html[dir="rtl"] .footer-grid .footer-logo:hover,html[dir="rtl"] .footer-social a:hover{transform:none}
html[dir="rtl"] .footer-social{justify-content:flex-start}
html[dir="rtl"] .footer-grid address p{direction:rtl}
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"]:not([href*="?"]),html[dir="rtl"] input[type="email"],html[dir="rtl"] #tracking{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .footer-icon,html[dir="rtl"] .feature-icon,html[dir="rtl"] .stats-icon{flex-shrink:0}
html[dir="rtl"] .subscribe .footer-icon{transform:scaleX(-1)}
html[dir="rtl"] .tool input:not([type="email"]):not(#tracking),html[dir="rtl"] .tool select,html[dir="rtl"] .tool textarea{text-align:right}
html[dir="rtl"] .service-process ol{padding-left:0;padding-right:24px}
html[dir="rtl"] .service-process li{padding-left:0;padding-right:8px}
html[dir="rtl"] .content-section ul{padding-left:0;padding-right:24px}
html[dir="rtl"] .stats>div{border-right:0;border-left:1px solid #ffffff55}
html[dir="rtl"] .stats>div:last-child{border-left:0}
html[dir="rtl"] .script{font-family:inherit;border-right:0;border-left:1px solid #aab4c1}
html[dir="rtl"] .mini{padding-left:0;padding-right:35px}
@media(max-width:560px){html[dir="rtl"] .stats>div{border-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the mobile menu button at the physical right in every language. */
@media(max-width:1440px){
  .nav{direction:ltr}
  .nav .menu{order:3;margin-left:auto;margin-right:0;margin-inline-start:auto;margin-inline-end:0}
  .nav .quote.top{display:none}
  html[dir="rtl"] .nav #main-nav{direction:rtl}
}

/* Subtle shared motion, with content visible when JavaScript is unavailable. */
@media(prefers-reduced-motion:no-preference){
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>p,.hero-copy>.actions{
    animation:hero-enter .65s ease-out both;
  }
  .hero-copy>h1{animation-delay:.08s}
  .hero-copy>p{animation-delay:.16s}
  .hero-copy>.actions{animation-delay:.24s}
  .scroll-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease-out,transform .55s ease-out;transition-delay:var(--reveal-delay,0ms)}
  .scroll-reveal.is-visible{opacity:1;transform:none}
  .scroll-reveal:focus-within{opacity:1;transform:none;transition-delay:0ms}
  .primary,.secondary,.quote,.tool button{transition:transform .2s ease,box-shadow .2s ease}
  .cards article{transition:transform .25s ease,box-shadow .25s ease}
  .cards article.scroll-reveal{transition:opacity .55s ease-out,transform .55s ease-out,box-shadow .25s ease}
  @media(hover:hover){
    .primary:hover,.secondary:hover,.quote:hover,.tool button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00132d26}
    .cards article:hover{transform:translateY(-4px);box-shadow:0 10px 24px #05275d26}
  }
  @keyframes hero-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}