:root{--ink:#223949;--hero:#344958;--lavender:#e4e6ff;--page-space:5%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f0f4f5}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #737ba6;outline-offset:5px}
.hero{position:relative;isolation:isolate;min-height:700px;height:min(850px,90svh);overflow:hidden;background:var(--hero);color:var(--lavender)}
.hero-background{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 85% 25%,#6b7a92 0,transparent 50%),radial-gradient(ellipse at 60% 95%,#54677a 0,transparent 45%),linear-gradient(125deg,#344958 20%,#40566a 65%,#7986a1)}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(25,43,56,.65),rgba(25,43,56,.1)),linear-gradient(0deg,rgba(25,43,56,.45),transparent 60%)}
.header{padding:10px var(--page-space)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--ink);border-radius:64px;padding:8px 32px;min-height:72px}
.logo{display:flex;align-items:center;gap:7px;flex-shrink:0;width:150.533px;height:29.017px}.logo-mark{width:29.017px;height:29.017px}.logo-word{width:114.31px;height:23.68px}
.nav-actions{display:flex;align-items:center;gap:20px}.language{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:12px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:white;border:0;border-radius:999px;padding:16px 24px;line-height:22px;font-size:16px}.cta img{width:20px;height:20px}.cta:hover{background:#344958}
.hero-content{position:absolute;left:var(--page-space);right:var(--page-space);bottom:59px;max-width:800px}.hero h1{margin:0 0 34px;font-size:clamp(56px,5.833vw,84px);line-height:1.024;font-weight:400;letter-spacing:-.02em}.hero-content p{margin:0;font-size:20px;line-height:26px;max-width:650px}
.placeholder-label{position:absolute;right:var(--page-space);bottom:24px;font-size:12px;letter-spacing:.06em;color:var(--lavender);margin:0;border:1px solid #e4e6ff55;border-radius:20px;padding:8px 12px}
.preview-note{padding:28px var(--page-space);font-size:14px;line-height:1.5}.preview-note p{max-width:780px;margin:8px 0 0}dialog{border:0;border-radius:20px;padding:32px;max-width:min(460px,90vw);color:var(--ink)}dialog::backdrop{background:#22394999}dialog h2{margin-top:0}dialog p{line-height:1.5}
@media(max-width:650px){:root{--page-space:6%}.hero{height:85svh;min-height:620px;max-height:780px}.header{padding-top:16px}.nav{padding:10px 14px;min-height:64px;gap:10px}.logo{width:120px;height:24px;gap:5px}.logo-mark{width:23px;height:23px}.logo-word{width:91px;height:19px}.nav-actions{gap:0}.language{display:none}.cta{font-size:12px;line-height:18px;padding:12px 14px;gap:5px}.cta img{width:16px;height:16px}.hero-content{bottom:100px}.hero h1{font-size:clamp(38px,10vw,60px);margin-bottom:26px;line-height:1.06}.hero-content p{font-size:18px;line-height:25px;max-width:340px}.desktop-break{display:none}.placeholder-label{bottom:30px}.preview-note{padding-top:24px}}

/* Navigation commune entre les deux pages. */
.nav-pages{display:flex;align-items:center;justify-content:center;gap:48px}.header .nav-pages a{color:#677298;font-size:16px;line-height:24px;text-decoration:none;white-space:nowrap}.nav-pages a:hover,.nav-pages a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:900px){.header .nav{display:grid;grid-template-columns:auto auto;border-radius:32px;row-gap:18px}.header .nav-actions{justify-self:end}.nav-pages{grid-column:1/-1;grid-row:2;gap:40px;padding-bottom:6px}.nav-pages a{font-size:14px}.header .language{display:none}}
@media(max-width:450px){.header .nav{padding-left:12px;padding-right:12px;column-gap:8px}.header .logo{width:100px;gap:4px}.header .logo-mark{width:20px;height:20px}.header .logo-word{width:76px;height:auto}.header .cta{font-size:11px;padding:12px 10px}}