/* 3.80 — Pages intérieures. L'accueil reste indépendant de cette feuille.
 * Les composants métier, formulaires et explorateurs conservent leur structure. */
@font-face{font-family:KreaHome;src:url('../fonts/metropolis/metropolis-bold-webfont.woff2') format('woff2');font-weight:700;font-display:swap}
.k3-inner-page{--k3h-green:#3155ee;--k3h-aqua:#aec0ff;--k3ia-night:#091c30;--k3ia-blue:#3155ee;--k3ia-ease:cubic-bezier(.19,1,.22,1)}
.k3-inner-page .k3h-header{background:#091c30;color:#fff;border-top:0}
.k3-inner-page .k3h-header-inner{height:110px;border-color:#ffffff29}
.k3-inner-page .k3h-logo img{filter:brightness(0) invert(1);width:144px;height:72px}
.k3-inner-page .k3h-header .k3h-menu-toggle{background:transparent;color:#fff}
.k3-inner-page .k3h-header .k3h-header-contact{border-radius:40px;background:#fff;border-color:#fff;color:#0d2b41!important}
.k3-inner-page .k3h-header .k3h-header-contact:hover{background:#3155ee;color:#fff!important}
.k3-inner-page .k3h-navigation a:hover{color:#aec0ff}
.k3-inner-page .k3h-navigation a{color:#fff}
.k3-inner-page .k3h-navigation a[aria-current]{text-decoration-color:#aec0ff;text-decoration-thickness:2px}
.k3-inner-page .k3h-header :focus-visible{outline-color:#fff}
.k3-inner-page .k3h-footer{background:#091c30;padding-bottom:80px}
.k3-inner-page #ancre-contenu{--k3m-accent:#aec0ff}
.k3-inner-page #ancre-contenu :is(h1,h2,h3){font-weight:700;letter-spacing:-.045em;text-wrap:balance}
.k3-inner-page #ancre-contenu h2{font-size:clamp(32px,3.9vw,62px);line-height:1.1}
.k3-inner-page #ancre-contenu h3{font-size:clamp(22px,2.1vw,32px);line-height:1.25}
.k3-inner-page #ancre-contenu .k3h-wrap{max-width:1490px}
.k3-inner-page #ancre-contenu :is(.k3i-section,.k3s-section,.k3m-section){padding-block:clamp(64px,7.6vw,120px)}
.k3-inner-page #ancre-contenu :is(.k3i-eyebrow,.k3s-eyebrow,.k3h-eyebrow,.k3m-kicker,.k3p-eyebrow){font-size:11px;letter-spacing:.13em;font-weight:600}
.k3-inner-page #ancre-contenu .k3m .k3m-kicker{color:#3155ee}
.k3-inner-page #ancre-contenu .k3i-eyebrow::before{display:none}
.k3-inner-page #ancre-contenu :is(a,button,summary,input,select,textarea):focus-visible{outline-color:#3155ee}

/* Un premier écran éditorial, posé sur un relief de lignes vivant, pas sur une photo. */
.k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero){position:relative;isolation:isolate;overflow:hidden;padding:30px 0 clamp(68px,7vw,115px);background:#091c30!important;color:#fff;border:0}
.k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero)::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#091c30 15%,#091c30b8 48%,#091c3020 100%)}
.k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero) h1{font-size:clamp(46px,6.5vw,106px);font-weight:700;line-height:1.02;letter-spacing:-.06em;max-width:16ch;color:#fff;margin:0 0 30px}
.k3-inner-page #ancre-contenu :is(.k3i-breadcrumb,.k3s-breadcrumb,.k3m-breadcrumb){margin-bottom:clamp(38px,5vw,80px);font-size:11px;line-height:1.7;color:#c5d0e6;gap:10px}
.k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero) :is(.k3i-eyebrow,.k3s-eyebrow,.k3h-eyebrow,.k3m-kicker,.k3p-eyebrow){color:#aec0ff}
.k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero) :is(.k3i-lead,.k3s-intro,.k3p-intro,.k3m-lead,.k3i-offer-intro p){color:#d6e0f3;font-size:17px;line-height:1.8;max-width:64ch}
.k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero) :is(a,button):focus-visible{outline-color:#fff}
.k3ia-art{position:absolute;z-index:-2;width:75%;height:145%;right:-12%;top:-18%;pointer-events:none;overflow:hidden;opacity:.58;transition:transform 1.4s var(--k3ia-ease)}
.k3ia-art svg{display:block;width:100%;height:100%;max-width:none}
.k3ia-signals path{stroke-dashoffset:350}
.k3ia-signals path:nth-child(2){stroke-dashoffset:750}
.k3i-contact-strip>.k3ia-art{display:block}
.k3-inner-page #ancre-contenu .k3a-offer-hero{min-height:680px}
.k3-inner-page .k3a-offer-hero-copy{max-width:950px}
.k3-inner-page #ancre-contenu .k3a-offer-hero h1{max-width:17ch}
.k3-inner-page .k3a-offer-hero .k3ia-art{right:-10%;width:68%;opacity:.9}
.k3-inner-page #ancre-contenu .k3a-offer-hero::after{background:linear-gradient(90deg,#091c30 15%,#091c3090 52%,#091c3000)}
.k3-inner-page #ancre-contenu .k3a-offer-hero-copy>p:not(.k3h-eyebrow){max-width:53ch;font-size:17px;color:#d6e0f3}
.k3-inner-page #ancre-contenu .k3a-offer-hero .k3h-button{background:#fff;border-color:#fff;color:#0d2b41!important}
.k3-inner-page #ancre-contenu :is(.k3m-hero,.k3s-hero):has(.k3m-hero-grid,.k3s-hero-grid) h1{font-size:clamp(44px,5.1vw,82px)}
.k3-inner-page .k3m-hero-grid{gap:clamp(40px,6vw,100px)}
.k3-inner-page .k3m-hero .k3ia-art{opacity:.3}
.k3-inner-page .k3p-heading-grid{grid-template-columns:1.3fr 1fr;gap:8%;align-items:end}
.k3-inner-page #ancre-contenu .k3p-heading h1{max-width:10ch;font-size:clamp(66px,8.4vw,135px)}

/* Actions franches et cohérentes ; aucune surface interactive factice. */
.k3-inner-page #ancre-contenu :is(.k3h-button,.btn-krea,.k3m-button,.krea3-pricing-card__cta){border-radius:7px;min-height:54px;padding:15px 23px;font-size:13px;transition:background-color .2s,color .2s,border-color .2s}
.k3-inner-page #ancre-contenu :is(.k3h-button,.btn-krea,.k3m-button,.krea3-pricing-card__cta):hover{background:#3155ee!important;border-color:#3155ee!important;color:#fff!important}
.k3-inner-page #ancre-contenu .k3m a.k3m-button{border-radius:7px}
.k3-inner-page #ancre-contenu .k3m a.k3m-button:hover{background:#3155ee!important;border-color:#3155ee!important;color:#fff!important}
.k3-inner-page #ancre-contenu .k3h-text-link{font-size:14px;text-underline-offset:6px}
.k3-inner-page #ancre-contenu :is(.k3i-section--pale,.k3s-pale,.k3m-guidance,.k3m-contact,.krea3-offer-contact,.k3i-contact-strip,.krea3-pricing-section){background:#091c30!important;color:#fff}
.k3-inner-page #ancre-contenu :is(.k3i-section--pale,.k3s-pale,.k3m-guidance,.k3m-contact,.krea3-offer-contact,.k3i-contact-strip,.krea3-pricing-section) :is(a,button,summary):focus-visible{outline-color:#fff}
.k3-inner-page #ancre-contenu :is(.k3i-section--pale,.k3s-pale,.k3m-guidance,.k3m-contact,.k3i-contact-strip) :is(.k3i-eyebrow,.k3s-eyebrow,.k3m-kicker){color:#aec0ff}
.k3-inner-page #ancre-contenu :is(.k3m-hero,.k3m-guidance,.k3m-contact,.k3m-workflow) .k3m-kicker{color:#aec0ff}
.k3-inner-page #ancre-contenu :is(.k3m-workflow,.k3h-application){background:#091c30;color:#fff}
.k3-inner-page #ancre-contenu .k3h-application :is(p:not(.k3h-eyebrow),.k3h-text-link){color:#d6e0f3}
.k3-inner-page #ancre-contenu .k3h-application .k3h-eyebrow{color:#aec0ff}
.k3-inner-page #ancre-contenu .k3h-play-icon{background:#fff;color:#0d2b41}
.k3-inner-page #ancre-contenu .k3h-application :focus-visible{outline-color:#fff}
.k3-inner-page #ancre-contenu :is(.k3m-checklist li::before,.k3s-number,.k3m-number){color:#3155ee}
.k3-inner-page #ancre-contenu :is(.k3s-pale,.k3m-workflow) :is(.k3s-number,.k3m-number,.k3m-kicker){color:#aec0ff}
.k3-inner-page #ancre-contenu :is(blockquote,.k3s-reading-aside,.k3s-note,.k3i-solution-grid article,.k3i-tools-summary,.krea3-offer-contact__context){border-color:#3155ee}
.k3-inner-page #ancre-contenu .k3s-hero-facts li::before{background:#aec0ff}
.k3-inner-page #ancre-contenu .k3m-usecases>div>span{color:#aec0ff}

/* iCommune : une gamme, trois cartes, les deux modes de financement toujours visibles. */
.k3-inner-page .k3a-shortcuts{padding-block:34px 44px;border:0;gap:40px}
.k3-inner-page .k3a-shortcuts a{border-top:1px solid #bfcadb;padding-top:24px;position:relative}
.k3-inner-page .k3a-shortcuts a::after{content:'↗';position:absolute;right:0;top:20px;font-size:24px;color:#3155ee}
.k3-inner-page .k3a-shortcuts a:hover strong{color:#3155ee}
.k3-inner-page #ancre-contenu .k3a-formulas{padding-top:50px}
.k3-inner-page .k3i-offer-grid{gap:24px;margin-top:55px}
.k3-inner-page .k3i-offer-card{position:relative;border:1px solid #c4cfdf;border-top:4px solid #3155ee;border-radius:16px;padding:clamp(24px,2.5vw,40px);background:#fff;color:#0d2b41;transition:transform .45s var(--k3ia-ease),box-shadow .45s}
.k3-inner-page .k3i-offer-card:nth-child(2){background:#0d2b41;color:#fff;border-color:#0d2b41;border-top-color:#aec0ff}
.k3-inner-page #ancre-contenu .k3i-offer-card :is(h3,p,span,strong,small){color:inherit}
.k3-inner-page #ancre-contenu .k3i-offer-card:not(:nth-child(2)) :is(.k3i-offer-use,.k3i-price-line small){color:#506075}
.k3-inner-page #ancre-contenu .k3i-offer-card:not(:nth-child(2)) :is(.k3i-eyebrow,.k3i-price-line>span){color:#3155ee}
.k3-inner-page #ancre-contenu .k3i-offer-card:not(:nth-child(2)) .k3h-button{background:#0d2b41;border-color:#0d2b41;color:#fff!important}
.k3-inner-page #ancre-contenu .k3i-offer-card h3{font-size:clamp(32px,3vw,46px);margin-bottom:18px}
.k3-inner-page .k3i-offer-card .k3i-price-line{padding-block:20px}
.k3-inner-page .k3i-offer-card .k3i-price-line strong{font-size:27px;letter-spacing:-.04em}
.k3-inner-page .k3i-offer-card:nth-child(2) :is(.k3i-eyebrow,.k3i-price-line span,.k3i-offer-use){color:#d6e0f3}
.k3-inner-page .k3i-offer-card:nth-child(2) .k3h-button{background:#fff;color:#0d2b41!important;border-color:#fff}
.k3-inner-page .k3i-offer-card:nth-child(2) :focus-visible{outline-color:#fff}
.k3-inner-page .k3i-offer-card .k3h-button{margin-top:25px;width:100%}
.k3-inner-page .k3i-comparison{border-radius:12px;overflow:clip;margin-top:44px}
.k3-inner-page .k3i-comparison summary{padding:28px;font-size:23px;background:#0d2b41}
.k3-inner-page .k3i-comparison summary:hover{background:#153e58}
.k3-inner-page .k3a-model-grid{gap:32px}
.k3-inner-page .k3a-model-grid>a{border-radius:10px;overflow:hidden;text-decoration:none}
.k3-inner-page .k3a-model-grid img{transition:transform .7s var(--k3ia-ease)}
.k3-inner-page .k3a-model-grid>a:hover img{transform:scale(1.025)}
.k3-inner-page .k3c-callout{border-radius:12px;padding:32px}
.k3-inner-page #ancre-contenu .krea3-pricing-card{border-radius:18px;padding:clamp(24px,3.3vw,52px)}
.k3-inner-page #ancre-contenu .krea3-pricing-card::before{background:#3155ee;height:4px}
.k3-inner-page #ancre-contenu .krea3-pricing-card--monthly{background:#163b56}
.k3-inner-page #ancre-contenu .krea3-offer-contact form.visual-form-builder :is(input[type=submit],button[type=submit]):hover{background:#aec0ff;border-color:#aec0ff}
.k3-inner-page .krea3-offer-sticky-actions a:first-child{background:#fff;border-color:#fff;color:#0d2b41}

/* Portfolio éditorial : les vrais projets prennent la place, pas des faux mockups. */
.k3-inner-page #ancre-contenu #realisations.k3p-portfolio{padding-block:40px 110px}
.k3-inner-page .k3p-filters{gap:10px;border:0;margin-bottom:50px}
.k3-inner-page .k3p-filters a{border-radius:30px;border-color:#c4cfdf;padding:10px 19px}
.k3-inner-page .k3p-filters a[aria-current]{border-color:#0d2b41}
.k3-inner-page :is(.k3p-project-media,.k3i-reference-card img){border-radius:15px;overflow:hidden}
.k3-inner-page .k3p-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:75px 5%}
.k3-inner-page #ancre-contenu .k3p-project h2{font-size:clamp(24px,2.7vw,42px);font-weight:700;letter-spacing:-.04em}
.k3-inner-page .k3i-reference-grid{gap:65px 5%}
.k3-inner-page #ancre-contenu .k3i-reference-card h3{font-size:clamp(23px,2.5vw,38px)}
.k3-inner-page .k3i-reference-card a:hover h3{color:inherit;text-decoration:underline;text-underline-offset:7px}
.k3-inner-page .k3i-reference-cover{width:92%;max-width:1490px;margin:50px auto 0;border-radius:18px;overflow:hidden;background:#fff}
.k3-inner-page .k3i-reference-cover img{max-height:740px;aspect-ratio:1.95;object-fit:contain;background:#fff}
.k3-inner-page .k3i-project-aside{position:sticky;top:140px;border-top:3px solid #3155ee;padding-top:25px}
.k3-inner-page .k3i-project-layout{gap:7%;grid-template-columns:minmax(0,1fr) 240px}
.k3-inner-page .k3r-block,.k3-inner-page .k3r-media{border-radius:12px}

/* Agence et sur-mesure : un rythme éditorial, de vrais visages, des étapes illustrées. */
.k3ia-editorial-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.k3-inner-page #ancre-contenu .k3ia-editorial-intro>h2{font-size:clamp(42px,4.6vw,74px);margin:0}
.k3ia-editorial-intro>div{max-width:65ch;padding-top:6px}
.k3-inner-page .k3i-team-grid{max-width:none;gap:7%;margin-top:70px}
.k3-inner-page .k3i-team-grid article:nth-child(2){padding-top:100px}
.k3-inner-page .k3i-team-grid img{aspect-ratio:1.2;object-position:center 30%;filter:grayscale(1);border-radius:16px;transition:filter .5s}
.k3-inner-page .k3i-team-grid article:hover img{filter:grayscale(0)}
.k3-inner-page #ancre-contenu .k3i-team-grid h3{font-size:clamp(28px,3vw,45px)}
.k3-inner-page .k3i-team-grid p{max-width:48ch}
.k3-inner-page .k3i-process{gap:30px;margin-top:50px}
.k3-inner-page .k3i-process li::before{font-size:clamp(50px,6vw,88px);font-weight:700;line-height:1;color:#3155ee;letter-spacing:-.06em;margin-bottom:36px}
.k3-inner-page #ancre-contenu .k3i-process h3{font-size:23px}
.k3-inner-page #ancre-contenu .k3i-tools-summary{border-top:0;padding-top:0;gap:32px;margin-top:55px}
.k3-inner-page .k3i-tools-summary>div{border:1px solid #c4cfdf;border-radius:16px;padding:36px}
.k3-inner-page .k3i-tools-summary>div:first-child{background:#091c30;color:#fff;border-color:#091c30}

/* Outils et connecteurs : effets de profondeur légers, textes et captures intactes. */
.k3-inner-page .k3m-usecases{padding:32px;border:1px solid #738cb54d;border-radius:20px;background:#091c30d9;box-shadow:0 30px 65px #0002}
.k3-inner-page #ancre-contenu .k3m-usecases h2{font-size:23px;letter-spacing:-.03em}
.k3-inner-page #ancre-contenu .k3m-usecases p{font-size:14px;line-height:1.75}
.k3-inner-page .k3m-usecases>div:first-of-type{border-top:0}
.k3-inner-page .k3m-usecases>div>span{font-size:19px;font-weight:600}
.k3-inner-page .k3m-connection-source{background:#091c30;border-radius:18px;padding:32px}
.k3-inner-page .k3m-connection-source>span,.k3-inner-page .k3m-connection-arrow{color:#aec0ff}
.k3-inner-page .k3m-connection-target{border-radius:18px;padding:24px}
.k3-inner-page .k3m-hero .k3m-phone{height:auto;max-height:490px;filter:drop-shadow(0 30px 24px #0005)}
.k3-inner-page .k3m-benefits{gap:45px}
.k3-inner-page .k3m-benefits article{border-top:1px solid #bfcadb;padding-top:28px}
.k3-inner-page .k3m-number{font-size:clamp(45px,4.5vw,70px);font-weight:700;line-height:1;letter-spacing:-.06em;margin-bottom:30px}
.k3-inner-page .k3m-steps{border-color:#ffffff45}
.k3-inner-page .k3m-steps li::before{background:#fff;color:#0d2b41;border-color:#fff}
.k3-inner-page .k3m-catalogue .k3s-feature-card{padding:0;border-radius:16px;transition:transform .4s var(--k3ia-ease),box-shadow .4s,border-color .3s}
.k3-inner-page .k3m-catalogue .k3s-feature-card>a{padding:32px}
.k3-inner-page .k3m-catalogue .k3s-feature-card:hover{border-color:#3155ee;box-shadow:0 16px 36px #0d2b4112}
.k3-inner-page .k3s-feature-card:focus-within{outline-color:#3155ee}
.k3-inner-page .k3s-filters{border-radius:14px;padding:30px}
.k3-inner-page .k3s-feature-icon{border-radius:15px;background:#fff}
.k3-inner-page .k3s-card-action{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:20px}
.k3-inner-page .k3s-card-action::after{content:'↗';font-size:23px;color:#3155ee}
.k3-inner-page #ancre-contenu .k3s-feature-links a:hover>span{color:#aec0ff}
.k3-inner-page .k3p-project>a:hover{border-color:#3155ee}
.k3-inner-page .k3p-project>a:hover .k3p-project-action,.k3-inner-page .k3d-faq summary:hover,.k3-inner-page .k3d-proof:hover{color:#3155ee}
.k3-inner-page .k3m-quote-form{border-radius:18px;padding:clamp(20px,3vw,48px)}
.k3-inner-page .k3m-case-facts{padding-block:20px}
.k3-inner-page .k3m-case-visual img{border-radius:14px}
.k3-inner-page .k3m-evidence img{border-radius:14px}
.k3-inner-page .k3m-diagram-site{border-color:#3155ee}

/* Pages de lecture et contact : confort de lecture, pas de gros titres dans un formulaire. */
.k3-inner-page #ancre-contenu :is(.k3i-reading,.k3s-prose)>:is(p,ul,ol,blockquote){max-width:78ch}
.k3-inner-page #ancre-contenu :is(.k3i-reading,.k3s-prose) h2{font-size:clamp(29px,3.1vw,48px)}
.k3-inner-page #ancre-contenu .k3s-route{border-radius:16px;border-top:4px solid #3155ee}
.k3-inner-page #ancre-contenu .k3s-story{border-radius:14px}
.k3-inner-page #ancre-contenu .k3s-story :is(h2,h3){font-size:25px;font-weight:700}
.k3-inner-page #ancre-contenu .k3s-story:focus-within{outline-color:#3155ee}
.k3-inner-page #ancre-contenu .k3s-story:hover{border-color:#3155ee}
.k3-inner-page #ancre-contenu :is(.k3s-budget-card,.k3s-more-models summary){border-radius:12px}
.k3-inner-page #ancre-contenu .k3s-more-models summary:hover{background:#3155ee;border-color:#3155ee}
.k3-inner-page #ancre-contenu :is(.k3s-model:hover>span,.k3i-reference-card a:hover h2){color:#3155ee}
.k3-inner-page #ancre-contenu :is(form,.k3m-quote-form) h3{font-size:23px;letter-spacing:-.02em}
.k3-inner-page #ancre-contenu form.visual-form-builder fieldset{border-radius:14px}
.k3-inner-page #ancre-contenu form.visual-form-builder fieldset::before{background:#3155ee}
.page-id-20.k3-inner-page .k3i-reading--wide{max-width:1050px;margin-inline:auto}
.k3-inner-page .k3i-contact-strip{position:relative;isolation:isolate;overflow:hidden;border-radius:32px 32px 0 0;padding-block:clamp(75px,8vw,135px)}
.k3-inner-page .k3i-contact-strip>.k3h-wrap{position:relative;gap:8%}
.k3-inner-page #ancre-contenu .k3i-contact-strip h2{font-size:clamp(46px,5.4vw,88px);max-width:16ch}
.k3-inner-page .k3i-contact-strip .k3ia-art{opacity:.3;width:65%;height:220%;top:-70%;right:-16%}
.k3-inner-page .k3i-contact-strip::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#091c30 20%,#091c3000)}
.k3-inner-page .k3i-not-found{background:#091c30;color:#fff}
.k3-inner-page .k3i-not-found-code{color:#aec0ff}

/* Progressive enhancement : rien n'est caché avant l'arrivée du script. */
.k3ia-moving .k3ia-entered{animation:k3ia-enter 1s var(--k3ia-ease) both}
.k3ia-moving .k3ia-started .k3ia-signals path{animation:k3ia-flow 4.5s ease-out 1 both}
.k3ia-moving .k3ia-started .k3ia-signals path:nth-child(2){animation-delay:.35s;animation-duration:4s}
.k3ia-moving .k3ia-started .k3ia-art svg{animation:k3ia-breathe 4.5s ease-in-out 1 both;transform-origin:60% 45%}
.k3ia-moving .k3m-hero.k3ia-started .k3m-phone{animation:k3ia-phone 4s ease-in-out 1 both}
@keyframes k3ia-enter{from{opacity:.25;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes k3ia-flow{to{stroke-dashoffset:-1000}}
@keyframes k3ia-breathe{from{transform:translate(0,-12px) rotate(-2deg) scale(1.02)}to{transform:translate(18px,12px) rotate(3deg) scale(1.07)}}
@keyframes k3ia-phone{to{transform:translateY(-12px) rotate(1deg)}}
.k3ia-paused .k3i-main *{animation:none!important;transition:none!important}
.k3ia-hidden .k3i-main *{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .k3-inner-page .k3i-offer-card:hover,.k3-inner-page .k3m-catalogue .k3s-feature-card:hover{transform:translateY(-5px)}
 .k3ia-paused .k3i-offer-card:hover,.k3ia-paused .k3m-catalogue .k3s-feature-card:hover{transform:none}
}
@media(min-width:901px){
 .k3-inner-page .k3p-grid>.k3p-project:nth-child(even){margin-top:90px}
 .k3-inner-page .k3p-project:nth-child(4n+1) .k3p-project-media{aspect-ratio:1.35}
 .k3-inner-page .k3p-project:nth-child(4n+2) .k3p-project-media{aspect-ratio:1.15}
}
@media(max-width:1100px){
 .k3-inner-page #ancre-contenu :is(.k3m-hero,.k3s-hero):has(.k3m-hero-grid,.k3s-hero-grid) h1{font-size:clamp(42px,5.5vw,62px)}
 .k3-inner-page .k3m-benefits{gap:26px}.k3-inner-page .k3m-usecases{padding:24px}
 .k3-inner-page .k3i-offer-grid{gap:14px}.k3-inner-page .k3i-offer-card{padding:25px}
 .k3-inner-page .k3i-offer-card .k3i-price-line strong{font-size:23px}
}
@media(max-width:900px){
 .k3-inner-page .k3h-header-inner{height:auto;min-height:90px}.k3-inner-page .k3h-logo img{width:110px;height:55px}
 .k3-inner-page .k3h-navigation{background:#091c30;color:#fff}
 .k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero) h1{font-size:clamp(46px,7.8vw,76px)}
 .k3-inner-page #ancre-contenu .k3a-offer-hero{min-height:0}
 .k3-inner-page #ancre-contenu .k3m-hero-grid{grid-template-columns:1fr;gap:45px}
 .k3-inner-page .k3m-hero .k3m-phone{max-height:390px}
 .k3-inner-page .k3m-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 .k3-inner-page .k3m-usecases>.k3m-kicker{grid-column:1/-1;margin:0}
 .k3-inner-page .k3m-usecases>div{display:block;border:0;padding:0}
 .k3-inner-page .k3m-usecases>div>span{display:block;margin-bottom:15px}
 .k3-inner-page #ancre-contenu .k3m-usecases h2{font-size:21px}
 .k3-inner-page .k3i-team-grid article:nth-child(2){padding-top:55px}
 .k3-inner-page .k3i-process{grid-template-columns:repeat(2,minmax(0,1fr))}
 .k3-inner-page .k3i-project-layout{grid-template-columns:1fr;gap:30px}
 .k3-inner-page .k3i-project-aside{position:static}
 .k3-inner-page .k3p-grid{gap:50px 30px}
 .k3-inner-page .k3i-contact-strip>.k3h-wrap{flex-direction:column;align-items:flex-start;gap:32px}
}
@media(max-width:700px){
 .k3-inner-page .k3p-grid{grid-template-columns:1fr}
 .k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero){padding:22px 0 60px}
 .k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero) h1,.k3-inner-page #ancre-contenu :is(.k3m-hero,.k3s-hero):has(.k3m-hero-grid,.k3s-hero-grid) h1{font-size:clamp(39px,8.9vw,60px);line-height:1.08;max-width:none;letter-spacing:-.055em;overflow-wrap:anywhere}
 .k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero) :is(.k3i-lead,.k3s-intro,.k3p-intro,.k3m-lead,.k3i-offer-intro p){font-size:15px}
 .k3ia-art,.k3-inner-page .k3a-offer-hero .k3ia-art{width:130%;right:-45%;height:110%;top:0;opacity:.4}
 .k3-inner-page #ancre-contenu .k3a-offer-hero-copy>p:not(.k3h-eyebrow){font-size:15px}
 .k3-inner-page #ancre-contenu :is(.k3i-heading,.k3s-hero,.k3p-heading,.k3a-offer-hero,.k3m-hero)::after{background:linear-gradient(90deg,#091c30ce,#091c3033)}
 .k3-inner-page #ancre-contenu h2{font-size:clamp(31px,7.2vw,44px)}
 .k3-inner-page .k3p-heading-grid,.k3ia-editorial-intro{grid-template-columns:1fr;gap:26px}
 .k3-inner-page #ancre-contenu .k3p-heading h1{font-size:clamp(52px,12vw,78px);max-width:11ch}
 .k3-inner-page #ancre-contenu .k3ia-editorial-intro>h2{font-size:clamp(38px,8vw,50px)}
 .k3-inner-page .k3i-offer-grid{grid-template-columns:1fr;gap:24px}
 .k3-inner-page .k3i-offer-card{padding:30px}
 .k3-inner-page #ancre-contenu .k3i-offer-card h3{font-size:36px}
 .k3-inner-page .k3i-offer-card .k3i-price-line strong{font-size:27px}
 .k3-inner-page .k3i-comparison summary{font-size:20px;padding:23px 18px}
 .k3-inner-page .k3c-callout{padding:24px}
 .k3-inner-page .k3m-usecases{grid-template-columns:1fr;gap:25px}
 .k3-inner-page .k3m-usecases>div{display:grid;grid-template-columns:30px 1fr;gap:10px}
 .k3-inner-page .k3m-usecases>div>span{font-size:15px}
 .k3-inner-page .k3m-catalogue .k3s-feature-card>a{padding:25px}
 .k3-inner-page .k3m-benefits{gap:36px}
 .k3-inner-page .k3i-team-grid{grid-template-columns:1fr;gap:36px;margin-top:45px}
 .k3-inner-page .k3i-team-grid article:nth-child(2){padding-top:0}
 .k3-inner-page .k3i-tools-summary>div{padding:26px}
 .k3-inner-page .k3i-reference-cover{margin-top:28px;border-radius:10px}
 .k3-inner-page #ancre-contenu .k3i-contact-strip h2{font-size:clamp(41px,9vw,60px)}
}
@media(max-width:480px){
 .k3-inner-page .k3i-process{grid-template-columns:1fr}
 .k3-inner-page .k3i-process li::before{font-size:62px;margin-bottom:22px}
 .k3-inner-page #ancre-contenu .k3a-offer-hero h1{font-size:clamp(34px,8.7vw,43px)}
}
@media(prefers-reduced-motion:reduce){
 .k3-inner-page #ancre-contenu *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
 .k3ia-art{display:none!important}
 .k3-inner-page #ancre-contenu *{animation:none!important;transform:none!important;color:#000!important;background:#fff!important}
}