:root { --fundo: #10110f; --texto: #f4f4ef; --destaque: #c9ff21; --apagado: #a6a99f; --linha: #2a2c27; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font-family: "Inter", system-ui, sans-serif; font-size: 17px; line-height: 1.65; }
.pagina { max-width: 720px; margin: 0 auto; padding: 48px 16px 64px; }
.marca { font-family: "Space Grotesk", "Inter", sans-serif; font-weight: 600; font-size: 20px; color: var(--texto); text-decoration: none; }
.marca b { color: var(--destaque); font-weight: 600; }
h1 { font-family: "Space Grotesk", "Inter", sans-serif; font-size: clamp(34px, 7vw, 52px); line-height: 1.08; margin: 48px 0 20px; letter-spacing: -.01em; }
h2 { font-family: "Space Grotesk", "Inter", sans-serif; font-size: 22px; margin: 36px 0 8px; }
p, li { color: var(--texto); max-width: 68ch; }
.lead { font-size: 20px; color: var(--apagado); }
a { color: var(--destaque); }
:focus-visible { outline: 2px solid var(--destaque); outline-offset: 3px; }
.passos { padding-left: 1.2em; }
.passos li { margin: 0 0 10px; }
.atualizado { color: var(--apagado); font-size: 15px; }
footer { border-top: 1px solid var(--linha); margin-top: 56px; padding-top: 20px; font-size: 15px; color: var(--apagado); }
footer a { color: var(--apagado); margin-right: 16px; }