:root{--topbar-height:38px;--header-height:94px}.topbar{height:var(--topbar-height);position:sticky;top:0;z-index:60;font-size:14px;letter-spacing:0;background:#0b2e56}.topbar-inner{height:100%;gap:20px}.topbar-inner>div{gap:12px}.site-header{height:var(--header-height);position:sticky;top:var(--topbar-height);z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 8px 28px rgba(17,56,84,.06);border-bottom:1px solid rgba(29,82,113,.1)}.nav-wrap{gap:24px}.brand{width:190px;min-width:160px;display:flex;justify-content:center}.brand img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center}.main-nav{gap:7px;padding:6px;border-radius:999px;background:#f2f6f7;border:1px solid #e7edef}.main-nav a{position:relative;padding:11px 14px;border-radius:999px;font-size:15px;font-weight:600;color:#425b70;transition:color .2s,background .2s,box-shadow .2s}.main-nav a:hover{color:var(--blue);background:#fff}.main-nav a.active{color:#fff;background:linear-gradient(135deg,#1678b6,#125d99);box-shadow:0 4px 12px #176eac33}.button-nav{padding:14px 19px;border-radius:999px;font-size:14px;box-shadow:0 7px 18px #176eac28}.menu-toggle{border:1px solid #dce7e9;background:#fff;box-shadow:0 5px 16px #193c5210}.menu-toggle span{height:2px;border-radius:2px}.topbar-inner>div>a{white-space:nowrap}.topbar-inner>div>a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:940px){.nav-wrap{gap:12px}.brand{width:168px;min-width:140px}.main-nav{gap:2px;padding:4px}.main-nav a{padding:10px 9px;font-size:14px}.button-nav{padding:12px 14px}}
@media(max-width:740px){:root{--header-height:78px}.topbar{height:var(--topbar-height);min-height:var(--topbar-height)}.topbar-inner{height:100%;justify-content:center}.topbar-inner>span{display:none}.topbar-inner>div{height:auto;justify-content:center;gap:10px}.topbar-inner>div>a[href^="mailto:"]{display:none}.topbar-sep{display:inline!important}.site-header{height:var(--header-height)}.nav-wrap{height:100%;gap:12px}.brand{width:142px;min-width:120px}.brand img{width:100%;height:auto}.menu-toggle{flex:none;width:44px;height:44px;border-radius:12px}.main-nav{position:absolute;display:flex;visibility:hidden;opacity:0;pointer-events:none;top:100%;left:0;right:0;height:calc(100dvh - var(--topbar-height) - var(--header-height));overflow-y:auto;background:rgba(246,250,249,.98);backdrop-filter:blur(18px);border:0;border-radius:0;padding:18px 22px 32px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;box-shadow:0 16px 30px #12344d18;z-index:55}.main-nav.nav-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.main-nav a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 17px;border:1px solid #e5eded;border-radius:11px;background:#fff;font-size:16px}.main-nav a.active{background:linear-gradient(135deg,#1678b6,#125d99);color:#fff}.main-nav a::after{content:'↗';font-size:14px;opacity:.65}.main-nav a.active::after{opacity:1}.button-nav{display:none}.menu-toggle[aria-expanded=true]{background:#eaf3f6}.topbar-inner>div>a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.main-nav{transition:none}}