/* À propos : cartes de valeurs + révélation */
#apropos{scroll-margin-top:70px}#processus{scroll-margin-top:70px}
html{background:#051A28;color-scheme:dark;overflow-x:clip}
.ab-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.ab-c{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-top:3px solid var(--sauge);border-radius:var(--r);padding:24px;background:rgba(255,255,255,.025);transition:border-color .3s,transform .3s}
.ab-i{display:inline-flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;margin-bottom:18px;background:rgba(122,143,126,.18);color:#00C2A8;border:1px solid rgba(122,143,126,.4)}
.ab-c:nth-child(even) .ab-i{color:#C9C3B7}
.ab-c h3{font-family:"Montserrat",system-ui,sans-serif;font-weight:500;font-size:1.2rem;margin:0 0 8px}
.ab-c p{color:var(--mut);margin:0;font-size:.92rem}
.ab-c::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(0,194,168,.16),transparent 60%)}
.ab-c::after{content:"";position:absolute;left:0;top:-3px;height:3px;width:45%;pointer-events:none;background:linear-gradient(90deg,transparent,#00C2A8,#7CFFB2,transparent);transform:translateX(-120%);opacity:0}
.ab-c:hover{border-color:rgba(0,194,168,.45)}.ab-c:hover::before{opacity:1}
@media (prefers-reduced-motion:no-preference){
.js-ab .ab-c{opacity:0;transform:translateY(36px) scale(.96);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease,border-color .3s;transition-delay:calc(var(--i,0)*120ms)}
.js-ab .ab-c.on{opacity:1;transform:none;filter:none}
.js-ab .ab-c.on::after{animation:ab-sweep 1.4s cubic-bezier(.4,0,.2,1) calc(var(--i,0)*120ms + .35s) both}
.js-ab .ab-c .ab-i path,.js-ab .ab-c .ab-i circle{stroke-dasharray:1;stroke-dashoffset:1}
.js-ab .ab-c.on .ab-i path,.js-ab .ab-c.on .ab-i circle{animation:ab-draw 1.1s ease calc(var(--i,0)*120ms + .25s) forwards}
.js-ab .ab-c.on .ab-i{animation:ab-pop .6s ease calc(var(--i,0)*120ms + .2s) both}
@media (hover:hover){.js-ab .ab-c.on:hover{transform:translateY(-4px);transition-delay:0s}}
}
@keyframes ab-sweep{0%{transform:translateX(-120%);opacity:1}100%{transform:translateX(260%);opacity:0}}
@keyframes ab-draw{to{stroke-dashoffset:0}}
@keyframes ab-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:none}}
@media(max-width:1100px){.ab-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.ab-g{gap:10px;margin-top:26px}.ab-c{padding:16px}.ab-i{width:36px;height:36px;margin-bottom:10px}.ab-i svg{width:18px;height:18px}.ab-c h3{font-size:1rem;margin-bottom:4px}.ab-c p{font-size:.82rem;line-height:1.4}}
@media(max-width:340px){.ab-g{grid-template-columns:1fr}}