/* bbrated.com : une photo de brunch en fond, le logo, le bouton App Store, les pages légales */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; min-height: 100svh; display: flex; flex-direction: column;
  color: #fdf6f2; font: 17px/1.5 -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  /* Le voile chocolat garde le texte lisible sur la photo */
  background: linear-gradient(rgb(29 18 20 / .55), rgb(29 18 20 / .78)), url(/img/bg.jpg) center / cover no-repeat fixed #1d1214;
}
@media (max-width: 700px) { body { background-image: linear-gradient(rgb(29 18 20 / .55), rgb(29 18 20 / .8)), url(/img/bg-m.jpg); background-attachment: scroll; } }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 20px; }
.icon { width: 112px; height: 112px; border-radius: 26px; box-shadow: 0 14px 40px rgb(0 0 0 / .35); }
.wordmark { margin: 22px 0 0; font-family: "Bagel Fat One", "Arial Rounded MT Bold", system-ui, sans-serif; font-weight: 400; font-size: clamp(52px, 11vw, 92px); line-height: 1; color: #e2456a; }
.wordmark .bb { color: #fdf6f2; }
.tag { margin: 14px 0 0; font-size: clamp(18px, 3.4vw, 22px); font-weight: 600; opacity: .92; }
.store { display: inline-flex; align-items: center; gap: 10px; height: 58px; margin-top: 34px; padding: 0 24px; border-radius: 16px; background: #fdf6f2; color: #1d1214; }
.store svg { width: 24px; height: 28px; }
.store small { display: block; font-size: 11px; line-height: 1; opacity: .75; text-align: left; }
.store b { display: block; font-size: 22px; line-height: 1.1; letter-spacing: -.01em; }
.soon { margin: 14px 0 0; font-size: 14px; font-weight: 700; opacity: .85; }
.soon::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 8px; border-radius: 50%; background: #ffb703; }
.invite { max-width: 28rem; margin: 22px 0 0; padding: 12px 16px; border-radius: 16px; background: rgb(255 183 3 / .2); font-size: 15px; }
.invite b { letter-spacing: .08em; }
footer { display: flex; justify-content: center; gap: 22px; flex-wrap: wrap; padding: 20px 20px calc(24px + env(safe-area-inset-bottom)); font-size: 14px; }
footer a { color: #fdf6f2; opacity: .8; text-decoration: none; }
footer a:hover { opacity: 1; text-decoration: underline; }