/* The main-site footer (site/blocks/footer.html) on the Squad Card pages.
   The rules below are the footer rules of /assets/lp/css/style.css, scoped under .bxs-footer so the
   designers' Tailwind page and the site stylesheet never meet; regenerate from style.css when the
   footer changes there (scripts/squad-footer-css.py). Fonts come from the Squad page itself
   (Inter, Inter Tight and ztFormom are its own font faces). */
.bxs-footer { position: relative; overflow: clip; background: #070712; color: #fff;
  font-family: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-variant-numeric: lining-nums; line-height: 1.2; -webkit-font-smoothing: antialiased; }
.bxs-footer *, .bxs-footer *::before, .bxs-footer *::after { box-sizing: border-box; }
.bxs-footer ul { list-style: none; margin: 0; padding: 0; }
.bxs-footer p { margin: 0; }
.bxs-footer a { color: inherit; }
.bxs-footer img { display: inline-block; max-width: 100%; height: auto; }
/* three classes so these win over the generated two-class rules below */
.bxs-footer .footer_bottom .footer_bottom_title { font-family: ztFormom, "ZT Formom", Georgia, serif; }
.bxs-footer .footer_bottom .footer_bottom_title span { font-family: "Inter Tight", "Inter Tight Fallback", "Inter", sans-serif; }
/* --- generated from style.css below this line --- */
.bxs-footer .container { display: block; margin: 0 auto; max-width: 1272px; padding: 0 16px; position: relative; width: 100%; }
.bxs-footer .footer_top { padding: 80px 0 76px; position: relative; z-index: 3; }
.bxs-footer .footer_logo { font-size: 0; }
.bxs-footer .footer_logo_desc { font-size: 16px; line-height: 150%; letter-spacing: -0.02em; color: #fff; opacity: 0.7; margin-top: 40px; }
.bxs-footer .footer_top_left { max-width: 298px; }
.bxs-footer .footer_top_right { gap: 32px; }
.bxs-footer .footer_menu_outer { width: 180px; }
.bxs-footer .footer_menu_title { font-weight: 600; font-size: 16px; line-height: 100%; color: #fff; }
.bxs-footer .footer_menu { margin-top: 32px; }
.bxs-footer .footer_menu ul li { margin-bottom: 32px; }
.bxs-footer .footer_menu ul li:last-child { margin-bottom: 0; }
.bxs-footer .footer_menu ul li a { display: block; font-size: 16px; line-height: 100%; color: #fff; opacity: 0.7; text-decoration: none; transition: 0.25s; }
.bxs-footer .footer_menu ul li a:hover { color: #8585e9; opacity: 1; }
.bxs-footer .footer_middle { padding-bottom: 304px; position: relative; z-index: 3; }
.bxs-footer .footer_privacy { background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 32px; color: rgba(255,255,255,0.7); letter-spacing: -0.02em; text-align: center; font-size: 14px; padding: 40px; }
.bxs-footer .footer_privacy > * { margin-bottom: 24px; }
.bxs-footer .footer_privacy > *:last-child { margin-bottom: 0; }
.bxs-footer .footer_copyright_outer { margin-top: 74px; }
.bxs-footer .footer_copyright { font-size: 14px; line-height: 100%; text-align: center; text-transform: uppercase; color: #fff; opacity: 0.7; }
.bxs-footer .footer_links { font-size: 14px; line-height: 100%; color: #fff; opacity: 0.7; gap: 32px; text-transform: uppercase; }
.bxs-footer .footer_links a { color: inherit; text-decoration: none; transition: 0.25s; }
.bxs-footer .footer_links a:hover { opacity: 1; }
.bxs-footer .footer_bottom { position: relative; bottom: 0; }
.bxs-footer .footer_bottom_bg { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }
.bxs-footer .footer_bottom_bg span { position: absolute; display: block; filter: blur(150px); border-radius: 50%; pointer-events: none; }
.bxs-footer .footer_bottom_bg span:nth-child(1) { width: 640px; height: 640px; left: 0; bottom: -230px; transform: translateX(-40%); background: linear-gradient(135deg, #8585E9 0%, #264BFF 100%); opacity: 0.6; }
.bxs-footer .footer_bottom_bg span:nth-child(2) { width: 695px; height: 695px; left: 50%; transform: translateX(-50%); bottom: -310px; background: #264BFF; opacity: 0.35; }
.bxs-footer .footer_bottom_bg span:nth-child(3) { width: 670px; height: 670px; right: -0; bottom: -222px; transform: translateX(40%); background: linear-gradient(135deg, #8585E9 0%, #264BFF 100%); opacity: 0.6; }
.bxs-footer .footer_bottom_title { color: rgba(255,255,255,0.7); font-family: "ZT Formom", sans-serif; font-weight: 400; font-size: 498px; line-height: 100%; text-align: center; font-style: italic; position: absolute; left: 50%; bottom: -190px; transform: translateX(-50%); z-index: 1; }
.bxs-footer .footer_bottom_title span { font-family: "Inter Tight", "Inter Tight Fallback", sans-serif; font-style: normal; }
.bxs-footer .d_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.bxs-footer .f_wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bxs-footer .f_wrap_reverse { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }
.bxs-footer .j_content_between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.bxs-footer .a_items_center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 1024px) {
  .bxs-footer .footer_top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 40px 0; }
  .bxs-footer .footer_top_left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }
  .bxs-footer .footer_logo { order: 0; max-width: 173px; }
  .bxs-footer .footer_logo_desc { order: 2; font-size: 14px; margin-top: 20px; }
  .bxs-footer .footer_privacy { border-radius: 24px; font-size: 12px; padding: 20px; line-height: 150%; }
  .bxs-footer .footer_privacy br { display: none; }
  .bxs-footer .footer_top_right { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 44px 16px; margin-top: 44px; max-width: 360px; width: 100%; }
  .bxs-footer .footer_menu_outer { width: calc(50% - 8px); }
  .bxs-footer .footer_middle { padding-bottom: 0; }
  .bxs-footer .footer_bottom { margin-top: -5vw; }
  .bxs-footer .footer_bottom_title { font-size: calc(34vw - 20px); left: 50%; bottom: 0; transform: translate(-52%, 38%); position: relative; }
}
@media screen and (max-width: 768px) {
  .bxs-footer .footer_copyright_outer { margin-top: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; }
}
@media screen and (max-width: 375px) {
  .bxs-footer .footer_logo_desc br { display: none; }
  .bxs-footer .footer_menu_title, .bxs-footer .footer_menu ul li a { font-size: 12px; }
  .bxs-footer .footer_menu { margin-top: 16px; }
  .bxs-footer .footer_menu ul li { margin-bottom: 16px; }
}
/* --- hand-written, after the generated block: the bottom strip and the legal links --------------------------- */
/* The strip as the main site has it since bx-site-fixes.css: copyright left and the two links right on one line,
   the disclaimer underneath as a full-width sentence in normal case (the generated rules centred and upper-cased
   all three, which read as misaligned fragments). Privacy Policy and Terms & Conditions read as links: hairline
   underline, lilac on hover, 44px tap height on phones. */
.bxs-footer .footer_copyright_outer { row-gap: 16px; }
.bxs-footer .footer_copyright_outer .footer_copyright { text-align: left; order: 1; }
.bxs-footer .footer_copyright_outer .footer_links { order: 2; }
.bxs-footer .footer_copyright_outer .footer_disclaimer_line { flex: 0 0 100%; order: 3; text-align: left; text-transform: none; font-size: 13px; line-height: 140%; letter-spacing: -0.01em; }
.bxs-footer .footer_links a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; text-decoration-color: rgba(255,255,255,.35); }
.bxs-footer .footer_links a:hover { color: #8585e9; text-decoration-color: currentColor; }
@media screen and (max-width: 768px) {
  .bxs-footer .footer_copyright_outer { align-items: stretch; }
  .bxs-footer .footer_copyright_outer .footer_copyright, .bxs-footer .footer_copyright_outer .footer_disclaimer_line { text-align: center; }
  .bxs-footer .footer_links { justify-content: center; }
  .bxs-footer .footer_links a { display: inline-flex; align-items: center; min-height: 44px; }
}