:root{
  --navy:#0F2A4A; --navy-light:#1C3D66; --gold:#F6B93B;
  --bg:#EEF1F5; --card:#FFFFFF; --text:#1A2230; --muted:#6B7280; --border:#E2E6EC;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}

/* ── Header ── */
header{background:var(--navy);position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.logo svg{width:30px;height:30px;flex:0 0 auto}
.logo span{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.2px}
.logo span i{font-style:normal;color:var(--gold)}
nav{display:flex;gap:18px}
nav a{color:rgba(255,255,255,.82);text-decoration:none;font-size:13.5px;font-weight:600}
nav a:hover{color:#fff}

/* ── Hero ── */
.hero{background:linear-gradient(165deg,var(--navy-light),var(--navy));color:#fff;padding:64px 0 72px;text-align:center}
.hero .mark{width:74px;height:74px;margin:0 auto 22px;display:block}
.hero h1{font-size:32px;font-weight:800;line-height:1.25;letter-spacing:-.5px;max-width:560px;margin:0 auto}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p{margin:16px auto 0;max-width:480px;font-size:16px;color:rgba(255,255,255,.85)}
.badge-soon{display:inline-block;margin-top:26px;padding:8px 16px;border:1px solid rgba(255,255,255,.35);
  border-radius:20px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.12)}

/* ── Seções ── */
section{padding:52px 0}
h2{font-size:23px;font-weight:800;color:var(--navy);letter-spacing:-.3px;margin-bottom:8px}
.lead{color:var(--muted);font-size:15.5px;max-width:620px;margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}
.card h3{font-size:15.5px;font-weight:800;color:var(--navy);margin-bottom:6px}
.card p{font-size:14px;color:var(--muted)}

/* ── Documentos legais ── */
.doc{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;margin:36px 0}
.doc .meta{font-size:13px;color:var(--muted);padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--border)}
.doc h1{font-size:27px;font-weight:800;color:var(--navy);letter-spacing:-.4px;margin-bottom:6px}
.doc h2{font-size:17px;margin:28px 0 8px}
.doc h2:first-of-type{margin-top:0}
.doc p{font-size:14.8px;margin-bottom:12px}
.doc ul{margin:0 0 12px 20px}
.doc li{font-size:14.8px;margin-bottom:6px}
.doc strong{color:var(--text)}
.doc table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:13.2px;display:block;overflow-x:auto}
.doc th,.doc td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
.doc th{background:#E8EEF7;color:var(--navy);font-weight:700;white-space:nowrap}

/* ── Footer ── */
footer{background:var(--navy);color:rgba(255,255,255,.72);padding:36px 0;font-size:13px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
footer a{color:rgba(255,255,255,.9);text-decoration:none;font-weight:600}
footer a:hover{text-decoration:underline}
footer .links{display:flex;gap:16px;flex-wrap:wrap}

@media(max-width:600px){
  .hero{padding:48px 0 54px}
  .hero h1{font-size:26px}
  .doc{padding:22px}
  /* com 3 itens o menu não cabe ao lado do logo: deixa quebrar para a linha de baixo */
  header .wrap{height:auto;padding-top:11px;padding-bottom:11px;flex-wrap:wrap;row-gap:9px}
  nav{gap:16px;flex-wrap:wrap;width:100%}
  nav a{font-size:13px;white-space:nowrap}
}
@media(max-width:360px){
  nav{gap:13px}
  nav a{font-size:12.5px}
}
@media(prefers-color-scheme:dark){
  :root{--bg:#101418;--card:#1B2129;--text:#EAEFF5;--muted:#98A2B3;--border:#2A3340}
  h2{color:#9DB8DC}
  .doc h1{color:#9DB8DC}
  .doc th{background:#1B2F4A;color:#9DB8DC}
}