@font-face { font-family: Manrope; src: url('/marketing/20260930/assets/manrope-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Manrope; src: url('/marketing/20260930/assets/manrope-600.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: Manrope; src: url('/marketing/20260930/assets/manrope-700.ttf') format('truetype'); font-weight: 700; font-display: swap; }
.marketing-legal {
  --bz-primary: #245c83;
  --bz-primary-hover: #194766;
  --bz-bg: #fff;
  --bz-text: #101112;
  --bz-muted: #475569;
  --bz-font: Manrope, system-ui, sans-serif;
  background: #fff;
  color: var(--bz-text);
  font-family: var(--bz-font);
  font-size: 1rem;
  line-height: 1.7;
}
.marketing-legal .shell { width: min(100%, 760px); margin: 0 auto; border-radius: 0; box-shadow: none; overflow: visible; }
.marketing-legal .legal { min-width: 0; overflow-wrap: anywhere; }
.marketing-legal .legal h1 { font-size: clamp(1.625rem, .5rem + 5.5vw, 2.625rem); line-height: 1.2; font-weight: 700; margin-bottom: 14px; }
.marketing-legal .legal h2 { font-size: clamp(1.25rem, 1.125rem + .5vw, 1.5rem); line-height: 1.35; }
.marketing-legal .legal p, .marketing-legal .legal li { font-size: 1rem; line-height: 1.7; }
.marketing-legal .legal .updated, .marketing-legal .footer { font-size: .875rem; line-height: 1.6; color: var(--bz-muted); }
.marketing-legal .legal ol { padding-left: 1.5rem; }
.marketing-legal .legal code { font-size: inherit; overflow-wrap: anywhere; }
.marketing-legal .footer > div, .marketing-legal .footer-links { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.marketing-legal .footer-links { gap: 8px 20px; }
.marketing-legal .footer a, .marketing-legal .logo { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; }
.marketing-legal a:focus-visible { outline: 3px solid #245c83; outline-offset: 4px; }
@media (max-width: 600px) {
  .marketing-legal .topbar, .marketing-legal .footer { padding: 18px; }
  .marketing-legal .legal { padding: 28px 18px; }
  .marketing-legal .footer, .marketing-legal .footer-links { flex-direction: column; align-items: flex-start; }
}