/* Transition hero → engagements → création. Aucun style interne au moteur 3D. */








.config-section{padding-top:0}
.config-intro{position:relative;overflow:hidden;background:#172746;color:#fff;border-top:3px solid #4665ed}
.config-intro:after{content:"";pointer-events:none;position:absolute;right:-100px;top:-170px;width:390px;height:390px;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03}
.config-intro-inner{position:relative;z-index:1;display:grid;gap:22px;padding-block:30px}
.config-intro-kicker{display:flex;align-items:center;gap:9px;color:#bcc9ff;font-size:10px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:13px}
.config-intro-kicker>span{font-size:22px;line-height:1}
.config-intro h2{font-size:clamp(25px,6.6vw,36px);line-height:1.18;letter-spacing:-.9px;font-weight:700}
.config-intro h2>span{color:#b6c6ff}
.config-intro-guide>p{font-size:12px;color:#d1d9e8;line-height:1.7;max-width:390px}
.config-intro-details{display:flex;align-items:center;gap:20px;margin-top:18px}
.config-intro-details>span:first-child{display:flex;align-items:center;gap:10px;font-size:11px;color:#fff}
.config-intro-details b{font-size:27px;line-height:1;font-weight:650}
.config-intro-details>span:last-child{font-size:10px;line-height:1.6;color:#bdc9df;border-left:1px solid #53617a;padding-left:20px}




@media(min-width:700px){
 
 
 
 
 
 
 .config-intro-inner{grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;padding-block:40px}
 .config-intro h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1.5px}
 .config-intro-guide{justify-self:end}
 .config-intro-guide>p{font-size:13px}
 .config-intro-details{margin-top:20px}
 
 
}
@media(min-width:1100px){
 
 
 
 .config-intro-inner{padding-block:46px}
 .config-intro-guide>p{font-size:14px}
}
@media(max-width:370px){.config-intro h2{font-size:24px}.config-intro-details{gap:15px}.config-intro-details>span:last-child{padding-left:15px}}
@media print{.config-intro{background:#fff;color:#172746}.config-intro h2>span,.config-intro-guide>p,.config-intro-details>span{color:#172746}}

/* En-tête de l'outil : une barre cobalt distincte de l'introduction bleu nuit. */









/* Bandeau de réassurance typographique : 2 × 2 sur mobile, une ligne sur ordinateur. */
.engagements{background:#faf9f6;border-top:1px solid #e2e6ef;padding:12px 0}
.engagements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin-block:0;gap:0}
.engagements-grid li{padding:12px 10px;min-width:0;text-align:center}
.engagements-grid li:nth-child(even){border-left:1px solid #dce1eb}
.engagements-grid li:nth-child(n+3){border-top:1px solid #dce1eb}
.engagements-grid strong{display:block;color:#202944;font-size:13px;font-weight:700;letter-spacing:-.3px;line-height:1.35}
.engagements-grid em{font-style:normal;color:#304bd8}
.engagements-grid span{display:block;color:#626c80;font-size:10px;line-height:1.5;margin-top:4px}
@media(min-width:700px){
 .engagements{padding:22px 0}
 .engagements-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .engagements-grid li{padding:3px 14px}
 .engagements-grid li:nth-child(n+3){border-top:0}
 .engagements-grid li+li{border-left:1px solid #dce1eb}
 .engagements-grid strong{font-size:16px;letter-spacing:-.4px}
 .engagements-grid span{font-size:11px;margin-top:5px}
}
@media(max-width:350px){.engagements-grid li{padding:11px 5px}.engagements-grid strong{font-size:12px}.engagements-grid span{font-size:9px}}

/* Titre centré de l'outil : une hiérarchie commune aux deux formats. */
.config-toolbar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px 16px;text-align:center;background:linear-gradient(110deg,#283eb9,#304bd8 50%,#283eb9);border:0;border-top:1px solid #ffffff35;border-bottom:1px solid #2339a9;box-shadow:inset 0 -1px 0 #ffffff0d}
.config-toolbar-title{font-size:clamp(19px,5vw,24px);font-weight:750;line-height:1.25;letter-spacing:-.5px;color:#fff;text-wrap:balance}
.config-toolbar-help{font-size:11px;line-height:1.5;font-weight:400;color:#dbe2ff}
@media(min-width:700px){.config-toolbar{padding-block:24px;gap:8px}.config-toolbar-title{font-size:28px;letter-spacing:-.8px}.config-toolbar-help{font-size:12px}}
@media(max-width:350px){.config-toolbar{padding:20px 12px}.config-toolbar-title{font-size:19px;letter-spacing:-.6px}}

/* Compactage (27/09/2026) : la barre de titre tient sur une ligne, l'intro bleu nuit dit déjà le reste. */
.config-toolbar{flex-direction:row;flex-wrap:wrap;gap:4px 14px;padding:11px 16px}
.config-toolbar-title{font-size:16px;letter-spacing:-.3px}
.config-toolbar-help{font-size:11px}
@media(min-width:700px){.config-toolbar{padding-block:12px}.config-toolbar-title{font-size:17px}}