/* Página "em breve" de finwell.com.br. Cores do protótipo; sem fontes externas. */
:root {
  --bg: #F5F8FB; --ink: #0B1F3A; --ink2: #4A5B78; --brand: #0B7F7A; --tint: #DDF3F1;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #0A1626; --ink: #E8EEF7; --ink2: #9FB0C8; --brand: #2DD4BF; --tint: #0F3A3A; }
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  display: flex; flex-direction: column; min-height: 100%;
  background: var(--bg); color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 48px 16px; text-align: center;
}
.logo { border-radius: 22px; box-shadow: 0 8px 24px rgba(11, 127, 122, .25); }
h1 { margin: 20px 0 4px; font-size: 40px; font-weight: 800; letter-spacing: -.02em; }
.slogan { margin: 0; font-size: 18px; color: var(--ink2); }
.selo {
  margin: 28px 0 0; padding: 6px 16px; border-radius: 99px;
  background: var(--tint); color: var(--brand); font-weight: 700; font-size: 14px;
  text-transform: uppercase; letter-spacing: .08em;
}
.texto { max-width: 440px; margin: 20px 0 0; line-height: 1.6; color: var(--ink2); }
footer { padding: 24px 16px; text-align: center; font-size: 13px; color: var(--ink2); }