/* Página "em breve": só tokens de tokens.css (cópia de design/tokens.css). Sem CSS embutido no HTML por causa da CSP. */
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--surface); color: var(--ink); font-family: var(--font-sans); min-height: 100vh; display: flex; align-items: center; }
.pagina { width: 100%; max-width: 640px; margin: 0 auto; padding: var(--space-10) var(--space-4); display: grid; gap: var(--space-6); }
.marca { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: 20px; color: var(--ink); }
.title, .body { margin: 0; }
.body { color: var(--ink-muted); }
.chip { margin: 0; justify-self: start; padding: var(--space-1) var(--space-4); border-radius: var(--radius-pill); background: var(--brand-tint); color: var(--ink); }
.contato { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; }
.botao { display: inline-block; padding: var(--space-2) var(--space-6); border-radius: var(--radius-md); background: var(--brand); color: var(--on-brand); text-decoration: none; }
.link { color: var(--brand); }
a:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }