/* ============================================================
   Composant : header (logo + mot-marque, pilule « Coming soon »)
   ============================================================ */
.brand { position: absolute; left: 82px; top: 54px; display: flex; align-items: flex-start; }
.brand__logo { width: var(--logo-size); height: var(--logo-size); display: block; }
/* Mot-marque : x d'encre 169, ligne de base 107 (specs). Boîte à line-height 1 : haut = 107 - 0,88em */
.brand__name {
  position: absolute; left: 87px; top: 10px;
  font-size: var(--fs-wordmark); font-weight: 600; letter-spacing: var(--ls-wordmark);
  line-height: 1; color: var(--ink-brand); white-space: nowrap;
}
.brand__name span { font-weight: 600; }

.pill-top {
  position: absolute; left: 1390px; top: 50px; width: 212px; height: 57px;
  border-radius: var(--pill-top-radius); background: var(--pill-top-bg);
  box-shadow: 0 1px 2px rgba(20, 40, 80, 0.04), 0 8px 24px rgba(20, 40, 80, 0.04);
  display: flex; align-items: center;
}
.pill-top__dot { position: absolute; left: 26px; top: 21px; width: 16px; height: 16px; border-radius: 50%; background: var(--green-2); }
.pill-top__text {
  position: absolute; left: 60px; top: 17px; line-height: 1;
  font-size: var(--fs-pill-top); font-weight: 600; letter-spacing: -0.5px; color: var(--ink-pill-top); white-space: nowrap;
}