.art{--navy: #1a2332;--navy-2: #121925;--blue: #1976d2;--blue-d: #1565c0;--blue-l: #e8f1fc;--violet: #9b4392;--violet-l: rgba(155, 67, 146, .1);--teal: #0d9488;--orange: #ea580c;--indigo: #6366f1;--emerald: #10b981;--lime: #c3d100;--text: #1f2733;--muted: #6b7585;--muted-2: #9aa3b2;--border: #e7eaef;--bg: #fff;--bg-soft: #f6f8fb;--green: #16a34a;--ac: var(--blue);--ac-d: var(--blue-d);--ac-l: var(--blue-l);font-family:Outfit,Outfit-fallback,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}.art *,.art *:before,.art *:after{box-sizing:border-box}.art a{text-decoration:none}bg-*) à hériter du gris de .art-prose. On exclut ces ancres,comme la règle de coloration des liens plus bas (cf. bouton « Réserver une démo » qui doit rester blanc sur fond violet). */ .art a:not([class*="btn"]):not([class*="text-"]):not([class*="bg-"]){color:inherit}.art button{font-family:inherit;cursor:pointer;border:none}.art svg{flex-shrink:0}.art .wrap{max-width:1180px;margin:0 auto;padding:0 24px}.art .sec{padding:84px 0}.art .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:13px 24px;border-radius:12px;transition:all .15s;white-space:nowrap}.art .btn-ac{background:var(--ac);color:#fff;box-shadow:0 6px 20px #1976d252}.art .btn-ac:hover{background:var(--ac-d);transform:translateY(-1px);box-shadow:0 10px 28px #1976d266}.art .btn-outline{background:#fff;color:var(--navy);border:1.5px solid var(--border)}.art .btn-outline:hover{border-color:var(--ac);color:var(--ac)}.art .hero{background:linear-gradient(180deg,#fff,var(--bg-soft))}.art .art-head{padding:34px 0 0}.art .art-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600;flex-wrap:wrap;margin-bottom:22px}.art .art-crumb a:hover{color:var(--ac)}.art .art-crumb b{color:var(--text)}.art .art-back{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--muted);margin-bottom:24px}.art .art-back:hover{color:var(--ac)}.art .art-cat{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cat-fg, var(--violet));background:var(--cat-bg, var(--violet-l));padding:6px 13px;border-radius:99px}.art .art-title{font-size:clamp(30px,4.4vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:18px 0 0;max-width:880px}.art .art-excerpt{font-size:19px;color:var(--muted);line-height:1.6;margin-top:18px;max-width:760px}.art .art-meta-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px;padding-bottom:26px;border-bottom:1px solid var(--border)}.art .art-author{display:flex;align-items:center;gap:12px}.art .art-author .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--navy));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0}.art .art-author b{display:block;font-size:15px;font-weight:700;color:var(--text)}.art .art-author span{font-size:13px;color:var(--muted)}.art .art-share{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--navy);border:1.5px solid var(--border);border-radius:11px;padding:10px 16px;background:#fff;transition:all .15s}.art .art-share:hover{border-color:var(--ac);color:var(--ac)}.art .art-cover{margin:30px 0 8px;border-radius:18px;overflow:hidden;aspect-ratio:16/8;background:linear-gradient(140deg,var(--cov1,#9b4392),var(--cov2,#7d3575));position:relative;display:flex;align-items:flex-end;padding:28px}.art .art-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(300px 200px at 84% 18%,rgba(255,255,255,.16),transparent 70%)}.art .art-cover>svg{position:absolute;right:-20px;bottom:-20px;color:#ffffff42}.art .art-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.art .art-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start;padding:42px 0 0}@media (max-width: 920px){.art .art-layout{grid-template-columns:1fr;gap:0}}.art .art-prose{max-width:760px;font-size:17px;line-height:1.75;color:#2a3340}.art .art-prose h2{font-size:clamp(23px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--navy);margin:38px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border);scroll-margin-top:90px}.art .art-prose h3{font-size:21px;font-weight:800;color:var(--navy);margin:28px 0 10px;scroll-margin-top:90px}.art .art-prose h1{font-size:clamp(26px,3vw,34px);font-weight:900;color:var(--navy);margin:32px 0 14px;letter-spacing:-.02em}.art .art-prose p{margin:0 0 18px}.art .art-prose ul,.art .art-prose ol{margin:0 0 18px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}.art .art-prose li{position:relative;padding-left:30px;line-height:1.6}.art .art-prose li:before{content:"";position:absolute;left:4px;top:9px;width:8px;height:8px;border-radius:2px;background:var(--ac)}.art .art-prose strong{font-weight:700;color:var(--navy)}bg-*,ou liens .btn* legacy),sinon leur texte est repeint en bleu et écrase le blanc/violet voulu (ex. « Réserver votre démo » : blanc sur fond violet → devenait bleu). */ .art .art-prose a:not([class*="btn"]):not([class*="text-"]):not([class*="bg-"]){color:var(--ac-d);font-weight:700}.art .art-prose a:not([class*=btn]):not([class*=text-]):not([class*=bg-]):hover{text-decoration:underline}.art .art-prose img{max-width:100%;height:auto;border-radius:12px;margin:8px 0 18px}.art .prose-aside{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}@media (max-width: 920px){.art .prose-aside{position:static;margin-top:40px}}.art .toc{border:1px solid var(--border);border-radius:16px;padding:20px}.art .toc h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 12px}.art .toc a{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;color:var(--text);font-weight:600;padding:8px 0;border-bottom:1px solid var(--border);line-height:1.4;cursor:pointer;transition:color .14s,padding-left .14s}.art .toc a:before{content:"›";color:var(--ac);font-weight:800;flex-shrink:0;opacity:.55;transition:opacity .14s}.art .toc a:last-child{border:none}.art .toc a:hover{color:var(--ac);padding-left:4px}.art .toc a:hover:before{opacity:1}.art .aside-cta{border-radius:16px;padding:22px;background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#fff}.art .aside-cta .e{font-size:12px;font-weight:800;color:var(--lime);letter-spacing:.03em;text-transform:uppercase}.art .aside-cta h4{font-size:18px;font-weight:800;margin:8px 0 6px;letter-spacing:-.01em}.art .aside-cta p{font-size:13.5px;color:#ffffffb8;line-height:1.55;margin:0 0 16px}.art .aside-cta .btn{width:100%}.art .art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 0;max-width:760px}.art .art-tag{font-size:13px;font-weight:700;color:var(--muted);background:var(--bg-soft);border:1px solid var(--border);border-radius:99px;padding:6px 14px}.art .art-cta-band{max-width:760px;margin:40px 0 0;background:var(--bg-soft);border:1px solid var(--border);border-radius:18px;padding:30px 32px;text-align:center}.art .art-cta-band h3{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:0}.art .art-cta-band p{font-size:15.5px;color:var(--muted);margin-top:8px}.art .art-cta-band .btns{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.art .posts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.art .posts-head h2{font-size:24px;font-weight:800;letter-spacing:-.025em;margin:0}.art .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 900px){.art .post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.art .post-grid{grid-template-columns:1fr}}.art .post-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;transition:transform .16s,box-shadow .16s;cursor:pointer}.art .post-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #141e321a}.art .post-cover{position:relative;aspect-ratio:16/10;background:linear-gradient(140deg,var(--c1),var(--c2));overflow:hidden;display:block}.art .post-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(120px 120px at 82% 22%,rgba(255,255,255,.18),transparent 70%)}.art .pc-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.art .pc-cat{position:absolute;top:14px;left:14px;z-index:2;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:#00000038;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:5px 11px}.art .pc-motif{position:absolute;right:-14px;bottom:-14px;color:#ffffff52;z-index:1}.art .post-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.art .post-card-body h3{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0}.art .post-card-body p{font-size:14px;color:var(--muted);line-height:1.55;margin-top:9px;flex:1}.art .pc-foot{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12.5px;color:var(--muted);font-weight:600;flex-wrap:wrap}.art .pc-foot .av{width:26px;height:26px;font-size:11px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--navy));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.art .pc-foot .dot{width:3px;height:3px;border-radius:50%;background:var(--muted-2)}.art .art-spin{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-bottom-color:var(--ac);margin:80px auto;animation:art-spin .8s linear infinite}@keyframes art-spin{to{transform:rotate(360deg)}}