.pricing-button{font-size:.875rem;font-weight:400;color:#fff;margin-left:auto;background-color:var(--color-primary)}.pricing-button:hover{background-color:var(--color-primary-hover)}@media (max-width:768px){#sections-container{z-index:1}.section{padding-top:80px}}Main navbar styles
.navbar{position:relative;height:100%}.navbar-container{background-color:hsla(0,0%,100%,.884);color:var(--color-text);padding:.75rem 1rem;border-bottom:1px solid var(--color-border);align-items:center;justify-content:flex-start}.logo{font-style:bold;font-weight:700;margin-right:1rem;display:flex;align-items:center;height:100%}.logo:hover{color:var(--color-primary)}.login-button{font-size:.875rem;font-weight:400;color:#fff;margin-left:auto;background-color:var(--color-primary)}.login-button:hover{background-color:var(--color-primary-hover)}.desktop-nav,.desktop-nav ul{display:flex;align-items:center;height:100%}.desktop-nav ul{margin:0;padding:0;list-style:none;justify-content:flex-start}.desktop-nav li{font-size:16px;font-weight:500;position:relative;margin-right:.5rem}.desktop-nav a,.desktop-nav li{display:inline-flex;align-items:center;height:100%}.desktop-nav a{color:var(--color-text);text-decoration:none;padding:5px 10px;transition:color .5s}.desktop-nav a:hover{color:var(--color-primary)}.desktop-nav .underline{height:3px;background-color:transparent;width:0;transition:width .2s,background-color .5s;margin:0 auto;position:absolute;bottom:0;left:0;right:0}.desktop-nav li.active .underline,.desktop-nav li:hover .underline{background-color:#8e74ff;width:90%}.desktop-nav li:active a{color:hsla(0,0%,100%,.76)}.desktop-nav li:active .underline{background-color:hsla(0,0%,100%,.76)}.mobile-toggle{color:#000;margin-right:1rem}.mobile-nav{background-color:#fff;padding:1rem;display:none;border-bottom-color:var(--color-border)}.mobile-nav.open{display:block}.mobile-nav-item{margin-bottom:.5rem}.mobile-nav-link{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:var(--color-text)}.mobile-nav-link,.mobile-nav-link:hover{text-decoration:none}.mobile-subnav{margin-top:.5rem;padding-left:1rem;border-left:1px solid #e2e8f0}.mobile-subnav-link{display:block;padding:.5rem 0;color:#4a5568}.icon-open{transform:rotate(180deg);transition:all .25s ease-in-out}@media (prefers-color-scheme:light){.mobile-nav{background-color:var(--color-white-bg)}.mobile-nav-link,.mobile-subnav-link{color:var(--color-text)}.mobile-subnav{border-left-color:var(--color-border)}}@media (max-width:48em){.navbar-container{justify-content:space-between}.logo{margin:0}}