/* Page « Activez en 3 étapes » (07/11/2026). Téléphone d'abord. */
.a3-etapes { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.a3-etape { display: flex; gap: 14px; align-items: flex-start; padding: 16px; }
.a3-etape h3 { margin: 0 0 6px; }
.a3-etape p { margin: 0 0 8px; }
.a3-num { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background: #0b1a2e; color: #fff; font-weight: 700; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; }
.a3-franc { font-size: 15px; background: #f3f6fa; border-radius: 8px; padding: 10px 12px; }
.a3-intro { max-width: 62ch; }
.a3-ops { display: grid; gap: 10px; margin-top: 14px; }
.a3-op { border: 1px solid #d5dbe3; border-radius: 12px; background: #fff; }
.a3-op summary { cursor: pointer; padding: 14px 16px; min-height: 48px; box-sizing: border-box; font-weight: 600; list-style-position: inside; display: flex; align-items: center; }
.a3-op[open] summary { border-bottom: 1px solid #e5e9ef; }
.a3-corps { padding: 12px 16px 16px; }
.a3-corps p { margin: 0 0 10px; }
.a3-code { margin: 4px 0 12px; }
.a3-code code, .a3-corps code { font-family: "Spline Sans Mono", ui-monospace, monospace; background: #eef2f7; border-radius: 6px; padding: 3px 7px; word-break: break-all; }
.a3-code code { display: block; font-size: 18px; padding: 12px 14px; }
.a3-note { font-size: 14px; color: #475569; }
.a3-verif { margin-top: 16px; font-size: 14px; color: #475569; max-width: 66ch; }
.a3-cta { margin-top: 18px; }
@media (min-width: 720px) { .a3-etape { padding: 20px 22px; } }
/* Page « Essayer au téléphone » (démonstration, préparée, non publiée) */
.dm-numero { margin: 14px 0 6px; }
.dm-appel { width: 100%; box-sizing: border-box; min-height: 56px; font-size: 18px; justify-content: center; }
.dm-cta { margin-top: 18px; }
@media (min-width: 720px) { .dm-appel { width: auto; } }