header{width:100%;height:auto;position:fixed;left:0;top:0;padding:15px 3%;display:flex;justify-content:space-between;align-items:center;gap:clamp(10px,2.5vw,80px);z-index:10}header::before{width:100%;height:100%;position:absolute;left:0;top:0;content:"";background:#fff;transition:all .4s;transform:scaleY(0);pointer-events:none;transform-origin:left top}header.active::before{transform:scaleY(1)}header.active .langue .icon img:nth-child(2),header.active .logo img:nth-child(2),header.show .langue .icon img:nth-child(2),header.show .logo img:nth-child(2){opacity:1}header.active .langue .icon img:first-child,header.active .logo img:first-child,header.show .langue .icon img:first-child,header.show .logo img:first-child{opacity:0}header.active .langue,header.active nav a,header.show .langue,header.show nav a{color:#000}header.active .download,header.show .download{color:#000;border:1px solid rgba(0,0,0,.3)}.download:hover,header.active .download:hover,header.show .download:hover{border-color:transparent}.logo{width:clamp(50px,6vw,145px);position:relative;flex-shrink:0}.logo img:nth-child(2){position:absolute;left:0;top:0;opacity:0}nav{flex:1;display:flex;justify-content:center;align-items:center;gap:clamp(10px,2.5vw,80px);min-width:0;overflow:hidden}nav a{color:#fff;padding:7px .5vw;position:relative;font-size:clamp(11px, .8vw + 6px, 16px)}nav a p{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28ch}nav a::before{width:100%;height:100%;position:absolute;left:0;top:0;content:"";background:rgba(0,0,0,.1);border-radius:50px;transition:all .5s cubic-bezier(.175, .885, .32, 1.275);transform:scale(.5);opacity:0}nav a:hover::before{transform:scale(1);opacity:1}.nav-conf{flex-shrink:0;width:auto;display:flex;gap:2vw;align-items:center;position:relative}.langue .icon{width:20px;height:20px;display:block;position:relative}.langue .icon img:nth-child(2){position:absolute;left:0;top:0;opacity:0}.langue{width:auto;height:auto;position:relative;color:#fff;line-height:40px}.langue .lan-top{width:auto;display:flex;align-items:center;gap:.25vw}.langue .list{width:140px;height:auto;background:#fff;position:absolute;left:50%;margin-left:-70px;border-radius:16px;overflow:hidden;top:50px;opacity:0;padding:0 0;pointer-events:none;transition:all .35s;box-shadow:15px 15px 35px rgba(0,0,0,.1)}.langue .list a:first-child{padding-top:10px}.langue .list a:last-child{padding-bottom:10px}.langue .list a:hover{background:#f7f7f7}.langue:hover .list{opacity:1;pointer-events:auto;top:40px}.langue .list a{display:block;text-align:center;line-height:46px;font-size:15px}.langue .list a.active,.langue .list a:hover{color:#098b47}.langue .list a.active{font-family:Montserrat-SemiBold}.download{line-height:34px;border:1px solid rgba(255,255,255,.5);border-radius:50px;font-size:1rem;color:#fff;position:relative;overflow:hidden;width:auto;height:36px;text-align:center;transition:all .4s;padding:0 1.25vw}.download p{position:relative}.download::before{width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(108deg,#4cf389 0,#42ff6f 17%,#94f695 78%,#98fe6b 103%);content:"";border-radius:50px;opacity:0;transition:all .5s cubic-bezier(.175, .885, .32, 1.275)}.download:hover::before{transform:scale(1);opacity:1}.cn .download{padding:0 2vw}@media screen and (max-width:1200px){nav a{padding:7px 10px}.cn nav a{padding:7px 2.4vw}.show .logo{display:none}.show .langue .txt{display:none}.show .download{display:none}}@media screen and (max-width:1024px){nav a{padding:7px}.cn nav a{padding:7px 2vw}.download{line-height:30px;height:auto}}@media screen and (max-width:767px){nav{gap:clamp(4px,1.5vw,10px)}nav a{width:10px;flex-grow:1;padding:7px 10px}.cn nav a{padding:7px 2vw}.logo{display:none}header{position:fixed;font-size:10px;justify-content:flex-end}.download{display:none}.langue .txt{display:none}.langue .list{left:auto;margin-left:auto;right:0}.langue:hover .list{top:35px}.logo img:nth-child(2){opacity:1}.logo img:first-child{opacity:0}.langue .icon img:nth-child(2){opacity:1}.langue .icon img:first-child{opacity:0}.langue .icon{width:24px;height:24px}.langue .list{border-radius:10px}}@media screen and (max-width:500px){nav a{padding:1vw}.cn nav a{padding:2vw}.logo{width:31vw}.langue .list{width:35vw}.langue .icon{width:6vw;height:6vw}.langue .list a{font-size:3.5vw;line-height:2.5}}