/* ===== 05 — Promesse (sobre) ===== */
.s-promesse{padding:clamp(56px,8vw,104px) 0}
.s-promesse__wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
.s-promesse__eyebrow{margin-bottom:16px}
.s-promesse__text{
  font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.3;
  font-size:clamp(24px,2.6vw,34px);max-width:900px;color:var(--ink);text-wrap:balance
}
.s-promesse__mark{color:var(--blue);white-space:nowrap}

/* schéma Vue → Clic → Demande de devis (statique) */
.s-promesse__flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:560px;margin-top:clamp(36px,5vw,56px)}
.s-promesse__line{position:absolute;left:16.66%;right:16.66%;top:28px;height:1px;background:#d6dae1}
.s-promesse__step{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}
.s-promesse__dot{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.s-promesse__dot--devis{border-color:var(--blue);color:var(--blue)}
.s-promesse__label{font-weight:600;font-size:15px;color:var(--ink)}
.s-promesse__stamp{
  position:absolute;left:calc(100% - 8px);top:-14px;padding:3px 7px;
  font-family:var(--font-display);font-weight:800;font-size:10px;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;
  color:var(--red);border:1.5px solid var(--red);border-radius:5px;background:#fff;white-space:nowrap;transform:rotate(-6deg)
}

@media (max-width:760px){
  .s-promesse__text{font-size:clamp(22px,6.2vw,26px);line-height:1.32}
  .s-promesse__dot{width:50px;height:50px}
  .s-promesse__line{top:25px}
  .s-promesse__label{font-size:13.5px;max-width:100px;line-height:1.25}
  .s-promesse__stamp{left:auto;right:-14px;top:-18px;font-size:8.5px;padding:2px 5px}
}