/* Cookie banner, shared by the public marketing pages. Brand rules: cream
   surface, camo green workhorse, pink as accent only.

   A slim full-width bar, NOT a floating card. A card in the bottom corner
   sat on top of the hero headline at laptop height (1280x720), and the
   headline is the one thing on a registration page that must never be
   covered. A bar only ever costs the bottom ~64px of the page. */
.lp-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background: #FCFBF7;
  color: #232812;
  border-top: 1.5px solid #232812;
  padding: 12px 24px;
  box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.14);
  font-family: 'Manrope', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.lp-consent p {
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  color: #232812;
  max-width: 720px;
}
.lp-consent a { color: #FF2E8E; text-decoration: underline; }
.lp-consent-actions { display: flex; gap: 10px; flex-wrap: wrap; flex-shrink: 0; }
.lp-consent button {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 800;
  padding: 9px 20px;
  border-radius: 999px;
  border: 1.5px solid #232812;
  background: #232812;
  color: #FCFBF7;
  cursor: pointer;
  white-space: nowrap;
}
.lp-consent button.ghost { background: transparent; color: #232812; }
.lp-consent button:hover { transform: translateY(-1px); }

/* The floating "I want a LivePod" sticker lives in the same corner, so it
   steps up out of the way while the bar is on screen. */
body.lp-consent-open .sticker-fab { bottom: 104px; }

/* Legal links in the marketing-page footers. Inherits the footer's own
   typewriter styling, so it only needs layout. */
.footer-links { display: inline-flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.footer-links a,
.footer-links button {
  color: inherit; text-decoration: none;
  font: inherit; letter-spacing: inherit; text-transform: inherit;
  background: none; border: 0; padding: 0; cursor: pointer;
}
.footer-links a:hover, .footer-links button:hover { text-decoration: underline; }

@media (max-width: 720px) {
  .lp-consent { justify-content: flex-start; gap: 12px; padding: 14px 18px; }
  .lp-consent p { font-size: 12.5px; }
}