:root { --amarelo: #ffc400; --tinta: #111111; --suave: #3a3a3a; --fundo: #ffffff; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh; display: flex; flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--tinta); background: var(--fundo); line-height: 1.5;
}
header { background: var(--amarelo); padding: 64px 20px 56px; text-align: center; }
.marca { font-size: clamp(44px, 10vw, 72px); font-weight: 800; letter-spacing: -0.03em; margin: 0; }
.marca span { color: #ffffff; }
.lema { margin: 8px 0 0; font-size: 14px; font-weight: 700; letter-spacing: 0.18em; }
main { flex: 1; width: 100%; max-width: 640px; margin: 0 auto; padding: 40px 20px; }
main p { font-size: 18px; color: var(--suave); margin: 0 0 16px; }
footer { padding: 24px 20px; text-align: center; font-size: 14px; color: var(--suave); border-top: 1px solid #eeeeee; }