.synchro-familles{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.synchro-familles>li{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:26px;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-top:5px solid var(--c)}.synchro-familles h2{margin:0;font-size:24px}.synchro-familles h2 a{color:var(--ink);text-decoration:none}.synchro-familles h2 a:hover{text-decoration:underline}.synchro-familles p{margin:0;color:var(--ink2);line-height:1.6}.synchro-exemples{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.synchro-exemples a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));background:color-mix(in srgb,var(--c) 8%,var(--surface));color:var(--ink);font:600 15px var(--font-jakarta);text-decoration:none}.synchro-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.synchro-actions .bouton{display:inline-flex;align-items:center;gap:8px}.synchro-etapes{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));counter-reset:e}.synchro-etapes>li{display:grid;gap:8px;justify-items:center;text-align:center;padding:24px 20px;border-radius:22px;border:1px solid var(--line);background:var(--surface)}.synchro-etapes b{font:600 30px var(--font-jakarta);color:color-mix(in srgb,var(--c) 75%,var(--ink))}.synchro-etapes span{color:var(--ink2)}.signe{display:grid;gap:10px}.signe label{font:600 14px var(--font-jakarta)}.signe input{min-height:52px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 22px var(--font-jakarta);letter-spacing:.06em}.signe input:focus{outline:2px solid var(--g2-t);outline-offset:2px}.signe-afficheur{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;border-radius:16px;background:#16142E}.signe-afficheur span{display:grid;place-items:center;width:40px;height:52px;border-radius:8px;background:#2A2756;color:#fff;font:600 28px var(--font-jakarta);box-shadow:inset 0 -2px 0 #0004}.signe-afficheur i{color:#9B9DE0;font:600 24px var(--font-jakarta);font-style:normal;margin:0 4px}.signe-afficheur b{display:grid;place-items:center;min-width:52px;height:52px;padding:0 8px;border-radius:50%;color:#fff;font:600 26px var(--font-jakarta);background:linear-gradient(135deg,var(--c,#5F62B8),color-mix(in srgb,var(--c,#5F62B8) 62%,#16142E))}.signe-afficheur .vide{opacity:.35}.signe-etat{margin:0;font-size:14px;color:var(--ink2)}.synchro-exemples a{gap:8px}.synchro-exemples i{font-style:normal;font-weight:700;color:color-mix(in srgb,var(--c) 75%,var(--ink))}.synchro-exemples small{font:500 12px var(--font-inter);color:var(--ink3)}.trois-temps{counter-reset:none}.trois-temps small{font:600 12px var(--font-jakarta);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.trois-temps b{font-size:26px}.encadre-pourquoi{max-width:760px;margin:22px auto 0;padding:18px 22px;border-radius:18px;border:1px solid var(--line);border-left:4px solid var(--c);background:var(--surface)}.encadre-pourquoi h3{margin:0 0 6px;font-size:18px}.encadre-pourquoi p{margin:0;color:var(--ink2);line-height:1.6}.jung{display:grid;gap:28px;align-items:start;max-width:1000px;margin:0 auto}@media (min-width:900px){.jung{grid-template-columns:220px minmax(0,1fr);gap:48px}}.jung-date{margin:0;display:grid;justify-items:start;gap:4px;padding-top:6px}.jung-date img{margin-top:18px;width:160px;height:160px}@media (max-width:899px){.jung-date img{display:none}}.jung-date b{font:italic 500 clamp(64px,8vw,96px)/1 var(--font-lora),Georgia,serif;color:var(--logo-a)}.jung-date small{font:600 13px var(--font-jakarta);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}.jung-titre{margin:10px 0 14px;font:italic 500 clamp(24px,2.8vw,32px)/1.25 var(--font-lora),Georgia,serif;color:var(--ink)}.jung-texte>p:not(.jung-titre){margin:0 0 14px;color:var(--ink2);line-height:1.7}.jung-limite{padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--warn) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 25%,var(--line))}.remarquer{display:grid;gap:22px}.remarquer-chiffres{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.remarquer-chiffres li{display:grid;gap:4px;justify-items:center;text-align:center;padding:22px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}.remarquer-chiffres b{font:600 42px/1 var(--font-jakarta);color:var(--logo-a)}.remarquer-chiffres small{color:var(--ink2);font-size:14px}.remarquer-raisons{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.remarquer-raisons li{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}.remarquer-raisons svg{flex:none;margin-top:3px;color:var(--logo-a)}.remarquer-raisons h3{margin:0 0 4px;font-size:17px}.remarquer-raisons p{margin:0;color:var(--ink2);line-height:1.55}.synchro-bientot{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.synchro-bientot>li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:20px;border:1px dashed var(--line)}.synchro-bientot .apports-icone{margin:0;flex:none;width:42px;height:42px;border-radius:14px}.synchro-bientot h3{margin:0 0 4px;font-size:17px;color:var(--ink2);padding-right:70px}.synchro-bientot p{margin:0;color:var(--ink2);font-size:14.5px;line-height:1.5}.synchro-bientot .pq-badge{position:absolute;top:16px;right:16px}.rubrique-synchro .synchro-exemples{flex-direction:column;align-items:flex-start}.rubrique-synchro .trois-temps>li{align-content:start}@media (max-width:520px){.rubrique-synchro .synchro-bientot>li{margin-top:6px}.rubrique-synchro .synchro-bientot .pq-badge{top:-11px;right:16px}.rubrique-synchro .synchro-bientot h3{padding-right:0}}.rubrique-synchro .signe input{min-width:0;width:100%}@media (max-width:360px){.signe-afficheur{gap:4px;padding:10px}.signe-afficheur span{width:32px;height:44px;font-size:22px}.signe-afficheur i{font-size:20px;margin:0 2px}.signe-afficheur b{min-width:44px;height:44px;font-size:22px}}