/* page d'attente : mêmes tons que lp/css/home.css */
:root {
  --al-navy: #231a24;
  --al-ink-2: #4d4250;
  --al-muted: #6c5f6b;
  --al-paper: #fcf9f8;
  --al-primary: #b0285a;
  --al-primary-soft: #fbe8ef;
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column;
  background: var(--al-paper); color: var(--al-ink-2);
  font-family: var(--font); line-height: 1.6; -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
a:focus-visible { outline: 2px solid var(--al-primary); outline-offset: 3px; }

.soon {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  padding: 48px max(20px, env(safe-area-inset-left)) 32px;
}
.mark { width: 64px; height: 64px; margin-bottom: 28px; }
.pill {
  margin: 0 0 18px; padding: 4px 12px; border-radius: 999px;
  background: var(--al-primary-soft); color: var(--al-primary); font-size: .8rem; font-weight: 700;
}
h1 { margin: 0; font: 800 clamp(2.6rem, 8vw, 4rem)/1 var(--display); letter-spacing: -.04em; color: var(--al-navy); }
.lead { max-width: 30rem; margin: 18px 0 0; font-size: 1.1rem; text-wrap: balance; }

footer {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px;
  padding: 24px 20px max(24px, env(safe-area-inset-bottom)); font-size: .85rem; color: var(--al-muted);
}
footer a:hover { color: var(--al-navy); }