:root {
  --bg: #050809;
  --painel: #0b1214;
  --borda: #17312a;
  --texto: #e6f2ee;
  --fraco: #9fb3ad;
  --verde: #17e07a;
  --ambar: #ffb020;
  --vermelho: #ff4d5e;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--texto);
  font: 16px/1.6 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
a { color: var(--verde); }
.sg { max-width: 820px; margin: 0 auto; padding: 24px 16px 48px; }
.sg-topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 28px; }
.sg-marca { display: flex; align-items: center; gap: 10px; color: var(--texto); text-decoration: none; letter-spacing: 0.06em; font-size: 14px; }
.sg-marca span { color: var(--verde); }
.sg-lang { background: transparent; color: var(--texto); border: 1px solid var(--borda); border-radius: 8px; padding: 6px 12px; font-weight: 700; cursor: pointer; }
.sg-lang:hover { border-color: var(--verde); color: var(--verde); }
h1 { font-size: clamp(28px, 6vw, 40px); margin: 0 0 8px; }
h2 { font-size: 20px; margin: 0 0 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sg-lead { color: var(--fraco); margin: 0 0 24px; }
section { background: var(--painel); border: 1px solid var(--borda); border-radius: 14px; padding: 18px 18px 8px; margin: 0 0 16px; }
section p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 20px; }
li { margin: 0 0 8px; }
.sg-tec b { color: var(--verde); font-weight: 700; }
.sg-alerta { border-color: rgba(255, 77, 94, 0.45); background: rgba(255, 77, 94, 0.07); padding-bottom: 16px; }
.sg-alerta b { display: block; margin-bottom: 4px; color: #ffd6da; }
.sg-alerta span { color: var(--fraco); }
.sg-tag { font-style: normal; font-size: 11.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ambar); border: 1px solid rgba(255, 176, 32, 0.45); border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
.sg-contatos { font-weight: 600; }
.sg-rodape { margin-top: 28px; color: var(--fraco); font-size: 13px; text-align: center; }
@media (max-width: 480px) {
  body { font-size: 15px; }
  section { padding: 14px 14px 6px; }
}