:root{--accent:#d7d1ca;--accent-hover:#7367ff;--accent-hover-light:#eeecfd;--text-primary:#232323;--text-secondary:#808282;--text-white:#fff;--star:#11f2b1;--ash-color:#e4e8eb;--bg-darkgrey:#393939}.cta-btn{align-items:center;background:var(--accent-hover);border:3px solid var(--accent-hover);border-radius:8px;color:var(--text-white);cursor:pointer;display:inline-flex;gap:10px;padding:15px 25px;text-decoration:none;transition:background .2s,transform .15s;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:fit-content}.cta-btn,.cta-btn:focus,.cta-btn:hover{font-family:Roboto,sans-serif;font-size:16px;font-weight:500}.cta-btn:focus,.cta-btn:hover{box-shadow:inset 310px 0 0 0 var(--accent-hover-light);color:var(--accent-hover)}.cta-btn svg{flex-shrink:0}.landing-wrapper{margin:0 auto;padding:0 50px;width:100%}.landingHeader{background:var(--text-primary);left:0;padding:25px 0;position:fixed;top:0;transition:background .4s ease,box-shadow .4s ease,padding .4s ease;width:100%;z-index:999}.landingHeader nav{align-items:center;backdrop-filter:blur(10px);display:flex;justify-content:space-between;width:100%}.landingHeader nav .logo{align-items:center;display:flex;gap:10px}.landingHeader nav .logo img{width:90%}.landingHeader nav ul{display:flex;gap:36px;list-style:none;margin:0}.landingHeader nav ul li a{color:var(--accent);font-family:Roboto,sans-serif;font-size:16px;font-weight:500;letter-spacing:.5px;position:relative;text-decoration:none;transition:all .5s ease}.landingHeader nav ul li a:hover{color:var(--accent-hover)}.landingHeader nav ul li a:before{background-color:var(--accent-hover);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.landingHeader nav ul li a:focus:before,.landingHeader nav ul li a:hover:before{width:100%}.landingHeader.landingScrollHeader{padding:18px 0}.landingHeader.landingScrollHeader nav .logo img{transition:width .4s ease;width:80%}@media screen and (max-width:575px){.cta-btn,.cta-btn:focus,.cta-btn:hover{font-size:15px;padding:13px 20px}.landing-wrapper{padding:0 20px}.landingHeader nav ul{gap:15px}.landingHeader nav ul li a{font-size:14px}.landingHeader nav .logo img{width:80%}}