.hero-section{background-image:url(/backgrounds/hero-bg.png);background-size:cover;background-position:50%;color:#fff}.hero-section__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(22,55,68,.25),rgba(38,50,56,.15) 50%,transparent);pointer-events:none}.hero-section--enhanced .hero-section__overlay{animation:overlay-pulse 12s ease-in-out infinite}@keyframes overlay-pulse{0%,to{opacity:1}50%{opacity:.85}}.hero-section .divider-line{height:2px;width:80px;background:linear-gradient(90deg,transparent,var(--main-color),var(--future-accent),transparent);background-size:200% 100%;animation:gradient-shift 4s ease-in-out infinite;border-radius:2px}@keyframes gradient-shift{0%,to{background-position:100% 0}50%{background-position:0 0}}.hero-section .company-name{font-weight:700;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px var(--future-glow)}.hero-section .tagline{font-weight:500;letter-spacing:.06em;opacity:.95;text-shadow:0 2px 20px rgba(0,0,0,.15)}.hero-section h2{font-weight:800;font-size:32px;line-height:52px;text-shadow:0 2px 10px rgba(0,0,0,.1);position:relative}.hero-section--enhanced .hero-headline{font-size:clamp(28px,5vw,42px);line-height:1.2;letter-spacing:-.02em}.hero-section--enhanced .hero-headline--1{animation:hero-fade-in .8s ease-out both}.hero-section--enhanced .hero-headline--2{animation:hero-fade-in .8s ease-out .1s both}.hero-section--enhanced .word-rotate--hero{animation:hero-fade-in .8s ease-out .2s both}.hero-section--enhanced .hero-divider{animation:hero-fade-in .8s ease-out .35s both}.hero-section--enhanced .hero-text--animate{animation:hero-fade-in .8s ease-out .45s both}.hero-section--enhanced .hero-tagline{animation:hero-fade-in .8s ease-out .55s both}.hero-section--enhanced .hero-badge{animation:hero-fade-in .8s ease-out .65s both}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-section p{font-weight:400;font-size:18px;line-height:33px;letter-spacing:0;max-width:500px;text-shadow:0 1px 2px rgba(0,0,0,.05);margin-top:20px;position:relative}.hero-section--enhanced .hero-section p.hero-text{font-size:clamp(16px,2vw,20px);line-height:1.6;max-width:520px}.hero-section .main-btn{margin-top:10px;position:relative;overflow:hidden;transition:all .3s ease}.hero-section .main-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.hero-section .main-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2),transparent);transform:translateX(-100%);transition:transform .6s ease}.hero-section .main-btn:hover:before{transform:translateX(100%)}.hero-section .word-rotate{font-weight:800;font-size:32px;line-height:52px;background:linear-gradient(102.99deg,#b5cc34 1.08%,#6b8d9e 73.19%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-section .word-rotate:before{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:linear-gradient(102.99deg,#b5cc34 1.08%,transparent 73.19%);border-radius:2px}.hero-section .box-logos{position:relative;height:540px;width:540px;backdrop-filter:blur(10px);background-image:url(/backgrounds/border-bg.png);background-size:contain;background-repeat:no-repeat;overflow:visible}.hero-section .box-logos,.hero-section .box-logos .hero-logo{max-width:100%;display:flex;justify-content:center;align-items:center}.hero-section .box-logos .hero-logo{width:300px;height:300px;max-height:100%;border-radius:50%;background-color:#163744;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;animation:hero-logo-float 6s ease-in-out infinite}.hero-section .box-logos .hero-logo img{width:77%;transition:transform .4s ease}.hero-section .box-logos .hero-logo:hover img{transform:scale(1.03)}@keyframes hero-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hero-logo-breathe{0%,to{transform:translateY(0) scale(1);box-shadow:0 4px 24px rgba(22,55,68,.25)}15%{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 32px rgba(22,55,68,.35)}30%{transform:translateY(0) scale(1);box-shadow:0 4px 24px rgba(22,55,68,.25)}45%{transform:translateY(-4px) scale(1.02);box-shadow:0 6px 28px rgba(22,55,68,.3)}60%,85%{transform:translateY(0) scale(1);box-shadow:0 4px 24px rgba(22,55,68,.25)}}.hero-section .hero-logo.heartbeat-animation{animation:hero-logo-breathe 3s ease-in-out infinite}.hero-section .box-logos .circle-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.hero-section .hero-orbit-wrap .orbit-path-circle{stroke:rgba(181,204,52,.3);stroke-width:2px;stroke-dasharray:6 8;animation:orbit-dash 25s linear infinite}@keyframes orbit-dash{to{stroke-dashoffset:-100}}@keyframes orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-section .box-logos .circle-container .logo-box{width:120px;height:120px;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;position:relative;z-index:10}.hero-section .box-logos .circle-container .logo-box:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,rgba(181,204,52,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.hero-section .box-logos .circle-container .logo-box:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}.hero-section .box-logos .circle-container .logo-box:hover:after{opacity:1}.hero-section .floating-elements{pointer-events:none;overflow:hidden}.hero-section .floating-element{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(181,204,52,.08) 0,transparent 70%);filter:blur(40px);animation:float-orb 8s ease-in-out infinite}.hero-section .floating-element.floating-1{width:200px;height:200px;top:10%;left:5%;animation-delay:0s}.hero-section .floating-element.floating-2{width:160px;height:160px;top:60%;right:10%;animation-delay:-2s}.hero-section .floating-element.floating-3{width:120px;height:120px;bottom:20%;left:15%;animation-delay:-4s}.hero-section .floating-element.floating-4{width:180px;height:180px;top:30%;right:20%;animation-delay:-1s}.hero-section .floating-element.floating-5{width:100px;height:100px;bottom:30%;right:25%;animation-delay:-3s}@keyframes float-orb{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(10px,-15px) scale(1.05);opacity:.9}}.glow-circle{box-shadow:0 0 0 0 var(--future-glow);animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 rgba(181,204,52,.15)}50%{box-shadow:0 0 20px 2px rgba(181,204,52,.2)}}@media screen and (max-width:767px){.hero-section .box-logos{height:300px;width:300px}.hero-section .box-logos .hero-logo{width:180px;height:180px}}.side-bar{z-index:200;position:fixed;height:460px;width:32px;top:50%;right:2vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);border:0}.side-bar ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%}.side-bar .nav-item{display:block;width:40px;height:40px;border-radius:50%;background-color:var(--bg-color);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:8px}.side-bar ul li{position:relative}.side-bar ul li .title{position:absolute;color:var(--bg-color);font-weight:600;font-size:1.2rem;top:50%;right:130%;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transition:all .3s cubic-bezier(.455,.03,.515,.955);-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);-moz-transition:all .3s cubic-bezier(.455,.03,.515,.955);-ms-transition:all .3s cubic-bezier(.455,.03,.515,.955);-o-transition:all .3s cubic-bezier(.455,.03,.515,.955)}.side-bar ul li[data-section=hero] .title,.side-bar ul li[data-section=our-clients] .title{color:#fff}.side-bar ul li.active .title{transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1)}.side-bar li.active .nav-item{background-color:var(--main-color)}.side-bar .nav-item img{width:100%;height:100%}.side-bar .nav-item-companies{display:none;flex-direction:column;align-items:center;gap:4px}.side-bar li[data-section=our-companies].active .nav-item-companies-trigger{display:none}.side-bar li[data-section=our-companies].active .nav-item-companies{display:flex}.section-header__label{background:linear-gradient(90deg,#263238,#b5cc34);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header__title{letter-spacing:-.02em}.section-header__subtitle{color:#2c2c2c}.about-us{background:#688e0e47;background-image:url(/backgrounds/image\ 1.png);background-size:cover;background-position:50%;color:#fff;border:1px solid #e3e3e3}.about-us h6{font-size:20px;line-height:28px;background:linear-gradient(90deg,#263238,#b5cc34);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-us h3,.about-us h6{font-weight:800;letter-spacing:0;margin-bottom:2rem}.about-us h3{font-size:32px;line-height:37px;color:var(--bg-color);max-width:450px}.about-us p{font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;color:#2c2c2c;max-width:800px}.about-us .bg-white\/80{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.4);transition:transform .25s ease,box-shadow .25s ease}.about-us .bg-white\/80:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(48,72,78,.08)}.time-lien{padding-top:24px;padding-bottom:24px;background-color:#fafafa;min-height:500px}.storyline-progress{transform:scaleY(0);transform-origin:top}.time-lien .container{height:100%;width:100%;min-height:400px}.time-lien .container .animate-marquee{background-image:url(/icons/lien-squer.svg);background-repeat:repeat-x;background-size:contain;background-position:50%}.time-lien .box{width:300px;height:100%;max-width:50%}