:root {
  --navy:    #04091A;
  --navy2:   #07102B;
  --navy3:   #0C1940;
  --navy4:   #132354;
  --blue:    #1A4FC4;
  --blue2:   #2563EB;
  --blue3:   #5B8FF5;
  --blue4:   #A8C4FF;
  --red:     #DC2626;
  --red2:    #EF4444;
  --red3:    #FF6B6B;
  --white:   #FFFFFF;
  --off:     #F0F4FF;
  --grey1:   #8CA0C0;
  --grey2:   #3D5280;
  --grey3:   #585858;
  --black:   #000000;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding: 0px;}
html{scroll-behavior:smooth}
body{background:var(--navy3);color:var(--white);font-family:'Barlow',sans-serif;overflow-x:hidden}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--navy2)}
::-webkit-scrollbar-thumb{background:var(--red)}
img{display:block;width:100%;height:100%;object-fit:cover}

/*=============== HEADER ===============*/

.nav-container{position:fixed;top:0; right:0;width:100%;background:var(--navy); z-index:1000}
.logo-container{font-size:16px;font-weight:100;color:var(--white); display: flex; align-items: center; gap: 10px; text-decoration: none;}
.logo{width:80px;height:80px;position:relative;flex-shrink:0}
.logo img{width:100%;height:100%}
.logo-text{display:flex;flex-direction:column;gap:2px;margin-left:20px}
.logo-name{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:18px;letter-spacing:2px;text-transform:uppercase;color:var(--white);line-height:1.5; align-items: flex-end;}
.logo-slogan{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--blue3);line-height:1}
.nav-header{display:grid; grid-template-columns: auto 1fr auto; align-items: center; width: 100%; padding:0 25px;}
.nav-header ul li a{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--grey1);}
.nav-links {display: flex;justify-content: center;align-items: center;list-style: none; gap: 10px;margin: 0;padding: 0}
.nav-links li {position: relative;}
.nav-links li a {font-family: 'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing: 1.4px;text-decoration: uppercase;color: var(--grey1);text-decoration: none;padding: 8px 16px;display: block;transition: color .15s; position: relative;}
.nav-links li a::after {content: '';position: absolute;bottom: 0;left: 16px;right: 16px;height: 2px;background: var(--red);transform: scaleX(0);transition: transform .2s;}
.nav-links li a:hover {color: var(--black);}
.nav-links li a:hover::after {transform: scaleX(1);}
.menu-deroulant {position: relative;}
.sous-menu {display: none;position: absolute;background-color: var(--navy); box-shadow: 0px 1px 3px white; border-radius: 4px; padding: 10px 0; z-index: 1000; min-width: 220px;}
.menu-deroulant:hover .sous-menu {display: block;}
.sous-menu ul {display: flex; flex-direction: column; align-items: stretch; gap: 0; list-style: none; margin: 0; padding: 0;}
.sous-menu li {width: 100%; text-align: left;}
.sous-menu a {padding: 8px 16px; display: block; color: var(--white); margin:0 10px; white-space: nowrap;}
.sous-menu a:hover {background-color: var(--red); color: white; border-radius: 4px;}
.nav-actions{display:flex;align-items:center;gap:10px; justify-self: end;}
.nav-a-btn{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:8px 20px;border-radius:2px;text-decoration:none;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.nav-a-red{background:var(--red);color:var(--white)}
.nav-a-red:hover{background:var(--red2)}

/*=============== BUTTON ===============*/
.btn-red{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:16px 36px;background:var(--red);color:var(--white);border:none;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s,transform .15s}
.btn-red:hover{background:var(--red2);transform:translateY(-2px)}
.btn-blue{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:15px 36px;background:var(--blue);color:var(--white);border:none;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}
.btn-blue:hover{background:var(--blue2)}
.btn-ghost{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:15px 36px;background:var(--black);color:var(--white);border:1.5px solid var(--navy4);border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .15s}
.btn-ghost:hover{border-color:var(--blue3);color:var(--blue3)}
.btn-black{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:15px 36px;background:var(--black);color:var(--white);border:1.5px solid var(--black);border-radius:2px;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .15s}
.btn-black:hover{border-color:var(--grey1);background-color:transparent; color:var(--grey1)}

/*=============== SHARED LAYOUT UTILITIES ===============*/
.container{max-width:1600px;margin:0 auto;padding:0 48px}
section{padding:99px 0}
.s-navy{background:var(--navy)}
.s-navy2{background:var(--navy2)}
.s-navy3{background:var(--navy3)}

/* Section eyebrow */
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.eyebrow-bar{width:32px;height:3px;background:var(--red);flex-shrink:0}
.eyebrow-text{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--red)}
.section-h{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(32px,4vw,52px);text-transform:uppercase;letter-spacing:-1.5px;color:var(--white);line-height:.95;margin-bottom:20px}
.section-h1{font-family:'Barlow Condensed',sans-serif;font-weight:1200;font-size:clamp(45px,6vw,65px);text-transform:uppercase;letter-spacing:-1.5px;color:var(--white);line-height:.95;margin-bottom:20px}
.section-h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(26px,3.5vw,46px);text-transform:uppercase;letter-spacing:-1.5px;color:var(--white);line-height:.95;margin-bottom:20px}
.section-h em{color:var(--blue3);font-style:normal}
.section-h .red{color:var(--red)}
.section-h1 em{color:var(--blue3);font-style:normal}
.section-h1 .red{color:var(--red)}
.section-h2 em{color:var(--blue3);font-style:normal}
.section-h2 .red{color:var(--red)}
.section-body{font-size:19px;line-height:1.8;color:var(--grey1);max-width:1200px; margin-bottom: 15px;}
.section-text{font-size:18px;line-height:1.5;color:var(--grey1);max-width:900px; margin-bottom: 25px;}

/* Reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.rv.in{opacity:1;transform:translateY(0)}
.rv1{transition-delay:.1s}.rv2{transition-delay:.2s}.rv3{transition-delay:.3s}.rv4{transition-delay:.4s}.rv5{transition-delay:.5s}

/*=============== FOOTER ===============*/

footer{background:var(--navy);border-top:1px solid var(--navy3)}
.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:56px;padding:64px 48px 48px;max-width:1280px;margin:0 auto}
.ft-brand-desc{font-size:14px;line-height:1.8;color:var(--grey2);margin:18px 0 24px;max-width:260px}
.ft-socials{display:flex;gap:8px}
.fts{width:36px;height:36px;background:var(--navy2);border:1px solid var(--navy3);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;color:var(--grey1);cursor:pointer;transition:all .15s;text-transform:uppercase}
.fts:hover{background:var(--blue);color:var(--white);border-color:var(--blue)}
.fc-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;letter-spacing:3px;text-transform:uppercase;color:var(--blue3);margin-bottom:18px}
.fc-links{list-style:none}
.fc-links li{margin-bottom:10px}
.fc-links a{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:15px;color:var(--grey2);text-decoration:none;letter-spacing:.3px;transition:color .15s}
.fc-links a:hover{color:var(--black)}
.footer-bottom{max-width:1280px;margin:0 auto;padding:20px 48px;border-top:1px solid var(--navy3);display:flex;justify-content:space-between;align-items:center}
.fb-copy{font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:1px;color:var(--grey3)}
.fb-tagline{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--blue3)}

/* Division de la page */
.sieu-layout{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sieu-left{display:flex;flex-direction:column;justify-content:stretch;margin-right: 40px;}
.sieu-right{display:flex;flex-direction:column;justify-content:center;margin-left: 40px;}
.center-head-section{display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 1600px;margin: 0 auto;padding: 0 48px;}
.center-text{max-width: 700px;text-align: center;justify-content: center;}