/* ============================================================
   /90-day-blueprint — page-specific additions.
   Loaded AFTER cad-demo-v2.css (the /conversational-ai/demo design system:
   PP Neue Montreal + PP Supply Mono, #3366ff, ink #04101f, mono eyebrows with a
   blue square, square bracketed buttons, light bands below a dark hero).
   Everything here is namespaced bp- so nothing collides with cad- or site CSS.
   ============================================================ */

/* ---- hero additions ---------------------------------------------------- */
.bp-hero-cta { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2.25rem; }
.bp-note { margin: 0.875rem 0 0; font-size: 0.8125rem; color: rgba(255, 255, 255, 0.55); }
.bp-note b { font-weight: 500; color: rgba(255, 255, 255, 0.8); }

/* The document cover: a white sheet in the same footprint as the demo page's
   assistant panel, with two sheets stacked behind it. */
.bp-cover-wrap { position: relative; z-index: 0; max-width: 399px; margin-inline: auto; }
.bp-cover-wrap::before, .bp-cover-wrap::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 12px;
  background: #e9f0ff; opacity: 0.5; transform: translate(-12px, 12px);
}
.bp-cover-wrap::after { opacity: 0.22; transform: translate(-24px, 24px); }
.bp-cover {
  position: relative; display: flex; flex-direction: column; gap: 1.125rem;
  padding: 1.625rem 1.625rem 1.375rem; min-height: 540px; width: 100%;
  border-radius: 12px; overflow: hidden; text-align: left;
  color: #0b1e3a; font-family: var(--sans);
  box-shadow: 0 30px 70px rgba(3, 12, 40, 0.45);
  background-color: #f5faff;
  background-image:
    radial-gradient(ellipse 140% 34% at 68% 102%, rgba(131, 162, 255, 0.29) 0%, rgba(131, 162, 255, 0) 100%),
    radial-gradient(ellipse 120% 54% at 132% 109%, rgba(51, 103, 255, 0.29) 0%, rgba(51, 103, 255, 0) 100%);
}
.bp-cover__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.bp-cover__top .cad-bb-logo { height: 13px; width: auto; display: block; color: #0b1e3a; }
.bp-cover__kicker {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--navy-1);
}
.bp-cover__kicker::before { content: ""; width: 7px; height: 7px; background: var(--bb-blue); flex: none; }
.bp-cover__title { margin: 0.75rem 0 0; font-size: 1.625rem; line-height: 1.12; font-weight: 500; letter-spacing: -0.015em; color: #0b1e3a; }
.bp-cover__title span { color: var(--bb-blue); }
.bp-cover__sub { margin: 0; font-size: 0.875rem; line-height: 1.5; color: #475467; }
.bp-cover__rule { height: 1px; background: rgba(11, 30, 58, 0.12); }
.bp-phases { display: grid; gap: 0.875rem; margin-top: auto; }
.bp-phase { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); column-gap: 0.75rem; row-gap: 0.25rem; align-items: center; }
.bp-phase__n { font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.12em; text-transform: uppercase; color: #475467; white-space: nowrap; }
.bp-phase__bar { position: relative; height: 8px; background: rgba(11, 30, 58, 0.07); }
.bp-phase__bar i { position: absolute; inset: 0 auto 0 0; background: var(--bb-blue); }
.bp-phase--1 .bp-phase__bar i { width: 34%; background: #9ab3ff; }
.bp-phase--2 .bp-phase__bar i { width: 67%; background: #668dff; }
.bp-phase--3 .bp-phase__bar i { width: 100%; }
.bp-phase__t { grid-column: 2; font-size: 0.75rem; line-height: 1.35; color: #475467; }
.bp-cover__foot { display: flex; gap: 1.25rem; padding-top: 0.875rem; border-top: 1px solid rgba(11, 30, 58, 0.12); }
.bp-cover__stat { font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.12em; text-transform: uppercase; color: #475467; display: flex; align-items: baseline; gap: 0.4rem; }
.bp-cover__stat b { font-family: var(--sans); font-weight: 500; font-size: 1.125rem; color: #0b1e3a; letter-spacing: 0; font-variant-numeric: tabular-nums; }

/* ---- section heads ------------------------------------------------------ */
.bp-head { max-width: 46rem; }
.bp-head .cad-lede { max-width: 100%; margin-top: 1.25rem; }

/* ---- the 90-day plan rail ---------------------------------------------- */
.bp-plan { margin-top: 3rem; }
.bp-plan__label { margin: 0 0 1.5rem; font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-soft); }
.bp-steps { list-style: none; margin: 0; padding: 0; position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; }
.bp-steps::before { content: ""; position: absolute; left: 0; right: 0; top: 5px; height: 1px; background: var(--grey-line); }
.bp-step { position: relative; padding-top: 1.75rem; }
.bp-step::before { content: ""; position: absolute; left: 0; top: 0; width: 11px; height: 11px; background: var(--bb-blue); }
.bp-step__n { font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--bb-blue); font-variant-numeric: tabular-nums; }
.bp-step h3 { margin: 0.5rem 0 0.625rem; font-size: 1.25rem; line-height: 1.3; color: var(--text); }
.bp-step p { margin: 0; font-size: 1rem; line-height: 1.55; color: var(--text-soft); }
.bp-stats { margin-top: 3rem; }

/* ---- entry-point cards -------------------------------------------------- */
.bp-entries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2.75rem; }
.bp-entry { display: flex; flex-direction: column; gap: 1rem; padding: 1.75rem 1.75rem 1.5rem; background: #fff; border: 1px solid var(--grey-line); }
.bp-entry__n { font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--bb-blue); }
.bp-entry h3 { margin: 0; font-size: 1.375rem; line-height: 1.25; color: var(--text); }
.bp-entry__pain { margin: 0; font-size: 1rem; line-height: 1.55; color: var(--text-soft); }
.bp-entry__crawl { border-left: 2px solid var(--bb-blue); padding-left: 1rem; }
.bp-entry__crawl b { display: block; margin-bottom: 0.375rem; font-family: var(--mono); font-weight: 400; font-size: 0.6875rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--navy-1); }
.bp-entry__crawl p { margin: 0; font-size: 1rem; line-height: 1.5; color: var(--text); }
.bp-entry__proof { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--grey-line); font-size: 0.9375rem; line-height: 1.5; color: var(--text-soft); }
.bp-entry__proof strong { color: var(--text); font-weight: 500; }
.bp-start { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.25rem; align-items: start; max-width: 56rem; margin-top: 2.5rem; padding-top: 1.75rem; border-top: 1px solid var(--grey-line); }
.bp-start__l { font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--navy-1); padding-top: 0.35rem; white-space: nowrap; }
.bp-start p { margin: 0; font-size: 1.0625rem; line-height: 1.55; color: var(--text-soft); }
.bp-start p strong { color: var(--text); font-weight: 500; }

/* ---- KPI table ----------------------------------------------------------- */
.bp-kpi thead th { font-size: 0.75rem; font-family: var(--mono); font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-soft); padding-bottom: 0.75rem; }
.bp-kpi thead th:first-child, .bp-kpi thead th:last-child { color: var(--text-soft); }
.bp-kpi tbody td { padding: 1.125rem 1.25rem 1.125rem 0; text-indent: 0; vertical-align: top; font-size: 1rem; line-height: 1.5; }
.bp-kpi tbody td:first-child { color: var(--text); font-weight: 500; }
.bp-kpi tbody td:nth-child(2) { color: var(--text-soft); }
.bp-kpi tbody td:last-child { color: var(--bb-blue); font-weight: 500; font-variant-numeric: tabular-nums; padding-right: 0; }
.bp-kpi tbody td:last-child small { display: block; font-size: 0.8125rem; font-weight: 400; color: var(--text-soft); margin-top: 0.125rem; }

/* ---- asides -------------------------------------------------------------- */
.bp-asides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 3rem; }
.bp-aside { padding: 1.75rem 2rem; background: var(--grey-bg); }
.bp-aside__l { display: inline-flex; align-items: center; gap: 0.75rem; font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--navy-1); }
.bp-aside__l::before { content: ""; width: 8px; height: 8px; background: var(--bb-blue); flex: none; }
.bp-aside p { margin: 0.875rem 0 0; font-size: 1.0625rem; line-height: 1.55; color: var(--text); }
.bp-aside p strong { font-weight: 500; }
.bp-aside__src { display: block; margin-top: 0.875rem; font-size: 0.8125rem; color: var(--text-soft); }
.bp-aside--ink { background: var(--navy-0); color: #fff; }
.bp-aside--ink .bp-aside__l { color: var(--bb-blue-300); }
.bp-aside--ink p { color: #fff; }
.bp-aside--ink .bp-aside__src { color: var(--on-blue-soft); }

/* ---- close band ---------------------------------------------------------- */
.bp-close-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; }
.cad-close .cad-btn--outline { background-color: rgba(255, 255, 255, 0.08); }

/* ---- responsive ---------------------------------------------------------- */
@media (max-width: 62rem) {
  .bp-steps, .bp-entries, .bp-asides { grid-template-columns: minmax(0, 1fr); }
  .bp-steps::before { display: none; }
  .bp-cover-wrap { margin-top: 1.5rem; }
  .bp-start { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
}
@media (max-width: 34rem) {
  .bp-cover { min-height: 0; }
  .bp-cover__title { font-size: 1.375rem; }
  .bp-hero-cta .cad-btn, .bp-close-cta .cad-btn { width: 100%; }
  .bp-cover-wrap::after { display: none; }
}

/* The KPI table stacks into blocks on a phone rather than side-scrolling.
   The shared `table` rule sets min-width: 40rem, which is right for the demo
   page's two-column comparison but leaves this three-column table scrolling
   sideways at 390px with the benchmark — the column that matters — off screen.
   Reset to block layout and label each cell. */
@media (max-width: 48rem) {
  .bp-kpi { min-width: 0; display: block; }
  .bp-kpi thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .bp-kpi tbody, .bp-kpi tr, .bp-kpi td { display: block; }
  .bp-kpi tbody tr { padding-block: 1.25rem; border-bottom: 1px solid var(--grey-line); }
  .bp-kpi tbody tr:last-child { border-bottom: 0; }
  .bp-kpi tbody td { border: 0; padding: 0; }
  .bp-kpi tbody td:first-child { font-size: 1.125rem; }
  .bp-kpi tbody td:nth-child(2) { margin-top: 0.375rem; }
  .bp-kpi tbody td:last-child { margin-top: 0.625rem; }
  .bp-kpi tbody td:last-child small { display: inline; margin-left: 0.35rem; }
}

/* ---- OneTrust floating cookie button: white outline cookie on ink, the same
   treatment as /conversational-ai/demo and research.backbase.com ---------- */
#ot-sdk-btn-floating.ot-floating-button{width:48px;height:48px;bottom:20px;left:20px}
#ot-sdk-btn-floating .ot-floating-button__front,#ot-sdk-btn-floating .ot-floating-button__back{background-color:#071232 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M21 12.3A9 9 0 1 1 11.7 3 3.3 3.3 0 0 0 15 6.5 3.3 3.3 0 0 0 18.4 10c.9 0 1.8-.3 2.6-.9.1.4 0 2.1 0 3.2z'/%3E%3Ccircle cx='9' cy='9.8' r='1' fill='white' stroke='none'/%3E%3Ccircle cx='13.2' cy='13.8' r='1' fill='white' stroke='none'/%3E%3Ccircle cx='8.3' cy='15' r='1' fill='white' stroke='none'/%3E%3C/svg%3E") !important;background-size:22px 22px !important;background-position:center !important;background-repeat:no-repeat !important;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 8px 28px rgba(7,18,50,.28)}
#ot-sdk-btn-floating .ot-floating-button__back{background-image:none !important}
#ot-sdk-btn-floating .ot-floating-button__back svg g,#ot-sdk-btn-floating .ot-floating-button__svg-fill{fill:#fff !important}

/* ---- Backbase wordmark as a mask -------------------------------------------
   The hero embed used to carry this SVG inline TWICE (~6.6 KB of the embed).
   Writing an 8.5 KB embed through the Webflow element API is unreliable — MPS
   stops acknowledging the update — so the mark lives here instead and the embed
   just places two spans. A mask rather than a background-image so the colour
   still follows `currentColor` in both the white topbar and the ink cover. */
.bp-logo {
  display: block; width: 116px; height: 19.6px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23000%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20390.2%2066.1%27%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%279.5%2C20.8%2019%2C20.8%2019%2C11.3%2019%2C1.9%209.5%2C1.9%200%2C1.9%200%2C11.3%209.5%2C11.3%27%2F%3E%3Cpath%20d%3D%27M39%2C32.8v-1.5c9.3-1.3%2C11.7-7.4%2C11.7-13.5c0-7.5-5.1-15.6-17.8-15.9h-7.6v9.5h7.6c6.7%2C0.1%2C8.1%2C4.4%2C8%2C7.9c-0.2%2C7.7-3.7%2C7.9-9.6%2C8H9.5v38h22.7c15.3%2C0%2C20.4-8.7%2C20.4-17.7C52.6%2C39.8%2C49.9%2C34.2%2C39%2C32.8L39%2C32.8z%20M32.5%2C55.7H19.1V36.5h13.3c8%2C0%2C10.6%2C1.5%2C10.6%2C9.7C43.1%2C53.1%2C40.5%2C55.6%2C32.5%2C55.7L32.5%2C55.7z%27%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%27M60%2C49.8c0-8.1%2C5.3-16.3%2C16.7-16.3c6.5%2C0%2C10.2%2C1.9%2C12.9%2C5.6V27H65.4v-8.4h33.5v37.2h5.6v9.3H89.6v-4.7c-2.8%2C3.7-6.4%2C5.6-12.9%2C5.6C65.3%2C66.1%2C60%2C57.9%2C60%2C49.8L60%2C49.8z%20M89.6%2C49.8c0-4.7-3.3-7.9-10.2-7.9s-10.2%2C3.3-10.2%2C7.9s3.3%2C7.9%2C10.2%2C7.9S89.6%2C54.5%2C89.6%2C49.8z%27%2F%3E%3Cpath%20d%3D%27M108.7%2C41.9c0-14.6%2C7.2-24.2%2C20.9-24.2c12.2%2C0%2C19.4%2C7.5%2C19.4%2C18.6h-9.3c-0.4-5.8-2.3-10.2-9.6-10.2c-8.7%2C0-12%2C3.7-12%2C15.8s3.3%2C15.8%2C12%2C15.8c7.3%2C0%2C9.2-4.5%2C9.6-10.2h9.3c0%2C11.1-7.2%2C18.6-19.4%2C18.6C115.9%2C66.1%2C108.7%2C56.5%2C108.7%2C41.9z%27%2F%3E%3Cpath%20d%3D%27M167.1%2C46.2v19h-9.3V0h9.3v37.8h7.3l13-19.2h11.3L182.7%2C42l15.9%2C23.2h-11.3l-13-19L167.1%2C46.2L167.1%2C46.2z%27%2F%3E%3Cpath%20d%3D%27M249.2%2C41.9c0%2C13.7-5.3%2C24.2-20.4%2C24.2c-6.5%2C0-11.1-2.5-13.9-6.5v5.6h-9.3V0h9.3v24.2c2.8-4%2C7.4-6.5%2C13.9-6.5C243.9%2C17.7%2C249.2%2C28.2%2C249.2%2C41.9L249.2%2C41.9z%20M239.9%2C41.9c0-11.2-3.4-15.8-12.5-15.8s-12.5%2C4.6-12.5%2C15.8s3.4%2C15.8%2C12.5%2C15.8S239.9%2C53.1%2C239.9%2C41.9z%27%2F%3E%3Cpath%20d%3D%27M255.2%2C49.8c0-8.1%2C5.3-16.3%2C16.7-16.3c6.5%2C0%2C10.1%2C1.9%2C12.9%2C5.6V27h-24.2v-8.4h33.5v37.2h5.6v9.3h-14.9v-4.7c-2.8%2C3.7-6.4%2C5.6-12.9%2C5.6C260.5%2C66.1%2C255.2%2C57.9%2C255.2%2C49.8L255.2%2C49.8z%20M284.8%2C49.8c0-4.7-3.4-7.9-10.1-7.9s-10.1%2C3.3-10.1%2C7.9s3.4%2C7.9%2C10.1%2C7.9S284.8%2C54.5%2C284.8%2C49.8z%27%2F%3E%3Cpath%20d%3D%27M306.7%2C60.1v-9.4c8.5%2C5.3%2C12.9%2C7%2C19.7%2C7c6%2C0%2C8.2-2.6%2C8.2-5.5c0-3.3-2.4-5-11-6.9c-13.3-2.9-16.9-7.3-16.9-14.6c0-7.7%2C6.6-13%2C16.6-13c6.2%2C0%2C12.4%2C1.7%2C16.9%2C4.8v8.4c-6.8-3.4-12.8-4.8-17.9-4.8c-4.8%2C0-6.3%2C2-6.3%2C4.4c0%2C2.6%2C1.2%2C4.4%2C9.1%2C6.5c13.8%2C3.7%2C18.8%2C6.6%2C18.8%2C15.2c0%2C7.9-6.6%2C14-17.5%2C14C319.2%2C66.1%2C313.5%2C64.7%2C306.7%2C60.1z%27%2F%3E%3Cpath%20d%3D%27M350%2C41.9c0-14.6%2C5.8-24.2%2C20.1-24.2s20.1%2C8.7%2C20.1%2C23.3v5.1h-30.7c0.6%2C6.5%2C3.3%2C11.6%2C14.1%2C11.6c3.7%2C0%2C7.4%2C0%2C13.4-1.7v8.2c-7.3%2C1.9-9.9%2C1.9-13.4%2C1.9C352.6%2C66.1%2C350%2C51.1%2C350%2C41.9L350%2C41.9z%20M380.9%2C37.7c-0.2-8.1-3.3-11.6-10.8-11.6s-10.3%2C4.1-10.8%2C11.6H380.9L380.9%2C37.7z%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23000%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20390.2%2066.1%27%3E%3Cg%3E%3Cg%3E%3Cpolygon%20points%3D%279.5%2C20.8%2019%2C20.8%2019%2C11.3%2019%2C1.9%209.5%2C1.9%200%2C1.9%200%2C11.3%209.5%2C11.3%27%2F%3E%3Cpath%20d%3D%27M39%2C32.8v-1.5c9.3-1.3%2C11.7-7.4%2C11.7-13.5c0-7.5-5.1-15.6-17.8-15.9h-7.6v9.5h7.6c6.7%2C0.1%2C8.1%2C4.4%2C8%2C7.9c-0.2%2C7.7-3.7%2C7.9-9.6%2C8H9.5v38h22.7c15.3%2C0%2C20.4-8.7%2C20.4-17.7C52.6%2C39.8%2C49.9%2C34.2%2C39%2C32.8L39%2C32.8z%20M32.5%2C55.7H19.1V36.5h13.3c8%2C0%2C10.6%2C1.5%2C10.6%2C9.7C43.1%2C53.1%2C40.5%2C55.6%2C32.5%2C55.7L32.5%2C55.7z%27%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%27M60%2C49.8c0-8.1%2C5.3-16.3%2C16.7-16.3c6.5%2C0%2C10.2%2C1.9%2C12.9%2C5.6V27H65.4v-8.4h33.5v37.2h5.6v9.3H89.6v-4.7c-2.8%2C3.7-6.4%2C5.6-12.9%2C5.6C65.3%2C66.1%2C60%2C57.9%2C60%2C49.8L60%2C49.8z%20M89.6%2C49.8c0-4.7-3.3-7.9-10.2-7.9s-10.2%2C3.3-10.2%2C7.9s3.3%2C7.9%2C10.2%2C7.9S89.6%2C54.5%2C89.6%2C49.8z%27%2F%3E%3Cpath%20d%3D%27M108.7%2C41.9c0-14.6%2C7.2-24.2%2C20.9-24.2c12.2%2C0%2C19.4%2C7.5%2C19.4%2C18.6h-9.3c-0.4-5.8-2.3-10.2-9.6-10.2c-8.7%2C0-12%2C3.7-12%2C15.8s3.3%2C15.8%2C12%2C15.8c7.3%2C0%2C9.2-4.5%2C9.6-10.2h9.3c0%2C11.1-7.2%2C18.6-19.4%2C18.6C115.9%2C66.1%2C108.7%2C56.5%2C108.7%2C41.9z%27%2F%3E%3Cpath%20d%3D%27M167.1%2C46.2v19h-9.3V0h9.3v37.8h7.3l13-19.2h11.3L182.7%2C42l15.9%2C23.2h-11.3l-13-19L167.1%2C46.2L167.1%2C46.2z%27%2F%3E%3Cpath%20d%3D%27M249.2%2C41.9c0%2C13.7-5.3%2C24.2-20.4%2C24.2c-6.5%2C0-11.1-2.5-13.9-6.5v5.6h-9.3V0h9.3v24.2c2.8-4%2C7.4-6.5%2C13.9-6.5C243.9%2C17.7%2C249.2%2C28.2%2C249.2%2C41.9L249.2%2C41.9z%20M239.9%2C41.9c0-11.2-3.4-15.8-12.5-15.8s-12.5%2C4.6-12.5%2C15.8s3.4%2C15.8%2C12.5%2C15.8S239.9%2C53.1%2C239.9%2C41.9z%27%2F%3E%3Cpath%20d%3D%27M255.2%2C49.8c0-8.1%2C5.3-16.3%2C16.7-16.3c6.5%2C0%2C10.1%2C1.9%2C12.9%2C5.6V27h-24.2v-8.4h33.5v37.2h5.6v9.3h-14.9v-4.7c-2.8%2C3.7-6.4%2C5.6-12.9%2C5.6C260.5%2C66.1%2C255.2%2C57.9%2C255.2%2C49.8L255.2%2C49.8z%20M284.8%2C49.8c0-4.7-3.4-7.9-10.1-7.9s-10.1%2C3.3-10.1%2C7.9s3.4%2C7.9%2C10.1%2C7.9S284.8%2C54.5%2C284.8%2C49.8z%27%2F%3E%3Cpath%20d%3D%27M306.7%2C60.1v-9.4c8.5%2C5.3%2C12.9%2C7%2C19.7%2C7c6%2C0%2C8.2-2.6%2C8.2-5.5c0-3.3-2.4-5-11-6.9c-13.3-2.9-16.9-7.3-16.9-14.6c0-7.7%2C6.6-13%2C16.6-13c6.2%2C0%2C12.4%2C1.7%2C16.9%2C4.8v8.4c-6.8-3.4-12.8-4.8-17.9-4.8c-4.8%2C0-6.3%2C2-6.3%2C4.4c0%2C2.6%2C1.2%2C4.4%2C9.1%2C6.5c13.8%2C3.7%2C18.8%2C6.6%2C18.8%2C15.2c0%2C7.9-6.6%2C14-17.5%2C14C319.2%2C66.1%2C313.5%2C64.7%2C306.7%2C60.1z%27%2F%3E%3Cpath%20d%3D%27M350%2C41.9c0-14.6%2C5.8-24.2%2C20.1-24.2s20.1%2C8.7%2C20.1%2C23.3v5.1h-30.7c0.6%2C6.5%2C3.3%2C11.6%2C14.1%2C11.6c3.7%2C0%2C7.4%2C0%2C13.4-1.7v8.2c-7.3%2C1.9-9.9%2C1.9-13.4%2C1.9C352.6%2C66.1%2C350%2C51.1%2C350%2C41.9L350%2C41.9z%20M380.9%2C37.7c-0.2-8.1-3.3-11.6-10.8-11.6s-10.3%2C4.1-10.8%2C11.6H380.9L380.9%2C37.7z%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain;     mask-size: contain;
  -webkit-mask-position: left center; mask-position: left center;
}
.bp-logo--topbar { width: 100px; height: 17px; color: #fff; }
.bp-logo--cover  { width: 77px;  height: 13px; color: #0b1e3a; }