:root {
    --ocean-deep: #095782; --ocean-blue: #1B5583; --turquoise: #86c1e9;
    --white: #FFFFFF; --cream: #FEFBF6; --text-dark: #0F172A;
    --text-light: rgba(255,255,255,0.95);
    --font-display: 'Poppins', sans-serif;
    --tracking-display: -0.02em;
    --font-condensed: 'Barlow Condensed', sans-serif;
    --font-body: 'Barlow', sans-serif;
}/* NAV */
.navbar { position: fixed; top: 0; width: 100%; padding: 1.5rem 5%; background: transparent; display: flex; justify-content: space-between; align-items: center; z-index: 1000; transition: all 0.4s ease; }
.navbar.scrolled { background: rgba(10,37,64,0.98); backdrop-filter: blur(12px); padding: 1rem 5%; }
.logo { text-decoration: none; display: flex; align-items: center; }
.logo-prop { height: 80px; transition: height 0.4s ease; }
.navbar.scrolled .logo-prop { height: 60px; }
.nav-links { display: flex; gap: 2.5rem; list-style: none; }
.nav-links a { color: var(--text-light); text-decoration: none; font-weight: 400; font-size: 0.95rem; letter-spacing: 0.05em; transition: color 0.3s; position: relative; }
.nav-links a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--turquoise); transition: width 0.3s; }
.nav-links a:hover { color: var(--turquoise); }
.nav-links a:hover::after { width: 100%; }
.nav-cta { background: var(--turquoise) !important; color: var(--ocean-deep) !important; padding: 0.45rem 1.2rem; font-weight: 600 !important; }
.nav-cta::after { display: none !important; }

.nav-toggle-label {
    font-family: var(--font-condensed);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--white);
    margin-top: 2px;
}

/* Cacher le label quand le menu est ouvert */
.nav-toggle.active .nav-toggle-label {
    display: none;
}
.nav-toggle {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 0.3rem;
z-index: 1001;
}
.nav-toggle span {
display: block;
width: 25px;
height: 2px;
background: var(--white);
transition: all 0.3s ease;
}
.nav-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.active span:nth-child(2) { opacity: 0; }
.nav-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 768px) {
.nav-toggle { display: flex; }
.nav-links {
z-index: 2000; /* ← au dessus du hero et de tout */
}

.nav-toggle {
z-index: 2001; /* ← encore au dessus du panel */
}
.nav-links {
display: flex;
flex-direction: column;
position: fixed;
top: 0; right: -100%;
width: 75%;
height: 100vh;
background: rgba(10,37,64,0.98);
backdrop-filter: blur(12px);
padding: 6rem 2.5rem 2.5rem;
gap: 0;
transition: right 0.4s ease;
z-index: 1000;
}
.nav-links.open { right: 0; }
.nav-links li { border-bottom: 1px solid rgba(255,255,255,0.07); }
.nav-links a { display: block; padding: 1rem 0; font-size: 1.1rem; }
.nav-cta {
margin-top: 1.5rem;
text-align: center;
padding: 0.9rem 1.2rem !important;
}
}