/* La page d'attente de tuurn.app : le fond du site et des e-mails (#0A0B0D), la photo du site, le logo blanc. */
:root { color-scheme: dark; --bg: #0A0B0D; --fg: #ffffff; --fg2: #b8bcc4; --muted: #8a8f98; --line: #1e2127; --link: #7FA5FF; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--fg); font: 400 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
/* 🔵 07/10 (Maxime) : le NOUVEAU logo (refonte 2026, lockup horizontal couleur négatif : crête bleue, TUURN blanc). */
.lk { display: block; width: 150px; height: auto; }
.hero { min-height: 100svh; display: grid; grid-template-rows: 1fr auto; position: relative; overflow: hidden; }
.hero__img, .hero__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,11,13,.15) 0%, rgba(10,11,13,.35) 40%, rgba(10,11,13,.92) 100%); }
.card { position: relative; z-index: 1; align-self: end; width: min(560px, 100%); margin: 0 auto; padding: 0 24px 40px; }
.card h1 { margin: 28px 0 12px; font-size: clamp(34px, 6vw, 52px); line-height: 1.08; font-weight: 700; letter-spacing: -0.02em; }
.lead { margin: 0; font-size: 18px; color: var(--fg2); }
.foot { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 18px 24px calc(18px + env(safe-area-inset-bottom)); font-size: 13px; color: var(--muted); border-top: 1px solid rgba(255,255,255,.08); }
.foot a { text-decoration: none; } .foot a:hover { color: var(--fg); }
.doc__col { width: min(640px, 100%); margin: 0 auto; padding: 48px 24px 64px; }
.doc h1 { margin: 36px 0 24px; font-size: 32px; letter-spacing: -0.02em; }
.doc h2 { margin: 28px 0 6px; font-size: 15px; font-weight: 600; color: var(--fg); }
.doc p { margin: 0; color: var(--fg2); font-size: 15px; }
.doc p a { color: var(--link); }
.back { display: inline-block; }
