.interface-gallery{display:grid;gap:24px;min-width:0;align-self:center}.interface-frame{position:relative;overflow:hidden;border-radius:12px;background:#f6f4ef;border:1px solid #ffffff25;box-shadow:0 18px 48px #0003}.interface-frame img{position:absolute;max-width:none;width:var(--image-width);height:auto;left:var(--image-left);top:var(--image-top);display:block}@media(max-width:760px){.interface-gallery{gap:18px}.interface-frame{border-radius:8px}}
/* Fond uniforme du bandeau de la plateforme. */
.editorial-hero{background:#071a31}.editorial-hero::before{display:none}

/* Alternance des grandes sections sur toutes les pages. */
body main > :nth-child(odd){--section-background:#0a203a;background:var(--section-background)}
body main > :nth-child(even){--section-background:#071a31;background:var(--section-background)}
body main > .wrap{box-shadow:0 0 0 100vmax var(--section-background);clip-path:inset(0 -100vmax)}

.hero-copy .hero-promise{color:#a8b9cf;font-size:clamp(20px,2.3vw,30px);line-height:1.4;margin:0 auto 24px;font-weight:500;letter-spacing:-.4px}.hero-copy h1{font-size:clamp(36px,4.5vw,62px);letter-spacing:-2px;line-height:1.13}@media(max-width:480px){.hero-copy h1{font-size:34px;letter-spacing:-1px}.hero-copy .hero-promise{font-size:20px}}

.hero-copy h1 .hero-highlight{color:#ffdf72}
.hero-copy .hero-promise{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;border:1px solid #ffffff30;border-radius:999px;padding:10px 20px;background:#ffffff04;font-size:clamp(14px,1.5vw,19px);letter-spacing:0}
.hero-copy .hero-promise::before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#ffdf72}
@media(max-width:480px){.hero-copy .hero-promise{padding:10px 14px;gap:9px;font-size:14px}}

.hero-copy .hero-promise::after{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#ffdf72}.hero-copy .hero-promise em{font-style:italic;color:inherit}

/* Priorité sur les anciens fonds propres aux sections de la plateforme. */
body.platform-page main > :nth-child(odd){--section-background:#0a203a;background:#0a203a!important}
body.platform-page main > :nth-child(even){--section-background:#071a31;background:#071a31!important}

/* Intitulés des quatre sections détaillées. */
:is(#selectionner,#comprendre,#construire,#verifier) .section-heading>.eyebrow{display:flex;width:fit-content;margin-left:0;margin-right:auto;text-align:left;font-size:14px;letter-spacing:1.5px}
@media(max-width:480px){:is(#selectionner,#comprendre,#construire,#verifier) .section-heading>.eyebrow{font-size:12px}}

/* Intitulés à gauche et visuels alignés sur le haut du texte associé. */
:is(#selectionner,#comprendre,#construire,#verifier) .section-heading>.eyebrow{justify-content:flex-start;text-align:left;color:#ffdf72;margin-left:0;margin-right:auto}
:is(#selectionner,#comprendre,#construire,#verifier) .feature-row{align-items:start}
:is(#selectionner,#comprendre,#construire,#verifier) .interface-gallery{align-self:start;margin-top:0}

/* Encadrés lisibles, intitulés au bord du contenu et visuels réduits. */
:is(#selectionner,#comprendre,#construire,#verifier) .section-heading{max-width:none;width:100%}
:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy .feature-tag{background:#eef2f6;color:#143c69;border:1px solid #d9e2ec;font-size:12px;font-weight:650;letter-spacing:.8px;padding:10px 16px;line-height:1.6}
:is(#selectionner,#comprendre,#construire,#verifier) .interface-gallery{width:70%;justify-self:start}
:is(#selectionner,#comprendre,#construire,#verifier) .feature-row:not(.reverse) .interface-gallery{justify-self:end}
@media(max-width:480px){:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy .feature-tag{font-size:11px;padding:9px 13px}}

/* Cartes de protection compactes, icône et titre sur le même axe. */
.data-protection .card{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:12px;align-content:start;align-items:center;padding:24px}
.data-protection .protection-icon{width:40px;height:40px;border-radius:11px;margin:0}
.data-protection .protection-icon svg{width:23px;height:23px}
.data-protection .card h3{margin:0;font-size:19px;line-height:1.3}
.data-protection .card p{grid-column:1/-1;margin:0;line-height:1.65}

.page-title h1 .title-highlight{color:#ffdf72}

/* Protection des données : même repère de section que Notre conviction. */
.data-protection .section-heading{max-width:none;width:100%}
.data-protection .section-heading>.eyebrow{justify-content:flex-start;text-align:left;width:fit-content;margin-left:0;margin-right:auto}
.data-protection .section-heading>.eyebrow::before{width:22px;height:2px;border-radius:0}

.data-protection .section-heading>.eyebrow{color:#f6d44b;font-size:10px;font-weight:inherit;letter-spacing:2.2px}

/* Deux halos diffus dans la première section de chaque page. */
body main>:first-child,
body.platform-page main>:first-child{
 background:radial-gradient(ellipse 48% 75% at 100% 0%,rgba(44,105,172,.28),rgba(44,105,172,0) 78%),radial-gradient(ellipse 43% 72% at 0% 100%,rgba(38,97,156,.24),rgba(38,97,156,0) 78%),#0a203a!important;
}

/* À propos : alternance régulière après l’introduction à halos. */
body.about-page main>:nth-child(odd):not(:first-child){--section-background:#0a203a;background:#0a203a}
body.about-page main>:nth-child(even){--section-background:#071a31;background:#071a31}

/* Repères de conviction et de protection plus visibles. */
.platform-page .statement .eyebrow,
.platform-page .data-protection .section-heading>.eyebrow{color:#f6d44b;font-size:16px;font-weight:600;letter-spacing:1.5px;line-height:1.5}
@media(max-width:480px){.platform-page .statement .eyebrow,.platform-page .data-protection .section-heading>.eyebrow{font-size:14px}}

/* Même typographie que les intitulés des quatre étapes. */
.platform-page .statement .eyebrow,
.platform-page .data-protection .section-heading>.eyebrow{font-family:inherit;font-size:14px;font-weight:inherit;letter-spacing:1.5px;line-height:inherit;color:#ffdf72}
@media(max-width:480px){.platform-page .statement .eyebrow,.platform-page .data-protection .section-heading>.eyebrow{font-size:12px}}

/* Alignement à droite des trois liens demandés uniquement. */
#selectionner .selection-qualification>.text-link,
#construire .selection-qualification>.text-link,
.platform-page .statement>.wrap>a{display:flex;width:fit-content;margin-left:auto;margin-right:0;justify-content:flex-end}

.conviction-body{max-width:700px}.platform-page .statement .conviction-body>a{display:flex;width:fit-content;margin-left:auto;margin-right:0;justify-content:flex-end}

.platform-page #parcours>.wrap>.eyebrow{justify-content:flex-start;text-align:left;width:fit-content;margin-left:0;margin-right:auto;color:#ffdf72;font-size:14px;font-weight:inherit;letter-spacing:1.5px}
@media(max-width:480px){.platform-page #parcours>.wrap>.eyebrow{font-size:12px}}

.platform-page #parcours>.wrap>.eyebrow{color:#79abf5}

#parcours h2 .journey-title-secondary{color:#92aed2}