/* Shared header + footer for LeveBase static pages (marketing + legal).
   Contained within each page's existing centered column (bodies are ~720-760px
   max-width), so it reads as a real header/footer, not the old plain text line. */
:root {
  --lb-rose: #F2799A; --lb-rose-dark: #B84F72; --lb-rose-deep: #8C2D50;
  --lb-lavender: #C8A8E9; --lb-cream: #FBF7F4; --lb-white: #fff;
  --lb-text: #2C2028; --lb-text-muted: #7A6872; --lb-text-hint: #B09CA8;
  --lb-border: rgba(180,120,150,0.16);
}

.lb-header {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
  padding: 0.25rem 0 1.1rem; margin-bottom: 1.75rem;
  border-bottom: 1px solid var(--lb-border);
}
.lb-logo {
  font-family: 'Playfair Display', Georgia, serif; font-style: normal;
  font-size: 22px; color: var(--lb-rose); text-decoration: none;
  letter-spacing: -0.5px; white-space: nowrap;
}
.lb-logo span { color: var(--lb-rose-deep); font-style: normal; font-weight: 600; }
.lb-nav { display: flex; gap: 1.3rem; flex-wrap: wrap; }
.lb-nav a { color: var(--lb-text-muted); text-decoration: none; font-size: 14px; font-weight: 500; }
.lb-nav a:hover { color: var(--lb-rose-dark); }
.lb-header-cta {
  background: linear-gradient(135deg, var(--lb-rose), var(--lb-rose-dark));
  color: #fff; text-decoration: none; font-size: 13.5px; font-weight: 600;
  padding: 7px 16px; border-radius: 10px; white-space: nowrap;
}
.lb-header-cta:hover { background: linear-gradient(135deg, var(--lb-rose-dark), var(--lb-rose-deep)); }
@media (max-width: 640px) { .lb-nav { gap: 0.9rem; font-size: 13px; } }

.lb-footer { margin-top: 3.5rem; padding-top: 1.75rem; border-top: 1px solid var(--lb-border); }
.lb-footer-brand .lb-logo { font-size: 20px; }
.lb-footer-brand p { color: var(--lb-text-hint); font-size: 13px; margin: 0.35rem 0 0; }
.lb-footer-cols {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 1.5rem;
}
@media (max-width: 560px) { .lb-footer-cols { grid-template-columns: 1fr 1fr; } }
.lb-footer-col h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--lb-text); margin: 0 0 0.6rem; }
.lb-footer-col a { display: block; color: var(--lb-text-muted); text-decoration: none; font-size: 13.5px; padding: 2.5px 0; }
.lb-footer-col a:hover { color: var(--lb-rose-dark); }
.lb-footer-bottom { margin-top: 1.75rem; padding-top: 1.1rem; border-top: 1px solid var(--lb-border); text-align: center; color: var(--lb-text-hint); font-size: 12.5px; }