/* GoldPayroll — shared site chrome (nav, footer, legal pages) */
:root{
  --gold:#C9971C; --gold-light:#E0B23A; --navy:#1B2A4A;
  --line:#EadFC5; --soft:#F7F4EC; --muted:#6b7280;
}

/* ---------- top nav bar ---------- */
.navbar{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; max-width:1100px; margin:0 auto; padding:14px 24px;
}
.navbar .brand img{height:40px; display:block}
.navbar .navlinks{display:flex; flex-wrap:wrap; gap:18px; align-items:center}
.navbar .navlinks a{
  color:var(--navy); text-decoration:none; font-size:14px; font-weight:600;
}
.navbar .navlinks a:hover{color:var(--gold)}
.navbar .navlinks a.cta{
  background:var(--navy); color:#fff; padding:8px 15px; border-radius:9px;
}
.navbar .navlinks a.cta:hover{color:#fff; background:#12203c}
.navbar .beta{
  display:inline-block; margin-left:6px; padding:1px 7px; border:1px solid var(--line);
  border-radius:20px; font-size:10px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--gold); vertical-align:middle;
}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--line); margin-top:56px; background:#fff}
.foot-inner{max-width:1100px; margin:0 auto; padding:26px 24px; text-align:center}
.foot-links{display:flex; flex-wrap:wrap; gap:18px; justify-content:center; margin-bottom:12px}
.foot-links a{color:var(--gold); text-decoration:none; font-size:13px; font-weight:600}
.foot-links a:hover{text-decoration:underline}
.foot-legal{color:#a7adba; font-size:12px; max-width:760px; margin:0 auto; line-height:1.55}

/* ---------- content / legal pages ---------- */
.page{max-width:760px; margin:0 auto; padding:10px 24px 8px}
.page h1{font-size:28px; letter-spacing:-.4px; margin:16px 0 6px; color:var(--navy)}
.page .updated{color:var(--muted); font-size:13px; margin-bottom:26px}
.page h2{font-size:18px; color:var(--gold); margin:28px 0 10px}
.page p, .page li{font-size:15px; line-height:1.7; color:#2b3345}
.page ul{margin:8px 0 8px 22px}
.page a{color:var(--gold)}
.page .lead{font-size:16px; color:#3a4358}
.contact-card{
  border:1.5px solid var(--line); border-radius:14px; padding:22px 24px;
  background:var(--soft); margin-top:16px; text-align:center;
}
.contact-card a{font-weight:700; font-size:18px; text-decoration:none}