/* Programme façon « How it works » : en-tête centré, rail numéroté 1·2·3 relié par
   un fil, trois cartes (icône, titre, description, points) qui se soulèvent au survol. */
.et-tete{text-align:center;max-width:760px;margin:0 auto 56px}
.et-tete .eyebrow{justify-content:center;margin-bottom:21px}
.et-tete .section-intro{width:auto;max-width:560px;margin:18px auto 0;padding:0;font-size:15px;line-height:1.8}
.et-rail{position:relative;max-width:1200px;margin:0 auto 26px}
.et-rail::before{content:'';position:absolute;left:16.6667%;right:16.6667%;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(196,173,124,.15),rgba(198,162,80,.55),rgba(196,173,124,.15))}
.et-rail ol{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.et-rail li{justify-self:center;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#141c29;color:var(--ivory);font:600 13px/1 var(--sans);box-shadow:0 0 0 4px var(--ink),0 0 0 5px rgba(196,173,124,.35)}
.et-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1200px;margin:0 auto}
.et-carte{position:relative;display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:34px 32px 30px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s,background .3s}
.et-carte:hover{transform:scale(1.04);box-shadow:0 24px 60px rgba(0,0,0,.45);border-color:rgba(198,162,80,.5);background:rgba(255,255,255,.05)}
.et-icone{width:58px;height:58px;border-radius:14px;background:rgba(198,162,80,.12);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.et-icone svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.et-quand{font-size:11px;letter-spacing:1.6px;color:var(--gold);margin-bottom:10px}
.et-quand b{font-weight:600;color:var(--gold-light)}
.et-carte h3{font-family:var(--sans);font-weight:600;font-size:24px;line-height:1.3;letter-spacing:-.2px;color:var(--ivory);margin:0 0 8px}
.et-carte h3 em{font-style:normal;color:var(--gold-light)}
.et-desc{font-size:15.5px;line-height:1.75;color:var(--muted);margin:0 0 26px}
.et-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.et-points li{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.55;color:#b9bfc9}
.et-points li::before{content:'';flex:0 0 18px;width:18px;height:18px;margin-top:3px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0 4px,rgba(198,162,80,.2) 4.5px)}
.et-but{margin:auto 0 0;padding-top:24px;font-size:14px;line-height:1.6;color:#babec5}
.et-but span{display:block;font-size:10px;letter-spacing:1.6px;color:var(--gold);margin-bottom:4px}
.program-section .program-footer{max-width:1200px;margin:0 auto;padding-top:34px}
@media(max-width:850px){.et-grille{gap:16px}.et-rail ol{gap:16px}.et-carte{padding:22px 20px}.et-carte h3{font-size:19px}.et-desc,.et-points li{font-size:14px}}
@media(max-width:640px){.et-tete{margin-bottom:34px}.et-tete .section-intro{font-size:13px}.et-rail{display:none}.et-grille{grid-template-columns:1fr;gap:14px}.et-carte{padding:22px 20px 20px}.et-carte:hover{transform:none}.et-carte::before{content:attr(data-jour);position:absolute;right:18px;top:18px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#141c29;color:var(--ivory);font:600 12px/1 var(--sans);box-shadow:0 0 0 1px rgba(196,173,124,.35)}}
@media(prefers-reduced-motion:reduce){.et-carte{transition:none}.et-carte:hover{transform:none}}
