:root{
  --bg:#0b0f16;
  --bg2:#070a10;

  --primary:#ff9f1c;
  --primary2:#ff7a00;

  --text:#f5f5f5;
  --muted:rgba(245,245,245,.70);

  --stroke:rgba(255,255,255,.12);

  --shadow:0 18px 45px rgba(0,0,0,.45);
  --shadow2:0 10px 25px rgba(0,0,0,.30);

  --max:1180px;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 460px at 18% -10%, rgba(255,159,28,.16), transparent 60%),
    radial-gradient(700px 360px at 90% 0%, rgba(255,122,0,.12), transparent 55%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg2) 70%, #05060a 100%);
  color:var(--text);
}

a{color:inherit;text-decoration:none}

.container{
  width:min(100% - 32px,var(--max));
  margin:0 auto;
}

/* Header (igual ao início) */
.header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(10,10,10,.75);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--stroke);
}

.nav{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 0;
}

/* Brand */
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  flex:0 0 auto;
}

.logo{
  width:44px;
  height:44px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  display:grid;
  place-items:center;
  color:#000;
  box-shadow:var(--shadow2);
}

.name{font-size:22px}
.name b{color:var(--primary)}

/* MENU (botões pill centralizados igual ao início) */
.menu{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  flex:1;                 /* <- faz o menu ficar no meio */
}

.menu a{
  padding:10px 14px;
  color:var(--muted);
  border-radius:14px;
  border:1px solid transparent;
  font-weight:600;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}

.menu a:hover{
  color:var(--text);
  border-color:rgba(255,159,28,.35);
  background:rgba(255,159,28,.08);
  transform:translateY(-1px);
}

/* Se você quiser destacar um item, adicione class="active" no HTML */
.menu a.active{
  color:var(--text);
  background:rgba(255,159,28,.12);
  border-color:rgba(255,159,28,.35);
}

/* Botão Contato */
.btn-top{
  padding:10px 16px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#000;
  font-weight:800;
  flex:0 0 auto;
  transition:filter .15s ease, transform .15s ease;
}

.btn-top:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}

/* Page */
.page{
  padding:40px 0 60px;
}

.card{
  background:rgba(255,255,255,.04);
  border:1px solid var(--stroke);
  border-radius:22px;
  padding:32px;
  box-shadow:var(--shadow);
}

h1{
  font-size:38px;
  margin:0 0 20px;
  color:var(--primary);
}

h2{
  margin-top:28px;
  color:#ffb347;
}

h3{
  margin-top:18px;
  color:rgba(245,245,245,.92);
}

p{
  line-height:1.7;
  color:var(--muted);
}

ul{
  margin-top:10px;
  padding-left:20px;
}

li{
  margin:8px 0;
  color:var(--muted);
}

/* Links internos da política */
.policy-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 6px 0 18px;
  padding: 10px 14px;
  border:1px solid var(--stroke);
  border-radius:16px;
  background: rgba(255,255,255,.03);
}

.policy-links a{
  color: var(--primary);
  font-weight: 700;
}

.policy-links a:hover{
  filter: brightness(1.1);
  text-decoration: underline;
}

.policy-links span{
  color: rgba(255,255,255,.35);
}

.policy-section{
  scroll-margin-top: 110px;
  padding-top: 8px;
}

/* Footer */
.footer{
  border-top:1px solid var(--stroke);
  padding:20px 0;
  color:var(--muted);
}

.footer .row{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}

.footer a:hover{
  color:var(--primary);
}

/* Responsivo */
@media (max-width:980px){
  .menu{display:none;}
}