/* Páginas públicas de texto (privacidade, termos e suporte): as fontes e as cores da landing, feitas para ler. */
@font-face { font-family: Geist; src: url('/landing/fontes/Geist-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Geist; src: url('/landing/fontes/Geist-Medio.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: Geist; src: url('/landing/fontes/Geist-Semibold.ttf') format('truetype'); font-weight: 600; font-display: swap; }

:root {
  --fundo: #141210;
  --texto: #F4EDE3;
  --apoio: #D6CDC1;
  --ambar: #E8AE5E;
  --fio: rgba(244, 237, 227, .14);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { background: var(--fundo); -webkit-text-size-adjust: 100%; }
body { margin: 0; color: var(--texto); font-family: Geist, -apple-system, Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.6; }
::selection { background: var(--ambar); color: var(--fundo); }
a { color: var(--ambar); text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid var(--ambar); outline-offset: 3px; border-radius: 4px; }

.topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 760px; margin: 0 auto; padding: 28px 24px 0; }
.marca { display: inline-flex; align-items: center; gap: 10px; color: var(--texto); text-decoration: none; font-weight: 600; font-size: 19px; }
.marca img { width: 30px; height: 30px; border-radius: 8px; }
.outras { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 15px; }
.outras a { color: var(--apoio); text-decoration: none; }
.outras a[aria-current="page"] { color: var(--ambar); }

main { max-width: 760px; margin: 0 auto; padding: 56px 24px 96px; }
h1 { font-size: clamp(34px, 6vw, 52px); line-height: 1.08; letter-spacing: -.02em; font-weight: 600; margin: 0 0 14px; text-wrap: balance; }
.apoio { color: var(--apoio); font-size: 19px; margin: 0 0 8px; max-width: 60ch; }
.data { color: var(--apoio); font-size: 15px; margin: 0; }
section { border-top: 1px solid var(--fio); margin-top: 40px; padding-top: 28px; }
h2 { font-size: 22px; line-height: 1.3; font-weight: 600; margin: 0 0 12px; }
p, li { max-width: 68ch; }
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 22px; }
li { margin-bottom: 8px; }
.contato { font-size: 21px; font-weight: 500; }

footer { max-width: 760px; margin: 0 auto; padding: 0 24px 48px; color: var(--apoio); font-size: 15px; }

@media (max-width: 520px) {
  .topo { flex-direction: column; align-items: flex-start; }
  main { padding-top: 40px; }
}