.navbar{z-index:999;display:flex;justify-content:space-between;gap:1rem;width:100%;border-radius:16px;border:1px solid transparent;padding:18px 24px;align-items:center;position:sticky;top:12px;margin:auto;max-width:min(1200px,100%);.logo{flex-shrink:0}.navbar__menu{display:flex;align-items:center;gap:2rem;color:#17181d;text-align:center;font-size:18px;font-style:normal;font-weight:600;line-height:normal;.active{color:#8230ff}a:hover{color:#95f}}.navbar__getStarted{background:#8230ff}.navbar__menu-item.hasDropdown{display:flex;align-items:center;gap:4px;cursor:pointer;position:relative;.dropdown-content{position:absolute;display:flex;flex-direction:column;gap:4px;text-align:left;top:calc(100% + 16px);left:0;background:#fff;border-radius:8px;padding:8px;box-shadow:0 5px 20px 0 rgba(0,0,0,.05);min-width:250px;font-weight:400;z-index:1000;a{padding:8px 16px;border-radius:8px;color:#17181d}a:hover{background:#f3f3f1;color:#8230ff}}}.navbar__menu-item.hasDropdown:hover{color:#8230ff}.navbar__menu-mobile{display:none;cursor:pointer;width:24px;height:24px;svg{width:100%;height:100%}}.navbar__menu-mobile:hover{color:#8230ff}}.navbar.sticky-active{border:1px solid rgba(0,0,0,.08);background:hsla(0,0%,99%,.4);box-shadow:0 5px 20px 0 rgba(0,0,0,.05);@media screen and (max-width:768px){top:20px}}.navbar.sticky-active:after{content:"";position:absolute;width:calc(100% - 2px);height:100%;backdrop-filter:blur(15px);z-index:-1;left:0;right:0;border-radius:16px}@media screen and (max-width:1024px){.navbar{padding-right:64px;margin-inline:16px;max-width:calc(100% - 32px);.button.navbar__getStarted{padding:4px 8px;height:fit-content;font-size:14px}.navbar__menu{display:none}.navbar__menu-mobile{position:absolute;right:14px;display:block;.navbar__menu{position:fixed;min-width:calc(100% - 32px);background:#fff;top:86px;left:16px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:16px;border-radius:16px;box-shadow:0 5px 20px 0 rgba(0,0,0,.05);max-height:400px;overflow-y:auto;li{display:flex;width:100%;justify-content:center}.navbar__menu-item.hasDropdown,a{>div{width:100%}width:100%;padding:8px;border-radius:8px;font-size:16px;.dropdown-trigger{justify-content:center}.dropdown-content{position:static;width:100%;background:transparent;box-shadow:none;padding-bottom:0;a{text-align:center}}}.navbar__menu-item.hasDropdown:hover,a:hover{background:#f3f3f1}}}}}@media screen and (max-width:1024px) and (orientation:landscape){.navbar{& .navbar__menu-mobile{.navbar__menu{position:fixed;background:#fff;top:86px;left:16px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:16px;border-radius:16px;box-shadow:0 5px 20px 0 rgba(0,0,0,.05);max-height:220px;overflow-y:auto}}}}@media screen and (max-width:767px){.navbar{padding-right:56px;margin-inline:0;max-width:100%;width:calc(100% - 23px)}}@media screen and (max-width:350px){.navbar{.logo{.nav-logo-image{width:110px}}}}