/* Direction agence 3.78. Couche limitée à l’accueil et à iCommune.
 * Palette sans vert ; l’accueil immersif est complété par krea3-home-immersive.css. */
.k3a-home,.k3a-icommune{--k3a-accent:#aec0ff;--k3a-ink:#0d2b41;background:#fff}
:is(.k3a-home,.k3a-icommune) .k3h-wrap{max-width:1600px}
:is(.k3a-home,.k3a-icommune) :is(h1,h2){text-wrap:balance;letter-spacing:-.045em}
:is(.k3a-home,.k3a-icommune) .k3h-button{min-height:52px;padding:14px 24px;font-size:14px;border-radius:6px}
:is(.k3a-home,.k3a-icommune) .k3h-text-link{font-size:14px}
:is(.k3a-home,.k3a-icommune) :is(a,button,summary):focus-visible{outline:3px solid #3155ee;outline-offset:5px}
.k3a-home .k3h-section,.k3a-icommune .k3i-section{padding:100px 0}
:is(.k3a-home,.k3a-icommune) .k3h-section-head{gap:80px;margin-bottom:48px}
:is(.k3a-home,.k3i-main .k3a-icommune) h2{font-size:clamp(36px,4.15vw,64px);line-height:1.08}
:is(.k3a-home,.k3a-icommune) .k3h-section-intro{font-size:17px;line-height:1.75;max-width:52ch;color:#536776}

/* Premier écran textuel en attendant le choix d’un visuel pertinent. */
.k3a-home .k3h-hero{min-height:0;overflow:hidden;background:#0d2b41}
.k3a-home .k3h-hero-grid{width:calc(100% - clamp(40px,8vw,160px));grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:55px 0 65px}
.k3a-home .k3h-hero-copy{display:block;padding:0;position:relative;z-index:1}
.k3a-home .k3h-hero h1{font-size:clamp(48px,5.1vw,82px);line-height:1.045;max-width:18ch}
.k3a-home .k3h-hero .k3h-eyebrow{color:#aec0ff;margin-bottom:28px;font-size:11px;letter-spacing:.13em}
.k3a-home .k3h-hero .k3h-lead{max-width:48ch;font-size:17px;line-height:1.7;margin:25px 0 12px;color:#eef5f8}
.k3a-home .k3h-hero .k3h-detail{max-width:48ch;color:#cfdee8;font-size:14px;margin:0 0 26px}
:is(.k3a-home .k3h-hero,.k3a-offer-hero) .k3h-button{background:#aec0ff;border-color:#aec0ff;color:#0d2b41!important}
:is(.k3a-home .k3h-hero,.k3a-offer-hero) .k3h-text-link{color:#fff;font-size:14px}
:is(.k3a-home .k3h-hero,.k3a-offer-hero) a:focus-visible{outline-color:#aec0ff}
.k3a-home .k3h-baseline{padding:19px 0;border-color:#ffffff30;color:#d3e0e8;font-size:12px}
.k3a-home .k3h-baseline>.k3h-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}
.k3a-home .k3h-baseline p{word-spacing:2px}

/* Trois accès rapides toujours présents dans le HTML, sans menu caché. */
.k3a-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #c8d5dd;padding:30px 0}
.k3a-shortcuts a{display:block;padding:8px 32px;text-decoration:none;color:#0d2b41;border-left:1px solid #c8d5dd}
.k3a-shortcuts a:first-child{border-left:0;padding-left:0}
.k3a-shortcuts :is(span,strong,small){display:block}
.k3a-shortcuts span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#536776;margin-bottom:9px}
.k3a-shortcuts strong{font-size:20px;font-weight:600;line-height:1.3}
.k3a-shortcuts small{font-size:13px;color:#536776;margin-top:7px}
.k3a-shortcuts a:hover strong{text-decoration:underline;text-underline-offset:5px}

/* Portfolio : grands formats et légendes éditoriales, pas une rangée de logos. */
.k3a-home .k3h-reference-grid{gap:42px 28px}
.k3a-home .k3h-reference:nth-child(2){padding-top:70px}
.k3a-project-visual{position:relative;overflow:hidden;border-radius:10px;background:#0d2b41}
.k3a-home .k3h-reference-image{aspect-ratio:1.45}
.k3a-home .k3h-reference:nth-child(-n+2) .k3h-reference-image{aspect-ratio:1.5}
.k3a-project-visual>span{position:absolute;bottom:18px;right:18px;padding:10px 16px;background:#fff;color:#0d2b41;font-size:12px;font-weight:600;border-radius:4px}
.k3a-home .k3h-reference-copy{padding:22px 0 0;border:0}
.k3a-home .k3h-reference-copy h3{font-size:clamp(23px,2.1vw,32px)}
.k3a-home .k3h-reference-copy>p:first-child{font-size:11px;color:#526774;margin-bottom:10px}
.k3a-home .k3h-reference-copy .k3h-reference-summary{font-size:15px;max-width:58ch}
.k3a-home .k3h-section-cta{margin-top:40px}

/* Offres en cartes : pas de prix masqué ni de choix précoché. */
.k3a-home .k3h-offers{background:#fff;color:#0d2b41;border-top:1px solid #d4dfe6}
.k3a-home .k3h-offers .k3h-eyebrow{color:#0d2b41}
.k3a-home .k3h-offers .k3h-section-intro{color:#536776}
.k3a-home .k3h-offer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:22px}
.k3a-home .k3h-offer{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto 1fr auto auto;gap:22px 18px;padding:32px;border:1px solid #29495f;border-top:4px solid #aec0ff;border-radius:10px;background:#0d2b41;color:#fff;align-items:start}
.k3a-home .k3h-offer-icon{width:58px;height:58px}
.k3a-home .k3h-offer h3{font-size:30px;margin:0}
.k3a-home .k3h-offer-brand{font-size:13px;color:#cddfe8}
.k3a-home .k3h-offer .k3d-summary,.k3a-home .k3h-prices,.k3a-offer-action{grid-column:1/-1}
.k3a-home .k3h-offer .k3h-offer-use{color:#d1dee7;font-size:14px}
.k3a-home .k3h-offer-pitch-title{font-size:19px}
.k3a-home .k3h-prices{grid-template-columns:1fr;gap:18px;margin:2px 0 0;padding-top:22px;border-top:1px solid #617b8d}
.k3a-home .k3h-price{padding:0;border:0}
.k3a-home .k3h-price small{color:#aec0ff;font-size:10px;letter-spacing:.13em}
.k3a-home .k3h-price strong{font-size:25px;letter-spacing:-.035em;margin:2px 0}
.k3a-home .k3h-price span{font-size:12px;color:#d1dee7}
.k3a-offer-action{display:flex;align-items:center;justify-content:center;min-height:46px;background:#fff;color:#0d2b41;border-radius:5px;font-size:13px;font-weight:600;margin-top:4px}
.k3a-home .k3h-offer:has(a:focus-visible){outline-color:#3155ee}
.k3a-home .k3h-offers-foot p,.k3a-home .k3h-offers-scope{color:#536776}
.k3a-home .k3h-offers-foot .k3h-text-link{color:#0d2b41}

/* Produit, méthode et équipe : des séquences distinctes et respirantes. */
:is(.k3a-home,.k3a-icommune) .k3h-application{padding:90px 0}
:is(.k3a-home,.k3a-icommune) .k3h-application h2{font-size:clamp(35px,3.5vw,56px)}
:is(.k3a-home,.k3a-icommune) .k3h-application-copy>p:not(.k3h-eyebrow){font-size:16px;max-width:44ch}
:is(.k3a-home,.k3a-icommune) .k3h-video-preview>img{border-radius:9px;box-shadow:0 24px 40px #0d2b4120}
.k3a-home .k3h-custom .k3h-eyebrow{color:#aec0ff}
.k3a-home .k3h-custom-heading{padding-left:0;border-left:0}
.k3a-home .k3h-custom a:focus-visible{outline-color:#aec0ff}
.k3a-home .k3h-process{--k3h-line:#d4dfe6;--k3h-muted:#536776;background:#fff;color:#0d2b41}
.k3a-home .k3h-process .k3h-eyebrow{color:#0d2b41}
.k3a-home .k3h-steps li>span{width:auto;height:auto;padding:0;background:none;color:#3155ee;font-size:54px;font-weight:400;line-height:1;margin-bottom:24px}
.k3a-home .k3h-steps h3{font-size:20px}
.k3a-home .k3h-team{border-top:1px solid #d4dfe6}
.k3a-home .k3h-team-photos img{border-radius:100px 12px 12px 12px}
.k3a-home .k3h-team-photos figure:nth-child(2) img{border-radius:12px 12px 100px 12px}
.k3a-home .k3h-closing{padding:100px 0}
.k3a-home .k3h-closing h2{font-size:clamp(48px,5.4vw,84px)}
.k3a-home .k3h-closing a:focus-visible{outline-color:#aec0ff}

/* Page d’arrivée : même identité, achat et comparaison immédiatement repérables. */
.k3a-offer-hero{overflow:hidden;background:#0d2b41;color:#fff;padding:30px 0 65px}
.k3a-offer-hero .k3i-breadcrumb{margin:0 0 36px;color:#d1dee7}
.k3a-offer-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:0}
.k3i-main .k3a-offer-hero h1{font-size:clamp(45px,4.7vw,76px);line-height:1.055;letter-spacing:-.045em;color:#fff;margin:0}
.k3a-offer-hero-copy>.k3h-eyebrow{color:#aec0ff;font-size:11px;letter-spacing:.13em;margin-bottom:24px}
.k3i-main .k3a-offer-hero-copy>p:not(.k3h-eyebrow){color:#dce7ee;font-size:17px;max-width:48ch;line-height:1.75;margin:28px 0}
.k3a-icommune .k3a-shortcuts a{color:#0d2b41}
.k3a-icommune .k3h-section-head h2{margin:0}
.k3a-icommune .k3i-offer-grid{gap:22px}
.k3a-icommune .k3i-offer-card{padding:32px;border:1px solid #29495f;border-top:4px solid #aec0ff;border-radius:10px;background:#0d2b41;color:#fff}
.k3a-icommune .k3i-offer-card :is(h3,p,span,strong,small){color:#fff}
.k3a-icommune .k3i-offer-card .k3i-eyebrow{color:#aec0ff;margin-bottom:12px}
.k3a-icommune .k3i-offer-card h3{font-size:36px;margin:0 0 20px}
.k3a-icommune .k3i-offer-card .k3i-offer-use{font-size:15px;flex:1;margin-bottom:28px;color:#d1dee7}
.k3a-icommune .k3i-price-line{padding:20px 0;border-color:#617b8d}
.k3a-icommune .k3i-price-line>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aec0ff}
.k3a-icommune .k3i-price-line strong{font-size:29px;letter-spacing:-.035em}
.k3a-icommune .k3i-price-line small{color:#d1dee7;font-size:13px}
.k3a-icommune .k3i-offer-card .k3h-button{margin-top:12px;background:#fff;border-color:#fff;color:#0d2b41!important}
.k3a-icommune .k3i-offer-card a:focus-visible{outline-color:#aec0ff}
.k3a-icommune .k3a-models{background:#0d2b41;color:#fff}
.k3a-icommune .k3a-models :is(h2,.k3h-eyebrow){color:#fff}
.k3a-icommune .k3a-models .k3h-section-intro{color:#d1dee7}
.k3a-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0}
.k3a-model-grid a{display:block;color:#fff;text-decoration:none}
.k3a-model-grid img{width:100%;height:auto;display:block;border-radius:6px}
.k3a-model-grid a>span{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:15px 0;font-size:20px;font-weight:600}
.k3a-model-grid small{font-size:11px;font-weight:400;text-decoration:underline;text-underline-offset:4px}
.k3a-icommune .k3a-models a:focus-visible{outline-color:#aec0ff}
.k3a-icommune .k3a-models .k3c-callout{border-color:#8fa8b9}
.k3a-icommune .k3d-section{max-width:1600px;margin:0 auto;padding:80px clamp(20px,4vw,80px)}
.k3a-icommune .k3d-section h2{max-width:20ch;margin-bottom:40px}
.k3a-icommune #questions{padding-top:0}
.k3a-icommune .k3d-proof img{border-radius:8px}
.k3a-icommune [id]{scroll-margin-top:100px}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .k3a-home .k3h-reference-image{transition:transform .35s ease}
 .k3a-home .k3h-reference:hover{transform:none}
 .k3a-home .k3h-reference a:hover img{transform:scale(1.025)}
 .k3a-home .k3h-offer{transition:transform .2s ease,background-color .2s ease}
 .k3a-home .k3h-offer:hover{transform:translateY(-5px);background:#153d55}
}
@media(max-width:1150px){
 .k3a-home .k3h-hero-grid,.k3a-offer-hero-grid{gap:24px}
 .k3a-home .k3h-offer,.k3a-icommune .k3i-offer-card{padding:24px}
 .k3a-home .k3h-offer{grid-template-columns:45px minmax(0,1fr);gap:20px 12px}
 .k3a-home .k3h-offer-icon{width:45px;height:45px}
 .k3a-home .k3h-offer h3{font-size:26px}
 .k3a-model-grid a>span{display:block}.k3a-model-grid small{display:block;margin-top:6px}
}
@media(max-width:900px){
 .k3a-home .k3h-hero-grid{grid-template-columns:1fr;min-height:0;padding:38px 0 34px;gap:22px}
 .k3a-home .k3h-hero-copy{padding:0;display:block}
 .k3a-home .k3h-hero h1{font-size:clamp(43px,8.4vw,70px);max-width:15ch}
 .k3a-home .k3h-hero .k3h-eyebrow{margin-bottom:20px;line-height:1.6}
 .k3a-home .k3h-hero .k3h-lead{font-size:16px;margin-top:22px;max-width:60ch}
 .k3a-home .k3h-hero .k3h-detail{max-width:60ch}
 .k3a-home .k3h-hero .k3h-actions{flex-direction:row;gap:12px 20px}
 .k3a-shortcuts{padding:24px 0}
 .k3a-shortcuts a{padding:5px 20px}.k3a-shortcuts strong{font-size:17px}
 .k3a-shortcuts small{font-size:12px}.k3a-shortcuts span{font-size:10px}
 .k3a-home .k3h-section,.k3a-icommune .k3i-section{padding:64px 0}
 :is(.k3a-home,.k3a-icommune) .k3h-section-head{gap:20px;margin-bottom:32px}
 :is(.k3a-home,.k3a-icommune) .k3h-section-intro{font-size:16px}
 .k3a-home .k3h-reference-grid{grid-template-columns:1fr 1fr;gap:32px 24px}
 .k3a-home .k3h-reference:nth-child(2){padding-top:35px}
 .k3a-home .k3h-reference:last-child:nth-child(odd){grid-column:1/-1;max-width:70%}
 .k3a-home .k3h-offer-list{grid-template-columns:1fr;gap:20px}
 .k3a-home .k3h-offer{padding:28px;grid-template-columns:58px minmax(0,1fr);gap:22px}
 .k3a-home .k3h-offer h3{font-size:32px}.k3a-home .k3h-offer-icon{width:58px;height:58px}
 .k3a-home .k3h-prices{grid-template-columns:1fr 1fr}
 .k3a-home .k3h-offer .k3h-offer-use{font-size:15px}
 :is(.k3a-home,.k3a-icommune) .k3h-application{padding:64px 0}
 .k3a-home .k3h-closing{padding:70px 0}
 .k3a-offer-hero{padding:24px 0 38px}
 .k3a-offer-hero-grid{grid-template-columns:1fr;gap:26px}
 .k3a-offer-hero .k3i-breadcrumb{margin-bottom:30px}
 .k3i-main .k3a-offer-hero h1{font-size:clamp(43px,8.4vw,70px)}
 .k3a-offer-hero-copy>.k3h-eyebrow{margin-bottom:20px}
 .k3i-main .k3a-offer-hero-copy>p:not(.k3h-eyebrow){font-size:16px;max-width:60ch;margin:22px 0}
 .k3a-icommune .k3i-offer-card{padding:28px}
 .k3a-icommune .k3i-offer-card h3{font-size:34px}
 .k3a-model-grid{gap:16px}
 .k3a-model-grid a>span{font-size:17px}
 .k3a-icommune .k3d-section{padding:60px 20px}
}
@media(max-width:600px){
 .k3a-home .k3h-baseline>.k3h-wrap{display:block;font-size:11px}
 .k3a-home .k3h-baseline span{display:block;margin-top:4px}
 .k3a-shortcuts{grid-template-columns:1fr;padding:12px 0}
 .k3a-shortcuts a,.k3a-shortcuts a:first-child{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;padding:18px 0;border-left:0;border-top:1px solid #d4dfe6;align-items:center}
 .k3a-shortcuts a:first-child{border-top:0}
 .k3a-shortcuts span{margin:0;grid-column:1/-1}
 .k3a-shortcuts strong{font-size:17px}.k3a-shortcuts small{margin:0;text-align:right;font-size:12px}
 .k3a-home .k3h-reference-grid{grid-template-columns:1fr;gap:32px}
 .k3a-home .k3h-reference:nth-child(2){padding-top:0}
 .k3a-home .k3h-reference:last-child:nth-child(odd){max-width:none;grid-column:auto}
 .k3a-home .k3h-reference-copy h3{font-size:25px}
 .k3a-home .k3h-section-cta{text-align:left}
 .k3a-home .k3h-offer{padding:25px 22px}
 .k3a-home .k3h-prices{gap:18px;grid-template-columns:1fr}
 .k3a-home .k3h-price strong{font-size:27px}
 .k3a-home .k3h-price span{font-size:13px}
 .k3a-home .k3h-team-photos img{border-top-left-radius:55px}
 .k3a-home .k3h-team-photos figure:nth-child(2) img{border-bottom-right-radius:55px}
 .k3a-model-grid{grid-template-columns:1fr;gap:26px;margin:30px 0}
 .k3a-model-grid a>span{display:flex;font-size:20px}.k3a-model-grid small{margin:0;font-size:11px}
 .k3a-icommune .k3i-offer-card{padding:26px}
}
@media(max-width:370px){
 :is(.k3a-home,.k3a-icommune) .k3h-button{font-size:13px;padding-inline:17px}
 .k3a-home .k3h-hero h1,.k3i-main .k3a-offer-hero h1{font-size:38px}
 .k3a-shortcuts a{grid-template-columns:1fr}.k3a-shortcuts small{text-align:left}
}
@media(prefers-reduced-motion:reduce){.k3a-icommune *{transition:none!important;animation:none!important}}
@media print{
 .k3a-shortcuts,.k3a-models{display:none}
 .k3a-home .k3h-hero-grid,.k3a-offer-hero-grid{display:block;min-height:0;padding:20px 0}
 .k3a-home .k3h-section,.k3a-icommune .k3i-section{padding:25px 0}
 :is(.k3a-home,.k3a-icommune) :is(.k3h-hero,.k3a-offer-hero,.k3h-offer,.k3i-offer-card){background:#fff;color:#000}
 :is(.k3a-home,.k3a-icommune) :is(.k3h-hero,.k3a-offer-hero,.k3h-offer,.k3i-offer-card) :is(h1,h3,p,span,strong,small){color:#000}
 .k3a-home .k3h-offer-list{grid-template-columns:1fr}.k3a-home .k3h-reference:nth-child(2){padding-top:0}
}