/*
RESET
*/
*{margin:0;padding:0;-moz-box-sizing:border-box;box-sizing:border-box;}
*::-webkit-scrollbar {display:none;}
html, body {height:100%;scroll-behavior:smooth;}
html {font-size:100%;} 
body {font-family:'Poppins';margin:0;padding:0;line-height:1.5;color:var(--color-1);background:var(--color-body);font-size:16px;font-weight:400;width:100%;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {float:left;width:auto;line-height:normal;font-weight:normal;font-style:normal;margin:0;padding:0;}
ul,ol,li {margin:0;padding:0;list-style-type:none}
p {margin:0;height:auto;width:auto;}
address {font-style:normal;margin:0}
a {text-decoration:none;color:var(--color-1);}
a img {border:none}
img {object-fit:cover;object-position:center center;}
em {font-style:normal}
form,fieldset {border:none;margin:0;padding:0}

/*
GLOBAL
*/
main {display:flex;width:100%;flex-direction:column;}
.center {display:flex;flex-direction:column;width:1100px;justify-content:center;align-items:center;}
section {display:flex;width:100%;justify-content:center;}

/*
HEADER
*/
header {display:flex;width:100%;height:70px;align-items:center;justify-content:center;z-index:1001;position:relative;}
header .center {flex-direction:row;justify-content:space-between;height:100%;}
.header_left {display:flex;align-items:center;width:100px;justify-content:flex-start;flex-shrink:0;font-size:16px;}
.header_left a {display:flex;align-items:center;font-weight:500;}
.header_left a i {font-size:24px;margin-right:10px;transition:0.4s;}
.header_left a:hover i {transform:scale(1.4);transition:0.4s;}
.header_right {display:flex;align-items:center;width:100px;justify-content:flex-end;flex-shrink:0;font-size:16px;}
.header_center {display:flex;width:100%;justify-content:center;font-size:13px;height:100%;}
.header_center a {display:flex;padding:0 15px 0 15px;height:100%;align-items:center;cursor:default;}
.header_center a:nth-last-child(1) {cursor:pointer;}
.header_center a:nth-last-child(2) {cursor:pointer;}

/*
NAV
*/
nav {display:none;width:100%;justify-content:center;position:absolute;top:0;bottom:0;z-index:1000;backdrop-filter:blur(16px);background-color:var(--color-nav);}
nav .center {flex-direction:row;justify-content:space-between;align-items:flex-start;}
nav ul {display:flex;flex-direction:column;width:33.33%;font-size:13px;}
nav ul li {display:flex;padding:10px 0 10px 0;}
nav ul li span {color:var(--color-2);}
nav ul li a {display:flex;align-items:center;}
nav ul li a u {color:var(--color-2);text-decoration:none;margin-left:5px;font-size:12px;}
nav ul li a img {display:flex;width:100%;aspect-ratio:2/1;background:#333;border-radius:10px;margin-bottom:10px;}
nav ul li a em {display:flex;position:absolute;width:100%;top:0;justify-content:center;align-items:center;color:#fff;aspect-ratio:2/1;font-size:30px;font-weight:500;}
nav ul li a strong {display:flex;height:20px;border-radius:5px;border:2px solid var(--color-1);align-items:center;padding:0 5px 0 5px;margin-right:7px;font-weight:500;font-size:12px;}
nav ul:nth-last-child(1) {align-items:flex-end;}
.nav1, .nav2, .nav3 {display:none;width:100%;padding:70px 0 70px 0;}
nav ul:nth-last-child(1) li a {flex-direction:column;width:250px;position:relative;}

/*
FOOTER
*/
footer {display:flex;width:100%;padding:50px 0 30px 0;justify-content:center;}
footer ul {display:flex;flex-direction:column;width:33.33%;padding-top:20px;font-size:13px;}
footer ul li {display:flex;padding:10px 0 10px 0;}
footer ul li span {color:var(--color-2);}
footer ul li a {display:flex;align-items:center;}
footer ul li a strong {display:flex;height:20px;border-radius:5px;border:2px solid var(--color-1);align-items:center;padding:0 5px 0 5px;margin-right:7px;font-weight:500;font-size:12px;}
.footer_top {display:flex;width:100%;justify-content:space-between;align-items:flex-start;}
.footer_bottom {display:flex;width:100%;justify-content:space-between;align-items:center;margin:50px 0 0 0;}
.footer_bottom_left {display:flex;font-size:13px;align-items:center;}
.footer_bottom_left span {margin-right:20px;}
.footer_bottom_right {display:flex;align-items:center;}
.footer_bottom_right a {display:flex;font-size:16px;margin-left:20px;}

/*
BANNER
*/
.banner {margin-bottom:-70px;}
.banner .center {width:100%;padding:0 100px 0 100px;}
.banner_bloc {display:flex;width:100%;height:calc(100dvh - 120px);background:var(--color-bloc);border-radius:15px;box-shadow:0 5px 10px rgba(0,0,0,0.05);justify-content:center;align-items:center;position:relative;transition:0.4s;}
.banner_bloc div {display:flex;flex-direction:column;justify-content:center;align-items:center;width:600px;z-index:1;}
.banner_bloc div b {font-size:50px;font-weight:600;line-height:1;display:flex;align-items:center;}
.banner_bloc div b strong {display:flex;height:55px;border-radius:10px;border:3px solid var(--color-1);align-items:center;padding:0 15px 0 15px;margin-right:10px;font-weight:600;font-size:46px;}
.banner_bloc div span {text-align:center;margin:20px 0 20px 0;}
.banner_bloc div a {display:flex;justify-content:center;align-items:center;height:50px;border-radius:25px;background:var(--color-white);color:var(--color-black);padding:0 20px 0 20px;}
.banner_bloc:hover {transform:scale(1.01);transition:0.4s;}
.banner_bloc img {display:flex;height:80%;position:absolute;}

/*
TITLE
*/
.title {padding:200px 0 100px 0;}
.title .center {width:1400px;}
.title_bloc {display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;}
.title_bloc b {font-size:40px;font-weight:600;line-height:1.4;}
.title_bloc2 {display:flex;width:100%;flex-wrap:wrap;justify-content:center;}
.title_bloc2 b {font-size:40px;font-weight:600;line-height:1.4;text-align:center;}
.title_bloc2 b em {background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;}

/*
CTA
*/
.cta {padding:50px 0 100px 0;}
.cta .center {width:1400px;background:var(--color-bloc);border-radius:15px;padding:150px 0 150px 0;}
.cta2 {display:flex;width:100%;justify-content:center;flex-direction:column;align-items:center;transition:0.4s;}
.cta2 a {display:flex;justify-content:center;align-items:center;height:50px;border-radius:25px;background:var(--color-1);color:var(--color-white);color:var(--color-black);padding:0 20px 0 20px;}
.cta2 b {font-size:40px;font-weight:500;line-height:1.4;text-align:center;margin-bottom:30px;}
.cta2:hover {transform:scale(1.01);transition:0.4s;}

/*
AD
*/
.hp_ad {padding:50px 0 50px 0;}
.hp_ad .center {width:1400px;background:var(--color-bloc);border-radius:15px;padding:150px 0 150px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.hp_ad2 {display:flex;width:100%;justify-content:center;flex-direction:column;align-items:center;transition:0.4s;}
.hp_ad2 a {display:flex;justify-content:center;align-items:center;height:50px;border-radius:25px;background:var(--color-white);color:var(--color-black);padding:0 20px 0 20px;}
.hp_ad2 b {font-size:40px;font-weight:500;line-height:1.4;text-align:center;color:#fff;}
.hp_ad2 u {color:#fff;text-decoration:none;}
.hp_ad2 span {color:#fff;font-size:16px;margin-bottom:30px;text-align:center;}
.hp_ad2:hover {transform:scale(1.01);transition:0.4s;}

/*
GRID
*/
.grid .center {width:1400px;}
.grid ul {display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;}
.grid ul li {display:flex;width:48%;flex-direction:column;background:var(--color-bloc);border:1px solid var(--color-bloc);border-radius:15px;margin:0 0 4% 0;align-items:center;position:relative;overflow:hidden;}
.grid ul li.w100 {width:100%;}
.grid ul li.w100 video {display:flex;width:80%;aspect-ratio:2/1;}
.grid_title {display:flex;width:50%;height:200px;justify-content:center;align-items:center;font-size:30px;font-weight:500;text-align:center;padding-top:10px;line-height:1.4;}
.grid_content {display:flex;width:100%;justify-content:center;align-items:center;aspect-ratio:1/1;position:relative;background-size:cover;}
.grid ul li.w100 .grid_content {aspect-ratio:2/1;}
.grid ul li .iphone {display:flex;position:absolute;top:100px;left:15%;right:15%;bottom:0;border-radius:60px 60px 0 0;background-color:var(--color-modal);flex-wrap:wrap;color:#111;box-shadow:0 -20px 40px rgba(0,0,0,0.3);}
.grid ul li .macbook {display:flex;position:absolute;top:100px;left:100px;right:0;bottom:0;border-radius:30px 0 0 0;background-color:var(--color-modal);flex-wrap:wrap;color:#111;box-shadow:-20px -20px 40px rgba(0,0,0,0.3);}
.grid ul li .flottante {display:flex;width:320px;border-radius:15px;background-color:var(--color-modal);flex-direction:column;justify-content:center;align-items:center;color:#111;backdrop-filter:blur(10px);box-shadow:0 20px 40px rgba(0,0,0,0.3);}

/*
GRID
*/
.grid2 .center {width:1400px;}
.grid2 ul {display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;}
.grid2 ul li {display:flex;width:48%;flex-direction:column;background:var(--color-bloc);border:1px solid var(--color-bloc);border-radius:15px;margin:0 0 4% 0;align-items:center;overflow:hidden;}
.grid2 ul li video {display:flex;width:80%;aspect-ratio:4/5;}
.grid2 ul li.w100 {width:100%;}
.grid2 ul li.w100 video {display:flex;width:80%;aspect-ratio:2/1;}
.grid2 ul li img {display:flex;width:100%;flex-shrink:0;margin-top:17px;aspect-ratio:1/1;}
.grid2 ul li.w100 img {display:flex;width:100%;flex-shrink:0;margin-top:17px;aspect-ratio:2/1;}
.grid2 ul li .grid2_title {display:flex;width:50%;height:200px;justify-content:center;align-items:center;font-size:30px;font-weight:500;text-align:center;padding-top:10px;line-height:1.4;flex-direction:column;}
.grid2 ul li .grid2_title span:nth-child(1) {font-size:30px;font-weight:500;}
.grid2 ul li .grid2_title span:nth-child(2) {font-size:16px;font-weight:400;margin:10px 0 0 0;}
.grid2 ul li .grid2_content {display:flex;width:100%;flex-shrink:0;margin-top:17px;aspect-ratio:1/1;position:relative;}
.grid2 ul li .grid2_content .background {display:flex;position:absolute;inset:0;z-index:0;}
.grid2 ul li.w100 .grid2_content {display:flex;width:100%;flex-shrink:0;margin-top:17px;aspect-ratio:2/1;position:relative;}

.grid2 ul li .grid2_content .voice1 {display:flex;position:absolute;inset:0;z-index:1;justify-content:center;align-items:center;flex-direction:column;}
.grid2 ul li .grid2_content .voice1 .fa-microphone {display:flex;height:100px;aspect-ratio:1/1;border-radius:100%;justify-content:center;align-items:center;background:rgba(250,250,250,0.8);color:#000;font-size:34px;}
.grid2 ul li .grid2_content .voice1 .question {display:flex;background:rgba(250,250,250,0.8);color:#000;border-radius:15px;padding:30px;}
.grid2 ul li .grid2_content .voice1 .objets {display:flex;width:80%;flex-wrap:wrap;}
.grid2 ul li .grid2_content .voice1 .objets span {display:flex;width:29.33%;margin:2%;background:rgba(250,250,250,0.8);border-radius:15px;aspect-ratio:1/1;justify-content:center;align-items:center;font-size:50px;color:#bf0101;}

.grid2 ul li .grid2_content .voice2 {display:flex;position:absolute;inset:0;z-index:1;justify-content:center;align-items:center;flex-direction:column;}
.grid2 ul li .grid2_content .voice2 span {display:flex;width:70%;border-radius:60px 60px 0 0;background:rgba(250,250,250,0.8);height:100%;margin-top:100px;justify-content:center;align-items:center;overflow:hidden;position:relative;}
.grid2 ul li .grid2_content .voice2 span img {display:flex;position:absolute;inset:0;width:100%;height:100%;top:-20px;}

.grid2 ul li .grid2_content .voice3 {display:flex;position:absolute;inset:0;z-index:1;justify-content:center;align-items:center;flex-direction:column;}
.grid2 ul li .grid2_content .voice3 span {display:flex;position:absolute;inset:100px 0 0 100px;background:rgba(250,250,250,0.8);border-radius:60px 0 0 0;overflow:hidden;}
.grid2 ul li .grid2_content .voice3 span img {position:absolute;inset:0;top:-20px;}

.grid2 ul li .grid2_content .voice4 {display:flex;position:absolute;inset:0;z-index:1;justify-content:center;align-items:center;flex-direction:column;}
.grid2 ul li .grid2_content .voice4 span {display:flex;background:rgba(250,250,250,0.8);color:#000;border-radius:15px;padding:30px;}

.grid2 ul li .grid2_content .voice5 {display:flex;position:absolute;inset:0;z-index:1;justify-content:center;align-items:center;flex-direction:column;}
.grid2 ul li .grid2_content .voice5 span {display:flex;width:70%;border-radius:60px 60px 0 0;background:rgba(250,250,250,0.8);height:100%;margin-top:100px;justify-content:center;align-items:center;overflow:hidden;position:relative;flex-direction:column;}
.grid2 ul li .grid2_content .voice5 span img {display:flex;width:80%;aspect-ratio:2/1;margin:50px 0 50px 0;}
.grid2 ul li .grid2_content .voice5 span b {display:flex;height:30px;width:30%;background:#eee;margin-bottom:10px;border-radius:10px;}
.grid2 ul li .grid2_content .voice5 span b:nth-child(4) {width:70%;}
.grid2 ul li .grid2_content .voice5 span b:nth-child(5) {width:60%;}
.grid2 ul li .grid2_content .voice5 span i {display:flex;position:absolute;top:30px;right:40px;color:#000;font-size:24px;}

.grid2 ul li .grid2_content .voice6 {display:flex;position:absolute;inset:0;z-index:1;justify-content:center;align-items:center;flex-direction:column;}
.grid2 ul li .grid2_content .voice6 span {display:flex;width:70%;border-radius:60px 60px 0 0;background:rgba(250,250,250,0.8);height:100%;margin-top:100px;justify-content:center;align-items:center;overflow:hidden;position:relative;}

.grid2 ul li .grid2_content .voice6 .objets {display:flex;width:80%;flex-wrap:wrap;margin-top:100px;}
.grid2 ul li .grid2_content .voice6 .objets div {display:flex;width:29.33%;margin:2%;background:rgba(250,250,250,0.8);border-radius:15px;aspect-ratio:1/1;justify-content:center;align-items:center;font-size:50px;color:#bf0101;}

.grid2 ul li .grid2_content .voice7 {display:flex;position:absolute;inset:0;z-index:1;justify-content:center;align-items:center;flex-direction:column;}
.grid2 ul li .grid2_content .voice7 span {display:flex;background:rgba(250,250,250,0.8);color:#000;border-radius:15px;padding:30px;}

/*
AVANTAGES
*/
.avantages {padding-bottom:200px;}
.avantages .center {width:1400px;}
.avantages ul {display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;}
.avantages ul li {display:flex;width:20%;flex-direction:column;margin:0 0 2% 0;align-items:center;padding:0 40px 0 40px;}
.avantages ul li i {font-size:50px;margin:0 0 30px 0;}
.avantages ul li i.fa-microchip-ai {font-size:50px;margin:0 0 30px 0;}
.avantages ul li b {display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:600;text-align:center;}
.avantages ul li span {display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:400;text-align:center;margin-top:10px;}

/*
HP BANNER
*/
.hp_banner {padding:0 0 0 0;}
.hp_banner .center {width:100%;padding:0 100px 0 100px;}
.hp_banner2 {display:flex;width:100%;background:rgba(250,250,250,0.02);border-radius:15px;box-shadow:0 5px 10px rgba(0,0,0,0.05);justify-content:center;align-items:center;position:relative;transition:0.4s;flex-direction:column;margin-bottom:-100px;padding:120px 0 120px 0;height:calc(100dvh - 120px);}
.hp_banner_title {display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;padding-left:30px;margin-top:-20px;opacity:0;}
.hp_banner_title span {display:flex;align-items:center;font-size:50px;font-weight:400;line-height:1;margin:0 0 15px 0;text-align:center;letter-spacing:-2px;}
.hp_banner_title span strong {display:flex;height:66px;border-radius:10px;border:3.5px solid var(--color-1);align-items:center;font-weight:400;font-size:50px;letter-spacing:normal;width:0;opacity:0;padding:0;justify-content:center;}
.hp_banner_carousel {display:flex;width:100%;justify-content:center;align-items:flex-start;position:relative;height:400px;margin-top:120px;opacity:0;}
.hp_banner_carousel a {display:flex;width:220px;background:var(--color-bloc);border-radius:20px;padding:0 20px 20px 20px;margin:0 10px 0 10px;position:relative;box-shadow:var(--color-shadow);flex-wrap:wrap;position:absolute;overflow:hidden;}
.hp_banner_carousel a:nth-child(1) {transform:scale(1.1);z-index:1;top:-60px;}
.hp_banner_carousel a:nth-child(2) {transform:scale(1.3);z-index:10;top:-25px;}
.hp_banner_carousel a:nth-child(3) {transform:scale(1.5);z-index:20;}
.hp_banner_carousel a:nth-child(4) {transform:scale(1.3);z-index:10;top:-25px;}
.hp_banner_carousel a:nth-child(5) {transform:scale(1.1);z-index:1;top:-60px;}
.hp_banner_carousel_img {display:flex;width:100%;justify-content:center;padding:20px 0 0 0;}
.hp_banner_carousel_img img {display:flex;width:80%;}
.hp_banner_carousel_title {display:flex;width:100%;justify-content:center;font-size:18px;align-items:center;font-weight:500;letter-spacing:-0.5px;}
.hp_banner_carousel_title strong {display:flex;height:22px;border-radius:5px;border:1.5px solid var(--color-1);align-items:center;padding:0 7px 0 7px;margin-right:5px;font-weight:600;font-size:16px;}
.hp_banner_carousel_subtitle {display:flex;width:100%;justify-content:center;font-size:12px;font-weight:300;}
.hp_banner_carousel_icone {display:flex;text-align:center;justify-content:center;width:100%;margin:20px 0 5px 0;}
.hp_banner_carousel_icone i {display:flex;margin-right:5px;font-size:16px;color:#8c8c8c;}
.hp_banner_carousel div {position: absolute;inset:0;opacity:0;backdrop-filter:blur(30px);transition:opacity 0.2s ease-in-out;}
.hp_banner_carousel a.blurred div {opacity:1;}
.hp_banner_carousel_expl {position:relative;width:100%;height:40px;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:12px;color:#8c8c8c;flex-direction:column;text-align:center;}
.hp_banner_carousel_expl em {position:absolute;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.hp_banner_carousel_expl em:nth-child(1) {opacity:1;}
.hp_banner_carousel a:hover .hp_banner_carousel_expl em {animation:carousel 6s infinite;}
.hp_banner_carousel a:hover .hp_banner_carousel_expl em:nth-child(1) {animation-delay:0s;transform: translateY(-102%);transition:0.2s;}
.hp_banner_carousel a:hover .hp_banner_carousel_expl em:nth-child(2) {animation-delay:0s;}
.hp_banner_carousel a:hover .hp_banner_carousel_expl em:nth-child(3) {animation-delay:2s;}
.hp_banner_carousel a:hover .hp_banner_carousel_expl em:nth-child(1) {animation-delay:4s;}
@keyframes carousel {
    0% { opacity: 0; transform: translateY(100%); }
    5% { opacity: 1; transform: translateY(0%); }
    31% { opacity: 1; transform: translateY(0%); }
    36% { opacity: 0; transform: translateY(-100%); }
    100% { opacity: 0; transform: translateY(-100%); }
}






/*
INTRO
*/
.intro {padding:100px 0 0 0;}
.intro .center {width:500px;}
.intro2 {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.intro2 h1 {font-size:50px;}
.intro2 span {text-align:center;}


/*
STANDARD
*/
.standard {padding:50px 0 0 0;}
.standard .center {width:500px;}
.standard2 {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.standard2 span:nth-child(1) {text-align:center;font-size:30px;}
.standard2 span:nth-child(2) {text-align:center;margin:10px 0 30px 0;}
.standard2 span:nth-child(3) {text-align:center;}
.standard2 span:nth-child(3) a {display:flex;justify-content:center;align-items:center;height:50px;border-radius:25px;background:var(--color-1);color:var(--color-white);color:var(--color-black);padding:0 20px 0 20px;}


/*
BIG
*/
.big {padding:50px 0 40px 0;}
.big .center {width:700px;}
.big2 {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.big2 span {text-align:center;font-size:30px;}


/*
FULL
*/
.full {padding:50px 0 50px 0;}
.full .center {width:1400px;}
.full2 {display:flex;width:100%;border-radius:15px;overflow:hidden;}
.full2 img {display:flex;width:100%;}


/*
HALF
*/
.half {padding:50px 0 50px 0;}
.half .center {width:1400px;}
.half2 {display:flex;width:100%;justify-content:space-between;border-radius:15px;background:var(--color-bloc);overflow:hidden;}
.half2 div:nth-child(1) {display:flex;width:50%;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 100px 70px 70px;}
.half2 div:nth-child(1) span:nth-child(1) {font-size:30px;}
.half2 div:nth-child(1) span:nth-child(2) {margin:10px 0 20px 0;}
.half2 div:nth-child(1) span:nth-child(3) {}
.half2 div:nth-child(1) span:nth-child(3) a {display:flex;justify-content:center;align-items:center;height:50px;border-radius:25px;background:var(--color-1);color:var(--color-white);color:var(--color-black);padding:0 20px 0 20px;}
.half2 div:nth-child(2) {display:flex;width:50%;}
.half2 div:nth-child(2) img {display:flex;width:100%;aspect-ratio:1/1;}


/*
CAROUSEL
*/
.carousel {padding:50px 0 50px 0;}
.carousel2 {display:flex;flex-direction:column;}
.carousel2_title {display:flex;flex-direction:column;width:100%;}
.carousel2_title .center {width:1400px;align-items:flex-start;}
.carousel2_title span:nth-child(1) {font-size:30px;}
.carousel2_title span:nth-child(2) {margin:10px 0 30px 0;}
.carousel2_list {display:flex;width:100%;}
.carousel2_list .center {width:1400px;}
.carousel2_list ul {display:flex;width:100%;}
.carousel2_list ul li {display:flex;width:300px;margin-right:20px;}
.carousel2_list ul li a {display:flex;width:100%;flex-direction:column;aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:15px;padding:30px;justify-content:flex-end;}
.carousel2_list ul li a img {display:flex;position:absolute;inset:0;z-index:-1;}
.carousel2_list ul li a span:nth-child(1) {}
.carousel2_list ul li a span:nth-child(2) {}