@import url("https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=IBM+Plex+Sans:wght@400;600&family=IBM+Plex+Mono:wght@500&display=swap");
:root { --noite: #16213A; --azul: #3062B8; --sinal: #FF3C1A; --cal: #F1F0EC; --texto: #1d2433; --suave: #4a5468; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cal); color: var(--texto); font: 17px/1.7 "IBM Plex Sans", system-ui, sans-serif; }
header { display: flex; justify-content: space-between; align-items: center; padding: 18px clamp(16px, 5vw, 48px); background: var(--noite); }
header a { color: var(--cal); text-decoration: none; font-size: 15px; }
.marca { display: inline-flex; align-items: center; gap: 10px; font: 700 22px Sora, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 56px 16px 72px; }
.rotulo { font: 500 12px "IBM Plex Mono", monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--azul); margin: 0; }
h1 { font: 700 clamp(34px, 6vw, 52px)/1.08 Sora, sans-serif; letter-spacing: -.02em; color: var(--noite); margin: 10px 0 28px; }
h2 { font: 600 22px/1.3 Sora, sans-serif; color: var(--noite); margin: 44px 0 10px; }
h3 { font-size: 17px; margin: 22px 0 4px; color: var(--noite); }
p, li { color: var(--suave); }
strong { color: var(--texto); }
a { color: var(--azul); }
footer { padding: 28px 16px; text-align: center; font-size: 13px; color: var(--suave); border-top: 1px solid rgb(22 33 58 / .1); }
.vazio { text-align: center; padding-top: 18vh; }
.botao { display: inline-block; margin-top: 12px; padding: 14px 26px; border-radius: 999px; background: var(--sinal); color: #fff; text-decoration: none; font-weight: 600; }