/* KLEIA — thème marine, contrastes et surfaces produit claires. */
:root{--navy:#071a31;--ink:#eaf1fc;--muted:#a2b5ce;--line:#24405e;--paper:#0b223e}body{background:#071a31;color:#eaf1fc}header{background:#071a31ed;color:#d6e2f5;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px);box-shadow:0 5px 30px #0002}.nav .brand{background:#fff;padding:5px 13px;border-radius:9px;margin:9px 0}.nav .brand-logo{width:132px}.nav nav a[aria-current=page]{color:#ffdf72}.nav nav a:hover{color:#ffdf72}.nav nav .btn{color:#0a203d;background:#ffdf72;box-shadow:0 5px 20px #0001}.nav nav .btn:hover{background:#ffea9c;color:#0a203d}.menu{color:#e6effc;background:#ffffff06;border-color:#ffffff30}.editorial-hero{background:radial-gradient(ellipse at 50% -20%,#1b477c 0,transparent 65%),linear-gradient(145deg,#0a213d,#071a31);color:#fff;padding-bottom:50px}.editorial-hero:before{background-image:radial-gradient(#c2d9ff35 .7px,transparent .7px);opacity:.22}.hero-orbit{border-color:#8bb9ff0c;box-shadow:0 0 0 45px #8bb9ff05,0 0 0 95px #8bb9ff04,0 0 0 150px #8bb9ff03}.hero-copy .eyebrow{background:#ffffff05;color:#a8c0e2;border-color:#ffffff18;box-shadow:none}.hero-copy .eyebrow:before{background:#ffdf72}.hero-copy h1{color:#f7faff;font-weight:600}.hero-copy h1 em{color:#ffdf72}.hero-copy .lead{color:#a7bdd8}.hero-copy .btn.blue{background:#ffdf72;color:#0b2342;box-shadow:0 6px 22px #0002}.hero-copy .btn.blue:hover{background:#ffeaa0}.hero-copy .subtle{background:#ffffff04;border-color:#ffffff26;color:#dae7fa}.hero-copy .subtle:hover{background:#ffffff0d}.hero-assurance{color:#92aaca}.hero-assurance span:before{color:#75bcf3}.journey-links>a{background:#102b49a6;border-color:#ffffff12;box-shadow:0 7px 24px #0001}.journey-links>a:hover{background:#163858;border-color:#5b8dcb80;box-shadow:0 12px 30px #0002}.journey-links strong{color:#edf4ff}.journey-links small{color:#8faacb}.journey-number{background:#284c733f;color:#87b8fa;border:1px solid #6f9cd329}.journey-arrow{color:#7194c0}.audience-strip{background:#091e37;border-color:#ffffff0d}.audience-strip span{color:#627fa5}.audience-strip b{color:#91aaca}.audience-strip i{color:#e5c56c70}.feature-section{background:#071a31}.feature-section.tinted{background:#0a203a;border-color:#ffffff08}.section-heading .eyebrow{color:#73a8f1}.section-heading h2{color:#f1f6ff}.section-heading h2 span{color:#92aed2}.section-heading>p:last-child{color:#879fbe}.feature-tag{color:#75a9f0}.feature-copy h3{color:#eef5ff}.feature-copy>p{color:#95acc9}.feature-checks li{color:#adc2dd}.feature-checks li:before{background:#70aaff12;color:#7ebaf2}.text-link{color:#ffdf72;border-color:#ffdf7230}.text-link:hover{border-color:#ffdf72}.feature-copy .capability-note{color:#708bad;border-color:#2d486c}.product-stage{box-shadow:0 25px 60px #0002}.stage-blue{background:radial-gradient(ellipse at 50% 30%,#254a79,#112e51);border-color:#4975ad35}.stage-yellow{background:radial-gradient(ellipse at 50% 30%,#3d4149,#1b2d45);border-color:#8b7f4f40}.stage-navy{background:linear-gradient(135deg,#0e2c50,#173c68);border-color:#4d7ebc40}.stage-caption{color:#809dbf}.mock-window,.writing-preview{box-shadow:0 15px 40px #0003}.mock-content,.writing-body{color:#17365c}.mock-top{color:#344f70}.light#parcours{background:#0b2340;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}.light#parcours>.wrap>.eyebrow{color:#79abf5}.light#parcours>.wrap>p:not(.eyebrow){color:#819cbd}.steps{border-color:#36506f}.step{color:#8ca8ca}.step:hover{background:#ffffff05}.step[aria-selected=true]{background:#ffffff03;color:#ffdf72;border-bottom-color:#ffdf72}.panel{background:#102c4c;border-color:#2b4565;box-shadow:0 15px 35px #0001}.panel h3{color:#eef5ff}.panel p{color:#9db5d3}.panel .pill{background:#1b3a60;color:#a5c8fa;border-color:#37567e}.method-section{background:#071a31}.method-section h2{color:#f2f6ff}.split>div>p:not(.eyebrow):not(.lead):not(.micro){color:#95acc9}.method-section .lead{color:#c4d5eb}.method-section .list{background:#0d2948;border-color:#254364}.method-section .list li{border-color:#ffffff0b;color:#b5cae3}.list li:before{color:#7babeb}.status{background:#132e4f;color:#91afd3;border:1px solid #2b486b}.method-section .micro{color:#718fb3}.statement{background:radial-gradient(ellipse at 85% 50%,#1a4e8f,transparent 65%),#0c2d55;border-top:1px solid #365b861f;border-bottom:1px solid #365b861f}.statement h2{color:#f6f9ff}.statement p.lead{color:#9fbada}details{border-color:#2b4260}summary{color:#c5d5eb}details p{color:#8fa9c9}.cta{background:radial-gradient(ellipse at 90% 40%,#25528e,transparent 65%),#102f55;border:1px solid #5275a344;box-shadow:0 15px 60px #0001}.cta h2{color:#f3f7ff}.cta p{color:#9ab2d0}.page-title{background:radial-gradient(ellipse at 50% -40%,#204a7b,transparent 75%),#0a223e;border-color:#ffffff0a}.page-title h1{color:#f4f8ff}.page-title .lead{color:#9bb4d5}.page-title .eyebrow{color:#80b3fa}.card{background:#0f2a48;border-color:#2b4566;box-shadow:0 10px 30px #0001}.card h3{color:#e8f1ff}.card p{color:#93accb}.card .num{color:#7b9bc2}.card .num:before{background:#1c3f6a;color:#9bc4ff}.three .card:nth-child(2) .num:before{background:#193d59;color:#91c8e0}.three .card:nth-child(3) .num:before{background:#4b452c;color:#f4d576}.featured{border-color:#7b9fda;background:linear-gradient(155deg,#173b64,#102c4c);box-shadow:0 16px 45px #0002}.featured:after{color:#99bff4}.price{color:#ffdf72}.card .list li{color:#a7bedb;border-color:#ffffff0d}.card .btn.blue{background:#2f6de8;color:#fff}.light{background:#0b2340;border-color:#ffffff09}.light h3{color:#dbe8fb}.light p{color:#9bb0cd}.founder{background:linear-gradient(135deg,#193d65,#102a49);border-color:#35547b;color:#82b4f9}.founder:after{color:#7899c1}.micro{color:#7894b7}.formbox{background:#102b49;border-color:#2d496b;box-shadow:0 20px 70px #0002}.formbox h3{color:#edf4ff}.formbox label{color:#b9cce6}.formbox input,.formbox select,.formbox textarea{background:#0b213c;border-color:#355070;color:#dbe7f9;color-scheme:dark}.formbox input::placeholder,.formbox textarea::placeholder{color:#6f8aae}.formbox input:focus,.formbox select:focus,.formbox textarea:focus{background:#102c4d;border-color:#7baff7}.formbox .notice,.notice{background:#ffdf720b;border-color:#cfb45d;color:#c8b77e}.formbox .micro{color:#7391b7}.formbox .btn.blue{background:#ffdf72;color:#102a48}.check a{color:#a9cfff}.feedback[data-state=error]{color:#ffb4b8}.feedback[data-state=success]{color:#8fe1bb}.legal h1,.legal h2,.legal h3{color:#edf4ff}.legal p{color:#93adce}.skip:focus{background:#fff;color:#17365b}footer{background:#051426;border-color:#ffffff0a}footer .foot>div:first-child p{color:#96adca}footer .foot>div:last-child{color:#91aaca}footer .foot>div:last-child p,footer small{color:#58789f}
@media(max-width:900px){.nav nav{background:#0c2440;color:#c1d3eb;border-color:#2d496c;box-shadow:0 20px 40px #0003}.nav .brand{padding:4px 11px;border-radius:8px}.nav .brand-logo{width:119px}}@media(max-width:480px){.nav .brand-logo{width:108px}.nav .brand{padding:3px 9px}}
/* Version officielle sur marine : cadrage CSS, fichier original conservé. */
.nav .brand,.footer-brand{position:relative;display:block;width:92px;height:44px;padding:0;margin:0;background:transparent;border-radius:0;overflow:hidden;isolation:isolate;mix-blend-mode:lighten}
.nav .brand .brand-logo,.footer-brand .brand-logo{position:absolute;width:275%;max-width:none;height:auto;left:-87%;top:-110%;object-fit:initial}
.footer-brand{width:92px;height:44px;margin-bottom:8px}footer .foot>div:first-child p{margin-top:12px}
@media(max-width:900px){.nav .brand{width:86px;height:41px}.nav .brand .brand-logo{width:275%}.footer-brand{width:86px;height:41px}}
@media(max-width:480px){.nav .brand{width:80px;height:39px}.nav .brand .brand-logo{width:275%}.footer-brand{width:80px;height:39px}}
/* Section Vérifier : mêmes nuances et rythme typographique que les étapes précédentes. */
.selection-qualification{margin-top:35px;padding-top:30px;border-top:1px solid #ffffff12}
:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy .feature-checks{padding-left:16px}
:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy .feature-tag{font-size:10px;font-weight:600;letter-spacing:1.25px;line-height:1.7;color:#89b6f2;margin-bottom:12px;max-width:420px}
:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy .feature-tag{display:inline-block;width:fit-content;max-width:100%;padding:8px 13px;border:1px solid #ffffff18;border-radius:20px;background:#ffffff05}
:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy h3{font-size:27px;font-weight:550;letter-spacing:-.65px;line-height:1.3;color:#edf4ff;margin-bottom:19px}
@media(max-width:900px){:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy h3{font-size:26px}}
@media(max-width:480px){:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy .feature-tag{font-size:9px;letter-spacing:1px}:is(#selectionner,#comprendre,#construire,#verifier) .feature-copy h3{font-size:23px;letter-spacing:-.4px}}
.selection-qualification>p{font-size:14px;line-height:1.9;color:#95acc9}
@media(max-width:480px){.selection-qualification>p{font-size:13px}}
#verifier .split>div>p:not(.micro){font-size:14px;line-height:1.9;color:#95acc9}
#verifier .feature-checks li{font-size:12px;line-height:1.6;color:#adc2dd;margin:13px 0;padding:0;border:0}
#verifier .micro{font-size:12px;line-height:1.8;color:#95acc9}
@media(max-width:480px){#verifier .split>div>p:not(.micro){font-size:13px}#verifier .feature-checks li{font-size:11px}#verifier .micro{font-size:11px}}

#verifier .split .feature-checks{padding-left:16px}
#verifier .decision-map .map-grid{align-items:stretch}
.statement h2 .conviction-secondary{color:#a8b9cf}
#verifier.feature-section{background:#0a203a}
.page-title h1 .about-title-secondary{color:#a8b9cf}
.eyebrow.about-origin-label{color:#73a8f1}
.founder-portrait{width:min(100%,320px);aspect-ratio:1;border:1px solid #35547b;border-radius:14px;overflow:hidden;margin-bottom:25px;background:#102a49}
.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:480px){.founder-portrait{width:min(100%,280px)}}
.founder-profile{display:grid;grid-template-columns:320px minmax(0,1fr);gap:45px;align-items:center}
.founder-profile .founder-portrait{margin-bottom:0}
.founder-bio{max-width:650px}
.founder-bio>p:last-child{margin-bottom:0}
.career-logos{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
.career-logos figure{margin:0;width:180px}
.career-logos figure>div{height:78px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #e2e8f0}
.career-logos img{display:block;max-width:100%;max-height:54px;object-fit:contain}
.career-logos figcaption{font-size:10px;color:#92adce;line-height:1.7;margin-top:9px}
.founder-credentials{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.founder-credentials h3{margin:0}
.education-logos{display:flex;align-items:center;gap:12px}
.education-logos>span{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.55);border-radius:11px;padding:12px 16px;height:62px;min-width:122px;box-shadow:0 5px 18px rgba(0,8,24,.12);backdrop-filter:blur(8px)}
.education-logos img{display:block;object-fit:contain;max-width:120px;max-height:36px}
@media(max-width:480px){.founder-credentials{gap:15px}.education-logos>span{height:54px;min-width:108px;padding:10px 12px}.education-logos img{max-width:108px;max-height:30px}}
.data-protection .three{row-gap:22px}
.about-faq{background:#0a203a;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}
.faq-heading{text-align:center;max-width:750px;margin:0 auto 40px}
.faq-heading h2{margin-left:auto;margin-right:auto}
.faq-heading>p{color:#95acc9;font-size:14px;line-height:1.8}
.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.about-faq .faq-topic{padding:0;border:1px solid #355070;border-radius:12px;background:#102c4b;overflow:hidden}
.faq-topic>summary{padding:23px 20px;font-size:14px;line-height:1.5;min-height:90px;color:#d8e8fc}
.faq-topic[open]>summary{border-bottom:1px solid #355070;color:#ffdf72}
.faq-topic-body{padding:0 20px 10px}
.about-faq .faq-topic-title{font-size:14px;font-weight:600;line-height:1.5;color:#ffdf72;margin:0;padding:23px 20px;border-bottom:1px solid #355070;min-height:90px;display:flex;align-items:center;letter-spacing:0}
@media(max-width:600px){.about-faq .faq-topic-title{min-height:0;padding:20px}}
.faq-topic-body details{padding:17px 0}
.faq-topic-body summary{font-size:12px;line-height:1.7}
.faq-topic-body p,.faq-topic-body li{font-size:12px;line-height:1.85;color:#9fb5d2}
.faq-topic-body ul{padding-left:18px}
.founder-bio>p{font-size:14px;line-height:1.9;color:#9bb0cd}
@media(max-width:1000px){.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.faq-grid{grid-template-columns:1fr}.faq-topic>summary{min-height:0;padding:20px}.founder-bio>p{font-size:13px}}
.data-protection .card h3{font-size:21px;max-width:none}
.protection-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#79adff12;border:1px solid #79adff26;color:#85b4f6;margin-bottom:24px}
.protection-icon svg{width:25px;height:25px}
@media(max-width:760px){.founder-profile{grid-template-columns:1fr;gap:27px}}
#verifier .verification-validation{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff12}
#verifier .verification-validation b{display:block;font-size:10px;color:#d8c075;font-weight:600}
#verifier .verification-validation p{font-size:10px;line-height:1.8;color:#9db7d9;margin:9px 0 0}
@media(max-width:480px){#verifier .verification-validation b{font-size:9px}#verifier .verification-validation p{font-size:8px}#verifier .decision-map .map-label{font-size:6px;letter-spacing:.6px}}
#comprendre .decision-map .map-grid{align-items:stretch}
#comprendre .understanding-inputs{list-style:none;margin:16px 0 0;padding:0}
#comprendre .understanding-inputs li{display:flex;gap:7px;align-items:baseline;font-size:10px;line-height:1.7;color:#9db7d9;margin:9px 0}
#comprendre .understanding-inputs li:before{content:'';width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#7fabdf;align-self:flex-start;margin-top:7px}
#comprendre .decision-map .map-cell h4{line-height:1.4}
#construire .construction-map .map-grid{align-items:stretch}
#construire .construction-result{background:#ffffff09;border-color:#7da9e238}
#construire .construction-validation{margin-top:24px}
#construire .construction-map .map-label{font-size:7px;letter-spacing:1px}
@media(max-width:480px){#construire .construction-map .map-label{font-size:6px;letter-spacing:.6px}#construire .construction-map .map-cell>span{font-size:5px}#construire .construction-validation{margin-top:18px}}
@media(max-width:480px){#comprendre .understanding-inputs li{font-size:8px;gap:5px;margin:8px 0}#comprendre .understanding-inputs li:before{width:3px;height:3px;margin-top:6px}}

/* Diplômes : logos sous le nom, sur surfaces blanches opaques. */
.founder-credentials{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:24px}
.education-logos>span{background:#fff;border-color:#e2e8f0;min-width:142px;height:70px;padding:14px 18px}
.education-logos img{max-width:130px;max-height:40px}
@media(max-width:480px){.education-logos{gap:10px;flex-wrap:wrap}.education-logos>span{min-width:125px;height:62px;padding:12px 15px}}

.founder-profile{align-items:start}
/* Alternance réservée à la page À propos. */
.about-page .page-title{background:#071a31}
.about-page main>section.light{background:#0a203a}
.about-page .about-faq{background:#071a31}
.about-page main>section.wrap:last-child{width:100%;background:#0a203a;padding-left:5%;padding-right:5%}
.about-page main>section.wrap:last-child .cta{max-width:1200px;margin-left:auto;margin-right:auto}
.career-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%}
.career-logos figure{width:auto;min-width:0}
.career-logos figure>div{height:58px;padding:10px;border-radius:8px}
.career-logos img{width:100%;height:36px;max-height:36px;object-fit:contain}
@media(max-width:480px){.career-logos{gap:6px}.career-logos figure>div{height:44px;padding:6px;border-radius:6px}.career-logos img{height:28px;max-height:28px}}