header{background-color:#fff;position:sticky;top:0;left:0;right:0;z-index:50;width:100%;box-shadow:0 1px 3px rgba(0,0,0,.1)}.container{padding:0}header nav{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}footer nav{background-color:transparent!important;box-shadow:none!important;padding:0!important}nav .logo{display:flex;align-items:center;gap:8px}nav .logo .icon{width:28px;height:28px;color:var(--foreground-color)}nav .logo .site-name{font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:600;color:var(--foreground-color);cursor:pointer}nav .desktop-menu{display:none}@media (min-width:768px){nav .desktop-menu{display:flex;gap:24px}nav .desktop-menu li a{color:var(--foreground-color);transition:color .3s}nav .desktop-menu li a:hover{color:var(--foreground-accent-color)}nav .desktop-menu .cta{background-color:var(--primary-color);color:#000;padding:12px 32px;border-radius:9999px;transition:background-color .3s}nav .desktop-menu .cta:hover{background-color:var(--primary-accent-color)}}nav .mobile-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary-color);color:#000;border-radius:9999px;cursor:pointer}nav .mobile-menu-button .icon{width:24px;height:24px}.mobile-menu{display:none;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:16px}.mobile-menu ul{display:flex;flex-direction:column;gap:16px}.mobile-menu ul li a{color:var(--foreground-color);transition:color .3s}.mobile-menu ul li a:hover{color:var(--primary-color)}.mobile-menu ul .cta{background-color:var(--primary-color);color:#000;padding:8px 20px;border-radius:9999px;text-align:center;transition:background-color .3s}.mobile-menu ul .cta:hover{background-color:var(--primary-accent-color)}.scrollGradient{background:linear-gradient(#fff 33%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 66%) 0 100%,radial-gradient(farthest-side at 50% 0,hsla(0,0%,40%,.5),transparent),radial-gradient(farthest-side at 50% 100%,hsla(0,0%,40%,.5),transparent) 0 100%;background-color:#fff;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll;background-size:100% 48px,100% 48px,100% 16px,100% 16px}