/* Copyright (c) 2026 LB IT Cloud SAS. All rights reserved.
   Proprietary source of the LB IT Cloud website. See LICENSE.

   Lifted out of contact.html, for the same reason as contact.js: what the browser
   executes and renders comes from files this origin served. */

.steps { display: grid; gap: 14px; margin-top: 32px; }
  .step {
    display: grid; grid-template-columns: 38px 1fr; gap: 16px; align-items: start;
    background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 18px 20px;
  }
  .step .n {
    width: 30px; height: 30px; border-radius: 50%; background: var(--brand-soft); color: var(--brand);
    font-family: var(--display); font-weight: 800; font-size: 14px;
    display: flex; align-items: center; justify-content: center;
  }
  .step h4 { font-size: 15.5px; font-weight: 700; margin-bottom: 5px; }
  .step p { font-size: 14px; color: var(--ink-2); }
  .mailbox { text-align: center; padding: 40px 20px; }
  .mailbox a {
    font-family: var(--display); font-size: clamp(22px, 3.4vw, 34px); font-weight: 800;
    color: var(--brand); text-decoration: none; letter-spacing: -.02em;
  }
  .mailbox a:hover { text-decoration: underline; }
  .mailbox p { margin-top: 14px; color: var(--ink-3); font-size: 13.5px; }