/* Self-contained header styles prevent public content and workspace themes from changing its geometry. */
.marketing-header, .marketing-header *, .marketing-header *::before, .marketing-header *::after { box-sizing:border-box; }
.marketing-header { display:block; height:auto; min-height:0; padding:0; width:100%; position:relative; inset-block-start:auto; z-index:40; border-bottom:1px solid #2a3d48; background:#07141bf2; color:#c6d6dc; font:400 16px/1.65 Inter,Arial,sans-serif; }
html[lang=ar] .marketing-header { font-family:Cairo,Tahoma,sans-serif; }
.marketing-header a { color:inherit; text-decoration:none; }
.marketing-header .wrap.nav { width:min(1240px,calc(100% - 64px)); height:88px; min-height:88px; margin-inline:auto; display:flex; align-items:center; }
.marketing-header .brand { display:block; width:190px; flex:none; padding:0; border-radius:0; background:none; }
.marketing-header .brand img { display:block; width:100%; height:72px; max-width:100%; object-fit:contain; aspect-ratio:auto; }
.marketing-header .nav-actions { display:flex; align-items:center; white-space:nowrap; }
.marketing-header .nav-auth { align-items:center; }
.marketing-header .nav-auth a { display:inline-flex; align-items:center; justify-content:center; border-radius:10px; font-size:13px; font-weight:750; }
.marketing-header .nav-login { color:#ecf5f7; }
.marketing-header .nav-login:hover { color:#fff; }
.marketing-header .language-toggle { display:inline-flex; flex:none; width:auto; min-width:0; min-height:0; height:auto; align-items:center; direction:ltr; gap:3px; padding:3px; border:1px solid #40606d; border-radius:12px; background:#0c2632; box-shadow:0 5px 15px #0003; }
.marketing-header .lang-switch { display:grid; place-items:center; flex:none; width:36px; height:35px; padding:0; border:0; border-radius:8px; background:#183b49; color:#f0f8fa; font:850 13px/1 Inter,Arial,sans-serif; }
.marketing-header .lang-switch[lang=ar] { width:50px; padding:0 3px 1px; font:700 13px/1 Cairo,Tahoma,sans-serif; }
.marketing-header .lang-switch:hover { background:#1b4050; }
.marketing-header .mobile-nav { position:relative; }
.marketing-header .mobile-nav > summary { display:grid; place-items:center; width:43px; height:43px; min-height:43px; padding:0; border:1px solid #3c5d6b; border-radius:10px; background:#0e2936; color:#ecf5f7; list-style:none; cursor:pointer; }
.marketing-header .mobile-nav > summary::-webkit-details-marker { display:none; }
.marketing-header .mobile-nav > summary::marker { content:""; }
.marketing-header .mobile-nav[open] > summary { border-color:#ffc75b; }
.marketing-header .marketing-menu-glyph { display:block; flex:none; width:20px; height:20px; background:none; border:0; fill:none; stroke:currentColor; }
.marketing-header .mobile-account a { display:block; padding:10px 12px; border-radius:8px; font-size:14px; }
@media(max-width:740px) {
  .marketing-header .wrap.nav { width:calc(100% - 32px); height:72px; min-height:72px; }
  .marketing-header .brand { width:145px; }
  .marketing-header .brand img { height:55px; }
}
@media(max-width:370px) { .marketing-header .brand { width:126px; } .marketing-header .brand img { height:49px; } }
/* Shared owner-approved marketing navigation; page artwork and content stay intact. */
.marketing-header .nav { gap:24px; }
.marketing-header .navlinks { display:flex; align-items:center; gap:28px; font-size:13px; font-weight:750; margin-inline:auto; }
.marketing-header .nav-actions { gap:16px; }
.marketing-header .nav-auth { display:flex; gap:10px; }
.marketing-header .nav-auth a { height:43px; min-height:43px; padding:9px 15px; line-height:1.35; }
.marketing-header .nav-register, .marketing-header .mobile-account .nav-register { display:inline-flex; align-items:center; justify-content:center; gap:9px; background:#ffac08; border:1px solid #ffac08; color:#07151c; border-radius:10px; font-size:13px; font-weight:850; box-shadow:0 7px 25px #ffac082b; }
.marketing-header .nav-auth .nav-register:hover, .marketing-header .mobile-account .nav-register:hover { background:#ffc043; color:#07151c; }
.marketing-header .mobile-nav { display:none; }
.marketing-header .nav-dropdown { position:relative; }
.marketing-header .nav-dropdown summary { display:flex; align-items:center; gap:7px; padding:10px 0; cursor:pointer; list-style:none; white-space:nowrap; }
.marketing-header .nav-dropdown summary::-webkit-details-marker { display:none; }
.marketing-header .nav-dropdown summary::marker { content:""; }
.marketing-header .nav-chevron { display:inline-block; flex:none; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-inline:2px; margin-block-end:3px; transition:transform .15s; }
.marketing-header .nav-dropdown[open] > summary .nav-chevron { transform:rotate(225deg); margin-block-end:0; }
.marketing-header .nav-dropdown[open] > summary, .marketing-header .nav-dropdown summary:hover { color:#ffc75b; }
.marketing-header .nav-dropdown-panel { position:absolute; z-index:30; inset-block-start:calc(100% + 10px); inset-inline-start:0; display:grid; gap:4px; width:240px; padding:8px; border:1px solid #3c5d6b; border-radius:14px; background:#102834; box-shadow:0 18px 40px #0008; color:#ecf5f7; white-space:normal; }
.marketing-header .nav-dropdown-panel a { display:block; padding:11px 13px; border-radius:8px; font-size:13px; line-height:1.5; }
.marketing-header .nav-dropdown-panel a:hover, .marketing-header .nav-dropdown-panel a:focus-visible { background:#214555; color:#fff; }
.marketing-header .product-menu a strong { display:block; font-size:14px; color:#ffe0a0; }
.marketing-header .product-menu a span { display:block; margin-top:4px; color:#b7cdd8; font-size:12px; font-weight:400; }
.marketing-header .product-menu a[aria-current=page] { background:#183b49; }
.marketing-header a:focus-visible, .marketing-header summary:focus-visible { outline:2px solid #ffc75b; outline-offset:3px; }
.marketing-header .lang-switch[aria-current=page] { background:linear-gradient(145deg,#ffd166,#ffad12); color:#091d25; box-shadow:0 2px 9px #ffad1233; }
.marketing-header .mobile-account { display:grid; gap:6px; padding-top:8px; margin-top:6px; border-top:1px solid #31505d; }
@media(max-width:1100px) {
  .marketing-header .navlinks { display:none; }
  .marketing-header .nav-actions { margin-inline-start:auto; }
  .marketing-header .mobile-nav { display:block; }
  .marketing-header .mobile-nav > nav { position:absolute; z-index:30; inset-block-start:calc(100% + 9px); inset-inline-end:0; display:grid; gap:3px; width:min(300px,calc(100vw - 32px)); max-height:calc(100dvh - 110px); overflow-y:auto; padding:10px; border:1px solid #476777; border-radius:14px; background:#102834; box-shadow:0 18px 40px #0008; }
  .marketing-header .mobile-nav > nav > a, .marketing-header .mobile-nav .nav-dropdown > summary { padding:10px 12px; border-radius:8px; font-size:14px; font-weight:700; }
  .marketing-header .mobile-nav .nav-dropdown > summary { justify-content:space-between; width:auto; height:auto; min-height:43px; border:0; background:transparent; }
  .marketing-header .mobile-nav .nav-dropdown-panel { position:static; width:auto; margin:0 6px 5px; padding:4px; border:0; border-radius:9px; background:#0b202b; box-shadow:none; }
  .marketing-header .mobile-nav .nav-dropdown-panel a { padding:10px; }
}
@media(min-width:741px) { .marketing-header .mobile-account { display:none; } }
@media(max-width:740px) {
  .marketing-header .nav { gap:7px; }
  .marketing-header .nav-actions { gap:7px; }
  .marketing-header .nav-auth { display:none; }
  .marketing-header .mobile-account .nav-register { padding:11px 15px; }
}