/* cs-care-provider-profiles : styles propres à la page, repris de l'export Claude Design (chargés après site.css). */
.toggle svg{flex:none}.toggle .i-play{display:none}.is-paused .toggle .i-play{display:inline}.is-paused .toggle .i-pause{display:none}
.mod{animation:none}
.mod:nth-child(2){animation-delay:-1s}.mod:nth-child(3){animation-delay:-2s}.mod:nth-child(4){animation-delay:-3s}.mod:nth-child(5){animation-delay:-4s}
.sticker{animation:spin 8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
@keyframes spin{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(6deg) scale(1.05)}}
.flow-profile{transform:translateX(100%);animation:flowProfile 10s ease-in-out infinite}
.flow-row{opacity:0;animation:flowRow 10s ease-in-out infinite}
.flow-tap{opacity:0;transform:scale(.4);animation:flowTap 10s ease-in-out infinite}
@keyframes flowRow{0%,22%{opacity:0}28%,42%{opacity:1}46%,100%{opacity:0}}
@keyframes flowTap{0%,30%{opacity:0;transform:scale(.4)}34%{opacity:1;transform:scale(1)}40%{opacity:.9;transform:scale(1.5)}44%,100%{opacity:0;transform:scale(1.6)}}
@keyframes flowProfile{0%,42%{opacity:1;transform:translateX(100%)}50%,88%{opacity:1;transform:none}94%{opacity:0;transform:none}100%{opacity:0;transform:translateX(100%)}}
.is-paused .mod,.is-paused .sticker,.is-paused .flow-profile,.is-paused .flow-row,.is-paused .flow-tap{animation-play-state:paused}
.prose p{margin:0}
.prose ul{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:8px}
.eyebrow{margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4B4372}
.h2{margin:0 0 8px;font-size:clamp(36px,4vw,48px);font-weight:800;line-height:1.1;letter-spacing:-.03em}
.h3{margin:16px 0 0;font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.02em}
.h4{margin:0;font-size:22px;font-weight:800;line-height:1.3}
.sec{display:flex;flex-direction:column;gap:16px}
figure{margin:0;display:flex;flex-direction:column;gap:12px}
figcaption{font-size:14px;line-height:1.5;font-style:italic;color:#4B4372}
.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:280px;padding:24px;box-sizing:border-box;border-radius:32px;border:2px dashed #4B4372;background:repeating-linear-gradient(135deg,#FFFDFA 0 14px,#EDE6FF 14px 28px);color:#4B4372;font-size:14px;font-weight:600;text-align:center}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 240px),1fr));gap:16px}
.cards li{padding:20px 24px;border-radius:24px;background:#FFFDFA;border:2px solid #1C1240}
.pains{list-style:none;margin:0;padding:clamp(24px,4vw,40px);border-radius:32px;background:#FFFFFF;display:flex;flex-direction:column;gap:16px}
.pains > li{display:flex;gap:16px;align-items:flex-start}
.pains .mk{flex:none;width:16px;height:16px;margin-top:7px;border-radius:5px;background:#FF5A36;transform:rotate(12deg)}
.pains strong{font-weight:800}
.pains ul{list-style:none;margin:8px 0 0;padding-left:0}
.pains ul li{position:relative;padding-left:28px}
.pains ul li::before{content:'→';content:'→' / '';position:absolute;left:0;top:0;color:#FF5A36;font-weight:800}
.cards li > ul{margin:8px 0 0;padding-left:24px}
.ms{display:flex;flex-direction:column;gap:24px}
.ms > div{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:24px;background:#FFFDFA;border:2px solid #1C1240}
.ms ul{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:8px}
.ms p{margin:0}
.ms > details,.ms > .ms-static{border-radius:24px;background:#FFFDFA;border:2px solid #CDBBFF}
.ms-static{display:flex;flex-direction:column;gap:12px;padding:24px}
.ms-more summary{list-style:none;display:flex;align-items:center;gap:16px;min-height:44px;padding:24px;cursor:pointer;border-radius:22px;transition:background-color .2s ease}
.ms-more summary::-webkit-details-marker{display:none}
.ms-more summary:hover{background:#F4EEFF}
.ms-more summary:focus-visible{outline:3px solid #1C1240;outline-offset:4px}
.ms-head{flex:1;display:flex;flex-direction:column;gap:8px}
.ms-icon{flex:none;position:relative;width:40px;height:40px;border-radius:999px;border:2px solid #1C1240;background:#CDBBFF}
.ms-icon::before{content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-7px 0 0 -6px;border-right:2.5px solid #1C1240;border-bottom:2.5px solid #1C1240;border-radius:1px;transform:rotate(45deg);transition:transform .25s ease,margin .25s ease}
.ms-more[open] .ms-icon::before{transform:rotate(-135deg);margin-top:-2px}
.ms-more[open] .ms-icon{background:#FFD23F}
.ms-more > ul{padding:0 24px 24px 48px}
.tag{align-self:flex-start;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:800;background:#FFD23F}
.top3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 160px),1fr));gap:16px;counter-reset:t}
.top3 li{counter-increment:t;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px;background:#1C1240;color:#FFF4EC;font-size:22px;font-weight:800;line-height:1.2}
.top3 li::before{content:counter(t);font-size:44px;line-height:1;color:#FFD23F}
.modules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.modules li{padding:14px 20px;border-radius:16px;background:#FFFFFF;box-shadow:inset 6px 0 0 #CDBBFF}
.modules li:first-child{box-shadow:inset 6px 0 0 #FFD23F}
.stat{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px;background:#FFF4EC;color:#1C1240}
.stat .big{font-size:56px;font-weight:800;line-height:1;letter-spacing:-.03em}
.shot{margin:0;padding:clamp(16px,3vw,32px);border-radius:32px;background:#FFFFFF;display:flex;justify-content:center;align-items:center}
.shot img{display:block;height:auto}
.shot.bare{background:transparent;padding:0}
.shot.bare img{border-radius:24px}
.ann{container-type:inline-size;margin:0;padding:clamp(16px,3vw,32px);border-radius:32px;background:#FFFFFF}
.ann img{display:block;width:100%;height:auto}
.ann-labels{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.4;font-weight:600;color:#4B4372}
.ann-labels li{margin:0}
@container (min-width: 520px){
.ann-labels{display:grid;align-items:end;gap:0;margin-bottom:6px}
.ann-2{grid-template-columns:6.8% 26.4% 18.8% 36% 1fr}
.ann-3{grid-template-columns:6.4% 27% 4.2% 25.9% 3.8% 25.9% 1fr}
}

.audit{container-type:inline-size;position:relative;padding:40px 16px;border-radius:32px;background:#FFFFFF;--w:280px}
.audit-img{position:relative;width:min(var(--w),100%);margin:0 auto}
.audit-img img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 1px #E4DBFF}
.audit .dot{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:999px;background:#FF5A36;color:#1C1240;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #FFFFFF}
.notes{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:16px;font-size:15px;line-height:1.5}
.note{display:flex;gap:12px;align-items:flex-start}
.note .badge{flex:none;width:28px;height:28px;border-radius:999px;background:#FF5A36;color:#1C1240;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
.note .txt{max-width:200px}
.note .txt p{margin:0}
.note .txt strong{display:block}
.note .txt ul{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.note .line{display:none}
@container (min-width: 680px){
.audit-img{width:var(--w)}
.notes{margin:0;display:block}
.note{position:absolute;top:calc(40px + (100% - 80px) * var(--y) / 100);margin-top:-12px;gap:0}
.note .badge{display:none}
.note.left{left:16px;right:calc(50% + var(--w) / 2 - var(--w) * var(--x) / 100 + 14px)}
.note.right{right:16px;left:calc(50% - var(--w) / 2 + var(--w) * var(--x) / 100 + 14px)}
.note .line{display:block;flex:1 1 auto;min-width:16px;height:2px;margin-top:11px;background:#FF5A36}
.audit .dot{width:14px;height:14px;margin:-7px 0 0 -7px;font-size:0;box-shadow:0 0 0 3px #FFFFFF}
.note.left{right:calc(50% + var(--w) / 2 - var(--w) * var(--x) / 100 + 7px)}
.note.right{left:calc(50% - var(--w) / 2 + var(--w) * var(--x) / 100 + 7px)}
.note.left .txt{padding-right:12px}
.note.right .txt{padding-left:12px}
}
@supports (animation-timeline: view()){
.audit .note,.audit .dot{animation:reveal linear both;animation-timeline:view();animation-range:entry 5% cover 35%}
}
@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* vignettes projets (style page d'accueil) */
.hv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}
.hv-card{display:flex;flex-direction:column;gap:16px;height:100%;box-sizing:border-box;padding:24px;border-radius:24px;border:2px solid #1C1240;background:#FFFDFA;color:#1C1240;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease-out}
.hv-card:hover,.hv-card:focus-visible{transform:translate(-4px,-4px);box-shadow:8px 8px 0 #FFD23F;color:#1C1240;text-decoration:none}
.hv-card:focus-visible{outline:3px solid #FFD23F;outline-offset:4px}
.hv-card .arr{display:inline-block;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.hv-card:hover .arr,.hv-card:focus-visible .arr{transform:translateX(4px)}
.hv-viz{height:288px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hv-phone{flex-shrink:0;width:140px;height:262px;box-sizing:border-box;padding:7px;border-radius:28px;background:#1C1240;box-shadow:6px 6px 0 rgba(28,18,64,.25);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.hv-screen{position:relative;flex-shrink:0;width:126px;height:248px;border-radius:21px;overflow:hidden;background:#FFFDFA}
.hv-track{display:flex;width:252px;height:100%}
.hv-page{flex-shrink:0;width:126px;height:100%}
.hv-page img{display:block;width:126px;height:248px;object-fit:cover;object-position:top}
.hv-tap{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:rgba(255,90,54,.55);border:2px solid #FF5A36;opacity:0}
.hv-card:hover .hv-phone,.hv-card:focus-visible .hv-phone{transform:translateY(-6px) rotate(-2deg)}
.hv-card:hover .hv-track,.hv-card:focus-visible .hv-track{animation:hvSlide 4.5s ease-in-out infinite}
.hv-card:hover .hv-tap,.hv-card:focus-visible .hv-tap{animation:hvTap 4.5s ease-in-out infinite}
@keyframes hvSlide{0%,28%{transform:translateX(0)}40%,80%{transform:translateX(-126px)}92%,100%{transform:translateX(0)}}
@keyframes hvTap{0%,12%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1)}30%,100%{opacity:0;transform:scale(1.4)}}
.hv-rz{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0}.hv-rz:first-child{opacity:1}
.hv-card:hover .hv-rz,.hv-card:focus-visible .hv-rz{animation:hvRz 10s ease-in-out infinite both}
@keyframes hvRz{0%{opacity:0;transform:translateX(14px)}4%,25%{opacity:1;transform:none}29%,100%{opacity:0;transform:translateX(-14px)}}
@media (prefers-reduced-motion:reduce){.hv-card:hover .hv-rz,.hv-card:focus-visible .hv-rz{animation:none}}
.hv-screen>img.hv-one{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hv-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hv-tags li{padding:4px 12px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.4}
.hv-tags .dom{background:#CDBBFF}
.hv-tags .goal{background:#FFFDFA;box-shadow:inset 0 0 0 2px #1C1240}
.hv-t{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:22px;font-weight:800;line-height:1.3;letter-spacing:-.01em}
@media (prefers-reduced-motion:reduce){.hv-card,.hv-phone,.hv-card .arr{transition:none}.hv-card:hover .hv-track,.hv-card:focus-visible .hv-track,.hv-card:hover .hv-tap,.hv-card:focus-visible .hv-tap{animation:none}.hv-card:hover .hv-phone,.hv-card:focus-visible .hv-phone{transform:none}}
.more{background:#1C1240;color:#FFF4EC}
.more-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 240px),1fr));gap:24px}
.more-card{position:relative;display:flex;flex-direction:column;gap:16px;height:100%;box-sizing:border-box;padding:24px;border-radius:24px;background:#FFF4EC;color:#1C1240;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease-out}
.more-card:hover,.more-card:focus-visible{color:#1C1240;transform:translate(-4px,-4px);box-shadow:8px 8px 0 #FFD23F;text-decoration:none}
.more-card:focus-visible{outline:3px solid #FFD23F;outline-offset:4px}
.more-card .bar{height:8px;border-radius:999px}
.more-card .tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.more-card .tags li{padding:4px 12px;border-radius:999px;background:#E4DBFF;font-size:14px;font-weight:600}
.more-card .t{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:22px;font-weight:800;line-height:1.25}
.more-card .go{margin-top:auto;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}