/* Catalogue, connecteurs et étude de cas. Préfixe isolé, disponible dans le lecteur. */
.k3m{--k3m-blue:#0d2b41;--k3m-accent:#69c3c8;--k3m-line:#c6d3dc;color:var(--k3m-blue);background:#fff;font-family:KreaHome,Arial,sans-serif;line-height:1.7;overflow-wrap:break-word}
.k3m *{box-sizing:border-box}
.k3m [hidden]{display:none!important}
.k3m .k3h-wrap{max-width:1440px;width:92%;margin-inline:auto}
:is(.k3i-main,#resultat) .k3m :is(h1,h2,h3){font-family:inherit;font-weight:400;letter-spacing:-.035em;color:inherit!important;line-height:1.12;margin:0 0 24px}
:is(.k3i-main,#resultat) .k3m h1{font-size:clamp(40px,4.4vw,70px)}
:is(.k3i-main,#resultat) .k3m h2{font-size:clamp(30px,3.05vw,46px)}
:is(.k3i-main,#resultat) .k3m h3{font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
:is(.k3i-main,#resultat) .k3m p{margin:0 0 22px;font-size:17px;line-height:1.75;color:inherit}
:is(.k3i-main,#resultat) .k3m p:last-child{margin-bottom:0}
:is(.k3i-main,#resultat) .k3m .k3m-kicker{font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase;margin:0 0 22px;color:#086868}
:is(.k3i-main,#resultat) .k3m .k3m-lead{font-size:19px;line-height:1.7;max-width:680px}
:is(.k3i-main,#resultat) .k3m .k3m-note{font-size:13px!important;line-height:1.65;opacity:.88;margin:22px 0 0;max-width:680px}
.k3m-split{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}
.k3m-split>*{min-width:0}
.k3m-section{padding:88px 0}
.k3m-page-nav{display:flex;flex-wrap:wrap;gap:8px 32px;padding-block:20px;border-bottom:1px solid var(--k3m-line)}
:is(.k3i-main,#resultat) .k3m-page-nav a{display:inline-flex;align-items:center;min-height:44px;color:#0d2b41!important;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.k3m-section[id]{scroll-margin-top:110px}
.k3m-hero{padding:28px 0 64px;background:#0d2b41;color:#fff}
:is(.k3i-main,#resultat) :is(.k3m-hero,.k3m-contact,.k3m-guidance) .k3m-kicker{color:#8bdae0}
.k3m-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:55px;font-size:13px;color:#fff}
.k3m-breadcrumb a{color:inherit!important;text-decoration:underline;text-underline-offset:4px}
.k3m-hero-grid{grid-template-columns:1.3fr 1fr;gap:clamp(32px,5vw,90px)}
.k3m-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:30px}
:is(.k3i-main,#resultat) .k3m a.k3m-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:15px 22px;border:1px solid #0d2b41;border-radius:3px;background:#0d2b41!important;color:#fff!important;font:600 15px/1.45 KreaHome,Arial,sans-serif;text-decoration:none!important;box-shadow:none;white-space:normal;text-align:left}
.k3m-button span{font-size:22px;line-height:1;flex-shrink:0}
:is(.k3i-main,#resultat) :is(.k3m-hero,.k3m-guidance,.k3m-contact) a.k3m-button{background:#fff!important;color:#0d2b41!important;border-color:#fff}
:is(.k3i-main,#resultat) .k3m a.k3m-button:hover{background:#69c3c8!important;color:#0d2b41!important;border-color:#69c3c8}
:is(.k3i-main,#resultat) .k3m a.k3m-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:inherit!important;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.k3m :is(a,summary,select,button):focus-visible{outline:3px solid #086868;outline-offset:5px}
:is(.k3m-hero,.k3m-contact,.k3m-guidance) :is(a,summary):focus-visible{outline-color:#8bdae0}
.k3m-usecases{border-left:1px solid #587182;padding-left:clamp(24px,3vw,48px)}
.k3m-usecases>div{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:23px 0;border-top:1px solid #587182}
.k3m-usecases>div:last-child{padding-bottom:0}
.k3m-usecases>div>span{font-size:12px;color:#8bdae0;letter-spacing:.06em;padding-top:6px}
:is(.k3i-main,#resultat) .k3m-usecases h2{font-size:23px;margin:0 0 8px;line-height:1.3;letter-spacing:-.02em}
.k3m-usecases p{font-size:15px;line-height:1.65}
.k3m-spotlight{border-bottom:1px solid var(--k3m-line)}
.k3m-spotlight .k3m-split{grid-template-columns:.85fr 1.15fr}
.k3m figure{margin:0}
.k3m figcaption{font-size:12px;line-height:1.6;text-align:center;margin-top:10px;opacity:.85}
.k3m .k3m-phone{display:block;width:auto;max-width:100%;height:450px;object-fit:contain;margin:auto;border:0;border-radius:0;box-shadow:none}
.k3m .k3m-hero-visual{background:transparent;padding:0;max-width:460px;width:100%;margin:auto;border-radius:0;color:#fff}
.k3m-hero-visual .k3m-phone{height:440px}
.k3m-hero-visual figcaption{color:#fff}
.k3m-connection{max-width:440px;width:100%;margin-inline:auto;text-align:center}
.k3m-connection-source{padding:26px;border:1px solid #7693a7}
.k3m-connection-source>span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8bdae0;margin-bottom:12px}
.k3m-connection-source>strong{display:block;font-size:28px;line-height:1.3;margin-bottom:16px}
:is(.k3i-main,#resultat) .k3m-connection p{font-size:14px;text-align:center!important}
.k3m-connection-arrow{display:block;font-size:36px;line-height:1;margin:18px;color:#8bdae0}
.k3m-connection-target{background:#fff;color:#0d2b41;padding:12px 24px 24px}
.k3m-connection-target img{display:block;width:260px;max-width:100%;height:auto;margin:0 auto 8px}
.k3m-evidence{max-width:1140px;margin-inline:auto!important}
.k3m-evidence img{display:block;width:100%;height:auto;border:1px solid #c6d3dc;border-radius:3px}
.k3m-evidence-copy{margin-top:40px;align-items:start}
.k3m-quote-form{min-width:0;padding:32px;border:1px solid #c6d3dc;border-radius:3px;background:#fff;color:#0d2b41}
.k3m-case-visual{max-width:440px;width:100%;justify-self:center}
.k3m-case-visual img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:none}
.k3m-case-visual figcaption{color:#fff}
.k3m-case-summary{padding:32px 0;border-bottom:1px solid #c6d3dc}
.k3m-case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0}
.k3m-case-facts div{min-width:0}
.k3m-case-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#435c6b;margin-bottom:6px}
.k3m-case-facts dd{font-size:18px;font-weight:600;margin:0}
@media(max-width:700px){.k3m-case-facts{grid-template-columns:1fr;gap:18px}.k3m-quote-form{padding:22px}.k3m-connection-source>strong{font-size:24px}.k3m-case-visual{max-width:360px}}
.k3m-checklist{list-style:none!important;padding:0!important;margin:26px 0!important}
.k3m-checklist li{position:relative;padding:12px 0 12px 28px;border-top:1px solid var(--k3m-line);font-size:16px}
.k3m-checklist li::before{content:'✓';position:absolute;left:0;color:#086868;font-weight:700}
.k3m-section-heading{max-width:840px;margin-bottom:48px}
.k3m-catalogue .k3s-section-heading{grid-template-columns:1.15fr 1fr;gap:50px;margin-bottom:36px}
.k3m-catalogue .k3s-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.k3m-catalogue .k3s-feature-card{border:1px solid var(--k3m-line);border-radius:3px;padding:28px;background:#fff;box-shadow:none}
.k3m-catalogue .k3s-feature-card>a{display:flex;flex-direction:column;height:100%;color:#0d2b41;text-decoration:none}
.k3m-catalogue .k3s-feature-card:hover{border-color:#086868;box-shadow:0 5px 0 #086868}
.k3m-catalogue .k3s-feature-card:focus-within{outline:2px solid #086868;outline-offset:4px}
:is(.k3i-main,#resultat) .k3m-catalogue .k3s-feature-card h3{font-size:23px;margin:12px 0 14px}
.k3m-catalogue .k3s-card-category{font-size:11px;letter-spacing:.05em;margin:18px 0 0;color:#435c6b}
.k3m-catalogue .k3s-card-excerpt{font-size:15px;color:#334f61;line-height:1.7;margin:0 0 24px}
.k3m-catalogue .k3s-card-action{margin-top:auto;padding-top:0;font-size:14px;color:#086868}
.k3m-catalogue .k3s-feature-icon{width:52px;height:52px;margin:0}
.k3m-catalogue .k3s-feature-icon:empty{display:none}
.k3m-catalogue-note{border-top:1px solid var(--k3m-line);padding-top:24px;max-width:none!important}
.k3m-guidance,.k3m-contact{background:#0d2b41;color:#fff}
.k3m-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.k3m-benefits article{border-top:1px solid var(--k3m-line);padding-top:24px}
.k3m-number{display:block;font-size:13px;color:#086868;margin-bottom:24px}
.k3m-benefits p{font-size:16px}
.k3m-workflow{border-block:1px solid var(--k3m-line)}
.k3m-steps{list-style:none;counter-reset:k3m-step;margin:0;padding:0}
.k3m-steps li{counter-increment:k3m-step;position:relative;padding:24px 0 24px 62px;border-top:1px solid var(--k3m-line)}
.k3m-steps li:last-child{border-bottom:1px solid var(--k3m-line)}
.k3m-steps li::before{content:counter(k3m-step,decimal-leading-zero);position:absolute;left:0;top:27px;font-size:14px;color:#086868}
:is(.k3i-main,#resultat) .k3m-steps h3{margin:0 0 12px}
.k3m-steps p{font-size:16px;margin:0}
.k3m-widget-diagram{border:1px solid var(--k3m-line);padding:40px;text-align:center}
.k3m .k3m-pp-logo{display:block;width:280px;max-width:100%;height:auto;margin:0 auto;box-shadow:none;border:0;border-radius:0}
.k3m-widget-diagram .k3m-diagram-arrow{font-size:42px;line-height:1;margin:26px 0;color:#086868}
:is(.k3i-main,#resultat) .k3m .k3m-widget-diagram p{text-align:center!important}
:is(.k3i-main,#resultat) .k3m .k3m-widget-diagram .k3m-diagram-arrow{font-size:42px;line-height:1;margin:26px 0;color:#086868}
.k3m-diagram-site{border:1px solid var(--k3m-blue);padding:24px 18px}
.k3m-diagram-site span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:15px}
.k3m-diagram-site strong{display:block;font-size:22px;font-weight:600;line-height:1.4;margin-bottom:12px}
.k3m-diagram-site p{font-size:14px}
.k3m-faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(32px,7vw,100px)}
.k3m-faq details{border-top:1px solid var(--k3m-line)}
.k3m-faq details:last-child{border-bottom:1px solid var(--k3m-line)}
.k3m-faq summary{padding:22px 28px 22px 0;cursor:pointer;font-size:18px;font-weight:600;line-height:1.5;list-style-position:inside}
.k3m-faq details>p{font-size:16px;padding:0 0 22px;margin:0}
.k3m-contact{padding:80px 0}
/* Le lecteur existant remet les div et les liens à zéro : overrides ciblés. */
#k3f-feature #resultat :is(.k3m-pp-detail,.k3m-citykomi-detail){background:#fff!important;color:#0d2b41!important}
#k3f-feature #resultat .k3m .k3h-wrap{width:100%}
#k3f-feature #resultat .k3m .k3m-guidance,#k3f-feature #resultat .k3m-contact{background:#0d2b41!important;color:#fff!important;padding:40px}
#k3f-feature #resultat .k3m :is(h2,h3){margin-top:0}
#k3f-feature #resultat .k3m h2{font-size:clamp(28px,3vw,42px);line-height:1.2}
#k3f-feature #resultat .k3m .k3m-section{padding-block:48px}
#k3f-feature #resultat .k3m .k3m-steps{list-style:none;margin:0;padding:0}
#k3f-feature #resultat .k3m .k3m-steps li{padding-left:62px;margin:0}
#k3f-feature #resultat .k3m a.k3m-button{color:#fff!important;background:#0d2b41!important;text-decoration:none!important}
#k3f-feature #resultat :is(.k3m-guidance,.k3m-contact) a.k3m-button{color:#0d2b41!important;background:#fff!important}
#k3f-feature #resultat .k3m a.k3m-link{color:inherit!important}
#k3f-feature #resultat .k3m .k3m-widget-diagram p{text-align:center!important}
:is(.k3i-main,#resultat) .k3m .k3m-usecases p:not(.k3m-kicker){font-size:15px;line-height:1.65}
:is(.k3i-main,#resultat) .k3m .k3s-card-category{font-size:11px;letter-spacing:.05em;margin:18px 0 0;color:#435c6b}
:is(.k3i-main,#resultat) .k3m .k3s-card-excerpt{font-size:15px;line-height:1.7;margin:0 0 24px;color:#334f61}
:is(.k3i-main,#resultat) .k3m :is(.k3m-benefits,.k3m-steps,.k3m-faq) p{font-size:16px}
:is(.k3i-main,#resultat) .k3m .k3m-steps p{margin:0}
:is(.k3i-main,#resultat) .k3m .k3m-diagram-site p{font-size:14px}
@media(min-width:1600px){.k3m-hero-grid{gap:90px}}
@media(max-width:1000px){.k3m-split,.k3m-hero-grid{gap:36px}.k3m-catalogue .k3s-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k3m-hero-visual .k3m-phone{height:420px}.k3m-benefits{gap:24px}.k3m-widget-diagram{padding:26px}.k3m-faq-layout{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.k3m-section{padding:54px 0}.k3m-split,.k3m-hero-grid,.k3m-spotlight .k3m-split,.k3m-catalogue .k3s-section-heading{grid-template-columns:1fr;gap:32px}.k3m-breadcrumb{margin-bottom:35px;font-size:12px;gap:8px}.k3m-hero{padding-bottom:44px}.k3m .k3m-lead{font-size:17px}.k3m-usecases{padding:28px 0 0;border-left:0;border-top:1px solid #587182}.k3m-usecases>div{padding:18px 0}.k3m-hero-visual .k3m-phone{height:350px}.k3m-spotlight-visual{order:2}.k3m .k3m-phone{height:350px}.k3m-benefits{grid-template-columns:1fr;gap:26px}.k3m-section-heading{margin-bottom:32px}.k3m-actions{gap:14px 22px}.k3m-contact{padding:52px 0}.k3m-widget-section{gap:36px}.k3m-steps li{padding-left:44px}.k3m-catalogue .k3s-feature-grid{grid-template-columns:1fr}.k3m-catalogue .k3s-feature-card{padding:24px}.k3m-faq summary{font-size:17px}#k3f-feature #resultat .k3m .k3m-guidance,#k3f-feature #resultat .k3m-contact{padding:28px 20px}#k3f-feature #resultat .k3m .k3m-steps li{padding-left:40px}}
@media(prefers-reduced-motion:reduce){.k3m *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){:is(.k3i-main,#resultat) .k3m .k3m-lead{font-size:17px}}
@media(forced-colors:active){.k3m-button,.k3m-usecases,.k3m-feature-card{border:1px solid CanvasText}}