.topbar{position:fixed;inset-block-start:0;inset-inline:0;z-index:40;color:var(--ink);background:#fffffff5;border-block-end:1px solid var(--line);transition:box-shadow var(--hover) ease,transform .8s var(--ease-out)}.topbar.is-scrolled{box-shadow:0 18px 40px -32px #0a1f2259}.topbar.is-hidden:not(.is-open){transform:translateY(-100%)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;block-size:var(--topbar-h);position:relative}.brand{display:flex;align-items:center;flex-shrink:0;position:relative;z-index:2}.brand-logo{display:block;block-size:36px;inline-size:auto}.menu{display:flex;align-items:center;gap:28px;list-style:none}.menu a{display:block;padding-block:8px;font-size:15px;color:var(--ink-soft);white-space:nowrap;transition:color var(--hover) var(--ease-out)}.menu a:hover,.menu a.active{color:var(--ink)}.menu a.active{font-weight:600}.nav-right{display:flex;align-items:center;gap:36px}.nav-cta{display:flex;align-items:center;gap:16px}.lang-switch{display:flex;gap:6px}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-inline-size:40px;block-size:30px;padding-inline:10px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink-soft);transition:border-color var(--hover) var(--ease-out),color var(--hover) var(--ease-out),background-color var(--hover) var(--ease-out)}.lang-switch a:hover{border-color:var(--ink);color:var(--ink)}.lang-switch a.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.nav-underline{position:absolute;inset-block-end:16px;block-size:3px;border-radius:var(--r-pill);background:var(--accent);transition:left .8s var(--ease-io),width .8s var(--ease-io)}.nav-toggle{display:none;position:relative;z-index:2;inline-size:48px;block-size:48px;margin-inline-end:-10px;background:none;border:none;border-radius:var(--r-pill);cursor:pointer;color:inherit}.nav-toggle span{position:absolute;inset-inline:13px;block-size:2px;border-radius:2px;background:currentColor;transition:transform .5s var(--ease-io),top .5s var(--ease-io)}.nav-toggle span:nth-child(1){top:19px}.nav-toggle span:nth-child(2){top:27px}.topbar.is-open .nav-toggle span:nth-child(1){top:23px;transform:rotate(45deg)}.topbar.is-open .nav-toggle span:nth-child(2){top:23px;transform:rotate(-45deg)}.nav-panel-extra{display:none}@media(max-width:1180px){.menu{gap:20px}.nav-right{gap:24px}}@media(max-width:1040px){.nav-toggle{display:block}.nav-underline{display:none}.nav-right{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:calc(var(--topbar-h) + 16px) 24px 32px;background:var(--paper);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .5s var(--ease-out),transform .7s var(--ease-out),visibility 0s linear .7s;overflow-y:auto}.topbar.is-open .nav-right{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ease-out),transform .7s var(--ease-out),visibility 0s}.menu{flex-direction:column;align-items:stretch;gap:0}.menu li{border-block-end:1px solid var(--line)}.menu a{padding-block:16px;font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}[lang=ar] .menu a{letter-spacing:0}.menu a.active{color:var(--accent)}.nav-cta{flex-direction:column;align-items:stretch;gap:20px;margin-block-start:28px}.lang-switch{justify-content:center}.lang-switch a{min-inline-size:56px;block-size:40px;font-size:14px}.nav-cta .btn{inline-size:100%;min-block-size:52px;font-size:16px}.nav-panel-extra{display:flex;flex-direction:column;gap:10px;margin-block-start:28px;padding-block-start:22px;border-block-start:1px solid var(--line);font-size:15px;color:var(--ink-soft)}.nav-panel-extra .nav-panel-title{font-size:13px;font-weight:600;color:var(--accent)}.nav-panel-extra a:hover{color:var(--ink)}body.nav-locked{overflow:hidden}}@media(max-width:520px){.brand-logo{block-size:32px}.nav-right{padding-inline:16px}}