:root{--bg:#F7F5FC;--surface:#FFFFFF;--text:#17142A;--muted:#5F5A78;--accent:#6B2BD9;--border:#E4DFF2}
@media (prefers-color-scheme:dark){:root{--bg:#0F0D1A;--surface:#1A1729;--text:#F2EFFA;--muted:#A9A3C2;--accent:#B18CFF;--border:#2C2742}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
header{display:flex;align-items:center;gap:14px;margin-bottom:8px}
header img{width:56px;height:56px;border-radius:13px}
h1{font-size:30px;line-height:1.2;margin:0}
h2{font-size:22px;margin:36px 0 8px}
h3{font-size:18px;margin:22px 0 4px}
p,li{color:var(--text)}
.muted{color:var(--muted)}
a{color:var(--accent)}
nav.lang{margin:12px 0 24px;display:flex;gap:12px;flex-wrap:wrap}
nav.lang a{padding:4px 12px;border:1px solid var(--border);border-radius:999px;text-decoration:none}
section.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:8px 20px 16px;margin:16px 0}
footer{margin-top:40px;font-size:14px;color:var(--muted)}
nav.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
nav.top a{text-decoration:none}
nav.top .marca{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text)}
nav.top .marca img{border-radius:8px}
nav.top .links{display:flex;gap:16px}
.hero h1{font-size:30px;margin:18px 0 8px}
.banner{width:100%;height:auto;border-radius:18px;display:block}
.lead{font-size:19px;color:var(--muted)}
.cta{margin:20px 0}
.cta img{height:53px;width:auto}
.lista-icones{list-style:none;padding-left:0}
.lista-icones li{margin:8px 0}
.faq details{border-top:1px solid var(--border);padding:10px 0}
.faq details:first-of-type{border-top:0}
.faq summary{cursor:pointer;font-weight:600}
.faq details p{margin:8px 0 0}
.arte{margin:16px 0;text-align:center}
.arte img{max-width:360px;width:100%;height:auto;border-radius:16px}
.trilha{font-size:14px;color:var(--muted)}
ul.guias li{margin:12px 0}
footer .legal{font-size:12px}
footer p{margin:6px 0}
header.hero,article>header,header.texto{display:block}