/* styles chargés uniquement sur la page /creation-site-artisan/ (bloc creation-site, functions.php) ; tokens et composants communs dans ../indexpert.css */
/* étude de cas compacte (AVDL sur page création de site) */
.ix-casestudy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,4.25vw,54px);align-items:center;margin-top:clamp(36px,4.25vw,48px)}
.ix-casestudy__media{position:relative}
.ix-casestudy__link{position:relative;display:block;padding:0 0 48px 0}
.ix-casestudy__cta{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--ix-coral);color:var(--ix-ink);font:700 1rem/1 var(--ix-display);white-space:nowrap;opacity:0;transition:opacity .25s var(--ix-ease),transform .25s var(--ix-ease);pointer-events:none;z-index:2;box-shadow:var(--ix-hard-shadow)}
.ix-casestudy__link:hover .ix-casestudy__cta,.ix-casestudy__link:focus-visible .ix-casestudy__cta{opacity:1;transform:translateX(-50%) translateY(-4px)}
.ix-casestudy__body>*+*{margin-top:16px}
.ix-casestudy__body .ix-quote{margin-top:24px}
.ix-casestudy__body .ix-quote p{font-size:clamp(1.05rem,.81rem + .42vw,1.06rem)}
.ix-casestudy__stats{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:24px}
.ix-casestudy__stats li{display:flex;flex-direction:column;gap:2px;text-align:center}
.ix-casestudy__stats strong{font:700 clamp(1.8rem,1.19rem + 1.36vw,2.38rem)/1 var(--ix-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ix-blue)}
.ix-casestudy__stats span{font-size:.9rem;color:var(--ix-muted)}
.ix-casestudy__stats li:first-child strong{color:var(--ix-muted)}
.ix-casestudy__arrow{width:20px;height:20px;border-top:3px solid var(--ix-coral);border-right:3px solid var(--ix-coral);transform:rotate(45deg);flex:none}
@media (max-width:900px){.ix-casestudy{grid-template-columns:minmax(0,1fr)}.ix-casestudy__cta{opacity:1;transform:translateX(-50%)}}

/* included grid (2 colonnes aérées) */
.ix-included-grid{gap:clamp(20px,2.55vw,27px);margin-top:clamp(48px,5.1vw,68px)}
.ix-included-grid .ix-card{padding:clamp(28px,2.98vw,37px)}
.ix-included-grid .ix-card p{margin-top:14px;color:var(--ix-muted-dark)}

/* vs cards (comparatif graphique) */
.ix-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.55vw,27px);margin-top:clamp(48px,5.1vw,68px)}
.ix-vs__col{padding:clamp(28px,3.4vw,41px)}
.ix-vs__col--them{background:var(--ix-paper-2)}
.ix-vs__col--us{background:var(--ix-ink);color:var(--ix-paper)}
.ix-vs__head{font:700 clamp(1.3rem,.94rem + .68vw,1.44rem)/1.2 var(--ix-display);margin-bottom:28px}
.ix-vs__list{display:grid;gap:16px}
.ix-vs__list li{display:flex;gap:14px;align-items:baseline;font-size:1.05rem;line-height:1.4}
.ix-vs__x,.ix-vs__check{flex:none;width:22px;height:22px;display:inline-block;position:relative;top:2px}
.ix-vs__x{background:var(--ix-paper-3);clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%)}
.ix-vs__check{background:var(--ix-coral);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,38% 72%)}
.ix-vs__col--them .ix-vs__list li{color:var(--ix-muted)}
@media (max-width:700px){.ix-vs{grid-template-columns:minmax(0,1fr)}}