@font-face { font-family: 'Jakarta'; src: url('fonts/jakarta.woff2') format('woff2'); font-weight: 200 800; font-display: swap; }
:root { --fundo: #F4F3EE; --tinta: #0F1A17; --suave: #4D5A55; --linha: #E2E0D8; --petroleo: #0E5E52; }
@media (prefers-color-scheme: dark) {
  :root { --fundo: #0E1513; --tinta: #EEF2EF; --suave: #A7B5AF; --linha: #24302C; --petroleo: #9BE3C5; }
  header img { filter: brightness(0) invert(1); }
}
* { box-sizing: border-box; margin: 0; }
body { font-family: 'Jakarta', system-ui, sans-serif; background: var(--fundo); color: var(--tinta); font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
header, main, footer { width: min(720px, 100% - 32px); margin-inline: auto; }
header { padding: 28px 0; }
header img { height: 30px; width: auto; display: block; }
main { padding: 32px 0 60px; }
h1 { font-size: clamp(32px, 5vw, 44px); letter-spacing: -.03em; line-height: 1.1; }
.data { color: var(--suave); margin: 8px 0 28px; font-size: 15px; }
h2 { font-size: 21px; letter-spacing: -.01em; margin: 36px 0 10px; }
p, ul { color: var(--suave); }
p + p { margin-top: 12px; }
ul { padding-left: 20px; display: grid; gap: 8px; margin-top: 8px; }
strong { color: var(--tinta); }
a { color: var(--petroleo); }
footer { border-top: 1px solid var(--linha); padding: 26px 0 50px; display: flex; gap: 22px; font-size: 15px; }