/* A connected process, drawn in SVG so labels remain real, readable text. */
#methode{background:#fff;color:#132c50;padding-block:80px;border-top:1px solid #d6e2ef;border-bottom:1px solid #d6e2ef}
#methode .method-layout{display:block}
#methode .method-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:start;margin-bottom:50px}
#methode .method-intro .eyebrow{grid-column:1/-1;color:#175abd;font-weight:650;font-size:13px;text-transform:none;letter-spacing:0}
#methode .method-intro h2{grid-column:1;grid-row:2/4;font-size:46px;line-height:1.06;margin:0;color:#132c50}
#methode .method-intro h2 br{display:none}
#methode .method-intro h2 span{color:#132c50}
#methode .method-intro h2 span:before{content:' '}
#methode .method-intro>p:not(.eyebrow){grid-column:2;color:#465d78;font-size:16px;line-height:1.75;margin:0 0 16px;max-width:480px}
#methode .method-intro .quiet-link{grid-column:2;justify-self:start;color:#175abd;font-size:14px}
#methode .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
#methode .steps article{display:flex;flex-direction:column;gap:0;align-items:flex-start;position:relative;border:0;padding:0}
#methode .process-icon{display:grid;place-items:center;width:84px;height:84px;border:1px solid #bbd1ee;border-radius:20px;background:#edf4ff;color:#175abd;margin-bottom:22px;position:relative;z-index:1}
#methode .process-icon svg{width:38px;height:38px}
#methode .steps article:nth-child(2) .process-icon{color:#086c70;background:#eef9f7;border-color:#b7dcd7}
#methode .steps article:nth-child(3) .process-icon{color:#8a4c09;background:#fff7e8;border-color:#ebd1a7}
#methode .steps article:nth-child(4) .process-icon{color:#175abd;background:#edf4ff}
#methode .steps article:not(:last-child):after{content:'';position:absolute;top:41px;left:100px;right:0;height:2px;background:#c5d7ef}
#methode .steps article:not(:last-child):before{content:'';position:absolute;right:0;top:37px;width:8px;height:8px;border-right:2px solid #88a9d1;border-top:2px solid #88a9d1;transform:rotate(45deg)}
#methode .step-number{position:absolute;top:67px;left:65px;z-index:2;width:28px;height:28px;background:#175abd;border:3px solid white;color:white;font-size:10px;border-radius:50%}
#methode .steps h3{color:#132c50;font-size:22px;line-height:1.2;min-height:53px;margin-bottom:14px}
#methode .steps p{font-size:14px;line-height:1.75;color:#465d78;margin:0;max-width:280px}
@media(max-width:1000px){#methode .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}#methode .steps article:nth-child(2):before,#methode .steps article:nth-child(2):after{display:none}#methode .steps p{max-width:none}#methode .steps h3{min-height:0}}
@media(max-width:700px){#methode{padding-block:54px}#methode .method-intro{display:block;margin-bottom:34px}#methode .method-intro h2{font-size:36px;margin:0 0 22px}#methode .method-intro>p:not(.eyebrow){font-size:15px}#methode .steps{display:block}#methode .steps article{display:grid;grid-template-columns:66px minmax(0,1fr);column-gap:22px;padding-bottom:32px}#methode .process-icon{width:64px;height:64px;border-radius:15px;margin:0}#methode .process-icon svg{width:30px;height:30px}#methode .step-number{top:49px;left:45px;width:25px;height:25px;font-size:9px}#methode .steps h3{font-size:21px;line-height:1.25;margin:0 0 10px}#methode .steps p{font-size:14px}#methode .steps article:not(:last-child):after,#methode .steps article:nth-child(2):after{display:block;top:78px;bottom:14px;left:32px;right:auto;width:2px;height:auto}#methode .steps article:not(:last-child):before,#methode .steps article:nth-child(2):before{display:block;top:auto;bottom:14px;left:29px;right:auto;transform:rotate(135deg)}#methode .steps article:last-child{padding-bottom:0}}