.navbar{position:absolute;top:0;left:0;right:0;z-index:100;padding:0 var(--outer-padding);background:transparent;font-family:var(--ui-font);transition:transform .9s ease,background .7s ease,box-shadow .7s ease,backdrop-filter .7s ease}.navbar.navbar--static{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transform:none}.navbar.navbar--pricing{background:#eee0b8}.navbar.navbar--pricing .navbar__link,.navbar.navbar--pricing .navbar__login{color:var(--dark)}.navbar.navbar--pricing .navbar__link:hover{color:var(--primary)}.navbar.navbar--pricing .navbar__login:hover{background:#0000000d}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:4rem;max-width:var(--max-width);margin:0 auto;position:relative;z-index:102}.navbar__left,.navbar__right{display:flex;align-items:center;gap:var(--spacing-8)}.navbar__desktop-links{display:flex;align-items:center;gap:var(--spacing-6)}.navbar__logo{display:flex;align-items:center;text-decoration:none;transition:color .4s ease}.navbar__link{font-weight:600;color:var(--white);text-decoration:none;font-size:var(--font-size);position:relative;transition:color .25s ease}.navbar__link:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .25s ease;border-radius:2px}.navbar__link:hover:after{transform:scaleX(1)}.navbar__link:hover{opacity:.8}.navbar__login{font-size:var(--font-size-sm);font-weight:500;color:var(--white);text-decoration:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);transition:background .7s ease}.navbar__login:hover{background:#ffffff1a}.navbar__cta{font-size:var(--font-size-sm);font-weight:600;color:var(--primary);background:var(--white);text-decoration:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;will-change:transform}.navbar__cta:hover{box-shadow:0 4px 12px #0000001a;background:#ffffffe6}.navbar.is-scrolled{background:var(--background);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #0000000f;transform:translateY(calc(var(--spacing-2) * -1))}.navbar:is(.is-scrolled,.is-menu-open) .navbar__link,.navbar:is(.is-scrolled,.is-menu-open) .navbar__login{color:var(--dark)}.navbar:is(.is-scrolled,.is-menu-open) .navbar__link:hover{color:var(--primary)}.navbar:is(.is-scrolled,.is-menu-open) .navbar__login:hover{background:#0000000d}.navbar:is(.is-scrolled,.is-menu-open) .navbar__cta{background:var(--primary);color:var(--white)}.navbar__hamburger{display:none;background:transparent;border:none;cursor:pointer;width:30px;height:30px;position:relative;padding:0}.hamburger-line,.hamburger-line:before,.hamburger-line:after{content:"";position:absolute;width:25px;height:2px;background-color:var(--white);border-radius:var(--spacing-1);transition:transform .3s ease-in-out,background-color .3s ease}.hamburger-line{top:14px;right:0}.hamburger-line:before{transform:translateY(-8px);right:0}.hamburger-line:after{transform:translateY(8px);right:0}.navbar:is(.is-scrolled,.is-menu-open) .hamburger-line,.navbar:is(.is-scrolled,.is-menu-open) .hamburger-line:before,.navbar:is(.is-scrolled,.is-menu-open) .hamburger-line:after{background-color:var(--dark)}.navbar.navbar--pricing .hamburger-line,.navbar.navbar--pricing .hamburger-line:before,.navbar.navbar--pricing .hamburger-line:after{background-color:var(--dark)}.navbar__hamburger[aria-expanded=true] .hamburger-line{background:transparent!important}.navbar__hamburger[aria-expanded=true] .hamburger-line:before{transform:rotate(45deg)}.navbar__hamburger[aria-expanded=true] .hamburger-line:after{transform:rotate(-45deg)}.navbar__mobile-menu{position:fixed;top:0;margin-top:0;left:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;background-color:var(--background);z-index:101;display:flex;flex-direction:column;padding:6rem var(--outer-padding) var(--outer-padding);transform:translate(-100%);transition:transform .4s ease,visibility 0s linear .4s;visibility:hidden}.navbar.is-menu-open .navbar__mobile-menu{transform:translate(0);visibility:visible;transition:transform .4s ease,visibility 0s linear 0s}.mobile-menu__top{display:flex;flex-direction:column;gap:var(--spacing-6);border-bottom:1px solid var(--light-gray);padding-bottom:var(--spacing-8);margin-bottom:var(--spacing-8)}.mobile-menu__link{font-size:var(--font-size-lg);font-weight:600;color:var(--dark);text-decoration:none}.mobile-menu__bottom{display:flex;flex-direction:column;gap:var(--spacing-6);margin-top:auto;margin-bottom:1rem}.mobile-menu__login{color:var(--dark);border:1px solid var(--dark);border-radius:var(--radius);padding:var(--spacing-4);text-align:center;text-decoration:none;font-size:var(--font-size);font-weight:600}.mobile-menu__cta{background-color:var(--primary);color:var(--white);border-radius:var(--radius);padding:var(--spacing-4);text-align:center;text-decoration:none;font-size:var(--font-size);font-weight:600}.logo--dark{display:none}.logo--light,.navbar.navbar--pricing .logo--dark{display:block}.navbar.navbar--pricing .logo--light{display:none}@media(min-width:769px){.navbar.is-scrolled .logo--dark{display:block}.navbar.is-scrolled .logo--light{display:none}}@media(max-width:768px){.navbar.is-menu-open .logo--dark{display:block}.navbar.is-menu-open .logo--light{display:none}}@media(max-width:768px){.navbar__desktop-links{display:none}.navbar__hamburger{display:block}.navbar.is-scrolled{transform:none;box-shadow:0 1px #0000000f}}