/* Bloc #soutien de l'accueil : compteur, paliers et mention.
   Palette, polices, rayons et ombres repris de index.html. Tout est limité à #soutien. */
#soutien .fund-meter{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg, var(--surf-dark-grad-1) 0%, var(--surf-dark-grad-2) 100%);
  border:1px solid var(--on-dark-line);
  box-shadow:0 30px 60px rgba(13,19,48,.18);
}
#soutien .fund-meter::after{ /* lueur d'aube discrète, comme le héros */
  content:""; position:absolute; right:-80px; top:-120px; width:340px; height:340px; border-radius:50%;
  background:radial-gradient(circle, rgba(242,169,78,.22), transparent 65%); pointer-events:none;
}
#soutien .fund-meter > *{position:relative; z-index:1;}
#soutien .fund-meter .meter-num{
  font-family:'Fraunces',serif; font-size:clamp(2.4rem,5vw,3.4rem); line-height:1; font-variant-numeric:tabular-nums;
}
#soutien #visitorCount{
  background:linear-gradient(100deg, var(--dawn-soft), var(--dawn) 55%, var(--ember));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#soutien .meter-label{margin-top:10px;}
#soutien .fund-bridge{margin:8px 0 20px; font-size:.95rem;}

#soutien .tiers{gap:22px; align-items:stretch;}
#soutien .tier{
  position:relative; background:#fff; border:1px solid var(--line-light); border-radius:20px; padding:30px 26px 26px;
  box-shadow:0 8px 24px rgba(13,19,48,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#soutien .tier::after{ /* filet supérieur aux couleurs de l'aube */
  content:""; position:absolute; left:26px; right:26px; top:0; height:3px; border-radius:0 0 3px 3px;
  background:linear-gradient(90deg, var(--ember), var(--dawn)); opacity:.35;
}
#soutien .tier:hover{transform:translateY(-4px); box-shadow:0 20px 40px rgba(13,19,48,.12);}
#soutien .tier.featured{border-color:var(--dawn); box-shadow:0 20px 40px rgba(242,169,78,.16);}
#soutien .tier.featured::before{content:none;} /* pas de badge « Populaire » codé en dur */
#soutien .tier.featured::after{opacity:1;}
#soutien .tier .price{
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:2.5rem; letter-spacing:-.02em;
  margin:12px 0 2px; color:var(--ink); line-height:1.05;
}
#soutien .tier .price span{display:block; margin-top:6px; font-size:.82rem; letter-spacing:0;}
#soutien .tier ul{border-top:1px solid var(--line-light); padding-top:14px;}
#soutien .tier .btn, #soutien .fund-meter .btn{justify-content:center; text-align:center; padding:7px 12px; font-size:.75rem;}
#soutien .tier-actions{display:flex; gap:6px; margin-top:10px; flex-wrap:wrap;}
#soutien .tier-actions .btn{flex:1 1 120px; min-width:0; width:auto; margin-top:0; white-space:normal; line-height:1.2;}
#soutien .fund-notice{
  margin:28px 0 0; font-size:.8rem; color:var(--ink-soft); opacity:.85; text-align:center;
}
@media (max-width:760px){
  #soutien .fund-meter{grid-template-columns:1fr; padding:28px 24px; gap:22px;}
  #soutien .fund-meter .btn{justify-self:start;}
  #soutien .tiers{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  #soutien .tier{transition:none;}
  #soutien .tier:hover{transform:none;}
}