/* MKStudio — shared header / footer / inner-page backdrop (matches the home design) */
:root{--nav:62px}
.bgfix{position:fixed;inset:0;z-index:-1;background:#070b1f}
.bgfix:before{content:"";position:absolute;inset:0;background:url(assets/scene-bg.webp) 50% 40%/cover no-repeat;opacity:.45}
.bgfix:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,31,.72),rgba(7,11,31,.93))}

.nav{position:fixed;z-index:60;top:-1px;left:10.6vw;right:10.5vw;height:max(54px,3.25vw);display:flex;flex-direction:row;align-items:center;justify-content:space-between;direction:ltr;padding:0 max(18px,1.4vw) 0 max(20px,2.2vw);
  border:1.3px solid rgba(214,168,78,.5);border-top:0;border-radius:0 0 max(16px,1.2vw) max(16px,1.2vw);background:linear-gradient(180deg,rgba(14,17,38,.88),rgba(8,10,26,.82));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.45)}
.nav .brand{display:flex;align-items:center}
.nav .brand b{font:700 max(24px,2.05vw) 'Space Grotesk',sans-serif;color:#fff;letter-spacing:-.01em}.nav .brand b span{color:#f5c542}
.nav nav{display:flex;flex-direction:row;direction:ltr;align-items:center;gap:max(18px,2.75vw)}
.nav nav a{color:#fff;text-decoration:none;font-weight:700;font-family:'Tajawal','Cairo',sans-serif;font-size:max(14px,1.12vw);opacity:.95;transition:color .2s}
.nav nav a:hover{color:#ffc933}
.nav .lang{display:flex;align-items:center;gap:max(8px,.65vw);margin-inline-start:max(2px,.7vw);height:max(36px,2.3vw);padding:0 max(12px,.9vw);border-radius:99px;background:rgba(10,12,30,.6);border:1.3px solid rgba(214,168,78,.75);color:#f2c447;font:700 max(13px,.98vw) 'Cairo',sans-serif;cursor:pointer;direction:ltr}
.nav .lang svg{color:#f2c447}.nav .lang i{font-style:normal;font-size:.9em;opacity:.9}.nav .lang:hover{background:rgba(214,168,78,.2)}
html[lang=ar] .nav .lang .en,html[lang=en] .nav .lang .ar{display:none}

.sfoot{position:relative;z-index:6;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;direction:ltr;min-height:max(52px,3.35vw);padding:8px max(20px,2.8vw);background:linear-gradient(180deg,#0a0e1d,#070a16);border-top:1px solid rgba(255,255,255,.07);font-size:max(11.5px,.72vw);color:#c4c8da;font-family:'Tajawal','Cairo',sans-serif}
.sf-brand{display:flex;align-items:center;gap:max(10px,.9vw)}
.sf-brand b{font:700 max(20px,1.5vw) 'Space Grotesk',sans-serif;color:#fff}.sf-brand b span{color:#f5c542}
.sf-brand i{width:1px;height:max(18px,1.3vw);background:rgba(255,255,255,.25)}.sf-brand small{color:#aeb4cc}
.sf-links{display:flex;gap:max(12px,1.3vw);flex-wrap:wrap;direction:rtl}
.sf-links a{color:#d6d9e8;text-decoration:none}.sf-links a:hover{color:#ffc933}
.sf-social{display:flex;gap:max(10px,.9vw)}
.sf-social a{display:grid;place-items:center;width:max(26px,1.7vw);height:max(26px,1.7vw);padding:max(5px,.4vw);border-radius:50%;background:rgba(40,52,100,.55);color:#e6e8f2;transition:.2s}.sf-social a:first-child{background:none;padding:0;width:max(28px,1.9vw);height:max(28px,1.9vw)}.sf-social a:hover{color:#ffc933;transform:translateY(-2px)}
.sf-social svg{width:100%;height:100%}
.sf-copy{direction:rtl;white-space:nowrap}html[lang=en] .sf-copy{direction:ltr}.sf-copy b{color:#fff}
.sfoot .ar,.sfoot .en{display:inline}html[lang=ar] .sfoot .en,html[lang=en] .sfoot .ar{display:none}

/* inner pages: room for the fixed header */
body.inner .pg,body.inner .page-hero,body.inner .phero{padding-top:calc(max(54px,3.25vw) + 44px)}
body.inner .page-hero,body.inner .phero{padding-top:calc(max(54px,3.25vw) + 40px)}
.legal{max-width:760px;margin:24px auto 0;color:#d9d8ee;font-size:1.05rem;line-height:1.9;text-align:start}.legal p{margin-bottom:14px}

@media(max-width:1000px){
  .nav{left:12px;right:12px;height:56px;padding:0 14px}.nav nav a{display:none}.nav .lang{margin:0}
  .sfoot{justify-content:center;text-align:center}.sf-links{justify-content:center}.sf-brand small{display:none}
}