.topbar{background:#003588;color:rgba(255,255,255,.8);font-size:12.5px;padding:0 64px;height:36px;display:flex;align-items:center;justify-content:space-between;}
.topbar a{color:rgba(255,255,255,.65);}
.topbar a:hover{color:#fff;}
.topbar-right{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;align-items:center;}
.lang-switcher{position:relative;flex-shrink:0;}
.lang-switcher-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.92);font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
.lang-switcher-toggle:hover,.lang-switcher.is-open .lang-switcher-toggle{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff;}
.lang-switcher-icon{font-size:13px;line-height:1;opacity:.9;}
.lang-switcher-caret{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.7;transition:transform .2s ease;}
.lang-switcher.is-open .lang-switcher-caret{transform:rotate(180deg);}
.lang-switcher-menu{position:absolute;top:calc(100% + 10px);right:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:4px;margin:0;padding:6px 8px;list-style:none;border-radius:10px;border:1px solid #E2E6ED;background:#fff;color:#1A2333;box-shadow:0 10px 32px rgba(0,0,0,.14);z-index:200;max-width:min(96vw,720px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.lang-switcher-menu::before{display:none;}
.lang-switcher-menu[hidden]{display:none;}
.lang-switcher-menu>li{flex:0 0 auto;}
.topbar .lang-switcher-menu .lang-option{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:7px;color:#1A2333 !important;font-size:12.5px;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .12s,color .12s;}
.topbar .lang-switcher-menu .lang-option:hover{background:#F7F8FA;color:#004AAD !important;}
.topbar .lang-switcher-menu .lang-option.is-active{background:#E6EFFF;color:#004AAD !important;font-weight:600;}
.topbar .lang-switcher-menu .lang-option:focus-visible{outline:2px solid #004AAD;outline-offset:2px;}
.lang-option[dir="rtl"]{direction:rtl;}
.lang-switcher-current{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lang-switcher-backdrop{display:none;position:fixed;inset:0;background:rgba(13,24,38,.4);z-index:198;}
.lang-switcher-backdrop:not([hidden]){display:block;}
@media (max-width:768px){
  .topbar{overflow:visible;}
  .topbar-right{position:relative;z-index:201;}
  .lang-switcher{z-index:202;}
  .lang-switcher-toggle{position:relative;z-index:2;}
  .lang-switcher-menu{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    left:auto;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:2px;
    min-width:11.5rem;
    max-width:min(92vw,280px);
    padding:6px;
    margin-top:0;
    overflow:visible;
    z-index:1;
  }
  .lang-switcher-menu::before{
    display:block;
    content:'';
    position:absolute;
    top:-4px;
    right:20px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid #fff;
    pointer-events:none;
  }
  .lang-switcher-menu>li{width:100%;}
  .topbar .lang-switcher-menu .lang-option{
    justify-content:flex-start;
    width:100%;
    padding:11px 14px;
    font-size:13.5px;
  }
  .lang-switcher-current{max-width:7.5em;}
}
@media (min-width:769px){
  .lang-switcher-backdrop{display:none !important;}
}
nav{background:#fff;border-bottom:1px solid #E2E6ED;padding:0 64px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:120;box-shadow:0 1px 0 #E2E6ED,0 2px 8px rgba(0,0,0,.04);}
nav .logo{display:flex;align-items:center;flex-shrink:0;}
.site-logo{display:block;width:auto;object-fit:contain;}
.site-logo--nav{height:58px;max-width:min(280px,54vw);}
.site-logo--footer{height:56px;max-width:min(300px,78vw);}
.section-title em{font-style:normal !important;color:#004AAD !important;}
.cta-strip{flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:24px !important;}
.cta-strip .cta-text{position:relative;z-index:1;max-width:min(720px,100%) !important;width:100%;}
.cta-strip .cta-text h2{margin-left:auto;margin-right:auto;}
.cta-strip .cta-text p{margin-left:auto;margin-right:auto;max-width:min(640px,100%);}
.cta-strip .cta-buttons{display:flex !important;flex-wrap:wrap;justify-content:center !important;align-items:center;gap:12px;position:relative;z-index:1;}
.cta-strip .btn-white,.cta-strip .btn-white-ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s;}
.cta-strip .btn-white{background:#fff !important;color:#004AAD !important;border:none;}
.cta-strip .btn-white:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,0,0,.2);}
.cta-strip .btn-white-ghost{background:rgba(255,255,255,.1);color:#fff !important;border:1.5px solid rgba(255,255,255,.35);}
.cta-strip .btn-white-ghost:hover{background:rgba(255,255,255,.18);}
footer{color:rgba(255,255,255,.55) !important;}
footer .footer-brand .logo{display:inline-flex;align-items:center;margin-bottom:18px;}
footer .footer-contact li,footer .footer-col li{color:rgba(255,255,255,.55) !important;font-size:13.5px;line-height:1.5;}
footer .footer-contact a,footer .footer-col a{color:inherit !important;}
footer .footer-contact a:hover,footer .footer-col a:hover{color:#fff !important;}
footer .footer-top{display:grid !important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(0,0.85fr) !important;grid-template-rows:auto auto !important;gap:clamp(20px,3vw,32px) clamp(28px,4vw,48px) !important;align-items:start !important;border-bottom:1px solid rgba(255,255,255,.14) !important;}
footer .footer-brand{grid-column:1 !important;grid-row:1 !important;min-width:0;}
footer .footer-top>.footer-contact{grid-column:1 !important;grid-row:2 !important;margin-top:0 !important;}
footer .footer-col--platform{grid-column:2 !important;grid-row:2 !important;}
footer .footer-col--company{grid-column:3 !important;grid-row:2 !important;}
footer .footer-col--social{grid-column:4 !important;grid-row:2 !important;}
footer .footer-col--social .footer-social{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;}
footer .footer-col--social .footer-social{justify-content:flex-start;}
footer .footer-brand{min-width:0;}
footer .footer-col{min-width:0;}
footer .footer-tagline{max-width:none;margin:0;}
footer .footer-contact{margin-top:0;}
footer .footer-contact h5,footer .footer-col h5{margin:0 0 16px;}
@media (max-width:900px){
  footer .footer-top{gap:clamp(16px,2.5vw,28px) !important;}
  footer .footer-tagline{font-size:12.5px;}
  footer .footer-contact h5,footer .footer-col h5{font-size:11px;margin-bottom:12px;}
  footer .footer-contact li,footer .footer-col li{font-size:12.5px;}
}
@media (max-width:640px){
  footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:none !important;gap:24px 20px !important;}
  footer .footer-brand{grid-column:1/-1 !important;grid-row:auto !important;}
  footer .footer-top>.footer-contact,footer .footer-top>.footer-col{grid-column:auto !important;grid-row:auto !important;}
}
@media (max-width:480px){
  footer .footer-top{grid-template-columns:1fr !important;gap:24px !important;}
}
.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);transition:background .15s,border-color .15s,color .15s,transform .15s;}
.footer-social-link:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;transform:translateY(-1px);}
.footer-social-link:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px;}
.nav-panel{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:1;min-width:0;}
.nav-links{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.nav-links>li>a{display:flex;align-items:center;gap:4px;padding:8px 14px;font-size:13.5px;font-weight:500;color:#6B7685;border-radius:6px;transition:background .15s,color .15s;}
.nav-links>li>a:hover{background:#F7F8FA;color:#1A2333;}
.nav-links>li>a.active{color:#004AAD;}
.nav-cta{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.nav-cta .btn-outline,.nav-cta .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border-radius:8px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;transition:all .15s;white-space:nowrap;}
.nav-cta .btn-outline{border:1.5px solid #004AAD;color:#004AAD;background:transparent;}
.nav-cta .btn-outline:hover{background:#E6EFFF;}
.nav-cta .btn-outline.active-nav{background:#E6EFFF;color:#004AAD;}
.nav-cta .btn-primary{background:#004AAD;color:#fff;border:none;}
.nav-cta .btn-primary:hover{background:#003588;}
.nav-cta .btn-primary.active-nav{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);}
.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #E2E6ED;border-radius:10px;background:#fff;color:#1A2333;cursor:pointer;flex-shrink:0;}
.nav-toggle-bar{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease;margin:3px 0;}
body.nav-open .nav-toggle-bar:nth-child(1){transform:translateY(8px) rotate(45deg);}
body.nav-open .nav-toggle-bar:nth-child(2){opacity:0;}
body.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
@media (max-width:992px){
  .topbar,.topbar-right{align-items:center;}
  .topbar{padding:0 24px;height:auto;min-height:36px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:8px;position:relative;z-index:121;}
  nav{padding:0 16px 0 24px;position:sticky;top:0;z-index:122;overflow:visible;}
  body.nav-open nav{z-index:130;}
  .nav-toggle{display:inline-flex;flex-direction:column;position:relative;z-index:132;}
  .nav-panel{
    position:fixed;
    top:calc(var(--site-header-h, 72px) + 6px);
    right:16px;
    left:auto;
    bottom:auto;
    width:min(300px,calc(100vw - 32px));
    max-width:300px;
    max-height:min(70vh,calc(100dvh - var(--site-header-h, 72px) - 24px));
    flex:initial;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:6px;
    margin:0;
    padding:10px 12px 12px;
    background:#fff;
    border:1px solid #E2E6ED;
    border-radius:12px;
    box-shadow:0 16px 40px rgba(13,24,38,.14);
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    opacity:0;
    transform:translateY(-8px) scale(0.98);
    transform-origin:top right;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    z-index:131;
  }
  body.nav-open .nav-panel{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto;}
  .nav-links{flex-direction:column;width:100%;gap:2px;flex-wrap:nowrap;}
  .nav-links>li{width:100%;}
  .nav-links>li>a{width:100%;padding:10px 12px;box-sizing:border-box;}
  .nav-cta{width:100%;flex-direction:column;align-items:stretch;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #E2E6ED;}
  .nav-cta .btn-outline,.nav-cta .btn-primary{width:100%;justify-content:center;box-sizing:border-box;padding:10px 16px;}
}
@media (max-width:768px){
  .topbar span{display:block;width:100%;}
}

/* Eyebrow: label first, accent line below (all sections & page heroes) */
.eyebrow{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
  line-height:1.2;
}
.section-header.centered .eyebrow,
.section-head.centered .eyebrow,
.page-hero-inner .eyebrow,
.cta-text .eyebrow{
  align-items:center !important;
}
.eyebrow::before{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
}
.eyebrow::after{
  content:'' !important;
  display:block !important;
  width:20px;
  height:2px;
  background:var(--blue,#004AAD);
  border-radius:2px;
  flex-shrink:0;
}
.cta-text .eyebrow::after,
.cta-strip .eyebrow::after{
  background:currentColor;
  opacity:.75;
}

/* Article cards & content images — preserve aspect ratio, no stretch */
.article-thumb{
  overflow:hidden;
  background:var(--grey-1,#F7F8FA);
}
.article-thumb.has-image{
  align-items:stretch !important;
  justify-content:stretch !important;
}
.article-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.article-card:hover .article-thumb img{
  transform:scale(1.03);
  transition:transform .25s ease;
}
.art-cat{z-index:2;}
.article-content img{
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:12px;
  margin:8px 0 20px;
}