.hj-svg{width:100%;height:auto;display:block;overflow:visible}.hj-fil{animation:1.2s linear infinite hj-fil}@keyframes hj-fil{to{stroke-dashoffset:-16px}}.hj-etape circle{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite hj-etape;animation-delay:calc(var(--i) * 2s)}@keyframes hj-etape{0%,8%{fill:#f5efe0;transform:scale(1)}14%,30%{fill:#dd8a2e;transform:scale(1.1)}38%,to{fill:#f5efe0;transform:scale(1)}}.hj-megot{animation:6s ease-in-out infinite hj-megot}@keyframes hj-megot{0%{transform:translate(90px,112px)rotate(-10deg)}28%{transform:translate(90px,112px)rotate(-10deg)}33%{transform:translate(175px,60px)rotate(10deg)}38%{transform:translate(260px,112px)rotate(-6deg)}62%{transform:translate(260px,112px)rotate(-6deg)}67%{transform:translate(345px,60px)rotate(10deg)}72%{transform:translate(430px,112px)rotate(-10deg)}94%{opacity:1;transform:translate(430px,112px)rotate(-10deg)}96%{opacity:0}98%{opacity:0;transform:translate(90px,112px)rotate(-10deg)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hj-fil,.hj-etape circle,.hj-megot{animation:none}}.venir{gap:clamp(24px,3vw,36px);display:grid}.etapes{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.etape{border-radius:var(--radius);background:var(--card);border:1px solid var(--rule);box-shadow:var(--shadow);padding:24px 22px 22px}.etape-n{background:var(--navy);width:44px;height:44px;color:var(--cream);border-radius:50%;place-items:center;margin-bottom:14px;font-size:16px;display:grid}.etape h3{font:800 20px/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:8px}.etape p{color:var(--ink2);font-size:15px;line-height:1.55}.adherer{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.adherer-texte p{color:#f5efe0e0;max-width:54ch;line-height:1.6}.adherer-texte p+p{margin-top:12px}.adherer-texte a{color:var(--cream);text-underline-offset:3px;font-weight:600;text-decoration:underline}.adherer-gratuit{color:var(--cream);font:600 14px/1 var(--font-body);background:#f5efe024;border-radius:999px;margin-bottom:18px;padding:8px 14px;display:inline-block}.adherer-carte{border-radius:var(--radius);background:var(--cream);color:var(--ink);box-shadow:var(--shadow);padding:28px 30px}.adherer-prix{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.adherer-prix b{white-space:nowrap;font:800 clamp(48px, 5vw, 64px) / 1 var(--font-display);letter-spacing:-.03em;color:var(--vert);flex:none}.adherer-prix span{font:600 15px/1.3 var(--font-body);color:var(--ink2)}.adherer-carte ul{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.adherer-carte li{color:var(--ink2);padding-left:22px;font-size:15px;position:relative}.adherer-carte li:before{content:"";background:var(--vert);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:0}.adherer-carte .btn{width:100%}.adherer-dossier{text-align:center;font:600 14px/1.4 var(--font-body);color:var(--vert);text-underline-offset:3px;margin-top:14px;text-decoration:underline;display:block}.adherer-dossier:hover,.adherer-dossier:focus-visible{color:var(--navy)}.adherer-securite{color:var(--ink2);margin-top:12px;font-size:13px;line-height:1.5}.don{border-radius:calc(var(--radius) * 1.5);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid;overflow:hidden;box-shadow:0 28px 60px #0f355038}.don-accroche{background:radial-gradient(120% 90% at 0% 0%, #1a4b6e 0%, var(--navy) 55%, var(--navy-deep) 100%);color:var(--cream);padding:clamp(24px,3vw,36px);position:relative;overflow:hidden}.don-accroche h2{letter-spacing:-.03em;text-wrap:balance;margin-bottom:12px;font-size:clamp(30px,4vw,50px);line-height:1.05}.don-accroche h2 em{color:var(--orange);font-style:normal}.don-accroche>:not(.don-megot){z-index:1;position:relative}.don-accroche>p{color:#f5efe0d9;max-width:44ch;line-height:1.6}.don-megot{z-index:0;pointer-events:none;opacity:.9;width:150px;height:100px;animation:7s ease-in-out infinite don-flotte;position:absolute;top:-28px;right:-18px}.don-megot.is-2{opacity:.55;width:90px;height:60px;animation-duration:9s;animation-delay:-3s;top:-10px;right:86px}@keyframes don-flotte{0%,to{transform:translate(0)rotate(-8deg)}50%{transform:translate(-8px,10px)rotate(6deg)}}.don-action{background:var(--card);flex-direction:column;justify-content:center;gap:0;padding:clamp(24px,3vw,36px) clamp(24px,3vw,40px);display:flex}.don-liste-titre{font:800 13px/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--vert-ink);margin-bottom:10px}.don-liste{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.don-liste li{color:var(--ink);grid-template-columns:26px 1fr;align-items:start;gap:12px;line-height:1.45;display:grid}.don-liste li:before{content:"";background:var(--vert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5EFE0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat;border-radius:50%;width:26px;height:26px}.don-btn{justify-content:center;align-self:stretch;font-size:18px}.don-btn .btn-arrow{transition:transform .25s var(--ease-out)}.don-btn:hover .btn-arrow{transform:translate(4px)}.don-securite{text-align:center;color:var(--ink2);margin-top:8px;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:reduce){.don-megot{animation:none}}.aides{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.aide{border-radius:var(--radius);background:var(--cream);color:var(--ink);box-shadow:var(--shadow);grid-template-rows:auto 1fr auto;padding:24px 22px 22px;display:grid}.aide h3{font:800 19px/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:8px}.aide p{color:var(--ink2);margin-bottom:18px;font-size:14.5px;line-height:1.55}.aide .btn{justify-self:start}.surface-navy .aide .btn.ghost{color:var(--ink);border-color:currentColor}.surface-navy .aide .btn.ghost:hover{background:color-mix(in srgb, currentColor 8%, transparent);border-color:currentColor}@media (max-width:960px){.adherer,.don{grid-template-columns:1fr}.don-accroche{padding-top:76px}.don-megot{width:108px;height:72px;top:-20px;right:-16px}.don-megot.is-2{width:70px;height:46px;top:-18px;right:56px}.etapes{grid-template-columns:1fr}.aides{grid-template-columns:1fr 1fr}}@media (max-width:560px){.aides{grid-template-columns:1fr}.aide .btn{width:100%}}
