@font-face {
    font-family: "Bricolage Grotesque";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url(fonts/bricolage-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Bricolage Grotesque";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url(fonts/bricolage-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
    src: url(fonts/jetbrains-mono-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
    src: url(fonts/jetbrains-mono-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
    --kar-navy:    #0A122B; 
    --kar-slate:   #3A6A82; 
    --kar-teal:    #3E8E9C; 
    --kar-mint:    #70FFE8; 
    --kar-cream:   #F5F1EA; 
    --kar-white:   #FFFFFF;
}
body,
button,
input,
select,
textarea,
.ast-container {
    font-family: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;
}
h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title {
    font-family: "Bricolage Grotesque", system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--kar-navy);
}
.ast-button,
.button,
button,
.wp-block-button__link,
input[type="submit"],
.wpcf7-submit {
    background-color: var(--kar-mint);
    color: var(--kar-navy);
    border: none;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
.ast-button:hover,
.button:hover,
button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover {
    background-color: var(--kar-teal);
    color: var(--kar-white);
    transform: translateY(-1px);
}
a {
    color: var(--kar-slate);
    transition: color 0.2s ease;
}
a:hover {
    color: var(--kar-navy);
}
.kar-section-dark {
    background-color: var(--kar-navy);
    color: var(--kar-white);
}
.kar-section-dark h1,
.kar-section-dark h2,
.kar-section-dark h3,
.kar-section-dark h4 {
    color: var(--kar-white);
}
.kar-section-dark a {
    color: var(--kar-mint);
}
.kar-section-dark a:hover {
    color: var(--kar-white);
}
.kar-accent { color: var(--kar-mint); }
:focus-visible{outline:2px solid #70FFE8!important;outline-offset:3px!important}
.preuve :focus-visible{outline-color:#0A122B!important}
body .foot{position:relative;z-index:2;padding:clamp(60px,9vh,96px) clamp(20px,5vw,72px) 36px;border-top:1px solid rgba(234,239,242,.1);background:transparent}
body .foot-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:clamp(28px,4vw,64px);align-items:start;padding-bottom:46px}
body .foot .wordmark{font-weight:700;font-size:1.45rem;letter-spacing:-.01em;color:#EAEFF2}
body .foot .wordmark b{color:#70FFE8}
body .foot-base{margin:14px 0 0;color:#8aa0ab;font-size:.98rem;line-height:1.5;max-width:24ch}
body .foot .foot-t{font-family:"JetBrains Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.6rem;font-weight:400;margin:0 0 16px}
body .foot a{color:#4FB3BF;text-decoration:none;display:block;margin-bottom:10px;font-size:.96rem;transition:color .2s}
body .foot a:hover{color:#70FFE8}
body .foot-contact .mail{font-size:1.05rem;color:#EAEFF2;font-weight:500}
body .foot-contact span{display:block;color:#8aa0ab;font-size:.95rem;margin-top:10px}
body .foot-bottom{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;font-family:"JetBrains Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;border-top:1px solid rgba(234,239,242,.07);padding-top:24px}
@media (max-width:900px){body .foot-top{grid-template-columns:1fr 1fr;gap:32px}}
body .foot .foot-bottom a{display:inline;margin:0;font-size:inherit;color:#7F9DAD}
body .foot .foot-bottom a:hover{color:#70FFE8}
body .foot h4,body .foot .foot-t,body .foot-bottom,body .foot-bottom span{color:#7F9DAD!important}
body .preuve .eyebrow,body .preuve__foot b{color:#2A6F7A!important}
body .preuve .stat b small{-webkit-text-fill-color:#2A6F7A!important}
.kar-menu{display:none}
@media (max-width:900px){
body .bar{position:relative;z-index:40}
body .bar .kar-menu{display:inline-flex;align-items:center;gap:10px;margin:0;background:rgba(234,239,242,.06)!important;border:1px solid rgba(234,239,242,.22)!important;color:#EAEFF2!important;border-radius:999px!important;padding:10px 16px!important;min-height:42px;font-family:"JetBrains Mono",ui-monospace,monospace!important;font-weight:500!important;font-size:.66rem!important;letter-spacing:.14em!important;text-transform:uppercase;line-height:1;cursor:pointer;transform:none!important;box-shadow:none!important}
body .bar .kar-menu:hover{background:rgba(234,239,242,.12)!important;color:#EAEFF2!important}
.kar-menu__ico{position:relative;display:block;width:16px;height:10px}
.kar-menu__ico::before,.kar-menu__ico::after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:#70FFE8;transition:transform .25s,top .25s}
.kar-menu__ico::before{top:0}
.kar-menu__ico::after{top:8px}
.kar-ouvert .kar-menu__ico::before{top:4px;transform:rotate(45deg)}
.kar-ouvert .kar-menu__ico::after{top:4px;transform:rotate(-45deg)}
body .bar.kar-ouvert .nav{display:flex!important;flex-direction:column;align-items:stretch;gap:0!important;position:absolute;top:calc(100% - 8px);left:clamp(12px,4vw,24px);right:clamp(12px,4vw,24px);z-index:50;padding:8px;background:#0E1B33;border:1px solid rgba(234,239,242,.16);border-radius:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.75)}
body .bar.kar-ouvert .nav a{display:block;padding:16px 14px;font-size:.74rem;color:#EAEFF2!important;border-bottom:1px solid rgba(234,239,242,.08)}
body .bar.kar-ouvert .nav a:last-child{border-bottom:0}
}
@media (prefers-reduced-motion:reduce){.kar-menu__ico::before,.kar-menu__ico::after{transition:none}}
.kf-requis{font-weight:400;font-size:.85em;color:#9fb4bd}
html.kar-pause .kar-fige{animation-play-state:paused!important}
body .bar .nav{margin-left:auto}
body .bar .kar-pause-btn{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 26px;padding:8px 12px!important;min-height:36px;background:transparent!important;border:1px solid rgba(234,239,242,.18)!important;border-radius:999px!important;color:#9fb4bd!important;font-family:"JetBrains Mono",ui-monospace,monospace!important;font-weight:500!important;font-size:.6rem!important;letter-spacing:.12em!important;text-transform:uppercase;line-height:1;cursor:pointer;transform:none!important;box-shadow:none!important;transition:color .2s,border-color .2s}
body .bar .kar-pause-btn:hover{color:#EAEFF2!important;border-color:rgba(234,239,242,.4)!important;background:transparent!important}
.kar-pause__ico{position:relative;display:block;width:8px;height:9px;border-left:2px solid #70FFE8;border-right:2px solid #70FFE8}
html.kar-pause .kar-pause__ico{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #70FFE8}
@media (max-width:900px){
body .bar .kar-pause-btn{margin-left:auto;margin-right:10px;min-height:42px;padding:10px 13px!important}
body .bar .kar-pause-btn .kar-pause__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (min-width:901px) and (max-width:1180px){body .bar .nav{gap:16px!important}body .bar .nav a{font-size:.64rem;letter-spacing:.1em}body .bar .kar-pause-btn{margin-left:18px}}
body .clair{background:#F4F7F8;color:#26384A}
body .clair + .clair{padding-top:clamp(10px,2vh,30px)}
body .clair h2,body .clair h3,body .clair .step b,body .clair .faq summary,body .clair .signal p{color:#0A122B!important}
body .clair .grad,body .clair .domain h3,body .clair .card .k{background:linear-gradient(110deg,#1F5F6B,#3E8E9C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body .clair .eyebrow,body .clair .signal span,body .clair .faq summary::after{color:#2A6F7A}
body .clair .signals,body .clair .signal,body .clair .domains,body .clair .domain,body .clair .faq,body .clair .faq details{border-color:rgba(10,18,43,.12)}
body .clair .domain:hover{background:rgba(10,18,43,.03)}
body .clair .domain::before{background:#3E8E9C}
body .clair .domain p,body .clair .step p,body .clair .faq details p,body .clair .card p{color:#3A4A55}
body .clair .domain .tools,body .clair .card .cat{color:#52667A}
body .clair .card{background:#fff;border-color:rgba(10,18,43,.08);box-shadow:0 1px 2px rgba(10,18,43,.04),0 18px 40px -26px rgba(10,18,43,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
body .clair .card:hover{border-color:rgba(62,142,156,.45);background:#fff}
body .clair .card .benef{color:#0A122B}
body .clair .steps::before{background:linear-gradient(90deg,#3E8E9C,#70FFE8)}
body .clair .step::before{background:#F4F7F8;border-color:#3E8E9C;box-shadow:none}
body .clair a:not(.btn){color:#1F5F6B;text-decoration:underline!important;text-underline-offset:3px}
body .clair :focus-visible{outline-color:#0A122B!important}
body .clair .transverse{color:#2A6F7A}
body .clair .sec-lede,body .clair .big,body .clair .porte__what{color:#3A4A55}
body .clair .big2{color:#1F5F6B}
body .clair .card .tags span{color:#3A5566;border-color:rgba(10,18,43,.16)}
body .clair .card a:not(.btn){color:#1F5F6B}
body .clair .phone-cap b{color:#0A122B}
body .clair .phone-cap span{color:#52667A}
body .clair .phone-card::before{opacity:.18}
body .clair .porte-list,body .clair .porte{border-color:rgba(10,18,43,.12)}
body .clair a.porte{text-decoration:none!important;color:inherit}
body .clair .porte__who{color:#0A122B}
body .clair .porte:hover{background:rgba(10,18,43,.03)}
body .clair .porte:hover .porte__who{background:linear-gradient(110deg,#1F5F6B,#3E8E9C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body .clair .porte::before{background:#3E8E9C}
body .clair .porte__refs,body .clair .porte__go{color:#52667A}
body .clair .porte:hover .porte__go{color:#1F5F6B}
body .clair .pilier,body .clair .offer,body .clair .steps,body .clair .step{border-color:rgba(10,18,43,.12)}
body .clair .pilier__k,body .clair .step__d em{background:linear-gradient(110deg,#1F5F6B,#3E8E9C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body .clair .pilier__tags span{color:#3A5566;border-color:rgba(10,18,43,.16)}
body .clair .pilier__lede,body .clair .offer .livre,body .clair .step__d{color:#3A4A55}
body .clair .offer .acc{color:#0A122B}
body .clair .offer .livre{border-left-color:rgba(62,142,156,.5)}
body .clair .offer .livre i,body .clair .step__when{color:#2A6F7A}
body .clair a.pilier__more{color:#1F5F6B;text-decoration:none!important}
body .clair .step__role span{color:#52667A}
body .clair .step:hover{background:rgba(10,18,43,.03)}
body .clair #parcours .step::before{background:#3E8E9C;border:0}
body .clair .prose b{color:#0A122B;font-weight:600}
body .clair .case{border-color:rgba(10,18,43,.12)}
body .clair .case__tags span{color:#3A5566;border-color:rgba(10,18,43,.16)}
body .clair .case__tags span.sect{color:#fff;background:linear-gradient(110deg,#1F5F6B,#3E8E9C)}
body .clair .case__sub{color:#0A122B}
body .clair .case__ctx,body .clair .case__done li,body .clair .ref em,body .clair .xp span{color:#3A4A55}
body .clair .case__done,body .clair .case__done li{border-color:rgba(10,18,43,.1)}
body .clair .case__done li::before{border-color:#3E8E9C}
body .clair .kpi b,body .clair .xp b{background:linear-gradient(110deg,#0A122B,#2A6F7A);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body .clair .kpi span,body .clair .phone figcaption,body .clair .ref .p span{color:#52667A}
body .clair .ref .p span{border-color:rgba(10,18,43,.14)}
body .clair .phone::before{opacity:.18}
body .clair .mock .frame{filter:drop-shadow(0 20px 30px rgba(10,18,43,.28))}
body .clair .bigstat,body .clair .ref,body .clair .xp a{background:#fff;border-color:rgba(10,18,43,.08);box-shadow:0 1px 2px rgba(10,18,43,.04),0 18px 40px -26px rgba(10,18,43,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
body .clair .ref:hover,body .clair .xp a:hover{background:#fff;border-color:rgba(62,142,156,.45)}
body .clair .bigstat::after{background:radial-gradient(circle at 50% 40%,rgba(62,142,156,.12),transparent 55%)}
body .clair .bigstat b{background:linear-gradient(120deg,#0A122B,#2A6F7A 60%,#3E8E9C);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body .clair .bigstat span{color:#52667A}
body .clair .ref b{color:#0A122B}
body .clair a.ref,body .clair .xp a{text-decoration:none!important}
body .clair .xp i,body .clair .inline-links a{color:#1F5F6B}
body .clair .split__body p{color:#3A4A55}
body .clair .split__body p.mut{color:#52667A}
body .clair .panel{background:#fff;border-color:rgba(10,18,43,.08);box-shadow:0 1px 2px rgba(10,18,43,.04),0 18px 40px -26px rgba(10,18,43,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
body .clair .contrast .row,body .clair .card .ex{border-color:rgba(10,18,43,.1)}
body .clair .contrast .k{color:#2A6F7A}
body .clair .contrast .t{color:#3A4A55}
body .clair .contrast .t b,body .clair .step__t,body .clair .devcap b{color:#0A122B}
body .clair .card .ex,body .clair .devcap span{color:#52667A}
body .clair .devshot::before{opacity:.18}
body .clair #deroule .step::before{background:#3E8E9C;border:0}
body .clair .related a{color:#0A122B;text-decoration:none!important}
body .clair .related a:hover{color:#1F5F6B}
body .clair .missions span{color:#0A122B;background:#fff;border-color:rgba(10,18,43,.12)}
.sec-head .sec-lede{margin:20px 0 0;font-size:clamp(1.05rem,1.2vw,1.18rem);line-height:1.65;max-width:62ch}
.duo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,6vw,110px);align-items:start}
.duo .sec-head{position:sticky;top:40px;margin:0}
.prose p{margin:0 0 1.1em;font-size:clamp(1.08rem,1.25vw,1.22rem);line-height:1.72;color:#26384A}
.prose p:last-child{margin-bottom:0}
.prose + .signals,.prose + .steps{margin-top:clamp(34px,5vh,56px)}
@media (max-width:900px){.duo{grid-template-columns:1fr}.duo .sec-head{position:static}}
body .clair .signal p{font-weight:500;font-size:clamp(1.12rem,1.5vw,1.4rem);line-height:1.45;letter-spacing:-.005em}
body .clair .signal span{font-size:.66rem;line-height:1.5}
body #ast-scroll-top{background:#0A122B!important;color:#70FFE8!important;border:1px solid rgba(112,255,232,.35)!important;border-radius:50%!important;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
body #ast-scroll-top:hover{background:#0E1B33!important}
body #ast-scroll-top svg{fill:#70FFE8!important}
body .wrap h1,body .wrap h2,body .wrap .lede,body .wrap .sec-head,body .wrap .sec-lede,body .wrap .final__sub,body .wrap .big,body .wrap .big2,body .wrap .pp-lede,body .wrap .pp-key,body .wrap .porte__what,body .wrap .step__d,body .wrap .split__body p,body .wrap .preuve__foot,body .wrap .post-chapo,body .wrap .legal,body .wrap .legal p,body .wrap .legal ul,body .wrap .tnote,body .wrap .today p{max-width:78rem!important}
body .wrap h1 span[style*="nowrap"],body .wrap h2 span[style*="nowrap"]{white-space:normal!important}
body .wrap h1,body .wrap h2,body .wrap h3{text-wrap:pretty}
body .wrap .grad{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body .wrap .post-body .prose{max-width:66ch}
body .wrap .legal dl{display:grid;grid-template-columns:max-content 1fr;gap:10px clamp(18px,3vw,40px);margin:18px 0 0;font-size:1.04rem;line-height:1.6}
body .wrap .legal dt{color:#8aa0ab}
body .wrap .legal dd{margin:0;color:#dbe4e8}
@media (max-width:560px){body .wrap .legal dl{grid-template-columns:1fr;gap:2px}body .wrap .legal dd{margin-bottom:10px}}
body .wrap .pp-panel{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;overflow:visible}
body .wrap .pp-panel::after{display:none}
body .bar a.wordmark{color:#EAEFF2;text-decoration:none!important;transition:color .25s,opacity .25s}
body .bar a.wordmark b{color:#70FFE8;transition:color .25s}
body .bar a.wordmark:hover,body .bar a.wordmark:focus-visible{color:#fff}
body .bar a.wordmark:hover b{color:#A8FFF1}
