/* Floating sand glass, shared by both languages. */
body>header,body>header:not(.sub-header){
 position:absolute;top:18px;left:4%;width:92%;height:76px;padding:0 22px;
 border:1px solid rgba(255,255,255,.65);border-radius:24px;
 background:linear-gradient(125deg,rgba(255,249,240,.66),rgba(243,227,210,.42));
 -webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%);
 box-shadow:0 8px 30px #66533f12,inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #ffffff35;
 isolation:isolate;z-index:5;
}
body>header.sub-header{position:relative;top:0;margin-top:18px;margin-bottom:18px}
header .brand{width:128px;height:43px;background:transparent;border:0;border-radius:0;box-shadow:none}
/* Same canvas and mark, with only the raster backdrop removed; footer keeps its original asset. */
header .brand>img{content:url('/__l5e/assets-v1/0c19ee2f-07b7-471c-83be-831dd74e9235/3sas-logo-transparent.png')}
header nav{gap:26px;font-size:13px}
header .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid #30352f;border-radius:22px;background:#30352f;color:#fff8ec;white-space:nowrap;font-size:12px;transition:background .2s,box-shadow .2s}
header .nav-cta:hover{background:#48503f;box-shadow:0 3px 12px #30352f20}
header .header-actions{gap:12px}
header .language-switch{background:#fff9ee55;border-color:#515b4133}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body>header,body>header:not(.sub-header){background:#f3e3d2f5}}
@media(max-width:1000px) and (min-width:601px){body>header,body>header:not(.sub-header){padding:0 16px;left:3%;width:94%}header nav{gap:13px;font-size:12px}header .brand{width:112px;height:39px}header .header-actions{gap:8px}header .nav-cta{padding:0 12px;font-size:11px}}
@media(max-width:760px) and (min-width:601px){header nav{gap:10px;font-size:10px}header .brand{width:100px;height:36px}header .language-switch{min-width:42px;padding:0 8px}header .nav-cta{font-size:10px;padding:0 10px}}
@media(max-width:600px){
 body>header,body>header:not(.sub-header){top:12px;left:4%;width:92%;height:64px;padding:0 12px;border-radius:21px}
 body>header.sub-header{top:0;margin-top:12px;margin-bottom:12px}
 header .brand{width:94px;height:44px}
 header .header-actions{gap:7px}
 header .language-switch{min-width:44px;min-height:44px;padding:0 9px;font-size:11px}
 header .language-switch[lang=ar]{font-size:12px}
 header .nav-cta{min-height:44px;padding:0 11px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){header .nav-cta{transition:none}}

/* Persistent navigation with space for anchor headings and form steps. */
html{scroll-padding-top:112px}
body>header,body>header:not(.sub-header),body>header.sub-header{position:fixed;margin:0;top:18px;z-index:20}
header.sub-header+main{padding-top:112px}
#interest-form{scroll-margin-top:0}
@media(max-width:600px){
 html{scroll-padding-top:84px}
 body>header,body>header:not(.sub-header),body>header.sub-header{top:max(8px,env(safe-area-inset-top));height:56px;border-radius:19px;padding:0 10px;-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);box-shadow:0 4px 18px #66533f10,inset 0 1px 0 #ffffffb3}
 header.sub-header+main{padding-top:80px}
 #interest-form{scroll-margin-top:0}
}