.header-site{background:hsla(0,0%,100%,.2);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 10px rgba(0,0,0,.05);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-site.scrolled{background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1)}.header-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{position:relative;text-decoration:none;z-index:1001}.logo svg{height:27px;transition:opacity .3s ease;width:auto}.logo-light{opacity:1}.logo-dark{left:0;opacity:0;position:absolute;top:0}.header-site.scrolled .logo-light{opacity:0}.header-site.scrolled .logo-dark{opacity:1}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;justify-content:space-between;order:-1;z-index:1001}.hamburger span{background:#2d3748;height:3px;margin:3px 0;transform-origin:center;transition:.3s;width:25px}.header-site.scrolled .hamburger span{background:#000}.hamburger.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav,.nav-menu{align-items:center;display:flex;gap:20px}.nav-menu{list-style:none}.nav-item{position:relative}.nav-link{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:500;gap:5px;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#4fff95}.header-site.scrolled .nav-link{color:#222}.header-site.scrolled .nav-link:hover{color:#012aff}.submenu{background:#fff;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,.1);left:0;list-style:none;margin-top:20px;min-width:230px;opacity:0;padding:15px 0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.nav-item:hover .submenu{opacity:1;transform:translateY(0);visibility:visible}.submenu-item{padding:10px 25px}.submenu-link{color:#222;display:block;font-size:15px;text-decoration:none;transition:color .3s ease}.submenu-link:hover{color:#012aff}.arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;display:inline-block;height:0;margin-left:5px;width:0}.cta-button{background:#24ce7b;border-radius:10px;color:#222;font-weight:600;overflow:hidden;padding:8px 30px;position:relative;text-decoration:none;transition:color .4s ease-in-out;z-index:1}.cta-button:before{background-color:#4fff95;border-radius:50%;content:"";height:250px;left:50%;position:absolute;top:100%;transform:translate(-50%,-50%) scale(0);transition:transform .5s cubic-bezier(.25,.46,.45,.94);width:250px;z-index:-1}.cta-button:hover:before{transform:translate(-50%,-50%) scale(1)}.cta-mobile{display:none}@media (max-width:768px){.header-site{background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1)}.logo-light{opacity:0}.logo-dark{opacity:1}.nav-link{color:#000}.hamburger span{background:#000}.hamburger{display:flex}.header-container{align-items:center;display:grid;gap:15px;grid-template-columns:auto 1fr auto}.logo{justify-self:center}.cta-mobile{display:block;font-size:14px;padding:10px 20px;white-space:nowrap}.cta-desktop{display:none}.nav{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);flex-direction:column;gap:0;grid-column:1/-1;left:0;max-height:0;overflow:hidden;padding:0;position:fixed;right:0;top:70px;transition:max-height .3s ease}.nav.active{max-height:max-content;padding:10px 20px}.nav-menu{align-items:flex-start;flex-direction:column;gap:0;margin:0;padding:0}.nav-item,.nav-link,.nav-menu{width:100%}.nav-link{display:flex;justify-content:space-between;padding:10px 0}.nav-link:focus,.nav-link:hover{color:#002aff}.submenu{box-shadow:none;margin-top:0;max-height:0;opacity:1;overflow:hidden;padding:0 0 0 20px;position:static;transform:none;transition:max-height .3s ease;visibility:visible}.nav-item.active .submenu{max-height:300px}.submenu-item{padding:8px 0}}.hs-menu-wrapper{align-items:center;display:flex;gap:20px}.hs-menu-wrapper>.hs-menu-children-wrapper{align-items:center;display:flex;gap:20px;list-style:none;margin:0;padding:0}.hs-menu-item{list-style:none;position:relative}.hs-menu-item.hs-menu-depth-1>a{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:500;gap:5px;text-decoration:none;transition:color .3s ease}.hs-menu-item.hs-menu-depth-1>a:hover{color:#4fff95}.header-site.scrolled .hs-menu-item.hs-menu-depth-1>a{color:#222}.header-site.scrolled .hs-menu-item.hs-menu-depth-1>a:hover{color:#012aff}.hs-menu-item.hs-item-has-children>a:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;content:"";display:inline-block;height:0;margin-left:5px;width:0}.hs-menu-item.hs-item-has-children>.hs-menu-children-wrapper{background:#fff;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,.1);left:0;list-style:none;margin:0;min-width:230px;opacity:0;padding:15px 0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.hs-menu-item.hs-item-has-children:hover>.hs-menu-children-wrapper{margin-top:20px;opacity:1;transform:translateY(0);visibility:visible}.hs-menu-item.hs-menu-depth-2{padding:10px 25px}.hs-menu-item.hs-menu-depth-2>a{color:#222;display:block;font-size:15px;text-decoration:none;transition:color .3s ease}.hs-menu-item.hs-menu-depth-2>a:hover{color:#012aff}@media (max-width:768px){.hs-menu-wrapper{flex-direction:column;gap:0;width:100%}.hs-menu-wrapper ul{gap:5px;width:100%}.nav .hs_cos_wrapper{width:100%}.hs-menu-wrapper>.hs-menu-children-wrapper{align-items:flex-start;flex-direction:column;gap:0;width:100%}.hs-menu-item.hs-menu-depth-1{width:100%}.hs-menu-item.hs-menu-depth-1>a{color:#000;display:flex;justify-content:space-between;padding:10px 0;width:100%}.hs-menu-item.hs-menu-depth-1>a:focus,.hs-menu-item.hs-menu-depth-1>a:hover{color:#002aff}.hs-menu-item.hs-item-has-children>.hs-menu-children-wrapper{box-shadow:none;margin-top:0;max-height:0;opacity:1;overflow:hidden;padding:0 0 0 20px;position:static;transform:none;transition:max-height .3s ease;visibility:visible}.hs-menu-item.hs-item-has-children.active>.hs-menu-children-wrapper{max-height:300px}.hs-menu-item.hs-item-has-children:hover>.hs-menu-children-wrapper{margin-top:0}.hs-menu-item.hs-menu-depth-2{padding:8px 0}}