/* Page « welcome » — la page de liens donnée en bio de réseau social.

   🔴 Ce fichier est SÉPARÉ de style.css, et il doit le rester.

   Le prototype porte ce CSS dans un `<style>` local à la page, et #136 le dit
   sans ambiguïté : « Ne pas fusionner ce CSS dans style.css sans raison : il
   est local à la page pour que personne ne le casse en touchant au reste du
   site. »

   Un fichier à part sert la même intention qu'un `<style>` en ligne, et mieux :
   il n'est mis en file que sur cette page (voir inc/welcome.php), il est
   estampillé par son empreinte comme les autres actifs, et il ne demande pas
   d'assouplir la politique de contenu du site pour un style en ligne.

   Il ne définit aucun jeton : les couleurs, rayons et familles viennent de
   style.css, chargée avant. Reprise verbatim de site/welcome.html. */

/* ---- page welcome : colonne unique, tout tient dans le premier écran ou presque ---- */
.wel{min-height:100dvh;display:flex;align-items:center;justify-content:center;
  background:var(--velours);padding:56px 22px}
.wel-in{width:100%;max-width:430px;text-align:center}

.wel-mark{width:96px;height:auto;margin:0 auto 18px;display:block}
.wel-ident{display:block;text-decoration:none;margin-bottom:6px}
.wel-nom{display:block;font:400 34px/1.1 var(--serif);color:var(--heading);letter-spacing:.01em;
  transition:color .18s ease}
.wel-ident:hover .wel-nom{color:var(--or)}
.wel-mark{transition:transform .18s ease}
.wel-ident:hover .wel-mark{transform:scale(1.04)}
.wel-bl{font:600 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;
  color:var(--or);margin:0 0 34px}

/* Les liens : une pile, une seule action dorée pleine — le reste en retrait.
   Deux boutons pleins côte à côte se neutralisent ; un seul dit où aller. */
.wel-liens{display:flex;flex-direction:column;gap:11px}
.wel-l{display:flex;align-items:center;justify-content:center;gap:11px;
  padding:17px 24px;border-radius:var(--r-pill);
  font:600 13px/1 var(--sans);letter-spacing:.05em;text-decoration:none;
  border:1px solid var(--border-2);color:var(--heading);background:transparent;
  transition:background .18s ease,border-color .18s ease}
.wel-l:hover{background:rgba(216,199,242,.06);border-color:var(--or)}
.wel-l--or{background:var(--or);border-color:var(--or);color:var(--or-ink);
  flex-direction:column;gap:7px;padding:16px 24px}
/* La réassurance vit DANS le bouton. Reléguée au pied, elle arrivait après la décision —
   donc trop tard pour lever l'objection qu'elle est censée lever. */
.wel-l-t{display:flex;align-items:center;gap:11px;font:600 14px/1 var(--sans);letter-spacing:.05em}
.wel-l-s{font:500 11.5px/1 var(--sans);letter-spacing:.03em;opacity:.68;text-transform:none}
.wel-l--or:hover{background:#efd794;border-color:#efd794}
.wel-l svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.wel-l--or svg{stroke-width:1.9}

.wel-sep{display:flex;align-items:center;gap:14px;margin:26px 0 15px;
  font:600 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted-2)}
.wel-sep::before,.wel-sep::after{content:"";flex:1;height:1px;background:var(--border)}

.wel-l--min{padding:14px 20px;font-size:12.5px;color:var(--muted);border-color:var(--border)}

.wel-pied{margin-top:34px;font:500 11.5px/1.7 var(--sans);color:var(--muted-2)}
.wel-pied a{color:var(--muted-2);text-decoration:none;border-bottom:1px solid transparent}
.wel-pied a:hover{color:var(--or);border-bottom-color:var(--or)}
.wel-langues{display:flex;justify-content:center;gap:16px;margin-top:14px;
  font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.wel-langues a{color:var(--muted-2);text-decoration:none}
.wel-langues a[aria-current]{color:var(--or)}
.wel-langues a:hover{color:var(--or)}

@media (max-width:420px){
  .wel{padding:40px 18px}
  .wel-nom{font-size:29px}
  .wel-l{padding:16px 18px;font-size:12.5px}
  .wel-l--or{padding:18px 18px;font-size:13.5px}
}