:root{--ink:#0b1a2a;--ink-2:#38434f;--line:rgba(11,26,42,.07);--blue:#1668c4;--blue-light:#4da8ff;--blue-200:#7dc2ff;--blue-50:#eaf4ff;--ease:cubic-bezier(.22,1,.36,1)}.ms{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:80;padding:14px clamp(16px,4vw,40px);backdrop-filter:blur(18px) saturate(160%);background:rgba(251,253,252,.72);border-bottom:1px solid var(--line)}.nav{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-img{display:block;width:auto;height:44px}.nav-links{display:flex;align-items:center;gap:28px;margin-left:14px;white-space:nowrap}.nav-links a{font-size:14.5px;font-weight:600;color:var(--ink-2)}.nav-links a:hover,.nav-links a.is-active{color:var(--blue)}.nav-links a.is-active{font-weight:700}.nav-end{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-mitra{padding:11px 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}.nav-mitra:hover{color:var(--blue)}.nav-dl{position:relative;overflow:hidden;display:flex;align-items:center;gap:7px;padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,var(--blue-200),var(--blue));color:#fff;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 12px 26px -12px rgba(22,104,196,.9);transition:transform .3s var(--ease) , box-shadow .3s}.nav-dl:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 32px -14px rgba(22,104,196,.95)}.nav-dl .ms{font-size:18px}.menu-btn{display:none;width:42px;height:42px;border-radius:14px;border:1px solid rgba(11,26,42,.1);background:#fff;place-items:center;cursor:pointer;padding:0}.menu-btn .ms{font-size:22px;color:var(--ink)}.mobile-menu{display:none;flex-direction:column;gap:2px;padding:14px 4px 6px;margin-top:12px;border-top:1px solid rgba(11,26,42,.07)}.mobile-menu.open{display:flex}.mobile-menu a{padding:12px;border-radius:14px;font-size:16px;font-weight:600;color:var(--ink)}.mobile-menu a:hover{background:var(--blue-50);color:var(--ink)}.mobile-menu a.is-cta,.mobile-menu a.is-active{font-weight:700;color:var(--blue)}@media (max-width:1079px){.nav-links,.nav-mitra{display:none}.menu-btn{display:grid}}@media (max-width:559px){.nav-dl__ext{display:none}}@media (max-width:419px){.nav-dl{padding:11px 13px}.nav-dl__t{display:none}}.brand-ico{display:block;width:1em;height:1em;flex:none}