/* Up7Lab — presença institucional mínima.
   Existe para três coisas: dizer quem somos, e hospedar a política de
   privacidade e os termos que a Meta exige no App Review. Sem framework:
   três páginas estáticas não justificam build. */
:root {
  --fundo: #0b0e11;
  --sup: #12171b;
  --sup-2: #171d22;
  --borda: #212a31;
  --texto: #e8edf1;
  --texto-2: #9aa8b2;
  --texto-3: #6b7a85;
  --ciano: #00e5ff;
  --ciano-vidro: rgb(0 229 255 / .1);
}
@media (prefers-color-scheme: light) {
  :root {
    --fundo: #f4f6f8; --sup: #fff; --sup-2: #f8fafb; --borda: #e3e8ec;
    --texto: #101619; --texto-2: #4e5b64; --texto-3: #7b8890;
    --ciano: #007a90; --ciano-vidro: rgb(0 122 144 / .08);
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--fundo); color: var(--texto);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.env { max-width: 760px; margin: 0 auto; padding: 0 24px; }
header {
  border-bottom: 1px solid var(--borda); background: var(--sup);
  position: sticky; top: 0; backdrop-filter: blur(8px);
}
header .env { display: flex; align-items: center; gap: 20px; padding: 16px 24px; }
.marca { display: flex; align-items: center; gap: 9px; text-decoration: none; color: var(--texto); }
.marca b { font-size: 17px; letter-spacing: -.01em; }
.pt { width: 9px; height: 9px; border-radius: 50%; background: var(--ciano); flex: none; }
nav { margin-left: auto; display: flex; gap: 18px; }
nav a { color: var(--texto-2); text-decoration: none; font-size: 14px; }
nav a:hover { color: var(--texto); }
main { padding: 48px 0 72px; }
h1 { font-size: 30px; line-height: 1.2; letter-spacing: -.02em; margin: 0 0 8px; }
h2 { font-size: 18px; margin: 36px 0 10px; letter-spacing: -.01em; }
h3 { font-size: 15px; margin: 22px 0 6px; color: var(--texto); }
p, li { color: var(--texto-2); }
li { margin: 5px 0; }
a { color: var(--ciano); }
.sub { color: var(--texto-3); font-size: 14px; margin: 0 0 28px; }
.caixa {
  background: var(--sup); border: 1px solid var(--borda); border-radius: 12px;
  padding: 18px 20px; margin: 22px 0;
}
.caixa.destaque { border-color: var(--ciano); background: var(--ciano-vidro); }
table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14px; }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--borda); vertical-align: top; }
th { color: var(--texto-3); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
td { color: var(--texto-2); }
footer {
  border-top: 1px solid var(--borda); padding: 26px 0; margin-top: 48px;
  color: var(--texto-3); font-size: 13px;
}
footer .env { display: flex; flex-wrap: wrap; gap: 8px 20px; }
code { background: var(--sup-2); padding: 1px 5px; border-radius: 4px; font-size: 13px; }