@charset "UTF-8";
@import "../../assets/bootstrap/bootstrap-icons/font/bootstrap-icons.css";
:root {
  --bl-page-bg: #fbfbfb;
  --bl-surface: #ffffff;
  --bl-dark: #0e1526;
  --bl-dark-hover: #182036;
  --bl-text: #070b15;
  --bl-text-soft: #242b38;
  --bl-muted: #677180;
  --bl-border: #dde2ea;
  --bl-border-soft: #edf0f4;
  --bl-soft: #eef1f5;
  --bl-soft-hover: #e4e8ef;
  --bl-green: #9cf8c8;
  --bl-green-hover: #85efba;
  --bl-radius-sm: 8px;
  --bl-radius-md: 14px;
  --bl-radius-lg: 20px;
  --bl-shadow-card: 0 0 15px 2px rgba(0, 0, 0, 0.035);
  --bl-shadow-soft: 0 20px 50px rgba(14, 21, 38, 0.045);
  --bl-container: 1250px;
  --bl-content-container: 1100px;
  --bl-surface-soft: #f9fbff;
  --bl-surface-muted: #f6f8fb;
  --bl-on-dark: #ffffff;
  --bl-accent: #35d99b;
  --bl-accent-hover: #22bf84;
  --bl-font-xxs: 10px;
  --bl-font-xs: 11px;
  --bl-font-sm: 12px;
  --bl-font-md: 13px;
  --bl-font-base: 14px;
  --bl-font-body: 15px;
  --bl-font-lg: 16px;
  --bl-font-xl: 18px;
  --bl-font-2xl: 22px;
  --bl-font-3xl: 24px;
  --bl-font-4xl: 32px;
  --bl-sticky-header-offset: 61px;
  --bl-sticky-review-sidebar-offset: 112px;
}

:root,
[data-bs-theme=light] {
  --bs-light-rgb: 251, 251, 251;
  --bs-dark-rgb: 25, 54, 116;
  --bs-font-sans-serif: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  --bs-body-font-size: 14px;
  --bs-border-radius: 20px;
  --bs-box-shadow-lg: 0 18px 15px rgba(10, 20, 35, 0.025);
  --bs-badge-font-weight: 400;
  --bl-scrollbar-track: #f1f3f6;
  --bl-scrollbar-thumb-hover: #182036;
  --bl-primary: #193674;
  --bs-border-radius-pill: 5px;
  --bs-box-shadow-sm: 0 0.125rem 0.5rem 5px rgb(0 0 0 / 3%);
}

.bg-secondary {
  background-color: #f9fbff !important;
}

.bg-light-subtle {
  background-color: #ffffff !important;
}

html {
  min-height: 100%;
  overflow-x: clip;
  scrollbar-width: thin;
  scrollbar-color: var(--bl-primary) var(--bl-scrollbar-track);
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: clip;
  background: var(--bl-page-bg);
}

main,
#main-content {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
}

html::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-track {
  background: var(--bl-scrollbar-track);
}

html::-webkit-scrollbar-thumb {
  border: 2px solid var(--bl-scrollbar-track);
  border-radius: 999px;
  background: var(--bl-primary);
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--bl-primary);
}

.bl-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 7px 15px;
  border-radius: 999px;
  background: var(--bl-dark);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}

.bl-review-header {
  margin-bottom: 32px;
}

.bl-review-header__title {
  max-width: 780px;
  margin: 16px 0 7px;
  color: var(--bl-text);
  font-size: clamp(32px, 3.1vw, 46px);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.bl-review-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 7px;
  margin: 0;
  color: var(--bl-muted);
  font-size: 11px;
  line-height: 1.5;
}

.bl-review-header__meta a {
  color: var(--bl-text);
  font-weight: 500;
  text-decoration: none;
}

.bl-review-header__meta a:hover {
  text-decoration: underline;
}

.bl-product-hero {
  display: grid;
  gap: 24px;
  align-items: stretch;
}

@media (min-width: 992px) {
  .bl-product-hero {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 0.95fr);
    gap: clamp(32px, 4vw, 48px);
  }
}
.bl-media-card {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(290px, 31vw, 395px);
  overflow: hidden;
  margin: 0;
  border-radius: var(--bl-radius-lg);
  background: radial-gradient(circle at 56% 48%, rgba(38, 61, 98, 0.7), rgba(7, 13, 30, 0.08) 32%), linear-gradient(135deg, #0b142b 0%, #050a18 100%);
}

.bl-media-card__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: clamp(28px, 3vw, 48px);
}

.bl-media-card__fallback {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 575.98px) {
  .bl-media-card {
    min-height: 255px;
  }
  .bl-media-card__image {
    padding: 20px;
  }
}
.bl-summary-card {
  display: flex;
  height: 100%;
  border: 0;
  border-radius: var(--bl-radius-lg);
  background: var(--bl-surface);
  box-shadow: var(--bl-shadow-card);
  min-height: 500px;
}

.bl-summary-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(28px, 3vw, 36px);
}

.bl-summary-card__title {
  margin: 0 0 18px;
  color: var(--bl-text);
  font-size: clamp(24px, 2.1vw, 32px);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.bl-summary-card__text {
  max-width: 95%;
  margin: 0 0 24px;
  color: var(--bl-text-soft);
  font-size: 12px;
  line-height: 1.65;
}

.bl-summary-card__footer {
  margin-top: auto;
}

.bl-summary-card .bl-price-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
  color: #111;
}

.bl-summary-card .bl-price-value {
  font-size: 25px;
  font-weight: 600;
  line-height: 0.95;
  color: #000;
}

.bl-summary-card .bl-price-row {
  display: flex;
  align-items: flex-end;
  gap: 0.7rem 0.45rem;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-end;
}

.bl-summary-card .bl-price-tax {
  font-size: 14px;
  line-height: 1.2;
  color: #111;
}

.bl-summary-card #vorteile li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.bl-summary-card #vorteile .bi {
  flex: 0 0 auto;
  line-height: 1;
  transform: translateY(2px);
  margin: 0 !important;
  color: #193674;
}

.bl-summary-card #vorteile .bi::before {
  display: block;
}

.bl-benefits {
  display: grid;
  gap: 9px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.bl-benefits__item {
  display: flex;
  align-items: center;
  color: var(--bl-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.bl-benefits__icon {
  display: inline-grid;
  flex: 0 0 17px;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-right: 9px;
  border: 1.5px solid currentColor;
  border-radius: 999px;
  font-size: 9px;
  line-height: 1;
}

.bl-pricing {
  margin-top: 18px;
  margin-bottom: 22px;
}

.bl-pricing__label {
  display: block;
  margin-bottom: 4px;
  color: var(--bl-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.15;
}

.bl-pricing__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
}

.bl-pricing__value {
  color: #000;
  font-size: clamp(28px, 2.5vw, 36px);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.045em;
}

.bl-pricing__tax {
  color: #111827;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.1;
}

.bl-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.bl-primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  padding: 13px 36px;
  border: 1px solid var(--bl-dark);
  border-radius: 7px;
  background: var(--bl-dark);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.bl-primary-action:hover {
  border-color: var(--bl-dark-hover);
  background: var(--bl-dark-hover);
  color: #fff;
}

.bl-primary-action:focus-visible {
  outline: 3px solid rgba(14, 21, 38, 0.18);
  outline-offset: 2px;
}

.bl-icon-action {
  display: inline-grid;
  place-items: center;
  width: 45px;
  height: 45px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 17px;
  line-height: 1;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.bl-icon-action:hover {
  color: var(--bl-dark);
}

.bl-icon-action:focus-visible {
  outline: 3px solid rgba(14, 21, 38, 0.18);
  outline-offset: 2px;
}

.bl-icon-action.is-muted {
  border-color: #d8dee8;
  background: var(--bl-soft);
  color: var(--bl-dark);
}

.bl-icon-action.is-muted:hover {
  background: var(--bl-soft-hover);
}

.bl-icon-action.is-success {
  border-color: var(--bl-green);
  background: var(--bl-green);
  color: #062114;
}

.bl-icon-action.is-success:hover {
  border-color: var(--bl-green-hover);
  background: var(--bl-green-hover);
}

@media (max-width: 575.98px) {
  .bl-primary-action {
    width: 100%;
  }
}
.bl-tabs {
  margin-top: 36px;
  border-bottom: 1px solid var(--bl-border);
}

.bl-tabs__list {
  display: flex;
  align-items: flex-end;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.bl-tabs__item {
  margin: 0;
}

.bl-tabs__button {
  min-width: 92px;
  min-height: 34px;
  padding: 11px 18px;
  border: 0;
  border-radius: 7px 7px 0 0;
  background: transparent;
  color: var(--bl-text);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.bl-tabs__button:hover {
  background: #f1f3f6;
  color: #000;
}

.bl-tabs__button.active {
  background: var(--bl-dark);
  color: #fff;
}

.bl-tabs__button:focus-visible {
  outline: 3px solid rgba(14, 21, 38, 0.18);
  outline-offset: 2px;
}

.bl-tab-content {
  margin-top: 32px;
}

.bl-tab-pane:focus {
  outline: none;
}

@media (max-width: 575.98px) {
  .bl-tabs__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .bl-tabs__list::-webkit-scrollbar {
    display: none;
  }
  .bl-tabs__button {
    white-space: nowrap;
  }
}
.bl-content-card {
  overflow: hidden;
  border: 0;
  border-radius: var(--bl-radius-lg);
  background: var(--bl-surface);
  box-shadow: var(--bl-shadow-card);
}

.bl-content-card__body {
  padding: clamp(28px, 3vw, 36px);
}

.bl-content-card__title {
  margin: 0 0 20px;
  color: var(--bl-text);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.04em;
}

.bl-toc {
  min-height: clamp(285px, 34vw, 365px);
}

.bl-toc__body {
  padding: 28px 32px;
}

.bl-toc__title {
  margin: 0 0 16px;
  color: var(--bl-text);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.bl-toc__list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: toc;
}

.bl-toc__item {
  display: flex;
  gap: 6px;
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.4;
  counter-increment: toc;
}

.bl-toc__item::before {
  content: counter(toc) ".";
  color: var(--bl-muted);
  font-weight: 500;
}

.bl-toc__link {
  color: var(--bl-text);
  font-weight: 500;
  text-decoration: none;
}

.bl-toc__link:hover {
  text-decoration: underline;
}

.bl-entry {
  max-width: 760px;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.8;
}

.bl-entry > * {
  margin-bottom: 20px;
}

.bl-entry > *:first-child {
  margin-top: 0;
}

.bl-entry h2,
.bl-entry h3,
.bl-entry h4 {
  color: var(--bl-text);
  font-weight: 600;
  letter-spacing: -0.04em;
}

.bl-entry h2 {
  margin-top: 38px;
  margin-bottom: 16px;
  font-size: clamp(26px, 2.2vw, 34px);
  line-height: 1.12;
}

.bl-entry h3 {
  margin-top: 30px;
  margin-bottom: 12px;
  font-size: clamp(20px, 1.45vw, 24px);
  line-height: 1.2;
}

.bl-entry p {
  color: #2d3546;
}

.bl-entry a {
  color: var(--bl-text);
  font-weight: 600;
}

/* Startseite: kompakte Orientierungs-Card neben der Bewertungsvisualisierung. */
.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: center;
  gap: 26px;
  overflow: hidden;
  isolation: isolate;
  max-width: none;
  margin: 0;
  padding: 38px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 255, 255, 0.13), transparent 31%),
    linear-gradient(145deg, #10234f 0%, #0b1836 100%);
  box-shadow: 0 24px 70px rgba(13, 27, 59, 0.13);
  text-align: left;
}

.bl-home-v3 .bl-home-insight-card::before {
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), transparent 48%);
  content: "";
  pointer-events: none;
}

.bl-home-v3 .bl-home-insight-card__copy {
  display: grid;
  gap: 11px;
}

.bl-home-v3 .bl-home-insight-card__copy > span {
  width: fit-content;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card .bl-home-insight-card__copy h3 {
  margin: 0;
  max-width: 15ch;
  color: #fff;
  font-size: clamp(28px, 2.4vw, 36px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.1;
}

.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card .bl-home-insight-card__copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.65;
}

.bl-home-v3 .bl-home-insight-card__steps {
  display: grid;
  gap: 10px;
}

.bl-home-v3 .bl-home-insight-card__steps > span {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 50px;
  padding: 9px 12px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  font-size: 13px;
  line-height: 1.35;
}

.bl-home-v3 .bl-home-insight-card__steps strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.bl-home-v3 .bl-home-insight-card .bl-home-insight-card__cta {
  display: inline-flex;
  width: fit-content;
  margin: 0;
  border-color: #fff;
  background: #fff;
  color: #0b1836;
}

.bl-home-v3 .bl-home-insight-card .bl-home-insight-card__cta:hover,
.bl-home-v3 .bl-home-insight-card .bl-home-insight-card__cta:focus-visible {
  border-color: #eef2f8;
  background: #eef2f8;
  color: #0b1836;
}

@media (max-width: 991.98px) {
  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    text-align: left;
  }

  .bl-home-v3 .bl-home-insight-card .bl-home-insight-card__cta {
    margin: 0;
  }
}

@media (max-width: 575.98px) {
  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card {
    gap: 22px;
    padding: 28px 22px;
    border-radius: 16px;
  }

  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card .bl-home-insight-card__copy h3 {
    font-size: 28px;
  }

  .bl-home-v3 .bl-home-insight-card__steps > span {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
  }

  .bl-home-v3 .bl-home-insight-card .bl-home-insight-card__cta {
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
  }
}

/* External editorial links keep their underline and receive a reserved favicon slot. */
a.bl-external-favicon-link::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  border-radius: 3px;
  background-color: #fff;
  background-image:
    var(--bl-external-favicon),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23193674' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M10 14 19 5'/%3E%3Cpath d='M19 14v5H5V5h5'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px, 11px 11px;
  box-shadow: 0 0 0 1px rgba(25, 54, 116, 0.1);
  vertical-align: -2px;
}

.bl-entry ul,
.bl-entry ol {
  margin: 22px 0;
  padding-left: 0;
  list-style: none;
}

.bl-entry li {
  position: relative;
  padding-left: 30px;
  color: #2d3546;
}

.bl-entry li + li {
  margin-top: 10px;
}

.bl-entry ul > li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 6px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid var(--bl-primary);
  transform: translateY(-50%);
}

.bl-entry ol {
  counter-reset: bl-entry-list;
}

.bl-entry ol > li {
  counter-increment: bl-entry-list;
}

.bl-entry ol > li::before {
  content: counter(bl-entry-list) ".";
  position: absolute;
  top: 0;
  left: 0;
  min-width: 18px;
  color: var(--bl-primary);
  font-weight: 600;
  line-height: inherit;
  text-align: right;
}

.bl-entry blockquote {
  margin: 28px 0;
  padding: 20px 24px;
  border-left: 4px solid var(--bl-dark);
  border-radius: 8px;
  background: #f4f6f8;
  color: #202838;
  font-weight: 500;
}

.bl-faq .accordion {
  --bs-accordion-border-color: var(--bl-border);
  --bs-accordion-border-radius: 14px;
  --bs-accordion-inner-border-radius: 14px;
  --bs-accordion-active-bg: #f4f6f8;
  --bs-accordion-active-color: var(--bl-text);
  --bs-accordion-btn-focus-box-shadow: none;
}

.bl-faq .accordion-item {
  overflow: hidden;
  border-color: var(--bl-border);
}

.bl-faq .accordion-button {
  color: var(--bl-text);
  font-size: 14px;
  font-weight: 600;
}

.bl-faq .accordion-body {
  color: #2d3546;
  font-size: 14px;
  line-height: 1.75;
}

.bl-metrics {
  width: 100%;
  margin: 0;
  border-color: var(--bl-border);
}

.bl-metrics th,
.bl-metrics td {
  padding: 14px 16px;
  vertical-align: middle;
  font-size: 13px;
}

.bl-metrics th {
  color: var(--bl-text);
  font-weight: 600;
}

.bl-metrics td {
  color: #2d3546;
}

.bl-metrics__score {
  display: inline-flex;
  align-items: center;
  min-width: 48px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f1f3f6;
  color: var(--bl-text);
  font-weight: 600;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: white;
  background-color: var(--bl-primary);
  border-color: transparent;
  border-radius: 8px 8px 0 0;
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-radius: 8px 8px 0 0;
}

.nav-link, .nav-link:hover {
  padding: 10px 20px;
  color: var(--bl-primary);
}

.tab-content .tab-pane:focus, .tab-content .tab-pane:focus-visible {
  outline: 0;
}

.tab-content .tab-pane:focus-visible {
  border-radius: 0;
  box-shadow: none;
}

.bl-review-tabs-wrap {
  position: relative;
  z-index: 1;
  background: transparent;
}

.bl-review-tabs-nav {
  margin-bottom: 0 !important;
}

.bl-review-tabs-nav .nav-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

.bl-review-tabs-nav .nav-tabs::-webkit-scrollbar {
  display: none;
}

#review-tabs-content {
  padding-top: 28px;
  padding-bottom: 28px;
}

/* Reference-aligned homepage hero: full-width stage, central brand cue and floating mockups. */
.bl-home-hero {
  isolation: isolate;
  padding-bottom: 58px;
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, .96) 0 8%, rgba(255, 255, 255, .42) 27%, transparent 52%),
    linear-gradient(180deg, #dce9fa 0%, #edf4fc 58%, #f9f9f9 100%);
}

.bl-home-hero::before {
  position: absolute;
  inset: 0 auto auto 50%;
  z-index: -1;
  width: min(860px, 76vw);
  height: 72%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0));
  clip-path: polygon(28% 0, 72% 0, 100% 100%, 0 100%);
  content: "";
  transform: translateX(-50%);
  pointer-events: none;
}

.bl-home-hero__inner {
  position: relative;
  gap: 14px;
  padding-top: clamp(34px, 4vw, 52px);
}

.bl-home-hero__inner::before {
  position: absolute;
  top: 68px;
  bottom: 132px;
  left: 50%;
  z-index: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(35, 95, 219, .26), rgba(35, 95, 219, .04));
  content: "";
  transform: translateX(-50%);
  pointer-events: none;
}

.bl-home-hero__content,
.bl-home-hero__visual--image,
.bl-home-hero__assurance {
  position: relative;
  z-index: 1;
}

.bl-home-hero__brand-orb {
  display: grid;
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  place-items: center;
  border: 6px solid rgba(255, 255, 255, .84);
  border-radius: 50%;
  background: linear-gradient(145deg, #285fcb, #10234f);
  color: #fff;
  box-shadow: 0 12px 32px rgba(28, 69, 151, .24), 0 0 0 1px rgba(35, 95, 219, .08);
}

.bl-home-hero__brand-orb i {
  font-size: 22px;
  line-height: 1;
}

.bl-home-hero__note {
  margin-bottom: 24px;
  padding: 7px 13px;
  font-size: 11px;
}

.bl-home-hero h1 {
  max-width: 900px;
  font-size: clamp(50px, 5.4vw, 72px);
  line-height: .98;
  letter-spacing: -.048em;
}

.bl-home-hero__highlight {
  box-shadow: 0 12px 34px rgba(16, 35, 79, .08);
}

.bl-home-hero__text {
  max-width: 670px;
  margin-top: 24px;
}

.bl-home-hero .bl-home-actions {
  margin-top: 28px;
}

.bl-home-hero__visual--image {
  width: min(920px, 94%);
  margin-top: 8px;
  overflow: visible;
}

.bl-home-hero-mockup-image {
  overflow: visible;
}

.bl-home-hero-mockup-image img {
  object-fit: contain;
  filter: drop-shadow(0 28px 34px rgba(16, 35, 79, .12));
}

.bl-home-hero__assurance {
  display: grid;
  justify-items: center;
  gap: 16px;
  margin-top: -24px;
  padding: 0;
  border-top: 0;
  text-align: center;
}

.bl-home-hero__assurance strong {
  color: #10234f;
  font-size: 13px;
  font-weight: 600;
}

.bl-home-hero__assurance > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 30px;
}

@media (max-width: 575.98px) {
  .bl-home-hero {
    padding-bottom: 42px;
  }

  .bl-home-hero::before {
    width: 140vw;
    height: 60%;
  }

  .bl-home-hero__inner {
    gap: 8px;
    padding: 28px 18px 0;
  }

  .bl-home-hero__inner::before {
    top: 54px;
    bottom: 150px;
  }

  .bl-home-hero__brand-orb {
    width: 48px;
    height: 48px;
    margin-bottom: 14px;
    border-width: 5px;
  }

  .bl-home-hero__brand-orb i {
    font-size: 18px;
  }

  .bl-home-hero__content {
    text-align: center;
  }

  .bl-home-hero__note {
    margin-bottom: 18px;
    border-radius: 999px;
  }

  .bl-home-hero h1 {
    margin-inline: auto;
    font-size: clamp(38px, 10.8vw, 46px);
    line-height: 1;
  }

  .bl-home-hero__text {
    margin: 20px auto 0;
  }

  .bl-home-hero__visual--image {
    width: calc(100% + 24px);
    margin: 4px -12px 0;
  }

  .bl-home-hero-mockup-image {
    aspect-ratio: 16 / 11;
  }

  .bl-home-hero__assurance {
    justify-items: center;
    gap: 12px;
    margin-top: -8px;
    padding: 0 4px;
  }

  .bl-home-hero__assurance > div {
    justify-content: center;
    gap: 9px 16px;
  }

  .bl-home-hero__assurance span {
    font-size: 11px;
  }
}

#kommentare-panel {
  max-width: 100%;
  overflow: visible;
}

.card-body {
  flex: 1 1 auto;
  padding: 25px 30px;
  justify-content: center;
}

.card {
  border-radius: 10px;
}

.card-header:first-child {
  border-radius: 10px 10px 0 0;
}

.card-header {
  padding: 10px 30px;
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: rgb(245, 245, 245);
  border-bottom: 1px solid rgba(6, 6, 6, 0.03);
}

.bl-hero-media-card {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: clamp(310px, 31vw, 390px) !important;
  min-height: 500px;
  overflow: hidden;
  margin: 0;
  border: 0 !important;
  border-radius: 10px !important;
  background: radial-gradient(circle at 56% 48%, rgba(82, 114, 165, 0.45), rgba(7, 13, 30, 0.08) 75%), linear-gradient(135deg, #0a1837 0%, #0a1837 100%);
  box-shadow: none !important;
}

.bl-hero-media-card .bl-hero-image {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 64px);
  max-height: calc(100% - 64px);
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
}

.bl-hero-media-card .d-flex.bl-hero-image {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  padding: 32px !important;
}

.single-post .bl-content-shell {
  max-width: 100%;
}

.single-post .bl-blog-hero-media {
  width: 100%;
  min-height: clamp(420px, 34vw, 560px);
  margin: 42px 0 54px;
}

.single-post .bl-single-post-hero {
  margin-bottom: clamp(42px, 5vw, 64px);
}

.single-post .bl-single-post-hero h1 {
  max-width: 920px;
}

.single-post .bl-single-post-hero__meta {
  color: rgba(255, 255, 255, 0.78);
}

.single-post .bl-single-post-hero__meta a,
.single-post .bl-single-post-hero__meta span {
  color: rgba(255, 255, 255, 0.82);
}

.single-post .bl-single-post-hero__meta a {
  font-weight: 500;
  text-decoration: none;
}

.single-post .bl-content-panel {
  padding: 0;
}

.single-post .bl-article-body .bl-inline-newsletter {
  width: 100%;
  max-width: 100%;
}

.single-post .bl-article-body {
  max-width: 100%;
}

@media (max-width: 991.98px) {
  .bl-hero-media-card {
    height: clamp(280px, 55vw, 390px) !important;
    max-height: none;
  }
  .bl-hero-media-card .bl-hero-image {
    max-width: calc(100% - 48px);
    max-height: calc(100% - 48px);
  }
}
@media (max-width: 575.98px) {
  .bl-hero-media-card {
    height: 270px !important;
    min-height: 0 !important;
    border-radius: 8px !important;
  }
  .bl-hero-media-card .bl-hero-image {
    max-width: calc(100% - 24px);
    max-height: calc(100% - 24px);
  }
  .bl-hero-media-card .d-flex.bl-hero-image {
    padding: 12px !important;
  }
}
.badge {
  --bs-badge-font-weight: 400;
  background-color: var(--bl-primary);
}

.bl-archive-header {
  padding-top: 24px;
}

.bl-archive-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 28px;
  align-items: stretch;
  padding: 30px;
  border: 1px solid rgba(16, 35, 79, 0.08);
  border-radius: 20px;
  background: linear-gradient(135deg, #fff 0%, #f4f7fb 100%);
  box-shadow: var(--bl-shadow-card);
}

.bl-archive-hero h1 {
  color: var(--bl-text);
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 600;
  letter-spacing: -0.045em;
}

.bl-archive-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 32px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #10234f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.bl-archive-hero__panel,
.bl-archive-side-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid rgba(16, 35, 79, 0.1);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--bl-shadow-card);
}

.bl-archive-hero__panel {
  min-height: 100%;
  padding: 24px;
}

.bl-archive-panel__label,
.bl-archive-side-card > span,
.bl-archive-toolbar__label {
  color: var(--bl-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}

.bl-archive-hero__panel strong {
  margin: 18px 0 8px;
  color: #10234f;
  font-size: 54px;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

.bl-archive-hero__panel p,
.bl-archive-side-card p {
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.65;
}

.bl-archive-panel__link,
.bl-archive-toolbar__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin-top: auto;
  padding: 12px 16px;
  border-radius: 10px;
  background: #10234f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.bl-archive-panel__link:hover,
.bl-archive-panel__link:focus,
.bl-archive-toolbar__button:hover,
.bl-archive-toolbar__button:focus {
  background: #0b1735;
  color: #fff;
}

.bl-archive-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
}

.bl-archive-shell--no-sidebar {
  grid-template-columns: minmax(0, 1fr);
}

.bl-archive-shell--no-sidebar .bl-archive-card__media {
  height: 168px;
}

.bl-archive-shell--no-sidebar .bl-archive-card__body {
  padding: 18px !important;
}

.bl-archive-shell--no-sidebar .bl-archive-card__title {
  font-size: 19px;
  line-height: 1.14;
}

.bl-archive-shell--no-sidebar .bl-archive-card__excerpt {
  font-size: 12.5px;
  line-height: 1.6;
}

.bl-archive-main {
  min-width: 0;
}

.bl-archive-main.is-loading [data-bl-archive-results],
.bl-archive-main.is-loading [data-bl-archive-pagination] {
  pointer-events: none;
}

@keyframes bl-skeleton-pulse {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.bl-archive-card--skeleton {
  display: block;
  min-height: 420px;
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--bl-shadow-card);
}

.bl-skeleton-media,
.bl-skeleton-line {
  display: block;
  background: linear-gradient(90deg, #eef3fb 0%, #f7f9fd 42%, #eef3fb 78%);
  background-size: 220% 100%;
  animation: bl-skeleton-pulse 1.15s ease-in-out infinite;
}

.bl-skeleton-media {
  height: 220px;
  background-color: #10234f;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.16) 42%, rgba(255, 255, 255, 0.05) 78%),
    linear-gradient(135deg, #071634, #10234f);
}

.bl-skeleton-body {
  display: grid;
  gap: 12px;
  padding: 24px;
}

.bl-skeleton-line {
  height: 12px;
  border-radius: 7px;
}

.bl-skeleton-line--xs {
  width: 26%;
}

.bl-skeleton-line--title {
  width: 78%;
  height: 22px;
  margin-top: 4px;
}

.bl-skeleton-line--short {
  width: 58%;
}

.bl-archive-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
  padding: 18px 20px;
  border: 1px solid rgba(16, 35, 79, 0.1);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--bl-shadow-card);
}

.bl-archive-toolbar strong {
  display: block;
  margin-top: 4px;
  color: var(--bl-text);
  font-size: 18px;
  line-height: 1.2;
}

.bl-archive-filterbar {
  flex-wrap: wrap;
}

.bl-archive-filterbar__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: flex-end;
  gap: 14px;
}

.bl-archive-filterbar__controls label {
  display: grid;
  gap: 7px;
  margin: 0;
}

.bl-archive-filterbar__controls label span {
  color: #657086;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.bl-archive-filterbar__controls select {
  width: 176px;
  min-width: 176px;
  min-height: 44px;
  padding: 0 38px 0 14px;
  border: 1px solid rgba(16, 35, 79, 0.14);
  border-radius: 10px;
  background-color: #fff;
  color: #0b1325;
  font-size: 14px;
  line-height: 1;
  box-shadow: none;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.bl-archive-filterbar__controls select:hover {
  border-color: rgba(16, 35, 79, 0.28);
  background-color: #fbfcff;
}

.bl-archive-filterbar__controls select:focus {
  border-color: #234887;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(35, 72, 135, 0.1);
}

.bl-archive-filterbar .bl-archive-toolbar__button {
  min-height: 40px;
  margin-top: 0;
  border: 0;
}

.bl-archive-sidebar {
  display: grid;
  gap: 18px;
  position: sticky;
  top: 98px;
}

.bl-archive-side-card {
  gap: 11px;
  padding: 22px;
}

.bl-archive-side-card h2 {
  margin: 0;
  color: var(--bl-text);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0;
}

.bl-archive-side-card p {
  margin-bottom: 0;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.65;
}

.bl-archive-side-card--dark {
  border-color: rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 255, 255, 0.13), transparent 30%),
    linear-gradient(145deg, #10234f 0%, #0b1836 100%);
}

.bl-archive-side-card--dark span,
.bl-archive-side-card--dark h2,
.bl-archive-side-card--dark p {
  color: #fff;
}

.bl-archive-side-card--dark.bl-orientation-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
  isolation: isolate;
  padding: 26px;
}

.bl-archive-side-card--dark.bl-orientation-card::before {
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), transparent 48%);
  content: "";
  pointer-events: none;
}

.bl-archive-side-card--dark.bl-orientation-card .bl-orientation-card__copy {
  display: grid;
  gap: 10px;
}

.bl-archive-side-card--dark.bl-orientation-card .bl-orientation-card__copy span {
  display: inline-flex;
  width: fit-content;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.bl-archive-side-card--dark.bl-orientation-card .bl-orientation-card__copy h2 {
  margin: 0;
  max-width: 14ch;
  color: #fff;
  font-size: clamp(22px, 2vw, 26px);
  font-weight: 600;
  line-height: 1.16;
}

.bl-archive-side-card--dark.bl-orientation-card .bl-orientation-card__copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.65;
}

.bl-orientation-card__checks {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}

.bl-archive-side-card--dark.bl-orientation-card .bl-orientation-card__checks span {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 9px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  line-height: 1.35;
}

.bl-archive-side-card--dark.bl-orientation-card .bl-orientation-card__checks strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.bl-archive-topic-list {
  display: grid;
  width: 100%;
  gap: 8px;
}

.bl-archive-topic-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(16, 35, 79, 0.09);
  border-radius: 10px;
  color: var(--bl-text);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.bl-archive-topic-list a:hover,
.bl-archive-topic-list a:focus {
  border-color: rgba(16, 35, 79, 0.09);
  background: rgba(16, 35, 79, 0.018);
  color: #10234f;
}

.bl-archive-topic-list small {
  color: var(--bl-muted);
  font-size: 12px;
  font-weight: 600;
}

.bl-search-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
  align-items: end;
  gap: 24px;
  padding: 18px 0 8px;
}

.bl-search-head__title h1 {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
}

.bl-search-head__count {
  color: var(--bl-muted);
  font-size: 13px;
  font-weight: 500;
}

.bl-search-box {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(16, 35, 79, 0.1);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--bl-shadow-card);
}

.bl-search-box--compact {
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0;
  padding: 5px;
  border: 1px solid rgba(16, 35, 79, 0.08);
  border-radius: 10px;
  box-shadow: none;
}

.bl-search-box--compact > i {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: transparent;
  color: rgba(16, 35, 79, 0.78);
  font-size: 15px;
}

.bl-search-box--compact input {
  min-height: 32px;
  padding-inline: 10px;
  font-size: 13px;
}

.bl-search-box--compact button {
  min-height: 32px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 12px;
}

.bl-search-box > i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(16, 35, 79, 0.08);
  color: #10234f;
}

.bl-search-box input,
.bl-header-search input,
.bl-mobile-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--bl-text);
  font-size: 14px;
}

.bl-search-box input {
  min-height: 42px;
  font-size: 16px;
}

.bl-search-box button,
.bl-mobile-search button {
  min-height: 42px;
  padding: 12px 18px;
  border: 0;
  border-radius: 10px;
  background: #10234f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.bl-search-results {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.bl-search-result {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border: 1px solid rgba(16, 35, 79, 0.1);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--bl-shadow-card);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.bl-search-result:hover,
.bl-search-result:focus-within {
  transform: scale(0.985);
  box-shadow: 0 10px 26px rgba(16, 35, 79, 0.065) !important;
}

.bl-search-result__click {
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
}

.bl-search-result__click:focus-visible {
  outline: 2px solid var(--bl-dark);
  outline-offset: 4px;
}

.bl-search-result__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 168px;
  min-height: 0;
  overflow: hidden;
  background: radial-gradient(circle at 56% 48%, rgba(38, 61, 98, 0.7), rgba(7, 13, 30, 0.08) 75%), linear-gradient(135deg, #0b142b 0%, #050a18 100%);
  text-decoration: none;
}

.bl-search-result__media img {
  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 28px);
  max-height: 126px;
  object-fit: contain;
}

.bl-search-result__media--fallback {
  position: relative;
  background: radial-gradient(circle at 50% 42%, rgba(42, 73, 133, 0.7), rgba(8, 17, 38, 0) 52%), linear-gradient(135deg, #101f42 0%, #071126 100%);
}

.bl-search-result__media--fallback::before {
  content: "";
  position: absolute;
  inset: 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 13px;
  pointer-events: none;
}

.bl-search-result__brand-fallback {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
}

.bl-search-result__brand-fallback img {
  width: clamp(118px, 44%, 150px) !important;
  height: auto !important;
  max-width: none;
  max-height: none;
}

.bl-search-result__media .bl-search-result__fallback-profile {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  object-fit: cover;
}

.bl-search-result__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px;
}

.bl-search-result__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--bl-muted);
  font-size: 12px;
  font-weight: 600;
}

.bl-search-result h2 {
  margin: 0 0 10px;
  color: var(--bl-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.045em;
}

.bl-search-result h2 a {
  color: inherit;
  text-decoration: none;
}

.bl-search-result p {
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.6;
}

.bl-search-result__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  margin-top: auto;
  padding: 11px 15px;
  border-radius: 10px;
  background: #10234f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.bl-search-result__link:hover,
.bl-search-result__link:focus {
  background: #0b1735;
  color: #fff;
}

.bl-archive-header p,
.bl-archive-description {
  max-width: 720px;
  color: var(--bl-muted) !important;
  font-size: 14px;
  line-height: 1.65;
}

.bl-archive-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px !important;
  background: #fff;
  box-shadow: var(--bl-shadow-card) !important;
  cursor: pointer;
  transform: scale(1);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bl-archive-card:hover,
.bl-archive-card:focus-within {
  transform: scale(0.985);
  box-shadow: 0 10px 26px rgba(16, 35, 79, 0.065) !important;
}

.bl-archive-card__link {
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
  text-decoration: none;
}

.bl-archive-card__link:focus-visible {
  outline: 2px solid var(--bl-dark);
  outline-offset: 4px;
}

.bl-archive-card__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 185px;
  overflow: hidden;
  background: radial-gradient(circle at 56% 48%, rgba(38, 61, 98, 0.7), rgba(7, 13, 30, 0.08) 75%), linear-gradient(135deg, #0b142b 0%, #050a18 100%);
  text-decoration: none;
}

.bl-archive-card__image {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 35px);
  max-height: calc(100% - 35px);
  object-fit: contain !important;
  object-position: center !important;
}

.blog .bl-archive-card__media,
.category .bl-archive-card:not(.type-review) .bl-archive-card__media,
.archive:not(.post-type-archive-review):not(.post-type-archive-vendor):not(.post-type-archive-anbieter):not(.post-type-archive-vergleiche) .bl-archive-card:not(.type-review) .bl-archive-card__media {
  background: #f3f5f8;
}

.blog .bl-archive-card__image,
.category .bl-archive-card:not(.type-review) .bl-archive-card__image,
.archive:not(.post-type-archive-review):not(.post-type-archive-vendor):not(.post-type-archive-anbieter):not(.post-type-archive-vergleiche) .bl-archive-card:not(.type-review) .bl-archive-card__image {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  object-fit: cover !important;
  /* Generated blog covers keep the brand mark in the upper safe area. */
  object-position: center top !important;
}

.bl-archive-card__placeholder {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  font-size: 0;
  text-align: center;
  background: url("../media/img/brand/business-lernen-logo-light.png") center / clamp(118px, 38%, 154px) auto no-repeat;
}

.bl-archive-card__media:has(.bl-archive-card__placeholder) {
  background: radial-gradient(circle at 50% 42%, rgba(42, 73, 133, 0.7), rgba(8, 17, 38, 0) 52%), linear-gradient(135deg, #101f42 0%, #071126 100%) !important;
}

.bl-archive-card__media:has(.bl-archive-card__placeholder)::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  pointer-events: none;
}

.bl-archive-card__deal {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--bl-green);
  color: #062114;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.bl-archive-card__new {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 7px 12px;
  border-radius: 7px;
  background: #ffffff;
  color: var(--bl-dark);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(7, 13, 30, 0.14);
}

.bl-archive-card__body {
  display: flex;
  flex-direction: column;
  padding: 24px !important;
}

.bl-archive-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.4;
}

.bl-archive-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.bl-archive-card__title {
  margin: 0 0 12px;
  color: var(--bl-text);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.bl-archive-card__excerpt {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 0;
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bl-archive-card__footer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
}

.bl-archive-card__footer--with-price {
  padding-top: 16px;
}

.bl-archive-card__footer--with-price .bl-archive-card__button {
  width: auto;
  min-width: 150px;
}

.bl-archive-card__price {
  display: grid;
  gap: 2px;
  margin-bottom: 8px;
}

.bl-archive-card__price span {
  color: var(--bl-muted);
  font-size: 11px;
  line-height: 1;
  margin-bottom: 6px;
}

.bl-archive-card__price strong {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.04em;
}

.bl-archive-card__price small {
  color: var(--bl-muted);
  font-size: 10px;
  line-height: 1;
}

.bl-archive-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 42px;
  padding: 12px 16px;
  border-radius: 10px;
  background: var(--bl-dark);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
}

.bl-archive-card__button:hover,
.bl-archive-card__button:focus {
  background: var(--bl-dark-hover);
  color: #fff;
}

.bl-archive-pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bl-archive-shell + .bl-archive-pagination {
  display: none;
}

.bl-archive-pagination .page-item {
  margin: 0;
}

.bl-archive-pagination a,
.bl-archive-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(16, 35, 79, 0.09);
  border-radius: 10px;
  background: #fff;
  color: var(--bl-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}

.bl-archive-pagination a:hover,
.bl-archive-pagination a:focus {
  border-color: rgba(16, 35, 79, 0.14);
  background: #f2f5fa;
  color: var(--bl-dark);
}

.bl-archive-pagination .current {
  border-color: var(--bl-dark);
  background: var(--bl-dark);
  color: #fff;
}

.bl-archive-pagination .dots {
  min-width: 28px;
  padding-inline: 4px;
  border-color: transparent;
  background: transparent;
  color: var(--bl-muted);
}

.bl-empty-state {
  border-radius: 20px !important;
  box-shadow: var(--bl-shadow-card) !important;
}

.bl-empty-state__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: var(--bl-soft);
  color: var(--bl-dark);
  font-size: 22px;
}

.bl-empty-state h2 {
  color: var(--bl-text);
  font-weight: 600;
  letter-spacing: 0;
}

.bl-404-content {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 20px;
}

.bl-404-page {
  display: grid;
  align-items: center;
  min-height: clamp(420px, 54vh, 560px);
}

.bl-404-content h1 {
  color: var(--bl-text);
  font-weight: 600;
  letter-spacing: 0;
}

@media (max-width: 1199.98px) {
  .bl-search-results {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .bl-search-head {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 16px;
    padding-top: 10px;
  }
  .bl-search-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bl-archive-hero,
  .bl-archive-shell {
    grid-template-columns: 1fr;
  }
  .bl-archive-sidebar {
    position: static;
  }
  .bl-archive-card__media {
    height: 250px;
  }
}

@media (max-width: 767.98px) {
  .bl-search-results {
    grid-template-columns: 1fr;
  }

  .bl-archive-sidebar {
    display: grid;
    gap: 14px;
    overflow: visible;
    margin-top: 28px;
    padding: 0;
  }

  .bl-archive-sidebar .bl-archive-side-card {
    padding: 18px;
  }

  .bl-archive-sidebar .bl-archive-side-card h2 {
    font-size: 18px;
  }

  .bl-archive-sidebar .bl-archive-side-card p {
    font-size: 13px;
    line-height: 1.55;
  }

  .bl-archive-sidebar .bl-archive-panel__link {
    min-height: 38px;
    padding: 10px 14px;
    font-size: 13px;
  }
}

@media (max-width: 575.98px) {
  .bl-search-head__title h1 {
    font-size: 34px;
  }
  .bl-archive-hero {
    padding: 22px;
    border-radius: 16px;
  }
  .bl-archive-hero h1 {
    font-size: 42px;
  }
  .bl-archive-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .bl-archive-filterbar__controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
  }
  .bl-archive-filterbar__controls label {
    width: auto;
    min-width: 0;
  }
  .bl-archive-filterbar__controls select {
    width: 100%;
    min-width: 0;
    padding-right: 28px;
    padding-left: 11px;
    font-size: 12px;
  }
  .bl-archive-toolbar__button,
  .bl-archive-panel__link {
    justify-content: center;
    width: 100%;
  }
  .bl-search-box {
    grid-template-columns: 1fr;
  }
  .bl-search-box > i {
    display: none;
  }
  .bl-search-box input {
    padding-inline: 10px;
  }
  .bl-search-result__media {
    height: 170px;
  }
  .bl-search-result__body {
    padding: 18px;
  }
  .bl-search-result h2 {
    font-size: 19px;
  }
  .bl-review-archive-page > .container {
    padding-inline: 18px;
  }
  .bl-archive-card__media {
    height: 230px;
  }
  .bl-archive-card__image {
    max-width: calc(100% - 36px);
    max-height: calc(100% - 36px);
  }
  .bl-archive-card__footer {
    align-items: stretch;
    flex-direction: column;
  }
}
.bl-article-layout {
  display: grid;
  gap: 28px;
  align-items: start;
  overflow: visible;
}

.bl-article-sidebar {
  display: none;
}

.bl-article-share {
  display: none;
}

.bl-article-share__inner {
  display: grid;
  gap: 8px;
  padding: 8px 8px 8px 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
  backdrop-filter: none;
}

.bl-article-share__button {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 0 10px 10px 0;
  background: #f1f5fb;
  color: var(--bl-dark);
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  transform: translateX(-6px);
  transition: background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.bl-article-share__button:hover,
.bl-article-share__button:focus {
  background: #e5edf9;
  color: var(--bl-dark);
  box-shadow: none;
  transform: translateX(0);
  outline: 0;
}

.bl-article-share__button.is-copied {
  background: var(--bl-dark);
  color: #fff;
}

.bl-article-share__copy-status {
  position: absolute;
  top: 12px;
  left: calc(100% + 8px);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 7px;
  background: var(--bl-dark);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.bl-article-share__copy-status .bi {
  display: inline-grid;
  place-items: center;
  font-size: 14px;
  line-height: 1;
}

.bl-article-share__copy-status.is-visible {
  opacity: 1;
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .bl-article-share__copy-status {
    transition: none;
  }
}

.bl-article-toc {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-color: #f7f9ff;
  padding: 22px;
}

.bl-article-toc > * {
  position: relative;
  z-index: 1;
}

.bl-article-toc__title {
  margin: 0 0 16px;
  color: var(--bl-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.bl-article-toc__list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bl-article-toc__item {
  margin: 0;
}

.bl-article-toc__link {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-height: 34px;
  padding: 9px 11px;
  border-radius: 10px;
  color: var(--bl-text-soft);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.bl-article-toc__link:hover, .bl-article-toc__link:focus {
  background: rgba(10, 31, 68, 0.05);
  color: var(--bl-text);
}

.bl-article-toc__link.is-active {
  background: rgba(151, 184, 255, 0.15);
  color: var(--bl-text);
}

.bl-article-toc__link.is-active .bl-article-toc__number {
  color: var(--bl-text);
}

.bl-article-toc__number {
  flex: 0 0 auto;
  color: var(--bl-muted);
  font-size: 12px;
  font-weight: 600;
}

.bl-article-toc__note {
  display: flex;
  gap: 12px;
  margin-top: 22px;
  padding: 15px;
  border: 1px solid var(--bl-border-soft);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.84);
  color: var(--bl-text);
}

.bl-article-toc__note i {
  flex: 0 0 auto;
  color: var(--bl-dark);
  font-size: 18px;
  line-height: 1;
  transform: translateY(2px);
}

.bl-article-toc__note strong {
  display: block;
  margin-bottom: 4px;
  color: var(--bl-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.bl-article-toc__note span {
  display: block;
  color: var(--bl-muted);
  font-size: 11px;
  line-height: 1.45;
}

.bl-article-body {
  max-width: 760px;
  min-width: 0;
  color: var(--bl-text-soft);
  font-size: 15px;
  line-height: 1.85;
}

.bl-article-body > :first-child {
  margin-top: 0;
}

.bl-article-body > * {
  margin-bottom: 22px;
}

.bl-article-body h2, .bl-article-body h3, .bl-article-body h4, .bl-article-body h5, .bl-article-body h6 {
  color: #2f2f2f;
  font-weight: 600;
  letter-spacing: -0.02em;
  scroll-margin-top: 110px;
}

.bl-article-body h2 {
  margin-top: 50px;
  margin-bottom: 18px;
  font-size: clamp(28px, 2.2vw, 38px);
  line-height: 1.08;
}

.bl-article-body h3 {
  margin-top: 30px;
  margin-bottom: 12px;
  font-size: clamp(20px, 1.45vw, 24px);
  line-height: 1.2;
}

.bl-article-body h4 {
  margin-top: 28px;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.2;
}

.bl-article-body p {
  color: #2d3546;
}

.bl-article-body a {
  color: var(--bl-text);
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(25, 54, 116, 0.55);
  text-underline-offset: 4px;
}

.bl-article-body a:hover {
  color: var(--bl-dark);
  text-decoration-color: var(--bl-primary);
  text-decoration-thickness: 2px;
}

.bl-article-body ul,
.bl-article-body ol {
  padding-left: 22px;
}

.bl-article-body li {
  color: #2d3546;
}

.bl-article-body li + li {
  margin-top: 8px;
}

.bl-article-body blockquote {
  position: relative;
  margin: 32px 0;
  padding: 20px 22px;
  border-left: 3px solid var(--bl-primary, #173b57);
  border-radius: 10px;
  background: #f9fbff;
  color: var(--bl-text);
  font-weight: 500;
}

.bl-article-body blockquote p {
  margin: 0;
  color: var(--bl-text);
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0;
}

.bl-article-body img {
  height: auto;
  border-radius: 18px;
}

.bl-article-body figure {
  margin: 34px 0;
}

.bl-article-body figcaption {
  margin-top: 10px;
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.5;
}

.bl-article-body hr {
  margin: 38px 0;
  border: 0;
  border-top: 1px solid var(--bl-border-soft);
  opacity: 1;
}

.bl-article-body table {
  width: 100%;
  margin: 28px 0;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 16px;
  font-size: 14px;
}

.bl-article-body th,
.bl-article-body td {
  padding: 14px 16px;
  border: 1px solid var(--bl-border-soft);
  vertical-align: top;
}

.bl-article-body th {
  background: #f7f8fa;
  color: var(--bl-text);
  font-weight: 600;
}

.bl-article-body td {
  color: #2d3546;
  background: #fff;
}

@media (min-width: 992px) {
  .bl-article-layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 28px;
  }
  .bl-article-layout--no-toc {
    grid-template-columns: minmax(0, 1fr);
  }
  .bl-article-share {
    display: block;
    position: fixed;
    top: 42vh;
    left: 0;
    z-index: 40;
    width: 42px;
    height: max-content;
  }
  .bl-article-sidebar {
    display: block;
    position: sticky;
    top: var(--bl-sticky-review-sidebar-offset);
    align-self: start;
    height: max-content;
  }
  .bl-article-body {
    max-width: 760px;
  }
}
@media (min-width: 1200px) {
  .bl-article-layout {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 36px;
  }
  .bl-article-layout--no-toc {
    grid-template-columns: minmax(0, 1fr);
  }
  .bl-article-body {
    max-width: 820px;
  }
  .bl-blog-article-layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 32px;
  }
  .bl-blog-article-layout--no-toc {
    grid-template-columns: minmax(0, 1fr);
  }
  .bl-blog-article-layout .bl-article-body {
    max-width: none;
  }
}
@media (max-width: 991.98px) {
  .bl-article-share {
    display: block;
    position: fixed;
    top: auto;
    bottom: 92px;
    left: 0;
    z-index: 40;
    width: 36px;
  }
  .bl-article-share__inner {
    gap: 6px;
    padding: 6px 6px 6px 0;
    border-radius: 0;
    box-shadow: none;
  }
  .bl-article-share__button {
    width: 36px;
    height: 36px;
    border-radius: 0 9px 9px 0;
    font-size: 14px;
  }
  .bl-article-share__copy-status {
    top: 7px;
  }
  .bl-article-sidebar {
    display: block;
    position: static;
    top: auto;
    height: auto;
  }
  .bl-article-toc {
    padding: 18px;
  }
  .bl-article-toc__note {
    display: none;
  }
  .bl-article-body {
    max-width: none;
  }
}
@media (max-width: 575.98px) {
  .bl-article-share {
    bottom: 74px;
    width: 34px;
  }
  .bl-article-share__button {
    width: 34px;
    height: 34px;
    font-size: 13px;
  }
  .bl-article-share__copy-status {
    top: 6px;
  }
  .bl-article-layout {
    gap: 22px;
  }
  .bl-article-toc {
    border-radius: 18px;
  }
  .bl-article-toc__list {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
  .bl-article-body {
    font-size: 14px;
    line-height: 1.8;
  }
  .bl-article-body h2 {
    font-size: 26px;
  }
  .bl-article-body h3 {
    font-size: 20px;
  }
}
.bl-article-body ul,
.bl-article-body ol {
  display: grid;
  gap: 10px;
  margin: 22px 0;
  padding-left: 0;
  list-style: none;
}

.bl-article-body li {
  position: relative;
  margin: 0;
  padding-left: 25px;
  color: #2d3546;
  line-height: 1.75;
}

.bl-article-body li + li {
  margin-top: 0;
}

.bl-article-body ul > li::before {
  content: "";
  position: absolute;
  top: 0.78em;
  left: 2px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid var(--bl-primary);
  transform: translateY(-50%);
}

.bl-article-body ol {
  counter-reset: bl-list-counter;
}

.bl-article-body ol > li {
  counter-increment: bl-list-counter;
}

.bl-article-body ol > li::before {
  content: counter(bl-list-counter) ".";
  position: absolute;
  top: 0;
  left: 0;
  color: rgb(31, 67, 170);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75;
}

.bl-article-body li strong {
  color: var(--bl-text);
  font-weight: 600;
}

.bl-article-body li p {
  margin: 0;
}

.bl-article-body li p + p {
  margin-top: 8px;
}

.bl-article-body img,
.bl-article-body figure,
.bl-article-body .wp-caption {
  max-width: 100% !important;
}

.bl-article-body img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100% !important;
  border-radius: 14px;
}

.bl-article-body figure {
  margin: 34px 0;
}

.bl-article-body figure img {
  width: 100%;
}

.bl-article-body .wp-caption {
  width: 100% !important;
  margin: 34px 0;
}

.bl-article-body .wp-caption img {
  width: 100%;
  height: auto;
}

.bl-article-body figcaption,
.bl-article-body .wp-caption-text {
  margin-top: 10px;
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.5;
}

/* WordPress Alignment Fixes */
.bl-article-body .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.bl-article-body .alignleft {
  float: left;
  max-width: 42% !important;
  margin: 6px 26px 18px 0;
}

.bl-article-body .alignright {
  float: right;
  max-width: 42% !important;
  margin: 6px 0 18px 26px;
}

.bl-article-body .alignwide,
.bl-article-body .alignfull {
  max-width: 100% !important;
}

.bl-article-body::after {
  content: "";
  display: table;
  clear: both;
}

.bl-inline-newsletter {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: stretch;
  gap: 22px;
  align-items: center;
  margin: 34px 0;
  padding: clamp(30px, 4vw, 40px);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #071634;
  color: #fff;
  text-align: left;
}

.bl-inline-newsletter__eyebrow {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.bl-inline-newsletter h2 {
  margin: 0 0 10px !important;
  color: #fff !important;
  max-width: 720px;
  font-size: clamp(25px, 2.45vw, 34px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
}

.bl-inline-newsletter p {
  margin: 0 !important;
  max-width: 680px;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.bl-inline-newsletter__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 156px;
  width: min(100%, 720px);
  gap: 12px;
  align-items: center;
}

.bl-inline-newsletter__form.is-loading {
  position: relative;
}

.bl-inline-newsletter__form.is-loading::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 12px;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.52) 42%, transparent 78%),
    rgba(255, 255, 255, 0.06);
  background-size: 220% 100%;
  animation: bl-skeleton-pulse 1.15s ease-in-out infinite;
  pointer-events: none;
}

.bl-inline-newsletter__form input[type="email"] {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  border: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.96);
  color: var(--bl-text);
}

.bl-inline-newsletter__form input[type="email"]:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}

.bl-inline-newsletter__form .btn {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  border-color: #ffffff;
  background: #ffffff;
  color: var(--bl-dark);
}

.bl-inline-newsletter__form .btn:hover,
.bl-inline-newsletter__form .btn:focus {
  border-color: #e8eef8;
  background: #e8eef8;
  color: var(--bl-dark);
}

.bl-newsletter-consent {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  justify-self: start;
  text-align: left;
  margin: 2px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 11px;
  line-height: 1.45;
}

.bl-newsletter-consent input {
  appearance: none;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1px solid rgba(16, 35, 79, 0.22);
  border-radius: 5px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  box-shadow: none;
  cursor: pointer;
}

.bl-newsletter-consent input:checked {
  border-color: #ffffff;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2310234f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m6 10 3 3 6-7'/%3e%3c/svg%3e");
}

.bl-newsletter-consent input:focus {
  border-color: rgba(16, 35, 79, 0.34);
  box-shadow: 0 0 0 3px rgba(16, 35, 79, 0.08);
}

.bl-newsletter-consent a {
  color: #ffffff;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bl-inline-newsletter .bl-newsletter-consent span {
  display: inline;
  width: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.bl-inline-newsletter__message {
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.4;
}

.bl-inline-newsletter__message:empty {
  display: none;
}

.bl-inline-newsletter__message.is-success {
  color: #ffffff;
}

.bl-inline-newsletter__message.is-error {
  color: #ffd6d6;
}

.bl-feedback-box {
  display: grid;
  gap: 12px;
  margin: clamp(24px, 3vw, 34px) 0;
  padding: 18px 20px 18px 22px;
  border: 1px solid #e8eef7;
  border-left: 4px solid var(--bl-primary, #173b57);
  border-radius: 10px;
  background: #f9fbff;
  color: var(--bl-text);
}

.bl-feedback-box__label {
  width: fit-content;
  color: var(--bl-text-soft);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.bl-feedback-box__content {
  color: var(--bl-text);
  font-size: 16px;
  line-height: 1.65;
}

.bl-feedback-box__content p {
  margin: 0;
}

.bl-feedback-box__name {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-top: 1px;
  color: var(--bl-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.bl-feedback-box__avatar,
.bl-feedback-box__name .avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #edf2fa;
  object-fit: cover;
}

.bl-related-section {
  margin: 42px 0;
}

.bl-related-section__head {
  margin-bottom: 25px;
}

.bl-related-section__head span {
  display: block;
  margin-bottom: 6px;
  color: var(--bl-muted);
  font-size: 12px;
  font-weight: 500;
}

.bl-related-section__head h2 {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 600;
  line-height: 1.12;
}

.bl-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.bl-related-grid .bl-archive-card {
  height: 100%;
}

.bl-related-grid .bl-archive-card__body {
  padding: 18px !important;
}

.bl-related-grid .bl-archive-card__title {
  font-size: 18px;
  margin-bottom: 10px;
}

.bl-related-grid .bl-archive-card__excerpt {
  margin: 0 0 0;
  line-height: 1.55;
}

.bl-related-card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(16, 35, 79, 0.055);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bl-related-card:hover,
.bl-related-card:focus-within {
  transform: scale(0.985);
  box-shadow: 0 10px 28px rgba(16, 35, 79, 0.075);
}

.bl-related-card__link {
  position: absolute;
  z-index: 3;
  inset: 0;
}

.bl-related-card__media {
    position: relative;
    display: grid;
  place-items: center;
  height: 214px;
  min-height: 214px;
  padding: 18px;
  background:
    radial-gradient(circle at 52% 42%, rgba(54, 84, 140, 0.42), transparent 34%),
    linear-gradient(135deg, #10234f 0%, #071634 100%);
}
.bl-related-card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.22));
}

.bl-related-card__media span {
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  text-align: center;
}
.bl-related-card__score {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 26px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  background: #071225;
  color: #fff !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  box-shadow: none;
}
.bl-related-card__body {
  flex: 1 1 auto;
  padding: 18px;
}

.bl-related-card__body h3 {
  margin: 0 0 8px;
  color: var(--bl-text);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
}

.bl-related-card__body p {
  margin: 0;
  color: var(--bl-muted);
  font-size: 13px;
  line-height: 1.55;
}

.bl-related-section--products .bl-related-card__media {
    position: relative;
    height: 214px;
  min-height: 214px;
}
@media (max-width: 1199.98px) {
  .bl-related-card__media,
  .bl-related-section--products .bl-related-card__media {
      position: relative;
      height: 196px;
    min-height: 196px;
  }
}

@media (max-width: 767.98px) {
  .bl-inline-newsletter {
    grid-template-columns: 1fr;
  }

  .bl-inline-newsletter__form {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .bl-inline-newsletter__form input[type="email"],
  .bl-inline-newsletter__form .btn,
  .bl-newsletter-consent {
    grid-column: 1;
    grid-row: auto;
  }

  .bl-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .bl-related-grid .bl-archive-card__body {
    padding: 14px !important;
  }

  .bl-related-grid .bl-archive-card__title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.2;
  }

  .bl-related-grid .bl-archive-card__excerpt {
    font-size: 12px;
    line-height: 1.45;
  }

  .bl-related-grid .bl-archive-card__media {
    height: 132px;
    min-height: 132px;
    padding: 12px;
  }

  .bl-related-grid .bl-archive-card__image {
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
  }

  .bl-inline-newsletter {
    padding: 20px;
  }
  .bl-related-card__media,
  .bl-related-section--products .bl-related-card__media {
      position: relative;
      height: 132px;
    min-height: 132px;
    padding: 12px;
  }
.bl-article-body img {
    width: 100%;
  }
  .bl-article-body .alignleft,
  .bl-article-body .alignright {
    float: none;
    width: 100% !important;
    max-width: 100% !important;
    margin: 30px 0;
  }
}

@media (max-width: 374.98px) {
  .bl-related-grid {
    gap: 10px;
  }

  .bl-related-grid .bl-archive-card__body {
    padding: 12px !important;
  }

  .bl-related-card__media,
  .bl-related-section--products .bl-related-card__media,
  .bl-related-grid .bl-archive-card__media {
    height: 118px;
    min-height: 118px;
  }
}
.author-section {
  background-color: #f7f9ff;
  border-radius: 10px;
}

.bl-author-card {
  margin-top: 34px;
  padding: 22px;
}

.bl-author-card__inner {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: start;
  gap: 22px;
}

.bl-author-card__media {
  width: 96px;
}

.bl-author-card__avatar,
.bl-author-card .avatar {
  display: block;
  width: 96px;
  height: 96px;
  max-width: 96px;
  overflow: hidden;
  border-radius: 14px !important;
  background: #e9eef7;
  object-fit: cover;
}

.bl-author-card__avatar--fallback {
  display: grid;
  place-items: center;
  color: #10234f;
  font-size: 30px;
  font-weight: 600;
}

.bl-author-card__content {
  min-width: 0;
}

.bl-author-card__content h2 {
  font-weight: 600;
}

.bl-author-card__content p {
  max-width: 62ch;
  margin-bottom: 18px;
  color: var(--bl-text);
  font-size: 14px;
  line-height: 1.7;
}

@media (max-width: 575.98px) {
  .bl-author-card {
    padding: 18px;
  }

  .bl-author-card__inner {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 16px;
  }

  .bl-author-card__media,
  .bl-author-card__avatar,
  .bl-author-card .avatar {
    width: 72px;
    height: 72px;
    max-width: 72px;
  }
}

.bl-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 22px 0 30px;
  border-radius: 12px;
  background: #eef2f8;
  box-shadow: 0 18px 42px rgba(8, 22, 47, 0.055);
}

.bl-trust-strip__item {
  min-width: 0;
  padding: 18px 20px;
  background: #fff;
}

.bl-trust-strip__label {
  display: block;
  margin-bottom: 7px;
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.2;
}

.bl-trust-strip__title {
  display: inline-flex;
  margin-bottom: 5px;
  color: var(--bl-dark);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}

.bl-trust-strip__title:hover {
  color: var(--bl-primary);
}

.bl-trust-strip__item p {
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.55;
}

.bl-trust-strip__item:nth-child(4) {
  grid-column: 1 / -1;
}

.bl-method-page,
.bl-author-page {
  color: var(--bl-text);
}

.bl-method-hero,
.bl-author-hero {
  padding: clamp(70px, 8vw, 110px) 0 34px;
}

.bl-method-hero__inner,
.bl-author-hero {
  max-width: var(--bl-content-container);
}

.bl-method-hero__inner {
  max-width: 820px;
}

.bl-method-hero h1,
.bl-author-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(42px, 6vw, 76px);
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: 0;
}

.bl-method-hero p,
.bl-author-hero__content > p,
.bl-method-split p,
.bl-method-note p {
  max-width: 760px;
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 16px;
  line-height: 1.75;
}

.bl-section-kicker {
  margin: 0 0 10px;
  color: var(--bl-muted);
  font-size: 13px;
  line-height: 1.2;
}

.bl-method-section,
.bl-author-section {
  padding: 42px 0;
}

.bl-section-heading {
  margin-bottom: 22px;
}

.bl-section-heading h2,
.bl-method-split h2,
.bl-method-note h2 {
  margin: 0 0 12px;
  color: var(--bl-text);
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
}

.bl-method-grid,
.bl-author-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.bl-method-card,
.bl-author-trust-grid article,
.bl-method-note,
.bl-author-post-card,
.bl-author-hero {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(8, 22, 47, 0.055);
}

.bl-method-card,
.bl-author-trust-grid article {
  padding: 28px;
}

.bl-method-card span,
.bl-author-trust-grid span {
  display: block;
  margin-bottom: 28px;
  color: #cbd2dd;
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
}

.bl-author-trust-grid span {
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--bl-muted);
}

.bl-method-card h3,
.bl-author-trust-grid strong {
  display: block;
  margin: 0 0 12px;
  color: var(--bl-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
}

.bl-method-card p,
.bl-author-trust-grid p,
.bl-author-post-card__body span {
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.65;
}

.bl-method-split,
.bl-method-note {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 32px;
  align-items: start;
}

.bl-method-note {
  align-items: center;
  padding: 34px;
}

.bl-method-list {
  display: grid;
  gap: 12px;
}

.bl-method-list div {
  display: grid;
  gap: 5px;
  padding: 18px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(8, 22, 47, 0.045);
}

.bl-method-list strong {
  color: var(--bl-text);
  font-weight: 600;
}

.bl-method-list span {
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.55;
}

.bl-author-hero {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  padding: 34px;
  margin-top: clamp(62px, 7vw, 96px);
}

.bl-author-hero__media img {
  width: 128px;
  height: 128px;
  border-radius: 12px;
  object-fit: cover;
  background: #eef2f8;
}

.bl-author-hero h1 {
  font-size: clamp(40px, 5vw, 64px);
}

.bl-author-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 18px;
}

.bl-author-links a {
  color: var(--bl-primary);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.bl-author-archive-hero .bl-author-links a {
  color: rgba(255, 255, 255, 0.88);
}

.bl-author-archive-hero .bl-author-links a:hover,
.bl-author-archive-hero .bl-author-links a:focus {
  color: #fff;
}

.bl-author-archive-hero {
  display: flex !important;
  align-items: center !important;
  background: #f9fbff !important;
}

.bl-author-archive-hero::after {
  display: none !important;
}

.bl-author-archive-hero .bl-archive-hero__content {
  max-width: 620px;
}

.bl-author-archive-hero h1,
.bl-author-archive-hero .bl-archive-hero__content > p {
  color: var(--bl-text) !important;
}

.bl-author-archive-hero .bl-archive-hero__content > p {
  color: var(--bl-text-soft) !important;
}

.bl-author-archive-hero .bl-author-links a {
  color: #10234f;
}

.bl-author-archive-hero .bl-author-links a:hover,
.bl-author-archive-hero .bl-author-links a:focus {
  color: #0b1735;
}

.bl-author-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.bl-author-post-card {
  display: block;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  transition: transform 0.18s ease;
}

.bl-author-post-card:hover {
  transform: scale(0.985);
}

.bl-author-post-card__media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--bl-dark);
}

.bl-author-post-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bl-author-post-card__body {
  display: grid;
  gap: 8px;
  padding: 20px;
}

.bl-author-post-card__body small {
  color: var(--bl-muted);
  font-size: 12px;
}

.bl-author-post-card__body strong {
  color: var(--bl-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
}

.bl-author-banner {
  width: 100vw;
  min-height: clamp(250px, 27vw, 340px);
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: clamp(34px, 4.5vw, 58px) max(24px, calc((100vw - 1296px) / 2));
  background: #f9f9f9;
}

.bl-author-banner__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  min-height: 0;
}

.bl-author-banner__content {
  max-width: 820px;
}

.bl-author-banner h1 {
  margin: 0 0 16px;
  color: var(--bl-text);
  font-size: clamp(38px, 3vw, 48px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 0;
}

.bl-author-banner__content > p {
  max-width: 520px;
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 15px;
  line-height: 1.65;
}

.bl-author-banner__media {
  display: grid;
  place-items: center;
  width: 132px;
  height: 132px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(8, 22, 47, 0.055);
}

.bl-author-banner__media img {
  width: 112px;
  height: 112px;
  border-radius: 12px;
  object-fit: cover;
}

.bl-author-page .bl-author-section {
  padding-top: clamp(40px, 5vw, 72px);
}

.bl-author-page .bl-section-heading {
  max-width: 860px;
}

.bl-author-post-card {
  display: flex;
  color: inherit;
  text-decoration: none;
}

.bl-author-post-card:hover {
  transform: scale(0.985);
}

.bl-author-post-card--post .bl-archive-card__media {
  background: #f3f5f8;
}

.bl-author-post-card--post .bl-archive-card__image {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  object-fit: cover !important;
  object-position: center top !important;
}

.bl-author-post-card--review .bl-archive-card__media {
  background: radial-gradient(circle at 56% 48%, rgba(38, 61, 98, 0.7), rgba(7, 13, 30, 0.08) 75%), linear-gradient(135deg, #0b142b 0%, #050a18 100%);
}

.bl-author-post-card--review .bl-archive-card__image {
  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 35px);
  max-height: calc(100% - 35px);
  object-fit: contain !important;
}

@media (max-width: 991.98px) {
  .bl-trust-strip,
  .bl-method-grid,
  .bl-author-trust-grid,
  .bl-method-split,
  .bl-method-note,
  .bl-author-post-grid {
    grid-template-columns: 1fr;
  }

  .bl-trust-strip__item:nth-child(4) {
    grid-column: auto;
  }

  .bl-author-hero {
    grid-template-columns: 1fr;
  }

  .bl-author-banner__inner {
    grid-template-columns: 1fr;
  }

  .bl-author-banner__media {
    width: 112px;
    height: 112px;
  }

  .bl-author-banner__media img {
    width: 94px;
    height: 94px;
  }
}

.bl-review-after-content {
  margin-top: 3rem;
  background-color: #193674;
}

.bl-review-after-content .row {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 32px;
  align-items: stretch;
}

.bl-info-card {
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(10, 20, 35, 0.07);
}

.bl-info-card__body {
  padding: 28px;
}

.bl-info-card__header {
  display: grid;
  gap: 10px;
  margin-bottom: 22px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(16, 35, 79, 0.09);
}

.bl-info-card__eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(53, 217, 155, 0.12);
  color: var(--bl-primary, #173b57);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.bl-info-card__title {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(28px, 2.35vw, 34px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0;
}

.bl-info-card__text {
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.7;
}

/* FAQ */
.bl-faq-accordion {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 0;
}

.bl-section-eyebrow {
  display: block;
  margin: 0 0 12px;
  color: var(--bl-text-soft);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.bl-faq-accordion__item {
  padding: 22px 0;
  border-bottom: 0;
  background: transparent;
}

.bl-faq-accordion__item h3 {
  margin: 0;
}

.bl-faq-accordion__item button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--bl-text);
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
}

.bl-faq-accordion__item button span {
  color: var(--bl-text);
}

.bl-faq-accordion__item button i {
  flex: 0 0 auto;
  color: #65728c;
  font-size: 15px;
  transition: transform 0.18s ease, color 0.18s ease;
}

.bl-faq-accordion__item button[aria-expanded="true"] i {
  color: #10234f;
  transform: rotate(45deg);
}

.bl-faq-accordion__item button:hover span,
.bl-faq-accordion__item button:focus-visible span,
.bl-faq-accordion__item button:hover i,
.bl-faq-accordion__item button:focus-visible i {
  color: #10234f;
}

.bl-faq-accordion__item .collapse,
.bl-faq-accordion__item .collapsing {
  margin-top: 14px;
}

.bl-faq-accordion__item p {
  max-width: 92%;
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.7;
}

.bl-faq-accordion__item p + p {
  margin-top: 8px;
}

.bl-faq-accordion__item p:last-child {
  margin-bottom: 0;
}

/* Auswertung */
.bl-score-list {
  display: grid;
  gap: 16px;
}

.bl-score-item {
  display: grid;
  gap: 8px;
}

.bl-score-item__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--bl-text);
  font-size: 14px;
  font-weight: 500;
}

.bl-score-item__head strong {
  font-weight: 600;
}

.bl-score-bar {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf2f6;
}

.bl-score-bar span {
  display: block;
  width: var(--bl-score);
  height: 100%;
  border-radius: inherit;
  background: #193674;
}

.bl-total-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  padding: 16px 18px;
  border-radius: 14px;
  background: var(--bl-surface-soft, #f9fbff);
  color: var(--bl-text);
  font-size: 14px;
  font-weight: 500;
}

.bl-total-score strong {
  color: var(--bl-primary, #173b57);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.04em;
}

.bl-review-tags {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.5;
}

.bl-review-tags__label {
  color: var(--bl-text);
  font-weight: 500;
}

.bl-review-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bl-review-tags__list a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #f3f6fb;
  color: var(--bl-primary, #173b57);
  font-weight: 500;
  text-decoration: none;
  transition: color 0.18s ease, background-color 0.18s ease;
}

.bl-review-tags__list a:hover,
.bl-review-tags__list a:focus {
  background: #e8eef8;
  color: var(--bl-primary);
}

.bl-review-tags--footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  width: min(100% - 48px, var(--bl-container, 1250px));
  margin: clamp(28px, 4vw, 42px) auto clamp(48px, 6vw, 76px);
  padding-top: 18px;
  border-top: 1px solid #e7edf5;
}

@media (max-width: 575.98px) {
  .bl-review-tags--footer {
    width: calc(100% - 32px);
    margin-bottom: 44px;
  }
}

/* Bonus Sektion */
.bl-bonus-section {
  display: grid;
  gap: 28px;
  padding: clamp(30px, 4vw, 46px);
  overflow: hidden;
  color: #fff;
}

.bl-bonus-section__title {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(28px, 2.5vw, 40px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.bl-bonus-section__text {
  max-width: 780px;
  margin: 0 0 22px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.75;
}

.bl-bonus-section__value {
  width: fit-content;
  margin: -2px 0 18px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  line-height: 1.2;
}

.bl-bonus-section .bl-info-card__eyebrow {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.bl-bonus-items {
  display: grid;
  gap: 10px;
  max-width: 820px;
  margin: 0 0 24px;
}

.bl-bonus-item {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.bl-bonus-item__title {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

.bl-bonus-item__text {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  line-height: 1.6;
}

.bl-bonus-item__value {
  align-self: start;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(53, 217, 155, 0.14);
  color: var(--bl-accent, #35d99b);
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

.bl-bonus-steps {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 0;
  list-style: none;
  counter-reset: bonus-step;
}

.bl-bonus-steps li {
  position: relative;
  min-height: 28px;
  padding-left: 38px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 14px;
  line-height: 1.65;
  counter-increment: bonus-step;
}

.bl-bonus-steps li::before {
  content: counter(bonus-step);
  position: absolute;
  top: 0.1em;
  left: 0;
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(53, 217, 155, 0.18);
  color: var(--bl-accent, #35d99b);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.bl-bonus-section__action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.bl-bonus-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  width: fit-content;
  padding: 14px 24px;
  border: 1px solid var(--bl-accent, #35d99b);
  border-radius: 12px;
  background: var(--bl-accent, #35d99b);
  color: #062114;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 14px 32px rgba(53, 217, 155, 0.18);
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.bl-bonus-button:hover,
.bl-bonus-button:focus {
  border-color: var(--bl-accent-hover, #22bf84);
  background: var(--bl-accent-hover, #22bf84);
  color: #062114;
}

.bl-bonus-button.is-disabled {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.72);
  box-shadow: none;
  pointer-events: none;
}

.bl-bonus-section__hint {
  max-width: 320px;
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .bl-bonus-section {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
  .bl-bonus-item {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }
  .bl-bonus-section__action {
    align-items: flex-end;
    text-align: right;
  }
}
@media (max-width: 575.98px) {
  .bl-review-after-content {
    margin-top: 40px;
  }
  .bl-info-card__body {
    padding: 22px;
  }
  .bl-bonus-button {
    width: 100%;
  }
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #193674;
  --bs-btn-border-color: #193674;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #193674;
  --bs-btn-hover-border-color: #193674;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #40a98b;
  --bs-btn-border-color: #40a98b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn.btn-primary i {
  margin-right: 10px;
}

a {
  text-decoration: none;
  color: rgb(25, 54, 116);
}

.breadcrumb-list .list-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.breadcrumb-list .list-items li:before {
  content: none;
}

.breadcrumb-list .list-items li {
  margin-bottom: 0;
  padding: 0;
}

.breadcrumb-list .list-item {
  margin-right: 5px; /* Abstand zwischen den Elementen */
  font-size: 13px;
}

.breadcrumb-list .list-item::after {
  content: "\203A";
  margin-left: 5px;
}

.breadcrumb-list .list-item:last-child::after {
  content: "";
  margin-left: 0;
}

.breadcrumb-list .list-item a {
  text-decoration: none;
  color: #284BB2;
}

.breadcrumb-list .list-item a:hover {
  text-decoration: underline;
}

.bl-summary-card > .card-header {
  border: 0;
  border-bottom: 1px solid rgba(16, 35, 79, 0.06);
  background: #fff;
}

.breadcrumb-list .list-items {
  align-items: center;
  gap: 8px;
}

.breadcrumb-list .list-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 0;
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.4;
}

.breadcrumb-list .list-item::after {
  content: "\203A";
  margin-left: 5px;
}

.breadcrumb-list .list-item:last-child::after {
  content: none !important;
  display: none;
}

.breadcrumb-list .list-item a {
  color: #10234f;
  font-weight: 500;
  text-decoration: none;
}

.breadcrumb-list .list-item a:hover,
.breadcrumb-list .list-item a:focus {
  color: #284bb2;
  text-decoration: none;
}

.comments-area.bl-comments {
  position: relative;
  overflow: visible;
}

.bl-comments__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #dfe7f3;
}

.bl-comments__icon {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgba(20, 58, 131, 0.09);
  color: #143a83;
  font-size: 1.45rem;
}

.bl-comments__title {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.bl-comments__badge {
  min-width: 1.65rem;
  height: 1.65rem;
  padding: 0 0.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #143a83;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
}

.bl-comments__subtitle {
  margin: 0.25rem 0 0;
  color: #65728c;
}

.comment-list {
  list-style: none;
  padding: 0;
}

.comment-list .comment-item {
  padding: 0;
}

.comment-list > .comment-item + .comment-item {
  border-top: 1px solid #dfe7f3;
}

.comment-body {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 1.35rem 0;
}

.comment-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  margin-bottom: 0;
}

.comment-author {
  display: flex;
  align-items: center;
  min-width: 0;
}

.comment-main {
  min-width: 0;
}

.comment-avatar-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.comment-avatar {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  object-fit: cover;
}

.comment-author .fn {
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  color: #071633;
}

.comment-author .fn a {
  color: inherit;
  text-decoration: none;
}

.comment-author .fn a:hover {
  color: #143a83;
}

.bypostauthor > .comment-body .fn::after {
  content: "Autor";
  display: inline-flex;
  align-items: center;
  margin-left: 0.45rem;
  padding: 0.18rem 0.46rem;
  border-radius: 7px;
  background: #eaf1ff;
  color: #10234f;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
}

.comment-metadata {
  flex: 0 0 auto;
  font-size: 0.85rem;
  color: #65728c;
}

.comment-metadata a {
  color: inherit;
  text-decoration: none;
}

.comment-metadata a:hover {
  color: #143a83;
}

.edit-link {
  margin-left: 0.5rem;
}

.comment-content,
.reply,
.comment-awaiting-moderation {
  margin-left: 0;
}

.comment-content {
  margin-top: 8px;
  color: #071633;
  line-height: 1.7;
}

.comment-content p:last-child {
  margin-bottom: 0;
}

.comment-content a {
  color: #143a83;
  font-weight: 600;
  text-decoration: none;
}

.comment-content a:hover,
.comment-content a:focus {
  text-decoration: underline;
}
.bl-comment-stars {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 12px 0 0;
  color: #10234f;
  font-size: 13px;
}

.bl-comment-stars span {
  margin-left: 4px;
  color: #65728c;
  font-size: 12px;
}

.comment-awaiting-moderation {
  display: inline-flex;
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  padding: 0.55rem 0.8rem;
  border-radius: 0.85rem;
  background: #fff7e6;
  color: #8a5a00;
  font-size: 0.9rem;
  font-weight: 600;
}

.reply {
  margin-top: 0.75rem;
}

.comment-reply-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #143a83;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
}

.comment-reply-link:hover {
  color: #092a66;
}

.comment-list .children {
  list-style: none;
  margin: 0.25rem 0 1.35rem 72px;
  padding-left: 1.25rem;
  border-left: 2px solid rgba(20, 58, 131, 0.12);
}

.comment-list .children .comment-body {
  padding: 1.1rem 0;
}

.bl-comments-empty {
  margin-top: 1.5rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid rgba(20, 58, 131, 0.12);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.bl-comments-empty__icon {
  width: 5rem;
  height: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  border-radius: 50%;
  background: rgba(20, 58, 131, 0.09);
  color: #143a83;
  font-size: 2rem;
}

.bl-comments-empty__title {
  margin: 0 0 0.4rem;
  font-size: 1.35rem;
  font-weight: 7700;
}

.bl-comments-empty__text {
  max-width: 32rem;
  margin: 0 auto;
  color: #65728c;
}

.bl-comments-nav {
  margin-top: 1.5rem;
}

.bl-comments-nav .nav-links {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.bl-comments-nav a {
  color: #143a83;
  font-weight: 600;
  text-decoration: none;
}

.no-comments {
  margin-top: 1.25rem;
  padding: 0.9rem 1rem;
  border-radius: 10px;
  background: #f6f9fe;
  color: #65728c;
  font-weight: 600;
}

.ajax-comment-message {
  margin-top: 1.25rem;
  padding: 0.9rem 1rem;
  border-radius: 1rem;
  background: #f6f9fe;
  color: #143a83;
  font-weight: 600;
}

.ajax-comment-message:empty {
  display: none;
}

.ajax-comment-message.is-success {
  background: #e8f7f1;
  color: #116044;
}

.ajax-comment-message.is-error {
  background: #fff1f1;
  color: #a52a2a;
}

.bl-comment-respond {
  max-width: 100%;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #dfe7f3;
}

.bl-comment-form-title {
  margin: 0 0 0.75rem;
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.bl-comment-form-title small {
  font-size: 0.9rem;
  font-weight: 600;
}

.bl-comment-form-title small a {
  color: #143a83;
  text-decoration: none;
  margin-left: 15px;
}

.comment-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
  width: 100%;
  max-width: 100%;
  padding: 2px;
  margin-top: 1rem;
}

.comment-form p {
  min-width: 0;
  margin: 0;
}

.comment-notes,
.logged-in-as,
.comment-form-rating,
.comment-form-comment,
.comment-form-url,
.comment-form-cookies-consent,
.form-submit {
  grid-column: 1/-1;
}

.bl-comment-rating {
  margin: 0;
  padding: 0;
  border: 0;
}

.bl-comment-rating legend {
  margin-bottom: 10px;
  color: #071633;
  font-size: 14px;
  font-weight: 600;
}

.bl-comment-rating__options {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 6px;
}

.bl-comment-rating__options label {
  margin: 0;
}

.bl-comment-rating__options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.bl-comment-rating__options span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 38px;
  border-radius: 9px;
  background: #f3f6fb;
  color: #10234f;
  font-size: 0;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease;
}

.bl-comment-rating__options span::before {
  content: "" !important;
  width: 18px;
  height: 18px;
  display: block;
  background: currentColor;
  clip-path: polygon(50% 4%, 61% 36%, 95% 36%, 68% 56%, 79% 90%, 50% 70%, 21% 90%, 32% 56%, 5% 36%, 39% 36%);
  transform: none;
}

.bl-comment-rating__options label:hover span,
.bl-comment-rating__options label:hover ~ label span,
.bl-comment-rating__options label:has(input:checked) span,
.bl-comment-rating__options label:has(input:checked) ~ label span {
  background: #10234f;
  color: #fff;
}

.comment-notes,
.logged-in-as {
  max-width: 100%;
  min-width: 0;
  color: #65728c;
  font-size: 0.95rem;
}

.logged-in-as a,
.comment-notes a {
  color: #143a83;
  font-weight: 600;
  text-decoration: none;
}

.bl-comment-login {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  max-width: 100%;
  padding: 0.75rem 0.9rem;
  border-radius: 10px;
  background: rgba(20, 58, 131, 0.045);
  overflow: visible;
}

.bl-comment-login > span:last-child {
  flex: 1 1 240px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.bl-comment-login__avatar {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 10px;
  background: #edf2f8;
}

.bl-comment-login__avatar-image,
.bl-comment-login__avatar .avatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.comment-form label {
  display: inline-block;
  margin-bottom: 0.45rem;
  color: #071633;
  font-size: 0.95rem;
  font-weight: 600;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url],
.comment-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #cfd9ea;
  border-radius: 0.9rem;
  background: #fff;
  color: #071633;
  box-shadow: none;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url] {
  min-height: 3rem;
  padding: 0.75rem 0.95rem;
}

.comment-form textarea {
  min-height: 9rem;
  padding: 0.9rem 1rem;
  resize: vertical;
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: rgba(20, 58, 131, 0.26);
  outline: 0;
  box-shadow: inset 0 0 0 1px rgba(20, 58, 131, 0.08);
}

.comment-form ::placeholder {
  color: #94a0b8;
}

.comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  color: #65728c;
  font-size: 0.95rem;
}

.comment-form-cookies-consent input {
  margin-top: 0.25rem;
}

.bl-comment-captcha {
  position: relative;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1rem;
  border-radius: 10px;
  background: #f5f7fb;
}

.bl-comment-captcha__copy {
  min-width: 0;
}

.bl-comment-captcha__copy label {
  display: block;
  margin: 0 0 0.2rem;
}

.bl-comment-captcha__help {
  display: block;
  color: #65728c;
  font-size: 0.86rem;
  line-height: 1.45;
}

.bl-comment-captcha__calculation {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.55rem;
  color: #0d3276;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
}

.comment-form .bl-comment-captcha__answer {
  width: 76px;
  min-height: 44px;
  padding: 0.55rem 0.65rem;
  border-radius: 9px;
  background: #fff;
  text-align: center;
}

.bl-comment-captcha__trap {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.form-submit {
  margin-top: 0.25rem;
}

#submit.bl-comment-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3rem;
  padding: 0.75rem 1.45rem;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #143a83, #092a66);
  color: #fff;
  font-weight: 600;
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

#submit.bl-comment-submit:hover {
  box-shadow: none;
}

#submit.bl-comment-submit:disabled {
  opacity: 0.7;
  transform: none;
  cursor: not-allowed;
}

.must-log-in,
.bl-comment-login-required {
  margin: 1rem 0 0;
  padding: 1rem;
  border-radius: 10px;
  background: #f6f9fe;
  color: #65728c;
}

.must-log-in a,
.bl-comment-login-required a {
  color: #143a83;
  font-weight: 600;
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .comments-area.bl-comments {
    border-radius: 10px;
  }
  .comment-body {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
  }
  .comment-avatar {
    width: 44px;
    height: 44px;
    border-radius: 10px;
  }
  .comment-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.25rem;
  }
  .comment-content,
  .reply,
  .comment-awaiting-moderation {
    margin-left: 0;
  }
  .comment-list .children {
    margin-left: 1rem;
    padding-left: 1rem;
  }
  .comment-form {
    grid-template-columns: 1fr;
  }
  .bl-comment-captcha {
    align-items: stretch;
    flex-direction: column;
    gap: 0.8rem;
  }
  .bl-comment-captcha__calculation {
    justify-content: flex-start;
  }
  .bl-comment-login {
    align-items: center;
    border-radius: 10px;
  }
  .bl-comments-nav .nav-links {
    flex-direction: column;
  }
}
.bl-comment-login__identity {
  flex: 1 1 auto;
  min-width: 0;
}

.logged-in-as.bl-comment-login .bl-comment-login__logout {
  display: inline-grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-left: auto;
  border-radius: 8px;
  color: #be123c;
  font-size: 17px;
  text-decoration: none;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.logged-in-as.bl-comment-login .bl-comment-login__logout:hover,
.logged-in-as.bl-comment-login .bl-comment-login__logout:focus-visible {
  background: rgba(190, 18, 60, 0.08);
  color: #be123c;
}

.bl-comment-edit-link {
  margin: 0 0 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #143a83;
  font: inherit;
  cursor: pointer;
}

.bl-comment-edit-link:hover,
.bl-comment-edit-link:focus-visible {
  text-decoration: underline;
}

.bl-comment-edited-label {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  color: #7a8497;
  font-size: 11px;
  font-weight: 500;
}

.bl-comment-inline-edit {
  display: grid;
  gap: 10px;
  margin: 10px 0 14px;
}

.bl-comment-inline-edit__field {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 104px;
  padding: 0.9rem 1rem;
  border: 1px solid #cfd9ea;
  border-radius: 0.9rem;
  background: #fff;
  color: #071633;
  box-shadow: none;
  resize: vertical;
}

.bl-comment-inline-edit__field:focus {
  border-color: rgba(20, 58, 131, 0.26);
  outline: 0;
  box-shadow: inset 0 0 0 1px rgba(20, 58, 131, 0.08);
}

.bl-comment-inline-edit__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.bl-comment-inline-edit__save {
  min-height: 36px;
  padding: 7px 14px;
  font-size: 13px;
}

.bl-comment-inline-edit__cancel {
  min-height: 36px;
  padding: 7px 12px;
  border: 0;
  background: transparent;
  color: #65728c;
  font-size: 13px;
  font-weight: 600;
}

.bl-comment-inline-edit__status {
  color: #65728c;
  font-size: 12px;
}

.bl-comment-inline-edit__status.is-error {
  color: #b42318;
}

z-index: 1060;
  flex-shrink: 0;
}

.bl-site-header .navbar {
  min-height: 68px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  transition: min-height 0.18s ease, padding 0.18s ease, box-shadow 0.18s ease;
}

.bl-site-header .navbar.is-scrolled {
  min-height: 56px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
}

.bl-site-header .navbar-brand img {
  display: block;
  transition: transform 0.18s ease;
}

.bl-site-header .navbar.is-scrolled .navbar-brand img {
  transform: scale(0.94);
}

.bl-site-header .nav-link {
  min-height: 36px;
  padding: 8px 12px !important;
  color: rgba(14, 21, 38, 0.78);
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  line-height: 1.25;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.bl-site-header .nav-link:hover,
.bl-site-header .nav-link:focus {
  color: #10234f;
  background: transparent;
}

.bl-site-header .bl-nav-link.active,
.bl-site-header .bl-nav-link[aria-current="page"] {
  color: #10234f !important;
  background: #eef3fb;
  box-shadow: none;
  font-weight: 500;
}

.bl-site-header .bl-nav-link.active:hover,
.bl-site-header .bl-nav-link.active:focus,
.bl-site-header .bl-nav-link[aria-current="page"]:hover,
.bl-site-header .bl-nav-link[aria-current="page"]:focus {
  color: #0b1735 !important;
  background: #e7eef9;
}

.bl-header-search {
  display: grid;
  grid-template-columns: minmax(88px, 124px) 36px;
  align-items: center;
  height: 36px;
  min-height: 36px;
  overflow: hidden;
  border: 1px solid rgba(16, 35, 79, 0.06);
  border-radius: 8px;
  background: rgba(16, 35, 79, 0.018);
}

.bl-header-search input {
  height: 100%;
  padding: 0 8px 0 11px;
  border: 0;
  outline: 0;
  color: rgba(14, 21, 38, 0.72);
  font-size: 13px;
}

.bl-header-search input[type="search"]::-webkit-search-cancel-button {
  margin-right: 2px;
  cursor: pointer;
}

.bl-header-search input::placeholder {
  color: rgba(14, 21, 38, 0.48);
}

.bl-header-search button {
  width: 37px;
  height: calc(100% + 2px);
  min-height: 0;
  margin: -1px -1px -1px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #10234f;
  outline: 0;
  border-radius: 0 8px 8px 0;
  background: #10234f;
  color: #fff;
  font-size: 14px;
  box-shadow: none;
}

.bl-header-search:focus-within {
  border-color: rgba(16, 35, 79, 0.14);
  background: #fff;
}

.bl-profile-menu {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
}

.bl-profile-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid var(--bl-border-soft);
  border-radius: 10px;
  background: #193674;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.bl-profile-toggle:focus-visible {
  outline: 3px solid rgba(14, 21, 38, 0.18);
  outline-offset: 2px;
}

.bl-profile-toggle i {
  font-size: 16px;
  line-height: 1;
}

.bl-profile-toggle__chevron {
  font-size: 11px !important;
  transition: transform 0.18s ease;
}

.bl-profile-menu:hover .bl-profile-toggle__chevron,
.bl-profile-menu:focus-within .bl-profile-toggle__chevron,
.bl-profile-toggle[aria-expanded=true] .bl-profile-toggle__chevron {
  transform: rotate(180deg);
}

.bl-profile-dropdown {
  display: block;
  position: absolute;
  top: calc(100% + 12px);
  left: auto;
  right: 0;
  min-width: 286px;
  margin-top: 0;
  padding: 8px;
  border: 0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transform-origin: top right;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.bl-profile-dropdown::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  width: 100%;
  height: 14px;
}

.bl-profile-menu:hover .bl-profile-dropdown,
.bl-profile-menu:focus-within .bl-profile-dropdown,
.bl-profile-dropdown.show {
  left: auto;
  right: 0;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.bl-profile-menu .dropdown-menu[data-bs-popper] {
  top: calc(100% + 12px);
  left: auto;
  right: 0;
  margin-top: 0;
}

.bl-profile-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 7px 14px;
  border-radius: 10px;
  color: rgba(14, 21, 38, 0.84);
  font-size: 14px;
  font-weight: 400;
}

.bl-profile-dropdown .dropdown-item:hover,
.bl-profile-dropdown .dropdown-item:focus {
  background: #f7f8fa;
  color: var(--bl-dark);
}

.bl-profile-dropdown .dropdown-item i {
  width: 14px;
  font-size: 14px;
  line-height: 1;
}

.bl-profile-dropdown .dropdown-divider {
  margin: 9px 8px;
  border-color: rgba(15, 23, 42, 0.12);
}

.bl-profile-dropdown__account {
  display: grid;
  gap: 3px;
  margin-bottom: 9px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #f7f8fa;
}

.bl-profile-dropdown__account span {
  color: rgba(100, 116, 139, 0.9);
  font-size: 12px;
  line-height: 1.2;
}

.bl-profile-dropdown__account strong {
  color: var(--bl-dark);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.bl-profile-dropdown__text {
  margin: 0 0 12px;
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.5;
}

.bl-login-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  width: 100%;
  padding: 11px 18px;
  border: 1px solid var(--bl-dark);
  border-radius: 10px;
  background: var(--bl-dark);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.bl-login-button:hover,
.bl-login-button:focus {
  border-color: var(--bl-dark-hover);
  background: var(--bl-dark-hover);
  color: #fff;
}

.bl-login-button:focus-visible {
  outline: 3px solid rgba(14, 21, 38, 0.18);
  outline-offset: 2px;
}

.bl-header-login-button {
  width: auto !important;
  min-width: 78px !important;
  min-height: 36px;
  padding: 10px 18px !important;
  font-size: 13px;
}

.bl-mobile-profile {
  display: grid;
  gap: 12px;
}

.bl-mobile-logout {
  display: inline-flex;
  justify-content: center;
  color: var(--bl-muted);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.bl-mobile-logout:hover,
.bl-mobile-logout:focus {
  color: var(--bl-dark);
}

.bl-logout-button {
  border-color: transparent !important;
  background: transparent !important;
  color: #be123c !important;
}

.bl-logout-button:hover,
.bl-logout-button:focus {
  border-color: #be123c !important;
  background: #be123c !important;
  color: #fff !important;
}

/* Clean UI tuning for dashboard-style surfaces. */
.bl-site-header .bl-nav-link.active,
.bl-site-header .bl-nav-link[aria-current="page"] {
  font-weight: 600;
}

.bl-archive-hero,
.bl-archive-toolbar,
.bl-archive-side-card,
.bl-archive-card,
.bl-search-box,
.bl-search-result {
  box-shadow: 0 8px 24px rgba(16, 35, 79, 0.035) !important;
}

.bl-archive-hero h1,
.bl-search-hero h1 {
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: 0;
}

.bl-archive-eyebrow {
  min-height: 30px;
  padding: 7px 11px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
}

.bl-archive-panel__label,
.bl-archive-side-card > span,
.bl-archive-toolbar__label,
.bl-archive-card__meta,
.bl-search-result__meta,
.bl-archive-topic-list small {
  font-weight: 500;
}

.bl-archive-hero__panel strong {
  font-size: 38px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}

.bl-archive-toolbar strong {
  font-size: 16px;
  font-weight: 600;
}

.bl-archive-side-card h2,
.bl-archive-card__title,
.bl-search-result h2 {
  font-weight: 600;
  letter-spacing: 0;
}

.bl-archive-side-card h2 {
  font-size: 21px;
  line-height: 1.2;
}

.bl-archive-card__title {
  font-size: 21px;
  line-height: 1.2;
}

.bl-search-result h2 {
  font-size: 23px;
  line-height: 1.18;
}

.bl-archive-card__price strong {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0;
}

.bl-archive-panel__link,
.bl-archive-toolbar__button,
.bl-archive-card__button,
.bl-search-box button,
.bl-search-result__link,
.bl-header-search button,
.bl-mobile-search button {
  font-weight: 500;
}

.bl-archive-topic-list a {
  font-weight: 500;
}

.bl-archive-hero,
.bl-archive-hero__panel,
.bl-archive-side-card,
.bl-archive-toolbar,
.bl-archive-card,
.bl-search-box,
.bl-search-result {
  border: 0 !important;
  box-shadow: 0 12px 34px rgba(16, 35, 79, 0.055) !important;
}

.bl-archive-toolbar {
  background: #fff !important;
  box-shadow:
    0 18px 46px rgba(16, 35, 79, 0.09),
    0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

.bl-archive-hero {
  --bl-archive-hero-image: url("../media/img/banners/business-lernen-banner-blog.webp");
  --bl-archive-hero-parallax-y: 0px;
  position: relative;
  isolation: isolate;
  width: 100vw;
  min-height: clamp(250px, 27vw, 340px);
  margin-top: -1.5rem;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: clamp(34px, 4.5vw, 58px) max(24px, calc((100vw - 1296px) / 2));
  overflow: hidden;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(8, 17, 39, 0.92) 0%, rgba(8, 17, 39, 0.76) 44%, rgba(8, 17, 39, 0.28) 100%),
    var(--bl-archive-hero-image),
    #10234f;
  background-position:
    center,
    center calc(50% + var(--bl-archive-hero-parallax-y)),
    center;
  background-size: cover;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .bl-archive-hero {
    --bl-archive-hero-parallax-y: 0px !important;
  }
}

.bl-archive-hero__content {
  max-width: 620px;
}

@media (min-width: 992px) {
  .bl-archive-hero {
    grid-template-columns: minmax(0, 1fr) minmax(520px, 42vw);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
  }
}

.bl-archive-hero.bl-archive-hero--simple {
  grid-template-columns: minmax(0, 720px);
  align-items: center;
}

.bl-archive-hero.bl-archive-hero--simple .bl-archive-hero__content {
  max-width: 720px;
}

.blog .bl-archive-hero,
.category .bl-archive-hero,
.tag .bl-archive-hero {
  --bl-archive-hero-image: url("../media/img/banners/business-lernen-banner-blog.webp");
}

.post-type-archive-review .bl-archive-hero {
  --bl-archive-hero-image: url("../media/img/banners/business-lernen-banner-erfahrungsberichte.webp");
}

.post-type-archive-anbieter .bl-archive-hero,
.post-type-archive-vendor .bl-archive-hero,
.single-vendor .bl-archive-hero {
  --bl-archive-hero-image: url("../media/img/banners/business-lernen-banner-anbieter.webp");
}

.post-type-archive-vergleiche .bl-archive-hero {
  --bl-archive-hero-image: url("../media/img/banners/business-lernen-banner-vergleiche.webp");
}

.search .bl-archive-hero {
  --bl-archive-hero-image: url("../media/img/banners/business-lernen-banner-blog.webp");
}

.bl-archive-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 20% 25%, rgba(255, 255, 255, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}

.bl-archive-hero h1,
.bl-archive-hero .bl-archive-description,
.bl-archive-hero .bl-archive-description p,
.bl-archive-hero__content > p {
  color: #fff !important;
}

.bl-archive-hero .bl-archive-description,
.bl-archive-hero .bl-archive-description p,
.bl-archive-hero__content > p {
  max-width: 520px;
  color: rgba(255, 255, 255, 0.78) !important;
}

.bl-archive-hero .bl-archive-eyebrow {
  display: none !important;
}

.bl-archive-hero h1 {
  margin-top: 0 !important;
}

.bl-archive-hero__panel {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 22px 55px rgba(4, 12, 29, 0.18) !important;
}

.bl-archive-hero .bl-archive-hero__panel {
  padding: 22px;
}

.bl-archive-hero__panel--highlight {
  display: grid;
  grid-template-columns: minmax(220px, 42%) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  align-self: center;
  justify-self: end;
  width: min(680px, 100%);
  min-height: 0;
  padding: 0 !important;
  overflow: hidden;
}

.bl-archive-highlight__media {
  display: grid;
  place-items: center;
  min-height: 100%;
  overflow: hidden;
  background: #071634;
  color: #fff;
  text-decoration: none;
  padding: 14px 18px;
}

.bl-archive-highlight__media span {
  display: grid;
  place-items: center;
  height: 100%;
  min-height: 132px;
  padding: 14px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.bl-archive-highlight__image {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 132px;
  object-fit: contain;
}

.bl-archive-highlight__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 18px 20px;
}

.bl-archive-hero__panel--highlight h2 {
  margin: 8px 0 6px;
  color: var(--bl-dark);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
}

.bl-archive-hero__panel--highlight p {
  display: -webkit-box;
  margin-bottom: 12px;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 575.98px) {
  .bl-archive-hero__panel--highlight {
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
  }
  .bl-archive-highlight__media,
  .bl-archive-highlight__image,
  .bl-archive-highlight__media span {
    min-height: 150px;
  }
  .bl-archive-highlight__content {
    padding: 18px;
  }
}

.bl-archive-topic-list a {
  border-color: rgba(16, 35, 79, 0.045);
  box-shadow: 0 6px 16px rgba(16, 35, 79, 0.025);
}

@media (min-width: 992px) {
  .bl-archive-hero {
    margin-top: -3rem;
  }
}

@media (max-width: 575.98px) {
  .bl-archive-hero {
    min-height: 230px;
    padding: 22px 20px;
  }
  .bl-archive-hero h1,
  .bl-search-hero h1 {
    font-size: 32px;
  }
}

@media (max-width: 575.98px) {
  .blog .bl-archive-hero,
  .category .bl-archive-hero,
  .post-type-archive-review .bl-archive-hero,
  .post-type-archive-vendor .bl-archive-hero,
  .post-type-archive-anbieter .bl-archive-hero,
  .post-type-archive-vergleiche .bl-archive-hero,
  body.author .bl-author-archive-hero {
    min-height: 220px !important;
    margin-bottom: 22px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .bl-archive-hero__content > p {
    line-height: 1.55;
  }

  .bl-archive-shell,
  .bl-review-archive-page .bl-archive-shell {
    margin-top: 0;
  }
}

.bl-mobile-search {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 0;
  border-radius: 12px;
  background: #f6f8fb;
}

.bl-mobile-search input {
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(16, 35, 79, 0.08);
}

.bl-mobile-search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media (max-width: 991.98px) {
  .bl-site-header .navbar {
    min-height: 68px;
  }

  .bl-site-header .navbar-toggler {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 11px;
    background: #f3f6fb;
  }

  .bl-site-header .navbar-toggler-icon {
    position: relative;
    width: 18px;
    height: 14px;
    background-image: none;
    border-top: 2px solid #10234f;
    border-bottom: 2px solid #10234f;
  }

  .bl-site-header .navbar-toggler-icon::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #10234f;
  }

  .bl-site-header .offcanvas {
    border-left: 1px solid rgba(16, 35, 79, 0.08);
    background: #fff;
  }

  .bl-site-header .offcanvas-header {
    min-height: 72px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(16, 35, 79, 0.07);
  }

  .bl-site-header .offcanvas-body {
    display: flex;
    flex-direction: column;
    padding: 18px 20px 22px;
  }

  .bl-mobile-menu__brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
  }

  .bl-mobile-menu__brand img {
    display: block;
  }

  .bl-mobile-menu__close {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 8px;
    background-color: #f4f7fb;
    background-size: 10px;
    opacity: 1;
  }

  .bl-mobile-menu__close:hover,
  .bl-mobile-menu__close:focus {
    background-color: #edf2f8;
    opacity: 1;
  }

  .bl-mobile-menu__nav {
    display: grid;
    gap: 6px;
  }

  .bl-site-header .offcanvas .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 12px 14px !important;
    border-radius: 10px;
    color: rgba(14, 21, 38, 0.82);
    font-size: 15px;
    font-weight: 500;
    background: transparent;
  }

  .bl-site-header .offcanvas .nav-link::after {
    content: "\203A";
    color: rgba(16, 35, 79, 0.32);
    font-size: 20px;
    line-height: 1;
  }

  .bl-site-header .offcanvas .bl-nav-link.active,
  .bl-site-header .offcanvas .bl-nav-link[aria-current="page"] {
    color: #10234f !important;
    background: #eef3fb;
    font-weight: 600;
  }

  .bl-site-header .offcanvas .bl-nav-link.active::after,
  .bl-site-header .offcanvas .bl-nav-link[aria-current="page"]::after {
    color: #10234f;
  }

  .bl-site-header .offcanvas .nav-link:hover,
  .bl-site-header .offcanvas .nav-link:focus {
    color: #10234f;
    background: transparent;
  }

  .bl-mobile-profile {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top-color: rgba(16, 35, 79, 0.08) !important;
  }
}
footer .text-white {
  color: rgba(255, 255, 255, 0.75) !important;
}

footer {
  background-color: rgb(9, 25, 61) !important;
}

@media (max-width: 575.98px) {
  footer {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  footer > .container {
    width: 100%;
    max-width: none;
    padding-right: 24px;
    padding-left: 24px;
  }

  footer .row {
    --bs-gutter-x: 1.5rem;
  }
}

.bl-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip: rect(0, 0, 0, 0) !important;
}

.bl-muted {
  color: var(--bl-muted);
}

.bl-stack-sm > * + * {
  margin-top: 12px;
}

.bl-stack-md > * + * {
  margin-top: 20px;
}

.bl-stack-lg > * + * {
  margin-top: 32px;
}

/* Global button system: primary, secondary, outline. */
:root {
  --bl-button-radius: 10px;
  --bl-button-height: 42px;
  --bl-button-primary-bg: var(--bl-dark);
  --bl-button-primary-hover: var(--bl-dark-hover);
  --bl-button-secondary-bg: #eef2f7;
  --bl-button-secondary-hover: #e9edf4;
  --bl-button-outline-border: rgba(16, 35, 79, 0.14);
  --bl-button-outline-hover-border: rgba(16, 35, 79, 0.2);
  --bl-button-outline-hover-bg: rgba(16, 35, 79, 0.025);
}

.btn:not(.btn-close),
.bl-archive-panel__link,
.bl-archive-toolbar__button,
.bl-archive-card__button,
.bl-search-result__link,
.bl-search-box button,
.bl-mobile-search button,
.bl-login-button,
.bl-bonus-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--bl-button-height);
  padding: 11px 16px;
  border-radius: var(--bl-button-radius) !important;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  font-weight: 500 !important;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.btn-primary,
.btn-dark,
.btn-success,
.bl-button--primary,
.bl-archive-panel__link,
.bl-archive-toolbar__button,
.bl-archive-card__button,
.bl-search-result__link,
.bl-search-box button,
.bl-mobile-search button,
.bl-login-button,
.bl-bonus-button {
  border-color: var(--bl-button-primary-bg) !important;
  background: var(--bl-button-primary-bg) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-dark:hover,
.btn-dark:focus,
.btn-success:hover,
.btn-success:focus,
.bl-button--primary:hover,
.bl-button--primary:focus,
.bl-archive-panel__link:hover,
.bl-archive-panel__link:focus,
.bl-archive-toolbar__button:hover,
.bl-archive-toolbar__button:focus,
.bl-archive-card__button:hover,
.bl-archive-card__button:focus,
.bl-search-result__link:hover,
.bl-search-result__link:focus,
.bl-search-box button:hover,
.bl-search-box button:focus,
.bl-mobile-search button:hover,
.bl-mobile-search button:focus,
.bl-login-button:hover,
.bl-login-button:focus,
.bl-bonus-button:hover,
.bl-bonus-button:focus {
  border-color: var(--bl-button-primary-hover) !important;
  background: var(--bl-button-primary-hover) !important;
  color: #fff !important;
}

.btn-secondary,
.bl-button--secondary {
  border-color: transparent !important;
  background: var(--bl-button-secondary-bg) !important;
  color: var(--bl-dark) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.bl-button--secondary:hover,
.bl-button--secondary:focus {
  border-color: transparent !important;
  background: var(--bl-button-secondary-hover) !important;
  color: var(--bl-dark) !important;
}

.btn-outline-dark,
.btn-outline-primary,
.bl-button--outline {
  border-color: var(--bl-button-outline-border) !important;
  background: transparent !important;
  color: var(--bl-dark) !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.bl-button--outline:hover,
.bl-button--outline:focus {
  border-color: var(--bl-button-outline-hover-border) !important;
  background: var(--bl-button-outline-hover-bg) !important;
  color: var(--bl-dark) !important;
}

.btn-sm {
  min-height: 36px !important;
  padding: 8px 13px !important;
  font-size: 13px !important;
}

.btn-lg {
  min-height: 46px !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
}

.site-header .bl-header-login-button {
  width: auto !important;
  min-width: 78px !important;
  max-width: 92px !important;
  min-height: 36px !important;
  padding: 10px 18px !important;
  flex: 0 0 auto;
  font-size: 13px !important;
}

.bl-header-search button {
  border: 1px solid var(--bl-button-primary-bg) !important;
  border-radius: 0 8px 8px 0 !important;
  background: var(--bl-button-primary-bg) !important;
  color: #fff !important;
}

.bl-profile-toggle {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #eef3fb;
  color: var(--bl-dark);
  overflow: hidden;
  box-shadow: none;
  flex: 0 0 36px;
  line-height: 0;
}

.bl-profile-toggle:hover,
.bl-profile-toggle:focus {
  background: #e7eef9;
  color: var(--bl-dark);
  box-shadow: none;
}

.bl-profile-avatar,
.bl-profile-avatar .avatar,
.bl-profile-avatar__image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.bl-profile-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef3fb;
  color: var(--bl-dark);
}

.bl-profile-avatar .avatar,
.bl-profile-avatar__image {
  object-fit: cover;
}

.bl-profile-avatar i {
  font-size: 18px;
  line-height: 1;
}

.bl-logout-button {
  border-color: transparent !important;
  background: transparent !important;
  color: #be123c !important;
}

.bl-logout-button:hover,
.bl-logout-button:focus {
  border-color: #be123c !important;
  background: #be123c !important;
  color: #fff !important;
}

/* Clean homepage. */
.bl-home-page {
  background: #f9f9f9;
  color: var(--bl-text);
}

.bl-home-page .container {
  max-width: 1320px;
}

.bl-home-hero {
  position: relative;
  overflow: hidden;
  padding: 0 0 72px;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 42%),
    radial-gradient(circle at 50% 11%, rgba(25, 54, 116, 0.13), transparent 30%),
    linear-gradient(180deg, #dce9fb 0%, #f8fbff 62%, #f9f9f9 100%);
}

.bl-home-hero__inner {
  position: relative;
  overflow: visible;
  min-height: auto;
  padding: clamp(28px, 4vw, 48px) 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-hero__navline,
.bl-home-trust-row {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  color: rgba(7, 11, 21, 0.72);
  font-size: 12px;
  line-height: 1.2;
}

.bl-home-hero__navline span:first-child {
  color: var(--bl-dark);
  font-weight: 600;
}

.bl-home-hero__content {
  position: relative;
  z-index: 2;
  max-width: 790px;
  margin: 42px auto 0;
  text-align: center;
}

.bl-home-hero__note {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin: 0 0 20px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: rgba(7, 11, 21, 0.78);
  font-size: 12px;
  line-height: 1.2;
  box-shadow: 0 8px 22px rgba(16, 35, 79, 0.045);
}

.bl-home-hero h1 {
  max-width: 850px;
  margin: 0 auto;
  color: #050812;
  font-size: clamp(42px, 6vw, 78px);
  font-weight: 500;
  line-height: 0.96;
  letter-spacing: 0;
}

.bl-home-hero__text {
  max-width: 640px;
  margin: 22px auto 0;
  color: rgba(7, 11, 21, 0.72);
  font-size: 15px;
  line-height: 1.6;
}

.bl-home-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}

.bl-home-hero__visual {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 760px;
  min-height: 250px;
  margin: 54px auto 0;
  align-items: end;
}

.bl-home-product-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 190px;
  padding: 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: inset 0 0 0 1px rgba(25, 54, 116, 0.08), 0 18px 40px rgba(16, 35, 79, 0.06);
  backdrop-filter: blur(12px);
}

.bl-home-product-card--center {
  min-height: 250px;
  align-items: center;
  text-align: center;
  background: rgba(255, 255, 255, 0.74);
}

.bl-home-product-card--left,
.bl-home-product-card--right {
  margin-bottom: 22px;
}

.bl-home-product-card img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  margin-bottom: 22px;
}

.bl-home-product-card span {
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.3;
}

.bl-home-product-card strong {
  margin-top: 7px;
  color: var(--bl-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.bl-home-section {
  padding: 74px 0;
}

.bl-home-hero + .bl-home-section {
  padding-top: 88px;
}

.bl-home-section--soft {
  background: #fff;
}

.bl-home-section__head,
.bl-home-section__split-head {
  margin-bottom: 30px;
}

.bl-home-section__head {
  text-align: center;
}

.bl-home-section__split-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.bl-home-section__head p,
.bl-home-section__split-head p,
.bl-home-blog-panel > div > p:first-child,
.bl-home-vision__grid > div > p:first-child {
  margin: 0 0 8px;
  color: var(--bl-muted);
  font-size: 13px;
  line-height: 1.3;
}

.bl-home-section h2,
.bl-home-blog-panel h2,
.bl-home-vision h2 {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
}

.bl-home-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.bl-home-step,
.bl-home-review-card,
.bl-home-blog-panel,
.bl-home-vision__grid,
.bl-home-category-list a,
.bl-home-rating-item,
.bl-home-vendor-card,
.bl-home-dashboard-panel,
.bl-home-newsletter-panel,
.bl-home-faq-item {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 34px rgba(16, 35, 79, 0.045);
}

.bl-home-step {
  min-height: 210px;
  padding: 26px;
}

.bl-home-step span {
  display: block;
  margin-bottom: 38px;
  color: rgba(16, 35, 79, 0.18);
  font-size: 52px;
  font-weight: 500;
  line-height: 0.8;
}

.bl-home-step h3,
.bl-home-review-card h3 {
  margin: 0 0 10px;
  color: var(--bl-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}

.bl-home-step p,
.bl-home-review-card p,
.bl-home-blog-panel__text,
.bl-home-vision__grid p,
.bl-home-rating-item p,
.bl-home-dashboard-panel p,
.bl-home-newsletter-panel p,
.bl-home-faq-item p {
  margin: 0;
  color: var(--bl-muted);
  font-size: 14px;
  line-height: 1.65;
}

.bl-home-category-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.bl-home-category-list a {
  display: grid;
  grid-template-rows: 145px auto;
  min-height: 245px;
  overflow: hidden;
  color: var(--bl-text);
  text-decoration: none;
  transform: scale(1);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bl-home-category-list a:hover,
.bl-home-category-list a:focus {
  color: var(--bl-dark);
  transform: scale(0.985);
  box-shadow: 0 12px 30px rgba(16, 35, 79, 0.075) !important;
}

.bl-home-category-list__media {
  display: block;
  min-height: 145px;
  background:
    linear-gradient(180deg, rgba(7, 13, 30, 0.04), rgba(7, 13, 30, 0.46)),
    var(--bl-category-image),
    #071634;
  background-position: center;
  background-size: cover;
}

.bl-home-category-list__content {
  display: flex;
  min-height: 100px;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
}

.bl-home-category-list strong {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
}

.bl-home-category-list small,
.bl-home-vendor-card small {
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.4;
}

.bl-home-rating-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.bl-home-rating-item {
  min-height: 190px;
  padding: 24px;
}

.bl-home-rating-item h3,
.bl-home-faq-item h3 {
  margin: 0 0 12px;
  color: var(--bl-text);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
}

.bl-home-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.bl-home-review-card {
  overflow: hidden;
  background: #fff;
}

.bl-home-review-card--empty {
  grid-column: 1 / -1;
}

.bl-home-review-card__media {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1.55;
  overflow: hidden;
  background:
    radial-gradient(circle at 52% 42%, rgba(54, 84, 140, 0.42), transparent 34%),
    linear-gradient(135deg, #10234f 0%, #071634 100%);
}

.bl-home-review-card__media img {
  position: relative;
  z-index: 1;
  width: calc(100% - 44px);
  height: calc(100% - 36px);
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.22));
}

.bl-home-review-card__body {
  padding: 22px;
}

.bl-home-review-card h3 a {
  color: inherit;
  text-decoration: none;
}

.bl-home-text-link {
  display: inline-flex;
  margin-top: 18px;
  color: var(--bl-dark);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.bl-home-text-link:hover,
.bl-home-text-link:focus {
  color: var(--bl-dark-hover);
  text-decoration: underline;
}

.bl-home-vendor-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

.bl-home-vendor-card {
  display: flex;
  min-height: 150px;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
  color: var(--bl-text);
  text-decoration: none;
}

.bl-home-vendor-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #eef2f7;
  color: var(--bl-dark);
  font-size: 14px;
  font-weight: 500;
}

.bl-home-vendor-card strong {
  margin-top: 24px;
  color: var(--bl-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.bl-home-vendor-card--empty {
  grid-column: span 2;
}

.bl-home-blog-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 38px;
  align-items: stretch;
  padding: clamp(26px, 4vw, 46px);
}

.bl-home-blog-panel__text {
  max-width: 560px;
  margin: 16px 0 24px;
}

.bl-home-score-panel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
  min-height: 250px;
  padding: 20px;
  border-radius: 16px;
  background: #f6f8fb;
}

.bl-home-score-panel div {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 12px;
  height: 100%;
  align-items: end;
}

.bl-home-score-panel span {
  color: var(--bl-muted);
  font-size: 12px;
  text-align: center;
}

.bl-home-score-panel i {
  display: block;
  width: 100%;
  min-height: 42px;
  border-radius: 14px 14px 8px 8px;
  background: var(--bl-dark);
}

.bl-home-dashboard-teaser {
  padding-top: 0;
}

.bl-home-dashboard-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: clamp(26px, 4vw, 44px);
  background:
    radial-gradient(circle at 88% 10%, rgba(25, 54, 116, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.94);
}

.bl-home-dashboard-panel > div:first-child {
  max-width: 650px;
}

.bl-home-dashboard-panel > div:first-child > p:first-child {
  margin: 0 0 8px;
  color: var(--bl-muted);
  font-size: 13px;
  line-height: 1.3;
}

.bl-home-dashboard-panel h2 {
  margin: 0 0 14px;
  color: var(--bl-text);
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
}

.bl-home-dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.bl-home-newsletter {
  padding-top: 0;
}

.bl-home-newsletter-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 470px);
  gap: 34px;
  align-items: center;
  padding: clamp(26px, 4vw, 44px);
}

.bl-home-newsletter-panel > div > p:first-child {
  margin: 0 0 8px;
  color: var(--bl-muted);
  font-size: 13px;
  line-height: 1.3;
}

.bl-home-newsletter-panel h2 {
  max-width: 620px;
  margin: 0 0 14px;
  color: var(--bl-text);
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
}

.bl-home-newsletter-form {
  display: grid;
  gap: 14px;
}

.bl-home-newsletter-form > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border-radius: 14px;
  background: #f6f8fb;
}

.bl-home-newsletter-form input[type="email"] {
  min-height: 42px;
  width: 100%;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: var(--bl-text);
  font-size: 14px;
}

.bl-home-newsletter-form input[type="email"]:focus {
  outline: 0;
}

.bl-home-newsletter-form .bl-newsletter-consent {
  color: var(--bl-muted);
}

.bl-home-newsletter-form .bl-newsletter-consent input {
  border-color: rgba(16, 35, 79, 0.18);
}

.bl-home-newsletter-form .bl-newsletter-consent a {
  color: var(--bl-dark);
}

.bl-home-newsletter-form .bl-inline-newsletter__message {
  color: var(--bl-muted);
}

.bl-home-newsletter-form .bl-inline-newsletter__message.is-success {
  color: var(--bl-dark);
}

.bl-home-newsletter-form .bl-inline-newsletter__message.is-error {
  color: #b42318;
}

.bl-home-newsletter-form small {
  color: var(--bl-muted);
  font-size: 12px;
  line-height: 1.45;
}

.bl-home-vision {
  padding-top: 0;
}

.bl-home-vision__grid {
  display: grid;
  grid-template-columns: 0.82fr 1fr;
  gap: 38px;
  align-items: center;
  padding: clamp(24px, 4vw, 42px);
}

.bl-home-vision figure {
  overflow: hidden;
  margin: 0;
  border-radius: 16px;
  background: #eef2f7;
}

.bl-home-vision img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
}

.bl-home-vision__grid p:not(:first-child) {
  max-width: 560px;
  margin: 16px 0 24px;
}

.bl-home-faq {
  padding-top: 0;
}

.bl-home-faq-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.bl-home-faq-item {
  padding: 24px;
}

/* Organized lower homepage flow: bands and lists instead of more cards. */
.bl-home-dashboard-teaser {
  padding: 86px 0;
  background: var(--bl-dark);
}

.bl-home-dashboard-panel {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-dashboard-panel > div:first-child > p:first-child,
.bl-home-dashboard-panel p {
  color: rgba(255, 255, 255, 0.68);
}

.bl-home-dashboard-panel h2 {
  color: #fff;
}

.bl-home-dashboard-panel .btn-outline-dark {
  border-color: rgba(255, 255, 255, 0.34) !important;
  color: #fff !important;
}

.bl-home-dashboard-panel .btn-outline-dark:hover,
.bl-home-dashboard-panel .btn-outline-dark:focus {
  border-color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.bl-home-newsletter {
  padding: 54px 0;
  background: #fff;
}

.bl-home-newsletter-panel {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-newsletter-form > div {
  box-shadow: inset 0 0 0 1px rgba(16, 35, 79, 0.08);
}

.bl-home-vision {
  padding: 88px 0;
  background: #f9f9f9;
}

.bl-home-vision__grid {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-vision figure {
  box-shadow: 0 16px 42px rgba(16, 35, 79, 0.055);
}

.bl-home-faq {
  padding: 74px 0 92px;
  background: #fff;
}

.bl-home-faq-list {
  max-width: 920px;
  margin: 0 auto;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(16, 35, 79, 0.09);
}

.bl-home-faq-item {
  padding: 24px 0;
  border-bottom: 1px solid rgba(16, 35, 79, 0.09);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-faq-item h3 {
  margin: 0;
}

.bl-home-faq-item button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--bl-text);
  font: inherit;
  text-align: left;
}

.bl-home-faq-item button span {
  color: var(--bl-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.bl-home-faq-item button i {
  flex: 0 0 auto;
  color: var(--bl-muted);
  font-size: 16px;
  transition: transform 0.18s ease;
}

.bl-home-faq-item button[aria-expanded="true"] i {
  transform: rotate(45deg);
}

.bl-home-faq-item .collapse,
.bl-home-faq-item .collapsing {
  max-width: 720px;
}

.bl-home-faq-item p {
  padding-top: 14px;
}

/* Homepage visual lift: stronger editorial rhythm and more real imagery. */
.bl-home-hero {
  padding-bottom: 46px;
  background:
    linear-gradient(118deg, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 0.94) 48%, rgba(232, 240, 252, 0.9) 100%),
    #f9f9f9;
  background-position: center;
  background-size: cover;
}

.bl-home-hero__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(34px, 5vw, 62px);
  align-items: center;
  padding-top: clamp(58px, 7vw, 92px);
}

.bl-home-hero__content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.bl-home-hero__note {
  display: inline-flex;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.9);
}

.bl-home-hero h1 {
  max-width: 900px;
  margin: 0 auto;
  font-size: clamp(48px, 6vw, 74px);
}

.bl-home-hero__text {
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
}

.bl-home-actions {
  justify-content: center;
}

.bl-home-hero__visual {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  width: min(920px, 100%);
  max-width: none;
  min-height: 360px;
  margin: 0 auto;
  align-items: stretch;
}

.bl-home-mockup {
  position: relative;
  min-height: 360px;
  padding: clamp(22px, 3vw, 36px);
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.12), transparent 28%),
    radial-gradient(circle at 82% 0%, rgba(109, 139, 214, 0.22), transparent 34%),
    linear-gradient(135deg, #07142f 0%, #102452 100%);
  box-shadow: 0 22px 60px rgba(16, 35, 79, 0.16);
}

.bl-home-mockup::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: 0.22;
  pointer-events: none;
}

.bl-home-mockup__browser {
  position: relative;
  z-index: 2;
  width: min(720px, 82%);
  margin: 18px auto 0;
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
  transform: perspective(920px) rotateX(3deg);
}

.bl-home-mockup__bar {
  display: flex;
  gap: 7px;
  align-items: center;
  height: 38px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(16, 35, 79, 0.08);
  background: #f5f7fb;
}

.bl-home-mockup__bar > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d7deeb;
}

.bl-home-mockup__url {
  display: flex;
  flex: 1;
  align-items: center;
  height: 18px;
  margin-left: 8px;
  padding: 0 10px;
  border-radius: 6px;
  background: #fff;
  color: var(--bl-muted);
  font-size: 10px;
  line-height: 1;
}

.bl-home-mockup__screen {
  padding: 16px;
  background: #fff;
}

.bl-home-mockup__hero {
  min-height: 88px;
  padding: 18px;
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(7, 20, 47, 0.94), rgba(16, 36, 82, 0.66)),
    linear-gradient(135deg, #07142f, #102452);
  color: #fff;
}

.bl-home-mockup__hero span,
.bl-home-mockup__floating span,
.bl-home-mockup__card span {
  display: block;
  font-size: 11px;
  line-height: 1.3;
}

.bl-home-mockup__hero span {
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.72);
}

.bl-home-mockup__hero strong {
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.08;
}

.bl-home-mockup__toolbar {
  display: grid;
  grid-template-columns: 1fr 96px 96px;
  gap: 10px;
  margin: 14px 0;
}

.bl-home-mockup__toolbar span,
.bl-home-mockup__toolbar i {
  min-width: 0;
  height: 34px;
  border-radius: 8px;
  background: #f5f7fb;
}

.bl-home-mockup__toolbar span {
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: var(--bl-text-soft);
  font-size: 11px;
}

.bl-home-mockup__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 12px;
}

.bl-home-mockup__card {
  position: relative;
  min-height: 118px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(16, 35, 79, 0.08);
  border-radius: 12px;
  background: #fff;
}

.bl-home-mockup__card div {
  position: relative;
  height: 52px;
  margin-bottom: 14px;
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(135deg, #07142f, #102452);
}

.bl-home-mockup__card div::after {
  content: "";
  position: absolute;
  inset: 12px 34%;
  border-radius: 8px;
  background: linear-gradient(135deg, #f5f7fb, #6d8bd6);
}

.bl-home-mockup__card span,
.bl-home-mockup__floating span {
  color: var(--bl-muted);
}

.bl-home-mockup__card strong,
.bl-home-mockup__floating strong {
  display: block;
  margin-top: 7px;
  color: var(--bl-text);
  font-weight: 600;
  line-height: 1.25;
}

.bl-home-mockup__card strong {
  font-size: 18px;
}

.bl-home-mockup__floating {
  position: absolute;
  z-index: 3;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(14px);
}

.bl-home-mockup__floating--rating {
  top: 36px;
  right: 28px;
  min-width: 128px;
}

.bl-home-mockup__floating--rating strong {
  color: var(--bl-primary);
  font-size: 34px;
}

.bl-home-mockup__floating--note {
  bottom: 30px;
  left: 28px;
  min-width: 190px;
}

.bl-home-mockup__floating--note strong {
  font-size: 18px;
}

.bl-home-proof {
  padding: 78px 0;
  background: var(--bl-dark);
  color: #fff;
}

.bl-home-proof-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: start;
}

.bl-home-proof-panel > div:first-child p:first-child,
.bl-home-loyalty-content > p:first-child {
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
  line-height: 1.3;
}

.bl-home-proof-panel h2,
.bl-home-loyalty-content h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: 0;
}

.bl-home-proof-panel > div:first-child p:last-child,
.bl-home-loyalty-content p:not(:first-child) {
  max-width: 560px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 1.7;
}

.bl-home-proof-list {
  display: grid;
  gap: 14px;
}

.bl-home-proof-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px 16px;
  padding: 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
}

.bl-home-proof-list span {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.bl-home-proof-list span svg {
  display: block;
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bl-home-proof-list h3 {
  margin: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
}

.bl-home-proof-list p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
  line-height: 1.6;
}

.bl-home-facts {
  background: #f9fbff;
}

.bl-home-facts__head {
  max-width: 760px;
  margin: 0 0 28px;
}

.bl-home-facts__head p {
  margin: 0 0 8px;
  color: var(--bl-muted);
  font-size: 13px;
  line-height: 1.3;
}

.bl-home-facts__head h2 {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
}

.bl-home-facts__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.bl-home-fact {
  padding: 22px;
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--bl-shadow-soft);
}

.bl-home-fact strong {
  display: block;
  color: var(--bl-primary);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 500;
  line-height: 0.95;
}

.bl-home-fact span {
  display: block;
  margin-top: 12px;
  color: var(--bl-text);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.bl-home-fact p {
  margin: 10px 0 0;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.6;
}

.bl-home-category-list {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 176px;
}

.bl-home-category-list a {
  grid-template-rows: 1fr;
  min-height: 0;
  position: relative;
  background: #071634;
}

.bl-home-category-list a:nth-child(1),
.bl-home-category-list a:nth-child(2) {
  grid-column: span 3;
  grid-row: span 2;
}

.bl-home-category-list a:nth-child(n + 3) {
  grid-column: span 2;
}

.bl-home-category-list__media {
  min-height: 100%;
}

.bl-home-category-list__content {
  position: absolute;
  inset: auto 16px 16px;
  min-height: 0;
  padding: 0;
  color: #fff;
}

.bl-home-category-list strong {
  color: #fff;
  font-size: 20px;
}

.bl-home-category-list small {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.76);
}

.bl-home-review-card:first-child {
  grid-column: span 2;
}

.bl-home-review-card:first-child .bl-home-review-card__media {
  aspect-ratio: 1.75;
}

.bl-home-review-card:first-child .bl-home-review-card__media img {
  width: calc(100% - 58px);
  height: calc(100% - 46px);
}

.bl-home-loyalty {
  padding: 82px 0;
  background:
    linear-gradient(90deg, rgba(8, 17, 39, 0.96), rgba(8, 17, 39, 0.82)),
    url("../media/img/banners/business-lernen-banner-anbieter.webp"),
    var(--bl-dark);
  background-position: center;
  background-size: cover;
}

.bl-home-loyalty-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.85fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
}

.bl-home-loyalty-content .btn {
  margin-top: 28px;
}

.bl-home-loyalty-visual {
  display: grid;
  gap: 12px;
}

.bl-home-loyalty-visual article {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 4px 16px;
  padding: 20px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.24), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.07) 48%, rgba(255, 255, 255, 0.12)),
    rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 18px 46px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.bl-home-loyalty-visual article::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 13px;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0.12), transparent 42%);
  pointer-events: none;
}

.bl-home-loyalty-visual article > * {
  position: relative;
  z-index: 1;
}

.bl-home-loyalty-visual span {
  grid-row: span 2;
  color: rgba(255, 255, 255, 0.54);
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.bl-home-loyalty-visual strong {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
}

.bl-home-loyalty-visual small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 991.98px) {
  .bl-home-hero {
    padding-top: 0;
  }
  .bl-home-hero__inner {
    min-height: auto;
    border-radius: 0;
  }
  .bl-home-hero__content {
    margin-top: 32px;
    text-align: center;
  }
  .bl-home-hero__visual,
  .bl-home-steps,
  .bl-home-review-grid,
  .bl-home-blog-panel,
  .bl-home-vision__grid,
  .bl-home-facts__grid,
  .bl-home-category-list,
  .bl-home-rating-grid,
  .bl-home-vendor-grid,
  .bl-home-newsletter-panel,
  .bl-home-faq-list {
    grid-template-columns: 1fr;
  }
  .bl-home-hero__visual {
    min-height: 360px;
  }

  .bl-home-mockup {
    min-height: 340px;
  }

  .bl-home-mockup__browser {
    width: min(680px, 88%);
  }

  .bl-home-mockup__floating--rating {
    top: 24px;
    right: 20px;
  }

  .bl-home-mockup__floating--note {
    bottom: 22px;
    left: 20px;
  }
  .bl-home-proof-panel,
  .bl-home-loyalty-grid {
    grid-template-columns: 1fr;
  }
  .bl-home-facts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bl-home-category-list a,
  .bl-home-category-list a:nth-child(1),
  .bl-home-category-list a:nth-child(2),
  .bl-home-category-list a:nth-child(n + 3),
  .bl-home-review-card:first-child {
    grid-column: auto;
    grid-row: auto;
  }
  .bl-home-category-list a {
    min-height: 260px;
  }
  .bl-home-dashboard-panel {
    align-items: flex-start;
    flex-direction: column;
  }
  .bl-home-dashboard-actions {
    justify-content: flex-start;
  }
  .bl-home-vendor-card--empty {
    grid-column: auto;
  }
  .bl-home-product-card--left,
  .bl-home-product-card--right {
    margin-bottom: 0;
  }
  .bl-home-section__split-head {
    align-items: start;
    flex-direction: column;
  }
  .bl-home-blog-panel {
    gap: 24px;
  }
}

@media (max-width: 575.98px) {
  .bl-home-hero__inner {
    padding: 24px 0 0;
  }
  .bl-home-hero h1 {
    font-size: 38px;
  }
  .bl-home-actions .btn {
    width: 100%;
  }
  .bl-home-dashboard-actions,
  .bl-home-dashboard-actions .btn {
    width: 100%;
  }
  .bl-home-newsletter-form > div {
    grid-template-columns: 1fr;
  }
  .bl-home-newsletter-form .btn {
    width: 100%;
  }
  .bl-home-section {
    padding: 54px 0;
  }
  .bl-home-facts__grid {
    gap: 12px;
  }
  .bl-home-fact {
    padding: 18px;
    border-radius: 14px;
  }
  .bl-home-fact strong {
    font-size: 34px;
  }
  .bl-home-fact span {
    margin-top: 10px;
    font-size: 13px;
  }
  .bl-home-fact p {
    font-size: 12px;
    line-height: 1.45;
  }
  .bl-home-score-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.author .bl-author-archive-hero {
  display: flex !important;
  align-items: center !important;
  background: #f9fbff !important;
  background-image: none !important;
}

body.author .bl-author-archive-hero::after {
  display: none !important;
}

body.author .bl-author-archive-hero .bl-archive-hero__content {
  transform: translateY(18px);
}

body.author .bl-author-archive-hero h1 {
  color: #050812 !important;
}

body.author .bl-author-archive-hero .bl-archive-hero__content > p {
  color: rgba(7, 11, 21, 0.78) !important;
}

body.author .bl-author-archive-hero .bl-author-links a {
  color: #10234f !important;
}

body.author .bl-author-archive-hero .bl-author-links a:hover,
body.author .bl-author-archive-hero .bl-author-links a:focus {
  color: #0b1735 !important;
}

@media (max-width: 575.98px) {
  body.author .bl-author-archive-hero {
    align-items: flex-start !important;
    padding-top: 48px !important;
    padding-bottom: 32px !important;
  }

  body.author .bl-author-archive-hero .bl-archive-hero__content {
    transform: none !important;
  }
}

/*# sourceMappingURL=style.css.map */

/* Mobile navigation search: same connected input/button pattern as desktop. */
@media (max-width: 991.98px) {
  .bl-mobile-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(16, 35, 79, 0.1);
    border-radius: 10px;
    background: #fff;
  }

  .bl-mobile-search input {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px 0 0 10px;
    background: #fff;
    box-shadow: none;
  }

  .bl-mobile-search button {
    width: 48px;
    min-width: 48px;
    min-height: 46px;
    padding: 0 !important;
    border-radius: 0 9px 9px 0 !important;
  }

  .bl-mobile-search button .bi {
    margin: 0;
    font-size: 17px;
  }
}

/* Homepage editorial order and lightweight content sliders. */
.bl-home-facts {
  padding: 64px 0;
}

.bl-home-facts__panel {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.7fr);
  align-items: stretch;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--bl-shadow-card);
}

.bl-home-facts__intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 30px 34px;
  border-right: 1px solid var(--bl-border-soft);
}

.bl-home-facts__intro p {
  margin: 0 0 9px;
  color: var(--bl-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.bl-home-facts__intro h2 {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(28px, 2.7vw, 38px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 0;
}

.bl-home-facts__intro > span {
  margin-top: 12px;
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.55;
}

.bl-home-facts__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.bl-home-fact {
  display: flex;
  min-width: 0;
  min-height: 176px;
  flex-direction: column;
  justify-content: center;
  padding: 28px 24px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-fact + .bl-home-fact {
  border-left: 1px solid var(--bl-border-soft);
}

.bl-home-fact strong {
  font-size: clamp(34px, 3vw, 44px);
  line-height: 1;
}

.bl-home-fact span {
  margin-top: 10px;
  color: var(--bl-text-soft);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.bl-home-section__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bl-home-slider__controls {
  display: flex;
  gap: 8px;
}

.bl-home-slider__controls button {
  display: inline-grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(16, 35, 79, 0.14);
  border-radius: 10px;
  background: #fff;
  color: var(--bl-dark);
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, opacity .16s ease;
}

.bl-home-slider__controls button:hover,
.bl-home-slider__controls button:focus-visible {
  border-color: var(--bl-dark);
  background: var(--bl-dark);
  color: #fff;
  outline: 0;
}

.bl-home-slider__controls button:disabled {
  border-color: rgba(16, 35, 79, 0.08);
  background: rgba(255, 255, 255, 0.58);
  color: rgba(16, 35, 79, 0.3);
  cursor: default;
  opacity: .72;
}

.bl-home-slider__viewport {
  margin: -6px -2px -24px;
  padding: 6px 2px 24px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.bl-home-slider__viewport::-webkit-scrollbar {
  display: none;
}

.bl-home-slider__viewport:focus-visible {
  border-radius: 18px;
  outline: 2px solid rgba(23, 59, 120, .42);
  outline-offset: 3px;
}

.bl-home-slider__track,
.bl-home-review-grid.bl-home-slider__track,
.bl-home-blog-grid {
  display: flex;
  gap: 18px;
}

.bl-home-slider__track > * {
  flex: 0 0 calc((100% - 54px) / 4);
  width: auto;
  min-width: 0;
  scroll-snap-align: start;
}

.bl-home-slider .bl-archive-card {
  height: 100%;
  border-radius: 20px !important;
  box-shadow: var(--bl-shadow-card) !important;
}

.bl-home-slider .bl-archive-card__body {
  flex: 1;
}

.bl-home-slider .bl-archive-card__title {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.bl-home-blog .bl-archive-card__media {
  background: #f3f5f8;
}

.bl-home-blog .bl-archive-card__image {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  object-fit: cover !important;
  object-position: center top !important;
}

.bl-home-process {
  background: #f9fbff;
}

.bl-home-process__panel {
  padding: clamp(30px, 4vw, 46px);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--bl-shadow-card);
}

.bl-home-process__panel .bl-home-section__head {
  margin-bottom: 30px;
  text-align: left;
}

.bl-home-process__panel .bl-home-steps {
  gap: 0;
}

.bl-home-process__panel .bl-home-step {
  min-height: 190px;
  padding: 26px 30px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-process__panel .bl-home-step:first-child {
  padding-left: 0;
}

.bl-home-process__panel .bl-home-step:last-child {
  padding-right: 0;
}

.bl-home-process__panel .bl-home-step + .bl-home-step {
  border-left: 1px solid var(--bl-border-soft);
}

.bl-home-process__panel .bl-home-step span {
  margin-bottom: 30px;
  font-size: 44px;
}

@media (max-width: 991.98px) {
  .bl-home-facts__panel {
    grid-template-columns: 1fr;
  }

  .bl-home-facts__intro {
    padding: 26px 28px;
    border-right: 0;
    border-bottom: 1px solid var(--bl-border-soft);
  }

  .bl-home-fact {
    min-height: 138px;
  }

  .bl-home-process__panel .bl-home-step,
  .bl-home-process__panel .bl-home-step:first-child,
  .bl-home-process__panel .bl-home-step:last-child {
    min-height: 0;
    padding: 24px 0;
  }

  .bl-home-process__panel .bl-home-step + .bl-home-step {
    border-top: 1px solid var(--bl-border-soft);
    border-left: 0;
  }

  .bl-home-process__panel .bl-home-step span {
    margin-bottom: 18px;
    font-size: 38px;
  }

  .bl-home-slider__track > * {
    flex-basis: calc((100% - 18px) / 2);
  }

  .bl-home-section__actions {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 575.98px) {
  .bl-home-facts {
    padding: 48px 0;
  }

  .bl-home-facts__panel {
    border-radius: 14px;
  }

  .bl-home-facts__intro {
    padding: 23px 20px;
  }

  .bl-home-facts__intro h2 {
    font-size: 28px;
  }

  .bl-home-facts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bl-home-fact {
    min-height: 116px;
    padding: 20px;
  }

  .bl-home-fact + .bl-home-fact {
    border-left: 0;
  }

  .bl-home-fact:nth-child(even) {
    border-left: 1px solid var(--bl-border-soft);
  }

  .bl-home-fact:nth-child(n + 3) {
    border-top: 1px solid var(--bl-border-soft);
  }

  .bl-home-fact strong {
    font-size: 34px;
  }

  .bl-home-process__panel {
    padding: 24px 20px;
    border-radius: 14px;
  }

  .bl-home-process__panel .bl-home-section__head {
    margin-bottom: 12px;
  }

  .bl-home-slider__controls button {
    width: 40px;
    height: 40px;
  }

  .bl-home-slider__track > * {
    flex-basis: 86%;
  }

}

@media (prefers-reduced-motion: reduce) {
  .bl-home-slider__viewport {
    scroll-behavior: auto;
  }

}
.bl-review-vendor-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #10234f;
    font-weight: 500;
    text-decoration: none;
}

.bl-review-vendor-link::after {
    content: none;
    font-size: 12px;
    line-height: 1;
    opacity: 0;
    transform: translateX(-2px);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.bl-review-vendor-link:hover,
.bl-review-vendor-link:focus-visible {
    color: #0b1734;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bl-review-vendor-link:hover::after,
.bl-review-vendor-link:focus-visible::after {
    opacity: 1;
    transform: translateX(0);
}

.bl-review-vendor-link {
    gap: 0;
    text-decoration: none;
}

.bl-review-vendor-link::after,
.bl-review-vendor-link:hover::after,
.bl-review-vendor-link:focus-visible::after {
    content: none;
    display: none;
    opacity: 0;
    transform: none;
    transition: none;
}

.bl-review-vendor-link:hover,
.bl-review-vendor-link:focus-visible {
    text-decoration-color: #10234f;
    text-decoration-thickness: 2px;
}

/* Navbar reset: compact, white, and flush with the viewport top. */
.bl-site-header {
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    z-index: 1060 !important;
    background: #ffffff !important;
}

.bl-site-header .navbar {
    min-height: 76px !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
    transition: min-height 0.18s ease, padding 0.18s ease, box-shadow 0.18s ease;
}

.bl-site-header .navbar > .container {
    min-height: 56px;
    align-items: center;
}

.bl-site-header .navbar.is-scrolled {
    min-height: 58px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.055) !important;
}

.bl-site-header .navbar-brand {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.bl-site-header .navbar-brand img {
    width: 124px;
    height: auto !important;
    aspect-ratio: 675 / 209;
    max-height: 40px;
    object-fit: contain;
    transition: width 0.18s ease, max-height 0.18s ease;
}

.bl-site-header .navbar.is-scrolled .navbar-brand img {
    width: 116px;
    height: auto !important;
    max-height: 34px;
}

@media (max-width: 991.98px) {
    .bl-site-header .navbar {
        min-height: 70px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .bl-site-header .navbar > .container {
        min-height: 58px;
    }

    .bl-site-header .navbar.is-scrolled {
        min-height: 60px !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
}

.bl-inline-newsletter__form .btn,
.bl-inline-newsletter__form .btn.btn-primary {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #071634 !important;
}

.bl-inline-newsletter__form .btn:hover,
.bl-inline-newsletter__form .btn:focus,
.bl-inline-newsletter__form .btn.btn-primary:hover,
.bl-inline-newsletter__form .btn.btn-primary:focus {
    border-color: #e8eef8 !important;
    background: #e8eef8 !important;
    color: #071634 !important;
}

.bl-inline-newsletter__form .btn:disabled {
    border-color: rgba(255, 255, 255, 0.72) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #071634 !important;
}


/* Today feature restore: tokens-compatible vendor + async states */
.bl-save-review-button {
  position: relative;
  overflow: hidden;
}

.bl-save-review-button:hover,
.bl-save-review-button:focus-visible {
  transform: none;
}

.bl-save-review-button.is-loading {
  pointer-events: none;
  cursor: wait;
}

.bl-save-review-button.is-loading .bi,
.bl-save-review-button.is-loading svg {
  opacity: 0;
}

.bl-save-review-button.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  border: 2px solid rgba(7, 22, 52, 0.18);
  border-top-color: var(--bl-dark);
  border-radius: 999px;
  animation: bl-save-spin 0.7s linear infinite;
}

.bl-save-review-button.is-saved.is-loading::after {
  border-color: rgba(255, 255, 255, 0.34);
  border-top-color: #ffffff;
}

@keyframes bl-save-spin {
  to { transform: rotate(360deg); }
}

.bl-vendor-section {
  width: min(100% - 48px, var(--bl-container));
  margin: 0 auto;
}

.bl-vendor-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
  gap: 24px;
  align-items: stretch;
}

.bl-vendor-profile-media,
.bl-vendor-summary-card,
.bl-vendor-content-panel {
  border-radius: 14px;
  background: var(--bl-surface);
  box-shadow: var(--bl-shadow-card);
}

.bl-vendor-profile-media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  padding: clamp(28px, 4vw, 52px);
  overflow: hidden;
  background: radial-gradient(circle at 56% 48%, rgba(38, 61, 98, 0.72), rgba(7, 13, 30, 0.08) 74%), linear-gradient(135deg, #0b142b 0%, #050a18 100%);
  color: var(--bl-on-dark);
  font-size: clamp(30px, 4vw, 56px);
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.bl-vendor-profile-media__image {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(78%, 520px);
  max-height: 310px;
  object-fit: contain !important;
  object-position: center !important;
}

.bl-vendor-profile-media__avatar {
  display: grid;
  place-items: center;
  width: clamp(132px, 18vw, 220px);
  aspect-ratio: 1;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
}

.bl-vendor-profile-media__avatar-image,
.bl-vendor-profile-media__avatar .avatar {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px;
  object-fit: cover;
}

.bl-vendor-summary-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 4vw, 44px);
}

.bl-vendor-summary-card__label {
  display: block;
  margin-bottom: 14px;
  color: var(--bl-muted);
  font-size: var(--bl-font-sm);
  font-weight: 600;
}

.bl-vendor-summary-card h2 {
  margin: 0 0 14px;
  color: var(--bl-text);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.03;
}

.bl-vendor-summary-card p {
  margin: 0;
  color: var(--bl-text-soft);
  font-size: var(--bl-font-base);
  line-height: 1.7;
}

.bl-vendor-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0;
}

.bl-vendor-facts div {
  padding: 14px;
  border-radius: 10px;
  background: var(--bl-surface-muted);
}

.bl-vendor-facts dt {
  margin: 0 0 4px;
  color: var(--bl-muted);
  font-size: var(--bl-font-sm);
  font-weight: 600;
}

.bl-vendor-facts dd {
  margin: 0;
  color: var(--bl-dark);
  font-size: var(--bl-font-3xl);
  font-weight: 600;
  line-height: 1;
}

.bl-vendor-content-panel {
  padding: clamp(28px, 4vw, 46px);
}

.bl-vendor-reports-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.bl-vendor-reports-grid > [class*="col"] {
  width: 100%;
  max-width: none;
  padding: 0;
}

@media (max-width: 1199.98px) {
  .bl-vendor-reports-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
  .bl-vendor-profile-grid { grid-template-columns: 1fr; }
  .bl-vendor-profile-media { min-height: 260px; }
  .bl-vendor-reports-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}

@media (max-width: 575.98px) {
  .bl-vendor-section { width: min(100% - 32px, var(--bl-container)); }
  .bl-vendor-profile-media,
  .bl-vendor-summary-card,
  .bl-vendor-content-panel { border-radius: 12px; }
  .bl-vendor-profile-media { min-height: 210px; padding: 24px; }
  .bl-vendor-profile-media__image { max-width: 82%; max-height: 170px; }
  .bl-vendor-profile-media__avatar { width: 132px; border-radius: 14px; }
  .bl-vendor-profile-media__avatar-image,
  .bl-vendor-profile-media__avatar .avatar { border-radius: 12px; }
  .bl-vendor-facts { grid-template-columns: 1fr 1fr; }
  .bl-vendor-reports-grid { grid-template-columns: minmax(0, 1fr); }
}


/* Scoped post-content links + white newsletter checkbox fixes */
body:not(.single-post):not(.single-review) .bl-content-panel a:not(.btn):not(.button),
.bl-feedback-box__content a:not(.btn):not(.button),
.bl-author-card__content a:not(.btn):not(.button),
.comment-content a:not(.btn):not(.button) {
  text-decoration: none;
}

body:not(.single-post):not(.single-review) .bl-content-panel a:not(.btn):not(.button):hover,
body:not(.single-post):not(.single-review) .bl-content-panel a:not(.btn):not(.button):focus,
.bl-feedback-box__content a:not(.btn):not(.button):hover,
.bl-feedback-box__content a:not(.btn):not(.button):focus,
.bl-author-card__content a:not(.btn):not(.button):hover,
.bl-author-card__content a:not(.btn):not(.button):focus,
.comment-content a:not(.btn):not(.button):hover,
.comment-content a:not(.btn):not(.button):focus {
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
}

.single-post .bl-article-body a:not(.btn):not(.button),
.single-review .bl-article-body a:not(.btn):not(.button) {
  color: var(--bl-text);
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(25, 54, 116, 0.55);
  text-underline-offset: 4px;
}

.single-post .bl-article-body a:not(.btn):not(.button):hover,
.single-post .bl-article-body a:not(.btn):not(.button):focus,
.single-review .bl-article-body a:not(.btn):not(.button):hover,
.single-review .bl-article-body a:not(.btn):not(.button):focus {
  text-decoration-color: var(--bl-primary);
  text-decoration-thickness: 2px;
}

.bl-newsletter-consent input,
.bl-newsletter-consent input:checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.bl-newsletter-consent input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2310234f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m6 10 3 3 6-7'/%3e%3c/svg%3e");
}
/* TOC: click focus should not create a second active-looking state. */
.bl-article-toc__link:not(.is-active):focus,
.bl-article-toc__link:not(.is-active):focus-visible {
  background: transparent !important;
  outline: none;
  box-shadow: none;
}
/* Header gap guard: keep the public navbar flush with the viewport. */
html,
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body:not(.admin-bar) #wpadminbar {
  display: none !important;
}
.bl-site-header,
.site-header,
header.bl-site-header {
  margin-top: 0 !important;
  top: 0 !important;
}
.bl-site-header .navbar,
.site-header .navbar {
  margin-top: 0 !important;
  top: 0 !important;
}
/* Rating stars: draw the star shape in CSS to avoid broken Unicode output. */
.bl-comment-rating__options span::before {
  content: "" !important;
  width: 18px;
  height: 18px;
  display: block;
  background: currentColor;
  clip-path: polygon(50% 4%, 61% 36%, 95% 36%, 68% 56%, 79% 90%, 50% 70%, 21% 90%, 32% 56%, 5% 36%, 39% 36%);
  transform: none;
}

.nav-tabs {
  border-bottom: 0;
}

.nav-tabs .nav-link,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-radius: 8px 8px 0 0;
}

.nav-tabs .nav-link:not(.active) {
  border-color: transparent;
}
/* Tab hover border guard: keep inactive tab corners visually closed. */
.nav-tabs .nav-link:not(.active):hover,
.nav-tabs .nav-link:not(.active):focus {
  border-color: var(--bl-border-soft) var(--bl-border-soft) transparent;
  background-color: #fff;
}
/* Vendor reports grid: neutralize Bootstrap row gutters so cards align with the section heading. */
.bl-vendor-reports-grid.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.bl-vendor-reports-grid.row > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Newsletter consent links live inside post content but need dark-box styling. */
.single-post .bl-article-body .bl-newsletter-consent a:not(.btn):not(.button),
.single-review .bl-article-body .bl-newsletter-consent a:not(.btn):not(.button),
.bl-inline-newsletter .bl-newsletter-consent a:not(.btn):not(.button) {
  color: #ffffff !important;
  font-weight: 600;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(255, 255, 255, 0.72) !important;
  text-underline-offset: 3px;
}
.single-post .bl-article-body .bl-newsletter-consent a:not(.btn):not(.button):hover,
.single-post .bl-article-body .bl-newsletter-consent a:not(.btn):not(.button):focus,
.single-review .bl-article-body .bl-newsletter-consent a:not(.btn):not(.button):hover,
.single-review .bl-article-body .bl-newsletter-consent a:not(.btn):not(.button):focus,
.bl-inline-newsletter .bl-newsletter-consent a:not(.btn):not(.button):hover,
.bl-inline-newsletter .bl-newsletter-consent a:not(.btn):not(.button):focus {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
  text-decoration-thickness: 1px !important;
}

html.bl-waitlist-modal-open {
  scrollbar-gutter: stable;
}

body.bl-waitlist-modal-open {
  overflow: hidden;
  touch-action: none;
}

.bl-waitlist-modal[hidden] {
  display: none !important;
}

.bl-waitlist-modal {
  position: fixed;
  inset: 0;
  z-index: 1040;
  display: grid;
  place-items: center;
  padding: 20px;
}

.bl-waitlist-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(4, 12, 30, 0.58);
  backdrop-filter: blur(6px);
}

.bl-waitlist-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  padding: clamp(24px, 4vw, 34px);
  border-radius: 14px;
  background: #ffffff;
  color: var(--bl-text);
  box-shadow: 0 24px 70px rgba(8, 22, 51, 0.2);
}

.bl-waitlist-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: #f3f6fb;
  color: var(--bl-dark);
}

.bl-waitlist-modal__close:hover,
.bl-waitlist-modal__close:focus {
  background: #e9eef7;
  color: var(--bl-dark);
}

.bl-waitlist-modal__eyebrow {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--bl-text-soft);
  font-size: 12px;
  font-weight: 500;
}

.bl-waitlist-modal__dialog h2 {
  max-width: 420px;
  margin: 0 0 12px;
  color: var(--bl-text);
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 600;
  line-height: 1.12;
}

.bl-waitlist-modal__dialog p {
  margin: 0 0 22px;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.7;
}

.bl-waitlist-modal__form {
  display: grid;
  width: 100%;
  gap: 14px;
  grid-template-columns: 1fr;
  margin-top: 28px;
}

.bl-waitlist-modal__form input[type="email"],
.bl-waitlist-modal__form .btn,
.bl-waitlist-modal__form .bl-newsletter-consent,
.bl-waitlist-modal__form .bl-inline-newsletter__message {
  grid-column: 1;
}

.bl-waitlist-modal__form input[type="email"] {
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid var(--bl-border);
  border-radius: 8px;
  background: #f9fbff;
  color: var(--bl-text);
  box-shadow: inset 0 0 0 1px rgba(16, 35, 79, 0.02);
}

.bl-waitlist-modal__form input[type="email"]:focus {
  border-color: var(--bl-primary);
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(24, 55, 122, 0.12);
}

.bl-waitlist-modal__form .btn {
  grid-row: auto;
  width: 100%;
  min-height: 46px;
  margin-top: 2px;
  background: var(--bl-primary);
  border-color: var(--bl-primary);
  color: #ffffff;
}

.bl-waitlist-modal__form .btn:hover,
.bl-waitlist-modal__form .btn:focus {
  background: var(--bl-primary);
  border-color: var(--bl-primary);
  color: #ffffff;
}

.bl-waitlist-modal__form .bl-newsletter-consent {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 12px;
  line-height: 1.4;
}

.bl-waitlist-modal__form .bl-newsletter-consent input[type="checkbox"] {
  flex: 0 0 auto;
}

.bl-waitlist-modal__form .bl-newsletter-consent a {
  color: var(--bl-primary) !important;
  text-decoration-color: rgba(16, 35, 79, 0.45) !important;
}

@media (max-width: 575.98px) {
  .bl-waitlist-modal {
    align-items: end;
    padding: 12px;
  }

  .bl-waitlist-modal__dialog {
    padding: 24px;
    border-radius: 14px;
  }
}
/* Vendor hero avatar */
.bl-vendor-profile-hero .bl-vendor-hero-content {
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 760px;
}

.bl-vendor-hero-avatar {
  flex: 0 0 auto;
  width: clamp(64px, 7vw, 96px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.14);
}

.bl-vendor-hero-avatar__image,
.bl-vendor-hero-avatar .avatar {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  border-radius: 12px;
}

.bl-vendor-hero-copy {
  min-width: 0;
}

@media (max-width: 575.98px) {
  .bl-vendor-profile-hero .bl-vendor-hero-content {
    align-items: flex-start;
    gap: 14px;
  }

  .bl-vendor-hero-avatar {
    width: 58px;
    border-radius: 12px;
  }

  .bl-vendor-hero-avatar__image,
  .bl-vendor-hero-avatar .avatar {
    border-radius: 10px;
  }
}
.bl-vendor-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
}

.bl-vendor-hero-stats > div {
  min-width: 118px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
}

.bl-vendor-hero-stats dt {
  margin: 0 0 4px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 500;
}

.bl-vendor-hero-stats dd {
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .bl-vendor-hero-stats {
    gap: 8px;
    margin-top: 14px;
  }

  .bl-vendor-hero-stats > div {
    min-width: calc(50% - 4px);
    padding: 9px 10px;
  }

  .bl-vendor-hero-stats dd {
    font-size: 16px;
  }
}

/* Waitlist modal polish */
.bl-waitlist-modal:not([hidden]) .bl-waitlist-modal__backdrop {
  animation: blWaitlistBackdropIn 180ms ease-out both;
}

.bl-waitlist-modal:not([hidden]) .bl-waitlist-modal__dialog {
  animation: blWaitlistDialogIn 240ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.bl-waitlist-modal__dialog {
  border: 1px solid rgba(16, 35, 79, 0.08);
}

.bl-waitlist-modal__form {
  gap: 16px;
  margin-top: 24px;
}

.bl-waitlist-modal__form input[type="email"] {
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid rgba(16, 35, 79, 0.2);
  border-radius: 10px;
  background: #f9fbff;
  color: var(--bl-text);
  font-size: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.bl-waitlist-modal__form input[type="email"]::placeholder {
  color: rgba(9, 17, 34, 0.55);
}

.bl-waitlist-modal__form input[type="email"]:focus {
  border-color: rgba(16, 35, 79, 0.48);
  background: #ffffff;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(16, 35, 79, 0.08);
}

.bl-waitlist-modal__form .bl-newsletter-consent {
  align-items: center;
  gap: 10px;
  color: rgba(9, 17, 34, 0.72);
  font-size: 12px;
  line-height: 1.45;
}

.bl-waitlist-modal__form .bl-newsletter-consent input[type="checkbox"] {
  display: grid;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  place-items: center;
  appearance: none;
  border: 1px solid rgba(16, 35, 79, 0.28);
  border-radius: 4px;
  background: #ffffff;
}

.bl-waitlist-modal__form .bl-newsletter-consent input[type="checkbox"]:checked {
  border-color: var(--bl-primary);
  background: var(--bl-primary);
}

.bl-waitlist-modal__form .bl-newsletter-consent input[type="checkbox"]:checked::after {
  content: "";
  width: 8px;
  height: 5px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg) translateY(-1px);
}

.bl-waitlist-modal__form .bl-newsletter-consent a {
  color: var(--bl-primary) !important;
  text-decoration: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
}

.bl-waitlist-modal__form .btn {
  min-height: 48px;
  border-radius: 10px;
  background: var(--bl-primary);
  border-color: var(--bl-primary);
  color: #ffffff;
  box-shadow: none;
}

.bl-waitlist-modal__form .btn:hover,
.bl-waitlist-modal__form .btn:focus {
  background: var(--bl-primary);
  border-color: var(--bl-primary);
  color: #ffffff;
  transform: none;
  box-shadow: none;
}

@keyframes blWaitlistBackdropIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes blWaitlistDialogIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bl-waitlist-modal:not([hidden]) .bl-waitlist-modal__backdrop,
  .bl-waitlist-modal:not([hidden]) .bl-waitlist-modal__dialog {
    animation: none;
  }
}

@media (max-width: 575.98px) {
  .bl-waitlist-modal__form {
    gap: 14px;
  }

  .bl-waitlist-modal__form input[type="email"],
  .bl-waitlist-modal__form .btn {
    min-height: 46px;
  }
}
/* Waitlist modal primary button fix */
.bl-waitlist-modal .bl-waitlist-modal__form button.btn,
.bl-waitlist-modal .bl-waitlist-modal__form input[type="submit"],
.bl-waitlist-modal .bl-waitlist-modal__form .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid var(--bl-primary) !important;
  border-radius: 10px;
  background: var(--bl-primary) !important;
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
}

.bl-waitlist-modal .bl-waitlist-modal__form button.btn:hover,
.bl-waitlist-modal .bl-waitlist-modal__form button.btn:focus,
.bl-waitlist-modal .bl-waitlist-modal__form input[type="submit"]:hover,
.bl-waitlist-modal .bl-waitlist-modal__form input[type="submit"]:focus,
.bl-waitlist-modal .bl-waitlist-modal__form .btn:hover,
.bl-waitlist-modal .bl-waitlist-modal__form .btn:focus {
  border-color: var(--bl-primary) !important;
  background: var(--bl-primary) !important;
  color: #ffffff !important;
  transform: none;
  box-shadow: none;
}
/* Waitlist modal dark primary button */
.bl-waitlist-modal .bl-waitlist-modal__form button.btn,
.bl-waitlist-modal .bl-waitlist-modal__form input[type="submit"],
.bl-waitlist-modal .bl-waitlist-modal__form .btn,
.bl-waitlist-modal .bl-inline-newsletter__form .btn.btn-primary {
  border-color: var(--bl-dark) !important;
  background: var(--bl-dark) !important;
  color: #ffffff !important;
}

.bl-waitlist-modal .bl-waitlist-modal__form button.btn:hover,
.bl-waitlist-modal .bl-waitlist-modal__form button.btn:focus,
.bl-waitlist-modal .bl-waitlist-modal__form input[type="submit"]:hover,
.bl-waitlist-modal .bl-waitlist-modal__form input[type="submit"]:focus,
.bl-waitlist-modal .bl-waitlist-modal__form .btn:hover,
.bl-waitlist-modal .bl-waitlist-modal__form .btn:focus,
.bl-waitlist-modal .bl-inline-newsletter__form .btn.btn-primary:hover,
.bl-waitlist-modal .bl-inline-newsletter__form .btn.btn-primary:focus {
  border-color: var(--bl-dark-hover) !important;
  background: var(--bl-dark-hover) !important;
  color: #ffffff !important;
}
/* Waitlist modal checkbox dark primary */
.bl-waitlist-modal .bl-waitlist-modal__form .bl-newsletter-consent input[type="checkbox"]:checked,
.bl-waitlist-modal .bl-inline-newsletter__form .bl-newsletter-consent input[type="checkbox"]:checked {
  border-color: var(--bl-dark) !important;
  background: var(--bl-dark) !important;
}
/* Smooth FAQ collapse animation */
.bl-home-faq-item .collapse,
.bl-home-faq-item .collapsing,
.bl-faq-accordion__item .collapse,
.bl-faq-accordion__item .collapsing {
  overflow: hidden;
  transition: height 280ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 220ms ease, transform 220ms ease;
  will-change: height, opacity, transform;
}

.bl-home-faq-item .collapse:not(.show),
.bl-faq-accordion__item .collapse:not(.show) {
  opacity: 0;
  transform: translateY(-4px);
}

.bl-home-faq-item .collapse.show,
.bl-faq-accordion__item .collapse.show {
  opacity: 1;
  transform: translateY(0);
}

.bl-home-faq-item .collapsing,
.bl-faq-accordion__item .collapsing {
  opacity: 0.55;
  transform: translateY(-3px);
}

.bl-home-faq-item p,
.bl-faq-accordion__item p {
  transition: opacity 220ms ease, transform 220ms ease;
}

.bl-home-faq-item .collapsing p,
.bl-faq-accordion__item .collapsing p {
  opacity: 0.7;
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .bl-home-faq-item .collapse,
  .bl-home-faq-item .collapsing,
  .bl-faq-accordion__item .collapse,
  .bl-faq-accordion__item .collapsing,
  .bl-home-faq-item p,
  .bl-faq-accordion__item p {
    transition: none;
  }
}
/* Custom smooth FAQ accordion */
.bl-home-faq-item .bl-faq-panel,
.bl-faq-accordion__item .bl-faq-panel {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-4px);
  transition: max-height 320ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 220ms ease, transform 220ms ease;
  will-change: max-height, opacity, transform;
}

.bl-home-faq-item .bl-faq-panel.is-open,
.bl-faq-accordion__item .bl-faq-panel.is-open {
  opacity: 1;
  transform: translateY(0);
}

.bl-home-faq-item .bl-faq-panel p,
.bl-faq-accordion__item .bl-faq-panel p {
  margin-bottom: 0;
  padding-top: 14px;
}

.bl-home-faq-item [data-bl-faq-toggle] i,
.bl-faq-accordion__item [data-bl-faq-toggle] i {
  transition: transform 220ms ease, color 220ms ease;
}

.bl-home-faq-item [data-bl-faq-toggle][aria-expanded="true"] i,
.bl-faq-accordion__item [data-bl-faq-toggle][aria-expanded="true"] i {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  .bl-home-faq-item .bl-faq-panel,
  .bl-faq-accordion__item .bl-faq-panel,
  .bl-home-faq-item [data-bl-faq-toggle] i,
  .bl-faq-accordion__item [data-bl-faq-toggle] i {
    transition: none;
  }
}
/* FAQ click area polish */
.bl-home-faq-item,
.bl-faq-accordion__item {
  cursor: pointer;
}

.bl-home-faq-item [data-bl-faq-toggle],
.bl-faq-accordion__item [data-bl-faq-toggle] {
  width: 100%;
  min-height: 56px;
  cursor: pointer;
}

.bl-faq-accordion__item [data-bl-faq-toggle] {
  padding: 18px 0;
}

.bl-home-faq-item .bl-faq-panel,
.bl-faq-accordion__item .bl-faq-panel {
  cursor: default;
}

@media (max-width: 575.98px) {
  .bl-home-faq-item [data-bl-faq-toggle],
  .bl-faq-accordion__item [data-bl-faq-toggle] {
    min-height: 52px;
  }

  .bl-faq-accordion__item [data-bl-faq-toggle] {
    padding: 16px 0;
  }
}
/* Vendor hero alignment */
.bl-vendor-profile-hero .bl-vendor-hero-content {
  max-width: 900px;
  display: flex;
  align-items: center;
  gap: clamp(22px, 3vw, 34px);
}

.bl-vendor-profile-hero .bl-vendor-hero-avatar {
  width: clamp(118px, 10vw, 148px);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.18);
}

.bl-vendor-profile-hero .bl-vendor-hero-avatar__image,
.bl-vendor-profile-hero .bl-vendor-hero-avatar .avatar {
  border-radius: 12px;
}

.bl-vendor-profile-hero .bl-vendor-hero-copy h1 {
  margin-bottom: 12px !important;
  color: #fff;
}

.bl-vendor-profile-hero .bl-vendor-hero-copy p,
.bl-vendor-profile-hero .bl-vendor-hero-copy .text-body-secondary {
  max-width: 620px;
  color: rgba(255, 255, 255, 0.84) !important;
}

.bl-vendor-profile-hero .bl-vendor-hero-stats {
  margin-top: 20px;
}

@media (max-width: 767.98px) {
  .bl-vendor-profile-hero .bl-vendor-hero-content {
    align-items: flex-start;
    gap: 16px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-avatar {
    width: 76px;
    border-radius: 12px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-copy h1 {
    margin-bottom: 8px !important;
  }
}
/* Vendor hero mobile polish */
@media (max-width: 767.98px) {
  .bl-vendor-profile-hero {
    min-height: 0;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-content {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    align-items: center;
    gap: 14px 18px;
    max-width: none;
    width: 100%;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-avatar {
    width: 84px;
    align-self: start;
    border-radius: 14px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-copy {
    display: contents;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-copy h1 {
    grid-column: 2;
    margin: 0 0 4px !important;
    font-size: clamp(32px, 9vw, 42px);
    line-height: 1.02;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-copy p {
    grid-column: 2;
    max-width: 100%;
    margin: 0 !important;
    font-size: 14px;
    line-height: 1.55;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-stats {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    margin-top: 8px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-stats > div {
    min-width: 0;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.14);
  }

  .bl-vendor-profile-hero .bl-vendor-hero-stats dt {
    font-size: 11px;
    line-height: 1.25;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-stats dd {
    font-size: 17px;
  }
}

@media (max-width: 380px) {
  .bl-vendor-profile-hero .bl-vendor-hero-content {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px 14px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-avatar {
    width: 72px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-stats {
    grid-template-columns: 1fr;
  }
}
/* Vendor hero simplified */
.bl-vendor-profile-hero .bl-vendor-hero-content {
  max-width: 820px;
}

.bl-vendor-profile-hero .bl-vendor-hero-copy p,
.bl-vendor-profile-hero .bl-vendor-hero-copy .text-body-secondary {
  max-width: 560px;
}

@media (max-width: 767.98px) {
  .bl-vendor-profile-hero .bl-vendor-hero-content {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 0 18px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-avatar {
    width: 92px;
    align-self: center;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-copy p {
    margin-top: 6px !important;
  }
}

@media (max-width: 380px) {
  .bl-vendor-profile-hero .bl-vendor-hero-content {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 0 14px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-avatar {
    width: 76px;
  }
}
/* FAQ compact spacing */
.bl-faq-accordion__item [data-bl-faq-toggle] {
  min-height: 46px;
  padding: 12px 0;
}

.bl-home-faq-item [data-bl-faq-toggle] {
  min-height: 48px;
}

.bl-faq-accordion__item .bl-faq-panel p,
.bl-home-faq-item .bl-faq-panel p {
  padding-top: 8px;
}

@media (max-width: 575.98px) {
  .bl-faq-accordion__item [data-bl-faq-toggle],
  .bl-home-faq-item [data-bl-faq-toggle] {
    min-height: 44px;
  }

  .bl-faq-accordion__item [data-bl-faq-toggle] {
    padding: 10px 0;
  }
}
/* Conversion-starke Bonusbox */
.bl-bonus-section { position: relative; grid-template-columns: minmax(0, 1fr); gap: clamp(26px, 4vw, 48px); border: 1px solid rgba(53, 217, 155, 0.24); border-radius: 24px; background: radial-gradient(circle at 90% 5%, rgba(53, 217, 155, 0.2), transparent 34%), linear-gradient(145deg, #102d43 0%, #081d2d 70%); box-shadow: 0 28px 70px rgba(8, 29, 45, 0.2); }
.bl-bonus-section::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); }
.bl-bonus-section__content, .bl-bonus-section__action { position: relative; z-index: 1; }
.bl-bonus-section .bl-info-card__eyebrow { gap: 7px; margin-bottom: 18px; background: rgba(53, 217, 155, 0.14); color: #8af0c9; }
.bl-bonus-section__title { max-width: 790px; margin-bottom: 10px; }
.bl-bonus-section__set-name { margin: 0 0 18px; color: #8af0c9; font-size: 15px; font-weight: 650; }
.bl-bonus-section__value { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; background: rgba(53, 217, 155, 0.13); color: rgba(255, 255, 255, 0.74); }
.bl-bonus-section__value strong { color: #8af0c9; font-size: 15px; }
.bl-bonus-items { display: grid; gap: 12px; max-width: none; margin: 0 0 24px; }
.bl-bonus-item { grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 12px 14px; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 14px; background: rgba(255, 255, 255, 0.065); box-shadow: none; }
.bl-bonus-item__title { margin: 0; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.35; }
.bl-bonus-item__text { margin: 6px 0 0; color: rgba(255, 255, 255, 0.66); font-size: 13px; line-height: 1.6; }
.bl-bonus-item__icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(53, 217, 155, 0.16); color: #67e8b6; font-size: 19px; }
.bl-bonus-item__value { grid-column: 2; padding: 0; background: transparent; color: rgba(255, 255, 255, 0.58); font-size: 12px; line-height: 1.2; white-space: nowrap; }
.bl-bonus-item__value strong { color: #8af0c9; }
.bl-bonus-how { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.bl-bonus-how h3 { margin: 0 0 14px; color: #fff; font-size: 15px; font-weight: 650; }
.bl-bonus-section__action { align-items: center; padding: 26px; border: 1px solid rgba(53, 217, 155, 0.2); border-radius: 18px; background: rgba(3, 18, 28, 0.48); text-align: center; }
.bl-bonus-section__action-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 4px; border-radius: 16px; background: rgba(53, 217, 155, 0.15); color: #67e8b6; font-size: 25px; }
.bl-bonus-section__action-title { margin: 0; color: #fff; font-size: 17px; font-weight: 650; }
.bl-bonus-section__action-value { margin: -4px 0 4px; color: rgba(255, 255, 255, 0.64); font-size: 13px; }
.bl-bonus-section__action-value strong { color: #8af0c9; }
.bl-bonus-button { width: 100%; min-height: 54px; gap: 9px; font-size: 15px; box-shadow: 0 16px 34px rgba(53, 217, 155, 0.2); }
.bl-bonus-section__hint { display: flex; align-items: flex-start; gap: 7px; max-width: 360px; text-align: left; }
.bl-bonus-section__hint i { flex: 0 0 auto; margin-top: 1px; }
@media (min-width: 768px) { .bl-bonus-item { grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; } .bl-bonus-item__value { grid-column: auto; padding: 7px 11px; background: rgba(53, 217, 155, 0.11); } }
@media (min-width: 992px) { .bl-bonus-section { grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.7fr); align-items: center; } .bl-bonus-section__action { position: sticky; top: 110px; } }
@media (max-width: 575.98px) { .bl-bonus-section { padding: 24px 18px; border-radius: 18px; } .bl-bonus-section__title { font-size: 27px; } .bl-bonus-section__action { padding: 22px 16px; } }

/* Bonusbox im bestehenden Review-Card-Look */
.bl-review-after-content {
  background: transparent;
}
.bl-bonus-section {
  gap: 28px;
  border: 0;
  border-radius: 10px;
  background: var(--bl-surface, #fff);
  color: var(--bl-text);
  box-shadow: 0 18px 44px rgba(10, 20, 35, 0.07);
}
.bl-bonus-section::before { content: none; }
.bl-bonus-section .bl-info-card__eyebrow {
  margin-bottom: 14px;
  background: rgba(53, 217, 155, 0.12);
  color: var(--bl-primary, #173b57);
}
.bl-bonus-section__title {
  color: var(--bl-text);
  font-size: clamp(26px, 2vw, 34px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.035em;
}
.bl-bonus-section__set-name { color: var(--bl-primary, #173b57); font-size: 14px; font-weight: 600; }
.bl-bonus-section__text { color: var(--bl-text-soft); font-size: 14px; line-height: 1.7; }
.bl-bonus-section__value { border-radius: 8px; background: #f3f6fb; color: var(--bl-text-soft); }
.bl-bonus-section__value strong { color: var(--bl-primary, #173b57); }
.bl-bonus-item {
  border: 1px solid rgba(16, 35, 79, 0.09);
  border-radius: 10px;
  background: var(--bl-surface-soft, #f9fbff);
}
.bl-bonus-item__icon { border-radius: 8px; background: rgba(25, 54, 116, 0.08); color: var(--bl-primary, #173b57); }
.bl-bonus-item__title { color: var(--bl-text); font-size: 15px; font-weight: 600; }
.bl-bonus-item__text, .bl-bonus-item__value { color: var(--bl-text-soft); }
.bl-bonus-item__value strong { color: var(--bl-primary, #173b57); }
.bl-bonus-how { border-top-color: rgba(16, 35, 79, 0.09); }
.bl-bonus-how h3 { color: var(--bl-text); }
.bl-bonus-steps li { color: var(--bl-text-soft); }
.bl-bonus-steps li::before { background: rgba(25, 54, 116, 0.08); color: var(--bl-primary, #173b57); }
.bl-bonus-section__action {
  align-items: stretch;
  border: 1px solid rgba(16, 35, 79, 0.09);
  border-radius: 10px;
  background: var(--bl-surface-soft, #f9fbff);
  text-align: left;
}
.bl-bonus-section__action-icon {
  width: 44px;
  height: 44px;
  margin-bottom: 2px;
  border-radius: 8px;
  background: rgba(25, 54, 116, 0.08);
  color: var(--bl-primary, #173b57);
  font-size: 20px;
}
.bl-bonus-section__action-title { color: var(--bl-text); font-size: 16px; font-weight: 600; }
.bl-bonus-section__action-value { color: var(--bl-text-soft); }
.bl-bonus-section__action-value strong { color: var(--bl-primary, #173b57); }
.bl-bonus-button {
  min-height: 48px;
  border-color: var(--bl-dark);
  border-radius: 10px;
  background: var(--bl-dark);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
}
.bl-bonus-button:hover, .bl-bonus-button:focus {
  border-color: var(--bl-dark-hover);
  background: var(--bl-dark-hover);
  color: #fff;
  transform: none;
}
.bl-bonus-button.is-disabled { border-color: #e4e9f0; background: #e9edf3; color: var(--bl-text-soft); }
.bl-bonus-section__hint { color: var(--bl-text-soft); }
@media (min-width: 768px) {
  .bl-bonus-item__value { background: #eef2f7; }
}
@media (max-width: 575.98px) {
  .bl-bonus-section { padding: 22px; border-radius: 10px; }
}

/* Listenmarker bündig innerhalb des Beitragscontainers */
.single-post .bl-article-body ul > li,
.single-review .bl-article-body ul > li {
  padding-left: 30px !important;
}

.single-post .bl-article-body ul > li::before,
.single-review .bl-article-body ul > li::before {
  left: 6px !important;
}

/* Einheitliche Card-Badges */
.bl-section-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 12px;
  padding: 5px 8px;
  border-radius: 6px;
  background: #f1f3f6;
  color: var(--bl-text-soft, #536076);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.bl-section-eyebrow::before {
  content: none;
}

/* Mobile Pagination: eine mittige Zeile */
@media (max-width: 575.98px) {
  .bl-archive-pagination {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .bl-archive-pagination::-webkit-scrollbar {
    display: none;
  }

  .bl-archive-pagination .pagination {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 6px;
    width: max-content;
    min-width: 100%;
    margin: 0 auto;
    padding: 0 4px;
  }

  .bl-archive-pagination .page-item,
  .bl-archive-pagination .page-item:has(.prev),
  .bl-archive-pagination .page-item:has(.next) {
    flex: 0 0 auto;
    grid-row: auto;
    grid-column: auto;
    justify-self: auto;
  }

  .bl-archive-pagination a,
  .bl-archive-pagination span {
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding-inline: 0;
  }
}

/* Bonussektion: ausschließlich bestehende Card-Sprache */
.bl-review-tags--before-bonus {
  margin-bottom: 0;
}
.bl-review-after-content {
  margin-top: 3rem;
  padding-block: 0 !important;
  background: transparent;
}
.bl-review-after-content--bonus {
  margin: 28px 0 clamp(48px, 6vw, 76px);
}
.bl-bonus-section {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #fff;
  color: var(--bl-text);
  box-shadow: 0 18px 44px rgba(10, 20, 35, 0.07);
}
.bl-bonus-section .bl-info-card__body {
  padding: 28px;
}
.bl-bonus-list {
  display: grid;
}
.bl-bonus-list__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(16, 35, 79, 0.09);
}
.bl-bonus-list__item:first-child {
  padding-top: 0;
}
.bl-bonus-list__item:last-child {
  border-bottom: 0;
}
.bl-bonus-list__item h3 {
  margin: 0;
  color: var(--bl-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.bl-bonus-list__item p {
  margin: 5px 0 0;
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.55;
}
.bl-bonus-list__item > strong {
  flex: 0 0 auto;
  color: var(--bl-primary, #173b57);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.bl-bonus-total {
  margin-top: 20px;
}
.bl-bonus-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin-top: 20px;
}
.bl-bonus-footer p {
  max-width: 520px;
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 12px;
  line-height: 1.5;
}
.bl-bonus-footer .bl-primary-action.is-disabled {
  border-color: #e4e9f0;
  background: #e9edf3;
  color: var(--bl-text-soft);
  pointer-events: none;
}
@media (max-width: 575.98px) {
  .bl-review-tags--before-bonus {
    margin-bottom: 0;
  }
  .bl-review-after-content--bonus {
    margin-top: 28px;
    margin-bottom: 44px;
  }
  .bl-bonus-section .bl-info-card__body {
    padding: 22px;
  }
  .bl-bonus-list__item {
    display: grid;
    gap: 8px;
  }
  .bl-bonus-footer {
    align-items: stretch;
    flex-direction: column;
  }
}

.bl-bonus-list__label {
  display: block;
  margin-bottom: 4px;
  color: var(--bl-text-soft);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
}
.bl-bonus-list__item--product {
  padding-top: 0;
}
.bl-bonus-list__item--product > strong {
  color: var(--bl-text);
  font-size: 15px;
}
.bl-bonus-list__item > strong small {
  display: block;
  margin-top: 3px;
  color: var(--bl-text-soft);
  font-size: 11px;
  font-weight: 400;
  text-align: right;
}
.bl-bonus-total > div:first-child {
  display: grid;
  gap: 4px;
}
.bl-bonus-total > div:first-child small {
  color: var(--bl-text-soft);
  font-size: 11px;
  font-weight: 400;
}
.bl-bonus-price-comparison {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-items: end;
  gap: 2px 10px;
}
.bl-bonus-price-comparison del {
  grid-row: 1 / 3;
  align-self: center;
  color: var(--bl-text-soft);
  font-size: 16px;
  font-weight: 500;
  text-decoration-thickness: 1px;
}
.bl-bonus-price-comparison > span {
  color: var(--bl-text-soft);
  font-size: 11px;
  font-weight: 500;
}
.bl-bonus-price-comparison strong {
  color: var(--bl-primary, #173b57);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .bl-bonus-total {
    align-items: flex-start;
    flex-direction: column;
  }
  .bl-bonus-price-comparison {
    justify-items: start;
  }
}

/* Kompakte Bonusübersicht */
.bl-bonus-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 0;
  margin-bottom: 24px;
}
.bl-bonus-list__item--product {
  grid-column: 1 / -1;
  display: flex;
  margin-bottom: 22px;
  padding: 16px 18px;
  border: 0;
  border-radius: 14px;
  background: var(--bl-surface-soft, #f9fbff);
}
.bl-bonus-list__heading {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(16, 35, 79, 0.09);
  color: var(--bl-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.bl-bonus-list__item:not(.bl-bonus-list__item--product) {
  display: flex;
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid rgba(16, 35, 79, 0.09);
  border-bottom: 0;
}
.bl-bonus-list__item:not(.bl-bonus-list__item--product):nth-last-child(1) {
  border-right: 0;
}
.bl-bonus-list__item:not(.bl-bonus-list__item--product) > div {
  min-width: 0;
}
.bl-bonus-list__item:not(.bl-bonus-list__item--product) > strong {
  display: grid;
  flex: 0 0 auto;
  gap: 2px;
  justify-items: end;
  color: var(--bl-primary, #173b57);
}
.bl-bonus-list__item:not(.bl-bonus-list__item--product) > strong > span {
  color: var(--bl-text-soft);
  font-size: 10px;
  font-weight: 500;
}
.bl-bonus-total {
  margin-top: 0;
  padding: 18px;
}
.bl-bonus-price-comparison {
  grid-template-columns: auto;
  gap: 3px;
}
.bl-bonus-price-comparison del {
  grid-row: auto;
  font-size: 14px;
}
.bl-bonus-footer {
  justify-content: space-between;
}
.bl-bonus-footer .bl-primary-action {
  flex: 0 0 auto;
}
.bl-bonus-footer p {
  margin-right: auto;
}
@media (max-width: 991.98px) {
  .bl-bonus-list {
    grid-template-columns: 1fr;
  }
  .bl-bonus-list__item:not(.bl-bonus-list__item--product) {
    border-right: 0;
    border-bottom: 1px solid rgba(16, 35, 79, 0.09);
  }
  .bl-bonus-list__item:not(.bl-bonus-list__item--product):last-child {
    border-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .bl-bonus-list__item--product,
  .bl-bonus-list__item:not(.bl-bonus-list__item--product) {
    display: grid;
    padding: 16px 0;
    border-radius: 0;
    background: transparent;
  }
  .bl-bonus-list__item--product {
    margin-bottom: 14px;
  }
  .bl-bonus-list__item:not(.bl-bonus-list__item--product) > strong {
    justify-items: start;
  }
}

/* Related section heading hierarchy */
.bl-related-section__head {
  margin-bottom: 25px;
}

.bl-related-section__head span {
  display: block;
  margin-bottom: 6px;
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
}

.bl-related-section__head h2 {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: 0;
}

@media (max-width: 575.98px) {
  .bl-related-section__head {
    margin-bottom: 18px;
  }

  .bl-related-section__head h2 {
    font-size: 28px;
  }
}










html.bl-waitlist-modal-open .bl-site-header,
html.bl-purchase-modal-open .bl-site-header {
  pointer-events: auto;
}
/* Mobile homepage container and rhythm polish. */
@media (max-width: 575.98px) {
  .bl-home-page {
    overflow-x: hidden;
  }

  .bl-home-page .container {
    width: 100%;
    max-width: none;
    padding-right: 24px;
    padding-left: 24px;
  }

  .bl-home-hero {
    padding-bottom: 34px;
  }

  .bl-home-hero__inner {
    gap: 28px;
    padding-top: 38px;
  }

  .bl-home-hero__content {
    max-width: 100%;
    text-align: left;
  }

  .bl-home-hero__note {
    margin-bottom: 14px;
    border-radius: 9px;
  }

  .bl-home-hero h1 {
    max-width: 100%;
    margin: 0;
    font-size: clamp(36px, 11vw, 44px);
    line-height: 1.02;
  }

  .bl-home-hero__text {
    max-width: 100%;
    margin: 16px 0 0;
    font-size: 14px;
    line-height: 1.65;
  }

  .bl-home-actions {
    justify-content: flex-start;
    gap: 10px;
    margin-top: 22px;
  }

  .bl-home-actions .btn {
    width: auto;
    min-width: 0;
  }

  .bl-home-hero__visual {
    width: 100%;
    min-height: 300px;
    margin-top: 0;
  }

  .bl-home-mockup {
    min-height: 300px;
    padding: 16px;
    border-radius: 14px;
  }

  .bl-home-mockup__browser {
    width: 100%;
    margin-top: 18px;
    border-radius: 12px;
    transform: none;
  }

  .bl-home-mockup__bar {
    height: 34px;
  }

  .bl-home-mockup__url {
    font-size: 9px;
  }

  .bl-home-mockup__screen {
    padding: 12px;
  }

  .bl-home-mockup__hero {
    min-height: 76px;
    padding: 14px;
  }

  .bl-home-mockup__hero strong {
    font-size: 18px;
  }

  .bl-home-mockup__toolbar {
    grid-template-columns: 1fr 54px;
    gap: 8px;
  }

  .bl-home-mockup__toolbar i:last-child {
    display: none;
  }

  .bl-home-mockup__grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .bl-home-mockup__card {
    min-height: 92px;
    padding: 10px;
  }

  .bl-home-mockup__card div {
    height: 38px;
    margin-bottom: 10px;
  }

  .bl-home-mockup__card strong {
    font-size: 14px;
  }

  .bl-home-mockup__floating {
    display: none;
  }

  .bl-home-section {
    padding: 42px 0;
  }

  .bl-home-hero + .bl-home-section {
    padding-top: 46px;
  }

  .bl-home-section__head,
  .bl-home-section__split-head {
    margin-bottom: 22px;
  }

  .bl-home-section__split-head {
    gap: 14px;
  }

  .bl-home-section h2,
  .bl-home-blog-panel h2,
  .bl-home-vision h2,
  .bl-home-proof-panel h2,
  .bl-home-loyalty-content h2 {
    font-size: clamp(28px, 9vw, 36px);
    line-height: 1.08;
  }

  .bl-home-proof,
  .bl-home-loyalty {
    padding: 46px 0;
  }

  .bl-home-proof-panel,
  .bl-home-blog-panel,
  .bl-home-dashboard-panel,
  .bl-home-newsletter-panel,
  .bl-home-vision__grid {
    border-radius: 14px;
  }

  .bl-home-proof-list article,
  .bl-home-step,
  .bl-home-rating-item,
  .bl-home-review-card__body,
  .bl-home-blog-panel,
  .bl-home-dashboard-panel,
  .bl-home-newsletter-panel,
  .bl-home-vision__grid {
    padding: 22px;
  }

  .bl-home-category-list {
    gap: 12px;
  }

  .bl-home-category-list a,
  .bl-home-category-list a:nth-child(1),
  .bl-home-category-list a:nth-child(2),
  .bl-home-category-list a:nth-child(n + 3) {
    min-height: 176px;
    border-radius: 14px;
  }

  .bl-home-category-list__content {
    inset: auto 14px 14px;
  }

  .bl-home-review-grid,
  .bl-home-vendor-grid,
  .bl-home-rating-grid,
  .bl-home-steps {
    gap: 14px;
  }

  .bl-home-review-card__media,
  .bl-home-review-card:first-child .bl-home-review-card__media {
    aspect-ratio: 1.45;
  }
}

/* Live search autocomplete */
.bl-header-search {
  position: relative;
  overflow: visible !important;
}

.bl-live-search {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(420px, calc(100vw - 32px));
  max-height: min(520px, calc(100vh - 120px));
  overflow-y: auto;
  z-index: 1080;
  padding: 8px;
  border: 1px solid rgba(16, 35, 79, 0.08);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(16, 35, 79, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.bl-header-search.is-live-search-open .bl-live-search {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.bl-live-search__item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  color: var(--bl-text);
  text-decoration: none;
  transition: background-color 0.16s ease;
}

.bl-live-search__item:hover,
.bl-live-search__item:focus {
  color: var(--bl-text);
  background: #f5f7fb;
  outline: 0;
}

.bl-live-search__thumb {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9px;
  background: #eef3fb;
  color: var(--bl-primary);
}

.bl-live-search__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bl-live-search__content {
  min-width: 0;
}

.bl-live-search__meta {
  display: block;
  margin-bottom: 2px;
  color: var(--bl-text-soft);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

.bl-live-search__title {
  display: block;
  overflow: hidden;
  color: var(--bl-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.28;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bl-live-search__excerpt {
  display: -webkit-box;
  margin-top: 3px;
  overflow: hidden;
  color: var(--bl-text-soft);
  font-size: 11px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bl-live-search__footer {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  border-radius: 9px;
  background: #f5f7fb;
  color: var(--bl-primary);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.bl-live-search__footer:hover,
.bl-live-search__footer:focus {
  color: var(--bl-primary);
  background: #eef3fb;
}

.bl-live-search__empty,
.bl-live-search__status {
  display: grid;
  gap: 3px;
  padding: 14px 12px;
  color: var(--bl-text-soft);
  font-size: 12px;
  line-height: 1.45;
}

.bl-live-search__empty strong {
  color: var(--bl-text);
  font-size: 13px;
  font-weight: 600;
}

.bl-live-search__skeleton {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 11px;
  padding: 10px;
}

.bl-live-search__skeleton span,
.bl-live-search__skeleton i {
  display: block;
  border-radius: 9px;
  background: linear-gradient(90deg, #eef3fb 0%, #f7f9fc 45%, #eef3fb 100%);
  background-size: 220% 100%;
  animation: bl-live-search-skeleton 1.1s ease-in-out infinite;
}

.bl-live-search__skeleton span {
  width: 46px;
  height: 46px;
}

.bl-live-search__skeleton div {
  display: grid;
  gap: 8px;
  align-content: center;
}

.bl-live-search__skeleton i {
  height: 10px;
}

.bl-live-search__skeleton i:first-child {
  width: 74%;
}

.bl-live-search__skeleton i:last-child {
  width: 52%;
}

@keyframes bl-live-search-skeleton {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

@media (max-width: 991.98px) {
  .bl-live-search {
    display: none;
  }
}

/* Final stability pass after the performance cleanup */
html,
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html.bl-waitlist-modal-open,
body.bl-waitlist-modal-open {
  overflow: hidden !important;
}

body.bl-waitlist-modal-open {
  position: static !important;
  inset: auto !important;
  width: auto !important;
}

.bl-site-header {
  top: 0 !important;
  z-index: 1200 !important;
}

.bl-waitlist-modal {
  z-index: 1090 !important;
  align-items: center;
  padding: calc(80px + env(safe-area-inset-top)) 18px 24px;
}

.bl-waitlist-modal__dialog {
  outline: 0;
  transform-origin: center;
}

.bl-business-trusted-widget,
.bl-trusted-widget,
[data-bl-trust-widget] {
  z-index: 1210 !important;
}

.bl-vendor-profile-hero .bl-vendor-hero-content {
  display: flex;
  align-items: center;
  gap: 28px;
  max-width: 900px;
}

.bl-vendor-profile-hero .bl-vendor-hero-avatar {
  flex: 0 0 auto;
  width: clamp(112px, 10vw, 152px);
  aspect-ratio: 1;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.16);
  overflow: hidden;
}

.bl-vendor-profile-hero .bl-vendor-hero-avatar__image,
.bl-vendor-profile-hero .bl-vendor-hero-avatar .avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.bl-vendor-profile-hero .bl-vendor-hero-copy h1 {
  color: #ffffff;
  font-size: clamp(38px, 3.4vw, 54px);
  font-weight: 600;
}

.bl-vendor-profile-hero .bl-vendor-hero-copy p,
.bl-vendor-profile-hero .bl-vendor-hero-copy .text-body-secondary {
  max-width: 620px;
  color: rgba(255, 255, 255, 0.88) !important;
}

.bl-vendor-hero-stats {
  display: none !important;
}

.bl-vendor-reports-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bl-vendor-reports-grid > [class*="col"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.bl-archive-shell--no-sidebar [data-bl-archive-results] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bl-archive-shell--no-sidebar [data-bl-archive-results] > [class*="col"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.btn::after,
.bl-button::after,
.bl-summary-card .btn::after,
.bl-review-meta a::after {
  content: none !important;
}

.btn .bi,
.bl-button .bi {
  font-family: "bootstrap-icons" !important;
}

.bl-review-tabs-nav .nav-link {
  border: 1px solid transparent !important;
  border-radius: 8px 8px 0 0 !important;
}

.bl-review-tabs-nav .nav-link:hover,
.bl-review-tabs-nav .nav-link:focus-visible {
  border-color: var(--bl-border) !important;
  border-bottom-color: transparent !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.bl-review-tabs-nav .nav-link.active {
  border-color: var(--bl-primary) !important;
  background: var(--bl-primary) !important;
  color: #ffffff !important;
}

.bl-review-tabs-nav .nav-link:focus {
  outline: none !important;
  box-shadow: none !important;
}

.bl-comment-rating__options label {
  display: grid;
  place-items: center;
}

.bl-comment-rating__options span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.bl-comment-rating__options span::before {
  content: "" !important;
  display: block;
  width: 17px;
  height: 17px;
  background: currentColor;
  clip-path: polygon(50% 4%, 61% 36%, 95% 36%, 67% 55%, 78% 88%, 50% 68%, 22% 88%, 33% 55%, 5% 36%, 39% 36%);
}

.single-post .bl-article-body ul,
.single-review .bl-article-body ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.single-post .bl-article-body ul > li,
.single-review .bl-article-body ul > li {
  position: relative;
  padding-left: 24px;
}

.single-post .bl-article-body ul > li::marker,
.single-review .bl-article-body ul > li::marker {
  content: "" !important;
}

.single-post .bl-article-body ul > li::before,
.single-review .bl-article-body ul > li::before {
  content: "" !important;
  position: absolute;
  top: 0.78em;
  left: 0;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid var(--bl-primary);
  transform: translateY(-50%);
}

body:not(.single-post):not(.single-review) .bl-content-panel a:not(.btn):not(.button),
.bl-feedback-box a:not(.btn):not(.button),
.bl-author-card a:not(.btn):not(.button),
.bl-related-section a:not(.btn):not(.button),
.bl-archive-card a:not(.btn):not(.button),
.bl-summary-card a:not(.btn):not(.button) {
  text-decoration: none !important;
}

.single-post .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card),
.single-review .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card) {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.bl-newsletter-consent a:not(.btn):not(.button),
.bl-waitlist-modal a:not(.btn):not(.button) {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
}

.bl-newsletter-consent input[type="checkbox"] {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

.bl-newsletter-consent input[type="checkbox"]:checked {
  border-color: var(--bl-primary) !important;
  background: var(--bl-primary) !important;
}

.bl-save-review-button.is-loading {
  position: relative;
  pointer-events: none;
}

.bl-save-review-button.is-loading .bi,
.bl-save-review-button.is-loading svg {
  opacity: 0;
}

.bl-save-review-button.is-loading::after {
  content: "" !important;
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: blSpin 0.7s linear infinite;
}

.bl-save-review-button.has-error {
  background: #fff1f2 !important;
  color: #be123c !important;
}

.bl-related-card__score {
  min-width: 42px !important;
  height: 26px !important;
  padding: 0 9px !important;
  top: 14px !important;
  right: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: #071225 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

@keyframes blSpin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1199.98px) {
  .bl-vendor-reports-grid,
  .bl-archive-shell--no-sidebar [data-bl-archive-results] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .bl-vendor-reports-grid,
  .bl-archive-shell--no-sidebar [data-bl-archive-results] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 575.98px) {
  .bl-waitlist-modal {
    align-items: end;
    padding: 76px 12px 12px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-content {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-avatar {
    width: 82px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-copy h1 {
    margin-bottom: 8px !important;
    font-size: 32px;
  }

  .bl-vendor-profile-hero .bl-vendor-hero-copy p {
    font-size: 13px;
    line-height: 1.5;
  }
}

/* Final UI recovery guard. Keep this block last until the SCSS is fully rebuilt. */
html,
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow-x: clip !important;
}

.bl-site-header,
header.bl-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  pointer-events: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  width: 100% !important;
  transform: translateZ(0);
  will-change: transform;
}

body.admin-bar .bl-site-header,
body.admin-bar header.bl-site-header {
  top: 0 !important;
}

.bl-site-header .navbar {
  min-height: 76px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
  transition: min-height 180ms ease, padding 180ms ease, box-shadow 180ms ease !important;
}

.bl-site-header .navbar.is-scrolled {
  min-height: 58px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.bl-site-header .navbar-brand img {
  width: 124px !important;
  height: auto !important;
  max-height: 40px !important;
  aspect-ratio: 675 / 209;
  object-fit: contain;
}

.bl-site-header .navbar.is-scrolled .navbar-brand img {
  width: 116px !important;
  max-height: 34px !important;
}

html.bl-waitlist-modal-open,
body.bl-waitlist-modal-open {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  overflow: hidden !important;
}

.bl-waitlist-modal {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1300 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

html.bl-waitlist-modal-open .bl-site-header,
html.bl-purchase-modal-open .bl-site-header,
body.bl-waitlist-modal-open .bl-site-header,
body.bl-purchase-modal-open .bl-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.bl-waitlist-modal[hidden] {
  display: none !important;
}

.bl-waitlist-modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
}

.bl-waitlist-modal__dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  overflow: auto !important;
}

.btn::after,
.bl-button::after,
.bl-review-meta a::after,
.bl-summary-card .btn::after {
  content: none !important;
  display: none !important;
}

.btn .bi,
.bl-button .bi,
.bl-save-review-button .bi {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  line-height: 1 !important;
}

.bl-review-tabs-nav .nav-link:not(.active) {
  border: 1px solid transparent !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
}

.bl-review-tabs-nav .nav-link:not(.active):hover {
  border-color: var(--bl-border) !important;
  border-bottom-color: transparent !important;
  background: #ffffff !important;
}

.bl-review-tabs-nav .nav-link:focus,
.bl-review-tabs-nav .nav-link:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.bl-comment-rating__options span {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 38px !important;
  border-radius: 9px !important;
  background: #f3f6fb !important;
  font-size: 0 !important;
  color: var(--bl-primary) !important;
  cursor: pointer !important;
  transition: background-color 160ms ease, color 160ms ease !important;
}

.bl-comment-rating__options span::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 17px !important;
  height: 17px !important;
  background: currentColor !important;
  clip-path: polygon(50% 4%, 61% 36%, 95% 36%, 67% 55%, 78% 88%, 50% 68%, 22% 88%, 33% 55%, 5% 36%, 39% 36%) !important;
  transform: translate(-50%, -44%) !important;
}

.bl-comment-rating__options label:hover span,
.bl-comment-rating__options label:hover ~ label span,
.bl-comment-rating__options label:has(input:checked) span,
.bl-comment-rating__options label:has(input:checked) ~ label span {
  background: var(--bl-primary) !important;
  color: #ffffff !important;
}

.single-post .bl-article-body ul,
.single-review .bl-article-body ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.single-post .bl-article-body ul > li,
.single-review .bl-article-body ul > li {
  position: relative !important;
  padding-left: 24px !important;
}

.single-post .bl-article-body ul > li::before,
.single-review .bl-article-body ul > li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.78em !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-left: 7px solid var(--bl-primary) !important;
  transform: translateY(-50%) !important;
}

.single-post .bl-article-body ol,
.single-review .bl-article-body ol {
  list-style: decimal !important;
  padding-left: 1.35rem !important;
}

.single-post .bl-article-body ol > li,
.single-review .bl-article-body ol > li {
  padding-left: 0.35rem !important;
}

.single-post .bl-article-body ol > li::before,
.single-review .bl-article-body ol > li::before {
  content: none !important;
}

.single-post .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card),
.single-review .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card) {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.bl-newsletter-consent a:not(.btn):not(.button),
.bl-waitlist-modal a:not(.btn):not(.button),
.bl-review-meta a:not(.btn):not(.button) {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
}

.single-post .bl-article-body .bl-newsletter-consent a:not(.btn):not(.button),
.single-review .bl-article-body .bl-newsletter-consent a:not(.btn):not(.button),
.bl-inline-newsletter .bl-newsletter-consent a:not(.btn):not(.button),
.bl-waitlist-modal .bl-newsletter-consent a:not(.btn):not(.button) {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
}

.bl-newsletter-consent input[type="checkbox"] {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

.bl-newsletter-consent input[type="checkbox"]:checked {
  background-color: var(--bl-primary) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m5.5 10.5 3 3 6.5-7'/%3e%3c/svg%3e") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
  border-color: var(--bl-primary) !important;
}

.bl-save-review-button.is-loading {
  position: relative !important;
  pointer-events: none !important;
}

.bl-save-review-button.is-loading .bi,
.bl-save-review-button.is-loading svg {
  opacity: 0 !important;
}

.bl-save-review-button.is-loading::after {
  content: "" !important;
  position: absolute !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid var(--bl-primary) !important;
  border-top-color: transparent !important;
  border-radius: 50% !important;
  animation: blSpin 700ms linear infinite !important;
}

.bl-vendor-profile-hero .bl-vendor-hero-avatar {
  width: clamp(112px, 10vw, 152px) !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Final async feedback for review save buttons. Keep this after legacy restore blocks. */
.bl-save-review-button.is-loading,
.bl-save-review-button.is-loading:disabled {
  position: relative !important;
  pointer-events: none !important;
  cursor: wait !important;
  opacity: 1 !important;
}

.bl-save-review-button.is-loading > :not(.bl-save-review-spinner) {
  opacity: 0 !important;
}

.bl-save-review-button .bl-save-review-spinner {
  position: absolute !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  z-index: 2 !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  border: 2px solid var(--bl-primary) !important;
  border-top-color: transparent !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center center !important;
  opacity: 1 !important;
  animation: blSaveButtonSpin 700ms linear infinite !important;
}

.bl-save-review-button.is-loading::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  z-index: 2 !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  border: 2px solid var(--bl-primary) !important;
  border-top-color: transparent !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center center !important;
  opacity: 1 !important;
  animation: blSaveButtonSpin 700ms linear infinite !important;
}

.bl-save-review-button.is-loading.has-save-spinner::after,
.bl-save-review-button.is-loading:has(.bl-save-review-spinner)::after {
  display: none !important;
}

.bl-save-review-button.is-saved .bl-save-review-spinner {
  border-color: #ffffff !important;
  border-top-color: transparent !important;
}

.bl-save-review-button.is-saved.is-loading::after {
  border-color: #ffffff !important;
  border-top-color: transparent !important;
}

@keyframes blSaveButtonSpin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.bl-vendor-profile-hero .bl-vendor-hero-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.bl-vendor-hero-stats {
  display: none !important;
}

.bl-vendor-reports-grid,
.bl-archive-shell--no-sidebar [data-bl-archive-results] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bl-vendor-reports-grid > [class*="col"],
.bl-archive-shell--no-sidebar [data-bl-archive-results] > [class*="col"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

@media (max-width: 1199.98px) {
  .bl-vendor-reports-grid,
  .bl-archive-shell--no-sidebar [data-bl-archive-results] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  .bl-site-header .navbar {
    min-height: 70px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .bl-site-header .navbar.is-scrolled {
    min-height: 60px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .bl-vendor-reports-grid,
  .bl-archive-shell--no-sidebar [data-bl-archive-results] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 575.98px) {
  .bl-archive-shell--no-sidebar [data-bl-archive-results] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  .bl-waitlist-modal {
    top: 0 !important;
    place-items: end stretch !important;
    padding: 12px !important;
  }
}

/* FAQ tighter rhythm */
.bl-faq-accordion__item [data-bl-faq-toggle],
.bl-home-faq-item [data-bl-faq-toggle] {
  min-height: 42px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.bl-faq-accordion__item,
.bl-home-faq-item {
  margin: 0 !important;
}

.bl-faq-accordion__item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bl-faq-accordion__item .bl-faq-panel p,
.bl-home-faq-item .bl-faq-panel p {
  padding-top: 6px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 575.98px) {
  .bl-faq-accordion__item [data-bl-faq-toggle],
  .bl-home-faq-item [data-bl-faq-toggle] {
    min-height: 40px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}

/* About page */
.bl-about-page {
  color: var(--bl-text);
  overflow-x: clip;
}

.bl-about-hero {
  --bl-archive-hero-image: url("../media/img/banners/business-lernen-banner-blog.webp");
  min-height: clamp(250px, 27vw, 340px);
}

.bl-about-hero__content {
  max-width: 760px;
}

.bl-about-hero h1 {
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: 0;
}

.bl-about-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
}

.bl-about-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 24px;
  align-items: start;
  max-width: 100%;
  min-width: 0;
}

.bl-about-story {
  max-width: 100%;
  min-width: 0;
}

.bl-about-aside,
.bl-about-media-card,
.bl-about-founder-spotlight,
.bl-about-founder-spotlight__image {
  max-width: 100%;
  min-width: 0;
}

.bl-about-aside {
  display: grid;
  gap: 18px;
}

@media (min-width: 992px) {
  .bl-about-aside {
    position: sticky;
    top: var(--bl-sticky-review-sidebar-offset, 112px);
    align-self: start;
  }
}

.bl-about-media-card,
.bl-about-note-card,
.bl-about-founder-card {
  overflow: hidden;
  border-radius: var(--bl-radius-lg);
  background: var(--bl-surface);
  box-shadow: var(--bl-shadow-card);
}

.bl-about-media-card {
  min-height: 280px;
}

.bl-about-media-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
}

.bl-about-founder-spotlight {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 14px;
}

.bl-about-founder-spotlight__image {
  display: grid;
  place-items: center;
  overflow: hidden;
  aspect-ratio: 16/9;
  border-radius: var(--bl-radius-md);
  background: var(--bl-button-primary-bg);
}

.bl-about-founder-spotlight__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}

.bl-about-founder-spotlight__body {
  display: grid;
  gap: 6px;
  padding: 0 4px 4px;
}

.bl-about-founder-spotlight__body span {
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.4;
}

.bl-about-founder-spotlight__body strong {
  color: var(--bl-text);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.bl-about-founder-spotlight__body p {
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.65;
}

.bl-about-image-placeholder {
  display: grid;
  align-content: end;
  min-height: 280px;
  padding: 24px;
  background:
    linear-gradient(135deg, rgba(8, 17, 39, 0.92), rgba(16, 35, 79, 0.86)),
    #081127;
  color: #fff;
}

.bl-about-image-placeholder span,
.bl-about-section-heading span {
  display: block;
  margin-bottom: 8px;
  color: var(--bl-text-soft);
  font-size: 12px;
  font-weight: 600;
}

.bl-about-image-placeholder span {
  color: rgba(255, 255, 255, 0.7);
}

.bl-about-image-placeholder strong {
  max-width: 240px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.18;
}

.bl-about-note-card {
  padding: 24px 26px;
  border: 1px solid rgba(16, 35, 79, 0.07);
  box-shadow: 0 12px 30px rgba(16, 35, 79, 0.045);
}

.bl-about-note-card h2,
.bl-about-founder-card h3 {
  margin: 0 0 12px;
  color: var(--bl-text);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.15;
}

.bl-about-checklist {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(16, 35, 79, 0.08);
  list-style: none;
}

.bl-about-checklist li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid rgba(16, 35, 79, 0.08);
  color: var(--bl-text-soft);
  font-size: 13px;
  line-height: 1.55;
}

.bl-about-checklist li::before {
  content: "✓";
  color: var(--bl-primary);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.bl-about-section-heading {
  max-width: 720px;
  margin-bottom: 24px;
}

.bl-about-section-heading h2 {
  margin-bottom: 10px;
}

.bl-about-founder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.bl-about-founder-card {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 18px;
}

.bl-about-founder-card__image {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 14px;
  background: #f2f5fa;
  color: var(--bl-text-soft);
  font-size: 13px;
  font-weight: 600;
}

.bl-about-founder-card p {
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.65;
}

.bl-about-eeat-card,
.bl-about-press {
  border-radius: var(--bl-radius-lg);
  background: var(--bl-surface);
  box-shadow: var(--bl-shadow-card);
}

.bl-about-eeat-card {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: clamp(28px, 4vw, 54px);
  padding: clamp(28px, 4vw, 48px);
}

.bl-about-eeat-card__intro h2,
.bl-about-press__head h2 {
  margin: 0 0 14px;
  color: var(--bl-text);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0;
}

.bl-about-eeat-card__intro p:last-child,
.bl-about-press__head p {
  max-width: 680px;
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 15px;
  line-height: 1.75;
}

.bl-about-eeat-grid {
  display: grid;
  gap: 12px;
}

.bl-about-eeat-point {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  column-gap: 16px;
  padding: 16px;
  border-radius: 12px;
  background: #f9fbff;
}

.bl-about-eeat-point span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #eaf0fb;
  color: var(--bl-primary);
  font-size: 13px;
  font-weight: 600;
}

.bl-about-eeat-point h3 {
  margin: 0 0 6px;
  color: var(--bl-text);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
}

.bl-about-eeat-point p {
  grid-column: 2;
  margin: 0;
  color: var(--bl-text-soft);
  font-size: 14px;
  line-height: 1.65;
}

.bl-about-press {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(24px, 4vw, 52px);
  align-items: start;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(12, 28, 65, 0.08);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 251, 255, 0.96) 100%);
}

.bl-about-press::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: -1;
  width: 5px;
  background: var(--bl-primary);
}

.bl-about-press__list {
  display: grid;
  gap: 16px;
}

.bl-about-press-card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 10px;
  padding: 20px 22px 18px 26px;
  border: 1px solid rgba(12, 28, 65, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--bl-text);
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(12, 28, 65, 0.055);
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.bl-about-press-card::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 3px;
  border-radius: 0 8px 8px 0;
  background: var(--bl-primary);
}

.bl-about-press-card:hover {
  border-color: rgba(12, 28, 65, 0.14);
  background: #fff;
  box-shadow: 0 18px 42px rgba(12, 28, 65, 0.08);
}

.bl-about-press-card span,
.bl-about-press-card small {
  color: var(--bl-text-soft);
  font-size: 12px;
  font-weight: 600;
}

.bl-about-press-card strong {
  color: var(--bl-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
}

.bl-about-press-card small {
  font-weight: 500;
}

/* Stacked editorial cards on the About page. */
.bl-about-stack {
  position: relative;
  isolation: isolate;
  padding-top: clamp(28px, 4vw, 56px);
  padding-bottom: clamp(32px, 5vw, 72px);
}

.bl-about-stack__item {
  position: sticky;
  top: calc(var(--bl-public-header-height, 92px) + 44px);
  z-index: 1;
}

.bl-about-stack__item + .bl-about-stack__item {
  z-index: 2;
  margin-top: clamp(72px, 8vw, 128px);
}

.bl-about-stack__item > .bl-about-eeat-card,
.bl-about-stack__item > .bl-about-press {
  outline: 1px solid rgba(16, 35, 79, 0.04);
  transform-origin: center top;
}

@media (max-width: 991.98px) {
  .bl-about-stack {
    padding-top: 24px;
    padding-bottom: 0;
  }

  .bl-about-stack__item {
    position: relative;
    top: auto;
  }

  .bl-about-stack__item + .bl-about-stack__item {
    margin-top: 24px;
  }

  .bl-about-layout,
  .bl-about-founder-grid,
  .bl-about-eeat-card,
  .bl-about-press {
    grid-template-columns: 1fr;
  }

  .bl-about-hero {
    margin-top: -1.5rem;
  }
}

@media (max-width: 575.98px) {
  .bl-about-hero {
    min-height: auto;
    padding: 34px 20px;
  }

  .bl-about-hero h1 {
    font-size: 32px;
  }

  .bl-about-founder-card {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 16px;
  }

  .bl-about-eeat-point {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 14px;
  }

  .bl-about-eeat-point span {
    width: 36px;
    height: 36px;
  }
}

/* Header gap guard: only offset the sticky nav when the WP admin bar is actually visible. */
html,
html[style],
body,
body[style] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html,
html[style],
body,
body[style],
html.admin-bar,
body.admin-bar,
body.customize-support {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#wpadminbar {
  display: none !important;
}

body.admin-bar .bl-site-header,
body.admin-bar header.bl-site-header,
html.bl-has-visible-adminbar body.admin-bar .bl-site-header,
html.bl-has-visible-adminbar body.admin-bar header.bl-site-header {
  top: 0 !important;
}

.bl-site-header #siteNavbar:not(.is-scrolled) {
  min-height: 76px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.bl-site-header #siteNavbar:not(.is-scrolled) > .container {
  min-height: 56px;
  display: flex;
  align-items: center;
}

.bl-site-header #siteNavbar.is-scrolled {
  min-height: 58px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

@media (max-width: 991.98px) {
  .bl-site-header #siteNavbar:not(.is-scrolled) {
    min-height: 88px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .bl-site-header #siteNavbar:not(.is-scrolled) > .container {
    min-height: 56px;
  }
}

.bl-reading-progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  height: 3px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.bl-reading-progress__bar {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--bl-primary, #173a7a);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 140ms cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .bl-reading-progress__bar {
    transition: none;
  }
}

.bl-scroll-to-top {
  position: fixed;
  right: 22px;
  bottom: 92px;
  z-index: 1039;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--bl-primary, #173a7a);
  box-shadow: 0 10px 28px rgba(16, 35, 79, 0.14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px) scale(0.94);
  transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease, background-color 180ms ease, color 180ms ease;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.bl-scroll-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.bl-scroll-to-top:hover,
.bl-scroll-to-top:focus-visible {
  background: var(--bl-primary, #173a7a);
  color: #fff;
}

.bl-scroll-to-top .bi {
  font-size: 18px;
  line-height: 1;
}

@media (max-width: 575.98px) {
  .bl-scroll-to-top {
    right: 14px;
    bottom: 78px;
    width: 52px;
    height: 52px;
    border-radius: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bl-scroll-to-top {
    transition: none;
  }
}

/* Report navigation turns into a focused bonus CTA while scrolling. */
.bl-review-sticky-cta {
  display: none;
  width: auto !important;
  min-height: 40px;
  margin-left: auto;
  padding: 9px 14px;
  font-size: 13px;
  white-space: nowrap;
}

.bl-site-header--review.is-scrolled .bl-review-nav-default {
  display: none !important;
}

.bl-site-header--review.is-scrolled .bl-review-sticky-cta {
  display: inline-flex;
}

html::before {
  pointer-events: none;
}

html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483000;
  width: 100%;
  height: 3px;
  background: var(--bl-primary, #10234f);
  transform: scaleX(0);
  transform-origin: left center;
  opacity: 0;
}

html.bl-page-transitioning::before {
  opacity: 1;
  animation: blPageProgress 620ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes blPageProgress {
  0% {
    transform: scaleX(0);
  }

  62% {
    transform: scaleX(0.72);
  }

  100% {
    transform: scaleX(0.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.bl-page-transitioning::before {
    animation: none;
    transition: none;
  }
}

@media (max-width: 991.98px) {
  .bl-site-header .bl-mobile-menu.offcanvas,
  body > .bl-mobile-menu.offcanvas {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 2147483200 !important;
    display: flex !important;
    flex-direction: column;
    width: min(420px, 100vw) !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    border: 0 !important;
    background: #ffffff !important;
    box-shadow: -18px 0 48px rgba(9, 25, 61, 0.18);
    transform: translateX(100%);
    visibility: hidden;
    transition:
      transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 260ms;
  }

  .bl-site-header .bl-mobile-menu.offcanvas.show,
  .bl-site-header .bl-mobile-menu.offcanvas.showing,
  body > .bl-mobile-menu.offcanvas.show,
  body > .bl-mobile-menu.offcanvas.showing {
    transform: translateX(0);
    visibility: visible;
  }

  .bl-site-header .bl-mobile-menu.offcanvas.hiding,
  body > .bl-mobile-menu.offcanvas.hiding {
    transform: translateX(100%);
    visibility: visible;
  }

  .bl-site-header .bl-mobile-menu .offcanvas-header,
  body > .bl-mobile-menu .offcanvas-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    min-height: 74px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(16, 35, 79, 0.08);
  }

  .bl-site-header .bl-mobile-menu .offcanvas-body,
  body > .bl-mobile-menu .offcanvas-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 18px 20px 24px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body > .bl-mobile-menu .bl-mobile-menu__brand,
  body > .bl-mobile-menu .bl-mobile-menu__brand img {
    display: block;
  }

  body > .bl-mobile-menu .bl-mobile-menu__close {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
    background-color: #f4f7fb;
    background-size: 10px;
    opacity: 1;
  }

  body > .bl-mobile-menu .bl-mobile-menu__nav {
    display: grid;
    gap: 4px;
  }

  body > .bl-mobile-menu .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 10px 12px !important;
    border-radius: 8px;
    color: rgba(14, 21, 38, 0.82);
    font-size: 14px;
    font-weight: 500;
    background: transparent;
  }

  body > .bl-mobile-menu .nav-link::after {
    content: "\203A";
    color: rgba(16, 35, 79, 0.34);
    font-size: 19px;
    line-height: 1;
  }

  body > .bl-mobile-menu .bl-nav-link.active,
  body > .bl-mobile-menu .bl-nav-link[aria-current="page"] {
    color: #10234f !important;
    background: #eef3fb;
    font-weight: 600;
  }

  body > .bl-mobile-menu .bl-mobile-profile {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top-color: rgba(16, 35, 79, 0.08) !important;
  }
}

@media (max-width: 575.98px) {
  .bl-site-header .bl-mobile-menu.offcanvas,
  body > .bl-mobile-menu.offcanvas {
    right: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-shadow: none;
  }
}

html.bl-mobile-menu-open,
body.bl-mobile-menu-open {
  overscroll-behavior: none;
  touch-action: none;
}

.bl-mobile-menu-open .bl-mobile-menu {
  touch-action: pan-y;
}

.bl-mobile-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483100;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(7, 18, 43, 0.58);
}

@media (max-width: 991.98px) {
  html.bl-mobile-menu-open .bl-article-share,
  html.bl-mobile-menu-open .bl-business-trusted-widget,
  html.bl-mobile-menu-open .bl-trusted-widget,
  html.bl-mobile-menu-open .bl-score-widget {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Vendor profile final polish */
.single-vendor .bl-vendor-profile-hero {
  margin-bottom: 42px !important;
}

.single-vendor .bl-vendor-profile-hero .bl-vendor-hero-content {
  display: flex !important;
  align-items: center !important;
  gap: clamp(24px, 3vw, 38px) !important;
  max-width: 980px !important;
  width: min(100% - 32px, var(--bl-container)) !important;
  margin-inline: auto !important;
}

.single-vendor .bl-vendor-hero-avatar {
  flex: 0 0 auto !important;
  width: clamp(118px, 10vw, 150px) !important;
  aspect-ratio: 1 !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  overflow: hidden !important;
}

.single-vendor .bl-vendor-hero-avatar__image,
.single-vendor .bl-vendor-hero-avatar .avatar {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

.single-vendor .bl-vendor-hero-copy h1 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-size: clamp(40px, 4vw, 58px) !important;
  line-height: 1.02 !important;
  font-weight: 600 !important;
}

.single-vendor .bl-vendor-hero-copy p {
  max-width: 620px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.single-vendor .bl-vendor-content-panel {
  width: min(100% - 32px, var(--bl-container)) !important;
  max-width: var(--bl-container) !important;
  margin-inline: auto !important;
  padding: 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 46px rgba(10, 24, 55, 0.06) !important;
}

.single-vendor .bl-vendor-content-panel .bl-article-body {
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.single-vendor .bl-vendor-details {
  width: 100%;
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.single-vendor .bl-vendor-details__head {
  max-width: 860px;
  margin: 0 0 28px;
}

.single-vendor .bl-vendor-details__head span {
  display: block;
  margin: 0 0 8px;
  color: var(--bl-text-soft);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.single-vendor .bl-vendor-details__head h2 {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.1;
}

.single-vendor .bl-vendor-details .bl-article-body {
  max-width: 860px;
  margin: 0;
  padding: 0;
}

.single-vendor .bl-vendor-reports-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.single-vendor .bl-vendor-reports-grid > [class*="col"] {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.single-vendor .bl-empty-state {
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 46px rgba(10, 24, 55, 0.06) !important;
}

.single-vendor .bl-empty-state h2 {
  font-size: clamp(24px, 3vw, 32px) !important;
  font-weight: 600 !important;
}

@media (max-width: 1199.98px) {
  .single-vendor .bl-vendor-reports-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  .single-vendor .bl-vendor-reports-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  .single-vendor .bl-vendor-profile-hero {
    min-height: 0 !important;
    margin-bottom: 28px !important;
    padding-block: 42px !important;
  }

  .single-vendor .bl-vendor-profile-hero .bl-vendor-hero-content {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px 18px !important;
    width: min(100% - 28px, var(--bl-container)) !important;
  }

  .single-vendor .bl-vendor-hero-avatar {
    width: 84px !important;
    border-radius: 12px !important;
  }

  .single-vendor .bl-vendor-hero-copy h1 {
    font-size: clamp(31px, 9vw, 42px) !important;
    margin-bottom: 6px !important;
  }

  .single-vendor .bl-vendor-hero-copy p {
    grid-column: 1 / -1 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .single-vendor .bl-vendor-content-panel {
    width: min(100% - 24px, var(--bl-container)) !important;
    padding: 18px !important;
  }

  .single-vendor .bl-vendor-details {
    width: 100%;
  }

  .single-vendor .bl-vendor-details__head {
    margin-bottom: 22px;
  }

  .single-vendor .bl-vendor-details__head h2 {
    font-size: clamp(28px, 8vw, 36px);
  }

  .single-vendor .bl-vendor-reports-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
}

/* Bonus cards: ruhiger Inhalt ohne Badge, klarer Wertabschluss. */
.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product) {
  border-radius: 12px;
  background: #f7f8fa;
}

.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product) > div:first-child {
  padding: 18px 18px 20px;
}

.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product) h3 {
  margin-top: 0;
}

.bl-bonus-overview .bl-bonus-list__footer {
  min-height: 48px;
  padding: 13px 18px;
  border-top: 0;
  background: #eef2f7;
}

.bl-bonus-overview .bl-bonus-list__footer span {
  color: #5f6b7c;
  font-size: 12px;
  font-weight: 500;
}

.bl-bonus-overview .bl-bonus-list__footer strong {
  color: var(--bl-primary, #193674);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Compact homepage hero for small screens: same hierarchy, less visual weight. */
@media (max-width: 575.98px) {
  .bl-home-hero {
    padding-bottom: 34px;
  }

  .bl-home-hero__inner {
    gap: 0;
    padding: 22px 10px 0;
  }

  .bl-home-hero__inner::before {
    display: block;
    top: 42px;
    bottom: 96px;
    background: linear-gradient(180deg, rgba(16, 35, 79, .2), rgba(16, 35, 79, .035));
    opacity: .5;
  }

  .bl-home-hero__brand-orb {
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    border-width: 5px;
    font-size: 18px;
  }

  .bl-home-hero__note {
    margin-bottom: 16px;
    padding: 6px 10px;
    font-size: 10px;
    box-shadow: 0 6px 16px rgba(16, 35, 79, .06);
  }

  .bl-home-hero h1 {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(32px, 9vw, 35px);
    line-height: 1.03;
    letter-spacing: -.045em;
  }

  .bl-home-hero__highlight {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin-top: .12em;
    padding: .05em .18em .09em;
    border: 1px solid rgba(16, 35, 79, .06);
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(16, 35, 79, .08);
  }

  .bl-home-hero__text {
    max-width: 342px;
    margin: 16px auto 0;
    font-size: 13px;
    line-height: 1.55;
  }

  .bl-home-hero .bl-home-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 20px;
  }

  .bl-home-hero .bl-home-actions .btn {
    min-width: 0;
    min-height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 9px;
    font-size: 12px;
  }

  .bl-home-hero__visual--image {
    width: calc(100% + 12px);
    margin: 18px -6px 0;
  }

  .bl-home-hero-mockup-image {
    aspect-ratio: 16 / 10.5;
  }

  .bl-home-hero-mockup-image img {
    filter: drop-shadow(0 18px 24px rgba(16, 35, 79, .11));
  }

  .bl-home-hero__press {
    margin-top: 2px;
  }
}

@media (max-width: 380px) {
  .single-vendor .bl-vendor-profile-hero .bl-vendor-hero-content {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 12px 14px !important;
  }

  .single-vendor .bl-vendor-hero-avatar {
    width: 74px !important;
  }
}

/* One mobile gutter across navbar, pages, archives, articles and footer. */
@media (max-width: 767.98px) {
  :root {
    --bl-mobile-container-gutter: 20px;
  }

  body .container {
    --bs-gutter-x: calc(var(--bl-mobile-container-gutter) * 2);
    width: 100%;
    max-width: 100%;
    padding-right: var(--bl-mobile-container-gutter) !important;
    padding-left: var(--bl-mobile-container-gutter) !important;
  }

  .bl-archive-hero,
  .bl-about-hero {
    padding-right: var(--bl-mobile-container-gutter) !important;
    padding-left: var(--bl-mobile-container-gutter) !important;
  }

  .single-vendor .bl-vendor-profile-hero .bl-vendor-hero-content,
  .single-vendor .bl-vendor-content-panel,
  .bl-vendor-section {
    width: calc(100% - (var(--bl-mobile-container-gutter) * 2)) !important;
  }

  .bl-archive-pagination .pagination {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 38px));
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-inline: auto;
  }

  .bl-archive-pagination .page-item {
    grid-row: 1;
    min-width: 0;
  }

  .bl-archive-pagination .page-item:has(.prev) {
    grid-row: 2;
    grid-column: 3 / 4;
    justify-self: end;
  }

  .bl-archive-pagination .page-item:has(.next) {
    grid-row: 2;
    grid-column: 5 / 6;
    justify-self: start;
  }

  .bl-archive-pagination .pagination:not(:has(.next)) .page-item:has(.prev),
  .bl-archive-pagination .pagination:not(:has(.prev)) .page-item:has(.next) {
    grid-column: 3 / 6;
    justify-self: center;
  }

  .bl-archive-pagination a,
  .bl-archive-pagination span {
    width: 38px;
    min-width: 38px;
    padding-inline: 0;
  }
}
.bl-announcement-bar{position:relative;z-index:1;overflow:hidden;height:30px;background:var(--bl-dark,#0d1b3b);color:#fff}.bl-announcement-bar__viewport{width:100%;height:100%;overflow:hidden}.bl-announcement-bar__track,.bl-announcement-bar__group{display:flex;align-items:center;width:max-content;height:100%}.bl-announcement-bar__track{animation:bl-announcement-marquee 34s linear infinite;will-change:transform}.bl-announcement-bar__group{flex-shrink:0}.bl-announcement-bar__item{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 clamp(28px,5vw,88px);color:#fff;font-size:12px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap}.bl-announcement-bar__item::after{position:absolute;top:50%;right:0;width:1px;height:10px;background:rgba(255,255,255,.38);content:"";transform:translateY(-50%)}.bl-announcement-bar__item:hover,.bl-announcement-bar__item:focus,.bl-announcement-bar__item:focus-visible{color:#fff;text-decoration:none}.bl-announcement-bar__item i{font-size:11px;line-height:1}.bl-announcement-bar:hover .bl-announcement-bar__track,.bl-announcement-bar:focus-within .bl-announcement-bar__track{animation-play-state:paused}@keyframes bl-announcement-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.bl-announcement-bar__track{animation:none}.bl-announcement-bar__group[aria-hidden=true]{display:none}}

body.single-post .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card),
body.single-review .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card),
.comment-content a:not(.btn):not(.button) {
  text-decoration-style: solid !important;
}

body.single-post .bl-article-body u,
body.single-review .bl-article-body u,
body.single-post .bl-article-body span[style*="text-decoration: underline"],
body.single-review .bl-article-body span[style*="text-decoration: underline"],
body.single-post .bl-article-body span[style*="text-decoration:underline"],
body.single-review .bl-article-body span[style*="text-decoration:underline"],
body.single-post .bl-article-body span[style*="text-decoration-line: underline"],
body.single-review .bl-article-body span[style*="text-decoration-line: underline"],
body.single-post .bl-article-body span[style*="text-decoration-line:underline"],
body.single-review .bl-article-body span[style*="text-decoration-line:underline"] {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: none;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(25, 54, 116, 0.45) !important;
  text-underline-offset: 3px !important;
}

body.single-post .bl-article-body a u,
body.single-review .bl-article-body a u,
body.single-post .bl-article-body a span[style*="text-decoration"],
body.single-review .bl-article-body a span[style*="text-decoration"] {
  padding: 0;
  background: none;
  text-decoration: inherit !important;
}

.bl-vendor-card .bl-archive-card__body {
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 22px !important;
}

.bl-vendor-card {
  border: 1px solid rgba(13, 27, 59, 0.07) !important;
  box-shadow: 0 16px 40px rgba(16, 35, 79, 0.07) !important;
}

.bl-vendor-card__media {
  height: 190px;
  background: #f3f6fa;
}

.bl-vendor-card__media::after {
  content: none;
}

.bl-vendor-card__image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
}

.bl-vendor-card__image--fallback {
  object-position: center !important;
}

.bl-vendor-card .bl-archive-card__placeholder {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: #f6f8fb;
  color: var(--bl-dark);
  font-size: 18px;
}

.bl-vendor-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
}

.bl-vendor-card__count,
.bl-vendor-card__verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--bl-text-soft);
  font-size: 12px;
  line-height: 1.2;
}

.bl-vendor-card__count i {
  color: var(--bl-primary);
  font-size: 12px;
}

.bl-vendor-card__verified {
  color: #0b6b4d;
  font-weight: 600;
}

.bl-vendor-card .bl-archive-card__title {
  margin-bottom: 10px;
  font-size: 21px;
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.bl-vendor-card .bl-archive-card__excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #3f4a5c;
  font-size: 13px;
  line-height: 1.55;
}

.bl-vendor-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(13, 27, 59, 0.08);
}

.bl-vendor-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bl-vendor-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  padding: 6px 9px;
  border-radius: 8px;
  background: #f1f4f8;
  color: #40506a;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.bl-vendor-card__badge--website {
  background: #f0f4fa;
  color: var(--bl-primary);
}

.bl-vendor-card__badge--verified {
  background: #e9f0ff;
  color: var(--bl-primary);
}

.bl-vendor-card__cta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  color: var(--bl-primary);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.bl-vendor-card__cta i {
  transition: transform 0.18s ease;
}

.bl-vendor-card:hover .bl-vendor-card__cta i,
.bl-vendor-card:focus-within .bl-vendor-card__cta i {
  transform: translateX(3px);
}

@media (max-width: 575.98px) {
  .bl-vendor-card__media {
    height: 190px;
  }

  .bl-vendor-card .bl-archive-card__body {
    min-height: 230px;
    padding: 20px !important;
  }

  .bl-vendor-card__footer {
    align-items: flex-end;
  }
}
/* About page media section polish. */
.bl-about-press {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.08fr);
  gap: clamp(30px, 5vw, 72px);
  align-items: center;
  padding: clamp(34px, 4.5vw, 58px);
  border: 1px solid rgba(12, 28, 65, 0.08);
  border-radius: 14px;
  background: radial-gradient(circle at 92% 10%, rgba(30, 61, 126, 0.12), transparent 34%), linear-gradient(135deg, #f9fbff 0%, #fff 58%, #f7faff 100%);
  box-shadow: 0 22px 60px rgba(11, 23, 48, 0.06);
}

.bl-about-press::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--bl-button-primary-bg, #0b1730);
  opacity: 0.9;
}

.bl-about-press::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -110px;
  z-index: -1;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(15, 42, 96, 0.06);
}

.bl-about-press__head > span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--bl-text-soft, #62708a);
  font-size: 13px;
  font-weight: 500;
}

.bl-about-press__head h2 {
  max-width: 580px;
  margin: 0 0 18px;
  color: var(--bl-text, #070b18);
  font-size: clamp(34px, 4.2vw, 52px);
  line-height: 1.04;
  font-weight: 600;
  letter-spacing: 0;
}

.bl-about-press__head p {
  max-width: 560px;
  margin: 0;
  color: var(--bl-text-soft, #56637a);
  font-size: 16px;
  line-height: 1.75;
}

.bl-about-press__list {
  counter-reset: press-card;
  display: grid;
  gap: 16px;
}

.bl-about-press-card {
  counter-increment: press-card;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 7px 18px;
  align-items: center;
  min-height: 116px;
  padding: 20px 22px;
  border: 1px solid rgba(12, 28, 65, 0.07);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 34px rgba(11, 23, 48, 0.06);
  color: var(--bl-text, #070b18);
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.bl-about-press-card::before {
  content: counter(press-card, decimal-leading-zero);
  grid-row: 1/span 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 9px;
  background: #eef4ff;
  color: var(--bl-button-primary-bg, #0b1730);
  font-size: 13px;
  font-weight: 600;
}

.bl-about-press-card:hover {
  border-color: rgba(12, 28, 65, 0.14);
  background: #fff;
  box-shadow: 0 18px 42px rgba(11, 23, 48, 0.08);
}

.bl-about-press-card span,
.bl-about-press-card small {
  margin: 0;
  color: var(--bl-text-soft, #62708a);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
}

.bl-about-press-card strong {
  margin: 0;
  color: var(--bl-text, #070b18);
  font-size: 18px;
  line-height: 1.34;
  font-weight: 600;
}

.bl-about-press-card small {
  font-size: 13px;
}

@media (max-width: 900px) {
  .bl-about-press {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px;
  }
  .bl-about-press__head h2 {
    font-size: clamp(30px, 9vw, 42px);
  }
  .bl-about-press-card {
    min-height: auto;
    padding: 18px;
  }
}
/* About page media card polish */
html body .bl-about .bl-about-press {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.08fr);
  gap: clamp(30px, 5vw, 72px);
  align-items: center;
  padding: clamp(34px, 4.5vw, 58px);
  border: 1px solid rgba(12, 28, 65, 0.08);
  border-radius: 14px;
  background:
    radial-gradient(circle at 92% 8%, rgba(30, 61, 126, 0.12), transparent 34%),
    linear-gradient(135deg, #f9fbff 0%, #fff 58%, #f7faff 100%);
  box-shadow: 0 22px 60px rgba(11, 23, 48, 0.06);
}

html body .bl-about .bl-about-press::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--bl-button-primary-bg, #0b1730);
  opacity: 0.9;
}

html body .bl-about .bl-about-press::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -110px;
  z-index: -1;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(15, 42, 96, 0.06);
}

html body .bl-about .bl-about-press__head > span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--bl-text-soft, #62708a);
  font-size: 13px;
  font-weight: 500;
}

html body .bl-about .bl-about-press__head h2 {
  max-width: 580px;
  margin: 0 0 18px;
  color: var(--bl-text, #070b18);
  font-size: clamp(34px, 4.2vw, 52px);
  line-height: 1.04;
  font-weight: 600;
  letter-spacing: 0;
}

html body .bl-about .bl-about-press__head p {
  max-width: 560px;
  margin: 0;
  color: var(--bl-text-soft, #56637a);
  font-size: 16px;
  line-height: 1.75;
}

html body .bl-about .bl-about-press__list {
  counter-reset: press-card;
  display: grid;
  gap: 16px;
}

html body .bl-about .bl-about-press-card {
  counter-increment: press-card;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 7px 18px;
  align-items: center;
  min-height: 116px;
  padding: 20px 22px;
  border: 1px solid rgba(12, 28, 65, 0.07);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 34px rgba(11, 23, 48, 0.06);
  color: var(--bl-text, #070b18);
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

html body .bl-about .bl-about-press-card::before {
  content: counter(press-card, decimal-leading-zero);
  grid-row: 1 / span 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 9px;
  background: #eef4ff;
  color: var(--bl-button-primary-bg, #0b1730);
  font-size: 13px;
  font-weight: 600;
}

html body .bl-about .bl-about-press-card:hover {
  background: #fff;
  border-color: rgba(12, 28, 65, 0.14);
  box-shadow: 0 18px 42px rgba(11, 23, 48, 0.08);
}

html body .bl-about .bl-about-press-card span,
html body .bl-about .bl-about-press-card small {
  margin: 0;
  color: var(--bl-text-soft, #62708a);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
}

html body .bl-about .bl-about-press-card strong {
  margin: 0;
  color: var(--bl-text, #070b18);
  font-size: 18px;
  line-height: 1.34;
  font-weight: 600;
}

html body .bl-about .bl-about-press-card small {
  font-size: 13px;
}

@media (max-width: 900px) {
  html body .bl-about .bl-about-press {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 30px 24px;
  }

  html body .bl-about .bl-about-press__head h2 {
    font-size: 34px;
  }

  html body .bl-about .bl-about-press-card {
    min-height: 104px;
    padding: 18px;
  }
}

@media (max-width: 767.98px) {
  html body .bl-home-category-list {
    display: flex;
    grid-template-columns: none;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
    scrollbar-width: none;
  }

  html body .bl-home-category-list::-webkit-scrollbar {
    display: none;
  }

  html body .bl-home-category-list a {
    flex: 0 0 min(84vw, 348px);
    width: min(84vw, 348px);
    max-width: none;
    scroll-snap-align: start;
  }
}
/* Nur bewusst unterstrichene Textstellen als Hintergrundmarkierung */
body.single-post .bl-article-body u,
body.single-review .bl-article-body u,
.bl-about-story .bl-article-body u,
body.single-post .bl-article-body span[style*="text-decoration"],
body.single-review .bl-article-body span[style*="text-decoration"],
.bl-about-story .bl-article-body span[style*="text-decoration"] {
  padding: 0.04em 0.18em;
  border-radius: 3px;
  background: #e2eaf7;
  text-decoration: none !important;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
body.single-post .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card),
body.single-review .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card),
.bl-about-story .bl-article-body a:not(.btn):not(.button):not(.bl-archive-card):not(.bl-related-card) {
  padding: 0;
  border-radius: 0;
  background: transparent;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(25, 54, 116, 0.55) !important;
  text-underline-offset: 3px !important;
}
body.single-post .bl-article-body a u,
body.single-review .bl-article-body a u,
.bl-about-story .bl-article-body a u,
body.single-post .bl-article-body a span[style*="text-decoration"],
body.single-review .bl-article-body a span[style*="text-decoration"],
.bl-about-story .bl-article-body a span[style*="text-decoration"] {
  padding: 0;
  background: transparent;
  text-decoration: inherit !important;
}

/* Weiße Link-Unterstreichungen in dunklen Newsletter-Cards */
.single-post .bl-article-body .bl-inline-newsletter .bl-newsletter-consent a,
.single-review .bl-article-body .bl-inline-newsletter .bl-newsletter-consent a,
.bl-inline-newsletter .bl-newsletter-consent a {
  color: #ffffff !important;
  background: transparent;
  border-bottom: 1px solid #ffffff;
  text-decoration: none !important;
}

/* Kompakter Bonus-Hinweis in der Produkt-Zusammenfassung */
.bl-summary-bonus {
  display: grid;
  gap: 10px;
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 0;
  border-radius: 8px;
  background: #f7f9fc;
}

.bl-summary-bonus__content {
  display: grid;
  gap: 5px;
}

.bl-summary-bonus__eyebrow {
  color: var(--bl-muted, #536076);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
}

.bl-summary-bonus__content > strong {
  color: var(--bl-text, #070b15);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.bl-summary-bonus__price {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  color: var(--bl-muted, #536076);
  font-size: 12px;
  line-height: 1.45;
}

.bl-summary-bonus__price del {
  color: var(--bl-muted, #536076);
}

.bl-summary-bonus__price b {
  color: var(--bl-primary, #193674);
  font-weight: 600;
}

.bl-summary-card .bl-summary-bonus__link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  width: fit-content;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--bl-primary, #193674);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
}

.bl-summary-card .bl-summary-bonus__link:hover,
.bl-summary-card .bl-summary-bonus__link:focus {
  color: var(--bl-dark, #10234f);
  background: transparent;
}

@media (min-width: 1200px) {
  .bl-summary-bonus {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 18px;
  }
}

#bonus {
  scroll-margin-top: 110px;
}

#faq {
  scroll-margin-top: 132px;
}

/* Ein- und ausklappbares Inhaltsverzeichnis */
.bl-article-toc__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  transition: margin-bottom 0.28s ease;
}

.bl-article-toc__header .bl-article-toc__title {
  margin: 0;
}

.bl-article-toc__toggle {
  display: inline-grid;
  flex: 0 0 30px;
  place-items: center;
  width: 30px;
  height: 30px;
  margin: -6px -6px -6px 0;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--bl-primary, #193674);
  cursor: pointer;
  transition: background-color 0.16s ease;
}

.bl-article-toc__toggle:hover,
.bl-article-toc__toggle:focus-visible {
  background: rgba(25, 54, 116, 0.08);
}

.bl-article-toc__toggle .bi {
  font-size: 13px;
  transition: transform 0.22s ease;
}

.bl-article-toc__list {
  max-height: var(--bl-toc-list-height, 720px);
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.28s ease, opacity 0.18s ease;
  will-change: max-height, opacity;
}

.bl-article-toc.is-scrollable .bl-article-toc__list {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(25, 54, 116, 0.28) transparent;
  scrollbar-width: thin;
  padding-right: 5px;
}

.bl-article-toc.is-scrollable .bl-article-toc__list::-webkit-scrollbar {
  width: 5px;
}

.bl-article-toc.is-scrollable .bl-article-toc__list::-webkit-scrollbar-track {
  background: transparent;
}

.bl-article-toc.is-scrollable .bl-article-toc__list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(25, 54, 116, 0.24);
}

.bl-article-toc.is-collapsed .bl-article-toc__header {
  margin-bottom: 0;
}

.bl-article-toc.is-collapsed .bl-article-toc__list {
  max-height: 0 !important;
  overflow: hidden;
  opacity: 0;
}

.bl-article-toc.is-collapsed .bl-article-toc__toggle .bi {
  transform: rotate(180deg);
}

@media (max-width: 991.98px) {
  .bl-article-toc__list,
  .bl-article-toc.is-scrollable .bl-article-toc__list {
    max-height: none;
    overflow: visible;
    padding-right: 0;
    transition: opacity 0.18s ease;
    will-change: opacity;
  }

  .bl-article-toc.is-collapsed .bl-article-toc__list {
    max-height: 0 !important;
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bl-article-toc__list,
  .bl-article-toc__toggle .bi {
    transition: none;
  }
}

/* Klare Deal-Hierarchie in der ausführlichen Bonussektion */
.bl-bonus-deal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) minmax(220px, 0.85fr);
  align-items: center;
  gap: 20px;
  margin: 22px 0 28px;
  padding: 20px;
  border-radius: 10px;
  background: #f7f9fc;
}

.bl-bonus-deal > div:not(.bl-bonus-deal__plus) {
  display: grid;
  gap: 3px;
}

.bl-bonus-deal span,
.bl-bonus-deal small {
  color: var(--bl-text-soft, #536076);
  font-size: 11px;
  line-height: 1.4;
}

.bl-bonus-deal strong {
  color: var(--bl-text, #070b15);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.15;
}

.bl-bonus-deal__plus {
  color: #9aa6b8;
  font-size: 22px;
  font-weight: 400;
}

.bl-bonus-deal .bl-bonus-deal__result {
  padding-left: 20px;
  border-left: 1px solid #dfe5ee;
}

.bl-bonus-deal__result del {
  color: var(--bl-text-soft, #536076);
  font-size: 13px;
}

.bl-bonus-deal__result strong {
  color: var(--bl-primary, #193674);
  font-size: 17px;
}

.bl-bonus-list {
  gap: 12px;
}

.bl-bonus-list__heading {
  border-bottom: 0;
  padding-bottom: 2px;
}

.bl-bonus-list__item:not(.bl-bonus-list__item--product) {
  padding: 16px;
  border: 0;
  border-radius: 8px;
  background: #fafbfd;
}

.bl-bonus-list__label .bi {
  margin-right: 5px;
  color: var(--bl-primary, #193674);
}

.bl-bonus-footer {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(16, 35, 79, 0.09);
}

@media (max-width: 991.98px) {
  .bl-bonus-deal {
    grid-template-columns: 1fr 1fr;
  }

  .bl-bonus-deal__plus {
    display: none;
  }

  .bl-bonus-deal .bl-bonus-deal__result {
    grid-column: 1 / -1;
    padding: 16px 0 0;
    border-top: 1px solid #dfe5ee;
    border-left: 0;
  }
}

@media (max-width: 575.98px) {
  .bl-summary-bonus {
    gap: 7px;
    margin-bottom: 16px;
    padding: 12px 14px;
  }

  .bl-summary-bonus__eyebrow,
  .bl-summary-bonus__price {
    display: none;
  }

  .bl-summary-bonus__content > strong {
    font-size: 13px;
    line-height: 1.35;
  }

  .bl-summary-card .bl-summary-bonus__link {
    font-size: 11px;
  }

  .bl-bonus-deal {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 16px;
  }

  .bl-bonus-deal .bl-bonus-deal__result {
    grid-column: 1 / -1;
  }
}

/* Finale Ausrichtung der Pfeilmarker im Beitragsinhalt */
.single-post .bl-article-body ul > li,
.single-review .bl-article-body ul > li {
  padding-left: 30px !important;
}

.single-post .bl-article-body ul > li::before,
.single-review .bl-article-body ul > li::before {
  left: 6px !important;
}

/* Finale gemeinsame Darstellung der Card-Badges */
.bl-section-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 12px;
  padding: 5px 8px;
  border-radius: 6px;
  background: #f1f3f6;
  color: #475467;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.bl-section-eyebrow::before {
  content: none;
}

/* Finale mobile Pagination: einzeilig und mittig */
@media (max-width: 575.98px) {
  .bl-archive-pagination {
    width: 100%;
    overflow: hidden;
    scrollbar-width: none;
  }

  .bl-archive-pagination::-webkit-scrollbar {
    display: none;
  }

  .bl-archive-pagination .pagination {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 4px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .bl-archive-pagination .page-item,
  .bl-archive-pagination .page-item:has(.prev),
  .bl-archive-pagination .page-item:has(.next) {
    flex: 0 0 auto;
    grid-row: auto;
    grid-column: auto;
    justify-self: auto;
  }

  .bl-archive-pagination a,
  .bl-archive-pagination span {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding-inline: 0;
    border-radius: 8px;
    font-size: 12px;
  }
}
/* Review gallery */
.bl-review-gallery-section{padding:clamp(32px,4vw,56px) 0 0}.bl-review-gallery-card{overflow:hidden}.bl-review-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bl-review-gallery--items-1{grid-template-columns:minmax(0,560px)}.bl-review-gallery--items-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.bl-review-gallery__item{min-width:0;margin:0}.bl-review-gallery__button{position:relative;display:grid;width:100%;aspect-ratio:4/3;place-items:center;overflow:hidden;padding:20px;border:1px solid #e3e8ef;border-radius:12px;background:#f6f8fb;cursor:zoom-in;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.bl-review-gallery__button:hover,.bl-review-gallery__button:focus-visible{border-color:#c4d0e2;box-shadow:0 12px 28px rgba(13,40,89,.1);transform:translateY(-2px);outline:0}.bl-review-gallery__image{display:block;width:100%;height:100%;max-height:420px;object-fit:contain}.bl-review-gallery__zoom{position:absolute;right:12px;bottom:12px;display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#fff;color:#0d2d67;box-shadow:0 5px 16px rgba(13,40,89,.13)}.bl-review-gallery-modal{width:min(1100px,calc(100vw - 32px));max-width:none;height:min(820px,calc(100vh - 32px));max-height:none;margin:auto;padding:56px 72px 28px;border:0;border-radius:16px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28)}.bl-review-gallery-modal::backdrop{background:rgba(7,18,39,.76);backdrop-filter:blur(4px)}.bl-review-gallery-modal[open]{display:grid;place-items:center}.bl-review-gallery-modal figure{display:grid;width:100%;height:100%;min-height:0;margin:0;grid-template-rows:minmax(0,1fr) auto;gap:14px;text-align:center}.bl-review-gallery-modal figure img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.bl-review-gallery-modal figcaption{min-height:20px;color:#475467;font-size:14px}.bl-review-gallery-modal__close,.bl-review-gallery-modal__nav{position:absolute;display:grid;place-items:center;border:0;background:#eef2f7;color:#102a56;cursor:pointer}.bl-review-gallery-modal__close{top:14px;right:14px;width:40px;height:40px;border-radius:10px}.bl-review-gallery-modal__nav{top:50%;width:44px;height:56px;border-radius:10px;transform:translateY(-50%)}.bl-review-gallery-modal__nav--prev{left:14px}.bl-review-gallery-modal__nav--next{right:14px}.bl-review-gallery-modal__close:hover,.bl-review-gallery-modal__nav:hover{background:#dfe7f2}.bl-review-gallery-modal__nav[hidden]{display:none}@media(max-width:767.98px){.bl-review-gallery{grid-template-columns:1fr}.bl-review-gallery--items-2{grid-template-columns:1fr}.bl-review-gallery__button{padding:14px}.bl-review-gallery-modal{width:calc(100vw - 16px);height:calc(100vh - 16px);padding:52px 12px 20px}.bl-review-gallery-modal__nav{top:auto;bottom:14px;z-index:2}.bl-review-gallery-modal figure{padding-bottom:50px}.bl-review-gallery-modal figcaption{padding:0 54px}}
.bl-hero-media-column{display:flex;flex-direction:column}.bl-hero-gallery{margin-top:12px;padding:12px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.bl-hero-gallery__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.bl-hero-gallery__title{color:#475467;font-size:13px;font-weight:600}.bl-hero-gallery__controls{display:flex;gap:6px}.bl-hero-gallery__controls button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid #dfe5ed;border-radius:7px;background:#fff;color:#173b78;transition:background-color .2s ease,border-color .2s ease}.bl-hero-gallery__controls button:hover,.bl-hero-gallery__controls button:focus-visible{border-color:#c7d2e2;background:#f1f4f8;outline:0}.bl-hero-gallery .bl-review-gallery{display:flex;gap:10px;max-width:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.bl-hero-gallery .bl-review-gallery::-webkit-scrollbar{display:none}.bl-hero-gallery .bl-review-gallery__item{flex:0 0 88px;scroll-snap-align:start}.bl-hero-gallery .bl-review-gallery__button{aspect-ratio:1;padding:6px;border-radius:8px;background:#f5f7fa;box-shadow:none}.bl-hero-gallery .bl-review-gallery__button:hover,.bl-hero-gallery .bl-review-gallery__button:focus-visible{transform:none;box-shadow:none}.bl-hero-gallery .bl-review-gallery__image{max-height:none}.bl-hero-gallery .bl-review-gallery__zoom{right:5px;bottom:5px;width:24px;height:24px;border-radius:6px;font-size:11px}@media(max-width:575.98px){.bl-hero-gallery{padding:10px}.bl-hero-gallery .bl-review-gallery__item{flex-basis:72px}.bl-hero-gallery__title{font-size:12px}}
/* Transparent reading recommendation for internal traffic distribution. */
.bl-reading-nudge{position:fixed;left:16px;bottom:16px;z-index:1025;width:min(300px,calc(100vw - 32px));padding:12px 36px 12px 13px;border:0;border-radius:9px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);box-shadow:0 12px 32px rgba(13,31,66,.13);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.bl-reading-nudge[hidden]{display:none!important}.bl-reading-nudge.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.bl-reading-nudge__link{display:grid;gap:3px;color:#0b1731;text-decoration:none!important}.bl-reading-nudge__label{color:#667085;font-size:10px;font-weight:500}.bl-reading-nudge__title{display:-webkit-box;overflow:hidden;font-size:13px;font-weight:600;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bl-reading-nudge__action{display:inline-flex;align-items:center;gap:5px;margin-top:2px;color:#173b78;font-size:11px;font-weight:600}.bl-reading-nudge__close{position:absolute;top:7px;right:7px;display:grid;width:24px;height:24px;place-items:center;padding:0;border:0;border-radius:6px;background:rgba(242,244,247,.78);color:#475467;font-size:10px}.bl-reading-nudge__close:hover,.bl-reading-nudge__close:focus-visible{background:rgba(232,237,243,.92);outline:0}@media(max-width:575.98px){.bl-reading-nudge{right:10px;bottom:10px;left:10px;width:auto;max-width:300px;padding:11px 34px 11px 12px}.bl-reading-nudge__title{font-size:12px}}@media(prefers-reduced-motion:reduce){.bl-reading-nudge{transition:none}}
/* Hero gallery: thumbnails only, without an additional card shell. */
.bl-hero-gallery{margin-top:12px;padding:0;border:0;border-radius:0;background:transparent}.bl-hero-gallery .bl-review-gallery{padding:0}.bl-hero-gallery .bl-review-gallery__item:first-child{margin-left:0}
@keyframes blGalleryModalIn{from{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blGalleryBackdropIn{from{background:rgba(7,18,39,0);backdrop-filter:blur(0)}to{background:rgba(7,18,39,.76);backdrop-filter:blur(4px)}}.bl-review-gallery-modal[open]{animation:blGalleryModalIn .22s cubic-bezier(.2,.8,.2,1) both}.bl-review-gallery-modal[open]::backdrop{animation:blGalleryBackdropIn .2s ease-out both}@media(prefers-reduced-motion:reduce){.bl-review-gallery-modal[open],.bl-review-gallery-modal[open]::backdrop{animation:none}}
/* Original KlickTipp embed, visually aligned with Business Lernen. */
.bl-klicktipp-embed,.bl-klicktipp-embed form{width:100%}.bl-klicktipp-embed form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:0}.bl-klicktipp-embed .ktv2-form-element,.bl-klicktipp-embed form>div:last-of-type{display:contents}.bl-klicktipp-embed br{display:none}.bl-klicktipp-embed__email{grid-column:1;min-width:0;width:100%;min-height:48px;padding:0 16px;border:1px solid rgba(16,35,79,.18);border-radius:9px;background:#f7f9fc;color:#0b1731;font:inherit;box-shadow:none}.bl-klicktipp-embed__email:focus{border-color:#294b88;background:#fff;outline:0;box-shadow:0 0 0 3px rgba(23,59,120,.1)}.bl-klicktipp-embed__submit{grid-column:2;min-height:48px;padding:0 26px;border:1px solid #071633!important;border-radius:9px!important;background:#071633!important;color:#fff!important;font-weight:600;cursor:pointer}.bl-klicktipp-embed__submit:hover,.bl-klicktipp-embed__submit:focus{border-color:#102a56!important;background:#102a56!important;color:#fff!important}.bl-waitlist-modal__form form{grid-template-columns:1fr}.bl-waitlist-modal__form .bl-klicktipp-embed__email,.bl-waitlist-modal__form .bl-klicktipp-embed__submit{grid-column:1;width:100%}@media(max-width:575.98px){.bl-klicktipp-embed form{grid-template-columns:1fr}.bl-klicktipp-embed__email,.bl-klicktipp-embed__submit{grid-column:1;width:100%}}
/* KlickTipp embed fields: first name and native DSGVO consent. */
.bl-klicktipp-embed form{grid-template-columns:minmax(140px,.65fr) minmax(0,1fr) auto}.bl-klicktipp-embed__first-name,.bl-klicktipp-embed__email{min-width:0;width:100%;min-height:48px;padding:0 16px;border:1px solid rgba(16,35,79,.18);border-radius:9px;background:#f7f9fc;color:#0b1731;font:inherit;box-shadow:none}.bl-klicktipp-embed__first-name{grid-column:1}.bl-klicktipp-embed__email{grid-column:2}.bl-klicktipp-embed__first-name:focus,.bl-klicktipp-embed__email:focus{border-color:#294b88;background:#fff;outline:0;box-shadow:0 0 0 3px rgba(23,59,120,.1)}.bl-klicktipp-embed__submit{grid-column:3}.bl-klicktipp-embed .ktv2-form-dsgvocheckbox{display:grid;grid-column:1/-1;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start}.bl-klicktipp-embed .ktv2-dsgvo-checkbox{width:18px;height:18px;margin:2px 0 0;accent-color:#173b78}.bl-klicktipp-embed .ktv2-form-dsgvocheckbox label{margin:0;color:inherit;font-size:12px;line-height:1.5}.bl-klicktipp-embed .ktv2-form-dsgvocheckbox label span{color:inherit!important;font-size:inherit!important}.bl-klicktipp-embed .ktv2-form-dsgvocheckbox label span+span{color:inherit!important;font-size:11px!important;opacity:.72}.bl-klicktipp-embed .ktv2-form-dsgvocheckbox a{color:inherit;text-decoration:underline;text-underline-offset:2px}.bl-waitlist-modal__form form{grid-template-columns:1fr}.bl-waitlist-modal__form .bl-klicktipp-embed__first-name,.bl-waitlist-modal__form .bl-klicktipp-embed__email,.bl-waitlist-modal__form .bl-klicktipp-embed__submit{grid-column:1;width:100%}@media(max-width:767.98px){.bl-klicktipp-embed form{grid-template-columns:1fr}.bl-klicktipp-embed__first-name,.bl-klicktipp-embed__email,.bl-klicktipp-embed__submit{grid-column:1;width:100%}}
/* Accessible custom KlickTipp consent checkbox. */
.bl-klicktipp-embed .ktv2-dsgvo-checkbox{-webkit-appearance:none;appearance:none;display:grid;flex:0 0 19px;width:19px;height:19px;place-content:center;margin:1px 0 0;border:1px solid #aab5c6;border-radius:5px;background:#fff;box-shadow:0 1px 2px rgba(13,31,66,.05);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.bl-klicktipp-embed .ktv2-dsgvo-checkbox::before{width:9px;height:5px;border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";opacity:0;transform:translateY(-1px) rotate(-45deg) scale(.7);transition:opacity .14s ease,transform .14s ease}.bl-klicktipp-embed .ktv2-dsgvo-checkbox:hover{border-color:#5170a6}.bl-klicktipp-embed .ktv2-dsgvo-checkbox:checked{border-color:#173b78;background:#173b78}.bl-klicktipp-embed .ktv2-dsgvo-checkbox:checked::before{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}.bl-klicktipp-embed .ktv2-dsgvo-checkbox:focus-visible{border-color:#173b78;outline:0;box-shadow:0 0 0 3px rgba(23,59,120,.16)}.bl-klicktipp-embed .ktv2-form-dsgvocheckbox label{cursor:pointer;user-select:none}.bl-klicktipp-embed .ktv2-form-dsgvocheckbox label a{cursor:pointer;user-select:text}
/* Newsletter card layout for the extended KlickTipp form. */
.bl-klicktipp-embed.bl-inline-newsletter__form{display:block;width:min(100%,720px)}.bl-klicktipp-embed.bl-inline-newsletter__form form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.bl-klicktipp-embed.bl-inline-newsletter__form .bl-klicktipp-embed__first-name{grid-column:1;grid-row:1}.bl-klicktipp-embed.bl-inline-newsletter__form .bl-klicktipp-embed__email{grid-column:2;grid-row:1}.bl-klicktipp-embed.bl-inline-newsletter__form .bl-klicktipp-embed__submit{grid-column:1/-1;grid-row:2;width:100%;min-height:46px;border-color:#fff!important;background:#fff!important;color:#071634!important}.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-form-dsgvocheckbox{grid-column:1/-1;grid-row:3;margin-top:2px;color:rgba(255,255,255,.86)}.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-form-dsgvocheckbox label,.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-form-dsgvocheckbox label span,.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-form-dsgvocheckbox a{color:rgba(255,255,255,.86)!important}.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-form-dsgvocheckbox label span+span{color:rgba(255,255,255,.64)!important}.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-form-dsgvocheckbox a{text-decoration-color:rgba(255,255,255,.72)}.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-dsgvo-checkbox:checked{border-color:#fff;background:#fff}.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-dsgvo-checkbox:checked::before{border-color:#173b78}.bl-klicktipp-embed.bl-waitlist-modal__form{display:block;width:100%}@media(max-width:575.98px){.bl-klicktipp-embed.bl-inline-newsletter__form form{grid-template-columns:1fr}.bl-klicktipp-embed.bl-inline-newsletter__form .bl-klicktipp-embed__first-name{grid-column:1;grid-row:1}.bl-klicktipp-embed.bl-inline-newsletter__form .bl-klicktipp-embed__email{grid-column:1;grid-row:2}.bl-klicktipp-embed.bl-inline-newsletter__form .bl-klicktipp-embed__submit{grid-column:1;grid-row:3}.bl-klicktipp-embed.bl-inline-newsletter__form .ktv2-form-dsgvocheckbox{grid-column:1;grid-row:4}}
/* Split bonus presentation: explanation and value overview. */
.bl-bonus-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px;align-items:stretch}.bl-bonus-split>.bl-info-card{min-width:0;height:100%}.bl-bonus-split>.bl-info-card>.bl-info-card__body{height:100%;padding:clamp(26px,3vw,36px)}.bl-bonus-explainer .bl-info-card__header{padding-bottom:24px}.bl-bonus-checkpoints{margin-top:26px}.bl-bonus-checkpoints h3{margin:0 0 16px;color:var(--bl-text);font-size:14px;font-weight:600}.bl-bonus-checkpoints ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.bl-bonus-checkpoints li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:center}.bl-bonus-checkpoints li>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#eef3fb;color:#173b78;font-size:12px;font-weight:600}.bl-bonus-checkpoints li p{margin:0;color:var(--bl-text);font-size:13px;line-height:1.5}.bl-bonus-explainer__note{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;margin-top:28px;padding:15px;border-radius:9px;background:#f7f9fc;color:#173b78}.bl-bonus-explainer__note .bi{font-size:17px}.bl-bonus-explainer__note p{margin:0;color:var(--bl-text-soft);font-size:12px;line-height:1.55}.bl-bonus-overview__header{padding-bottom:20px}.bl-bonus-overview .bl-bonus-deal{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;margin:0 0 24px;padding:18px}.bl-bonus-overview .bl-bonus-deal__result{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:3px;padding:14px 0 0;border-top:1px solid #dfe5ee;border-left:0}.bl-bonus-overview .bl-bonus-deal__result span{grid-column:1}.bl-bonus-overview .bl-bonus-deal__result del{grid-column:2;grid-row:1}.bl-bonus-overview .bl-bonus-deal__result strong{grid-column:1/-1;margin-top:2px}.bl-bonus-overview .bl-bonus-list{grid-template-columns:1fr;gap:10px;margin-bottom:0}.bl-bonus-overview .bl-bonus-list__heading{padding:0 0 4px}.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product){display:flex;padding:14px;border:0;border-radius:8px;background:#fafbfd}.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product)>strong{justify-items:end}.bl-bonus-overview .bl-bonus-footer{align-items:stretch;flex-direction:column;margin-top:20px}.bl-bonus-overview .bl-bonus-footer .btn{width:100%;justify-content:center}.bl-bonus-overview .bl-bonus-footer p{max-width:none;margin:0}.bl-bonus-overview .bl-bonus-footer .disabled{display:flex;justify-content:center;width:100%}@media(max-width:1099.98px){.bl-bonus-split{grid-template-columns:1fr}.bl-bonus-split>.bl-info-card{height:auto}}@media(max-width:575.98px){.bl-bonus-split{gap:16px}.bl-bonus-split>.bl-info-card>.bl-info-card__body{padding:22px}.bl-bonus-overview .bl-bonus-deal{grid-template-columns:1fr 1fr}.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product){display:grid;padding:14px}.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product)>strong{justify-items:start}}
/* Keep the individual bonus cards next to each other. */
.bl-bonus-overview .bl-bonus-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.bl-bonus-overview .bl-bonus-list__heading{grid-column:1/-1}.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product){display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:10px;height:100%}.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product)>strong{align-self:start}@media(max-width:767.98px){.bl-bonus-overview .bl-bonus-list{grid-template-columns:1fr}}
/* Keep every bonus value in an aligned card footer. */
.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product){display:flex;overflow:hidden;flex-direction:column;gap:0;padding:0}
.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product)>div{box-sizing:border-box;flex:1;width:100%;padding:16px}
.bl-bonus-list__footer{display:flex;box-sizing:border-box;align-self:stretch;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:11px 16px;border-top:1px solid #e2e7ef;background:#f3f6fa}
.bl-bonus-list__footer span{color:#667085;font-size:11px;font-weight:500;line-height:1.2}
.bl-bonus-list__footer strong{color:var(--bl-primary,#193674);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap}

/* Homepage V3: restrained SaaS layout based on the supplied reference. */
.bl-home-v3{
  --bl-home-ink:#0d1b3b;
  --bl-home-blue:#193674;
  --bl-home-copy:#5f697a;
  --bl-home-line:#e5e9f0;
  --bl-home-soft:#f7f8fa;
  overflow:hidden;
  color:var(--bl-home-ink);
  background:#fff;
}
.bl-home-v3 .container{width:min(100%,1344px);max-width:1344px;padding-right:32px;padding-left:32px}
.bl-home-v3 .bl-home-section,
.bl-home-v3 .bl-home-proof,
.bl-home-v3 .bl-home-compare,
.bl-home-v3 .bl-home-facts,
.bl-home-v3 .bl-home-process,
.bl-home-v3 .bl-home-faq{padding:112px 0;background:#fff}
.bl-home-v3 .bl-home-section--soft,
.bl-home-v3 .bl-home-categories,
.bl-home-v3 .bl-home-blog,
.bl-home-v3 .bl-home-faq{background:var(--bl-home-soft)}
.bl-home-v3 .bl-home-section__eyebrow{margin:0 0 13px;color:var(--bl-home-blue);font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.bl-home-v3 .bl-home-section__head,
.bl-home-v3 .bl-home-section__split-head{position:relative;display:block;max-width:760px;margin:0 auto 48px;text-align:center}
.bl-home-v3 .bl-home-section__head h2,
.bl-home-v3 .bl-home-section__split-head h2,
.bl-home-v3 .bl-home-proof-panel h2,
.bl-home-v3 .bl-home-facts__intro h2{margin:0;color:var(--bl-home-ink);font-size:clamp(36px,3.5vw,54px);font-weight:600;letter-spacing:-.045em;line-height:1.04}
.bl-home-v3 .bl-home-section__head h2 strong,
.bl-home-v3 .bl-home-section__split-head h2 strong,
.bl-home-v3 .bl-home-proof-panel h2 strong,
.bl-home-v3 .bl-home-facts__intro h2 strong{font-weight:600}
.bl-home-v3 .bl-home-section__intro,
.bl-home-v3 .bl-home-section__head>p:last-child,
.bl-home-v3 .bl-home-section__split-head>div>p:last-child{max-width:650px;margin:17px auto 0;color:var(--bl-home-copy);font-size:15px;line-height:1.7}
.bl-home-v3 .btn{min-height:48px;padding:13px 24px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:none!important}
.bl-home-v3 .btn-primary{border-color:var(--bl-home-ink);background:var(--bl-home-ink)}
.bl-home-v3 .btn-primary:hover,.bl-home-v3 .btn-primary:focus{border-color:#17294f;background:#17294f}
.bl-home-v3 .btn-outline-dark,.bl-home-v3 .btn-secondary{border:1px solid var(--bl-home-line);color:var(--bl-home-ink);background:#fff}
.bl-home-v3 .btn-outline-dark:hover,.bl-home-v3 .btn-outline-dark:focus,.bl-home-v3 .btn-secondary:hover,.bl-home-v3 .btn-secondary:focus{border-color:#cfd6e2;color:var(--bl-home-ink);background:var(--bl-home-soft)}

.bl-home-v3 .bl-home-hero{position:relative;padding:82px 0 0;background:#fff}
.bl-home-v3 .bl-home-hero::before{display:none}
.bl-home-v3 .bl-home-hero__inner{position:relative;display:block;min-height:0;padding:0;text-align:center;background:transparent;box-shadow:none}
.bl-home-v3 .bl-home-hero__inner::before{display:none}
.bl-home-v3 .bl-home-hero__content{position:relative;z-index:2;max-width:940px;margin:0 auto}
.bl-home-v3 .bl-home-hero__brand-orb{display:grid;width:56px;height:56px;margin:0 auto 16px;border:1px solid #dbe2ec;border-radius:50%;color:#fff;background:var(--bl-home-blue);box-shadow:0 10px 28px rgba(25,54,116,.14);place-items:center}
.bl-home-v3 .bl-home-hero__brand-orb i{font-size:23px}
.bl-home-v3 .bl-home-hero__note{display:inline-flex;align-items:center;gap:8px;margin:0 auto 27px;padding:8px 14px;border:1px solid var(--bl-home-line);border-radius:999px;color:#4c596d;background:#fff;font-size:11px;font-weight:500;box-shadow:0 7px 24px rgba(13,27,59,.06)}
.bl-home-v3 .bl-home-hero__note>span{width:7px;height:7px;border-radius:50%;background:#2e63c5;box-shadow:0 0 0 4px #edf3ff}
.bl-home-v3 .bl-home-hero h1{max-width:900px;margin:0 auto;color:var(--bl-home-ink);font-size:clamp(52px,5.2vw,78px)!important;font-weight:600;letter-spacing:-.06em;line-height:.98}
.bl-home-v3 .bl-home-hero__highlight{display:inline-block;margin-top:5px;padding:3px 16px 8px;border:1px solid #edf0f5;border-radius:15px;color:inherit;background:#fff;box-shadow:0 16px 40px rgba(13,27,59,.09);transform:none}
.bl-home-v3 .bl-home-hero__text{max-width:690px;margin:27px auto 0;color:var(--bl-home-copy)!important;font-size:15px;line-height:1.7}
.bl-home-v3 .bl-home-actions{display:flex;justify-content:center;gap:10px;margin-top:27px}
.bl-home-v3 .bl-home-actions .btn{min-width:164px}
.bl-home-v3 .bl-home-hero__signals{position:absolute;inset:0;z-index:1;pointer-events:none}
.bl-home-v3 .bl-home-hero__signal{position:absolute;display:block;width:190px;padding:0;border:0;background:transparent;box-shadow:none}
.bl-home-v3 .bl-home-hero__signal img{display:block;width:100%;height:auto}
.bl-home-v3 .bl-home-hero__signal--left{top:190px;left:0}
.bl-home-v3 .bl-home-hero__signal--right{top:130px;right:0}
.bl-home-v3 .bl-home-hero__signal--lower{top:300px;right:40px}
.bl-home-v3 .bl-home-hero__visual--image{position:relative;z-index:2;width:min(100%,1120px);margin:96px auto 0}
.bl-home-v3 .bl-home-hero-mockup-image{overflow:hidden;margin:0;border:1px solid var(--bl-home-line);border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(13,27,59,.09)}
.bl-home-v3 .bl-home-hero-mockup-image img{display:block;width:100%;height:auto}
.bl-home-v3 .bl-home-hero__press{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:36px;margin:46px auto 0;padding:0 0 54px}
.bl-home-v3 .bl-home-hero__press-label{color:#6d7787;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.bl-home-v3 .bl-home-hero__press-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:42px}
.bl-home-v3 .bl-home-hero__press-logo{display:flex;align-items:center;justify-content:center;height:34px;filter:grayscale(1) contrast(.7) sepia(.1) hue-rotate(178deg) saturate(1.8)}
.bl-home-v3 .bl-home-hero__press-logo img{display:block;max-width:100%;max-height:32px;width:auto;height:auto;object-fit:contain}

.bl-home-v3 .bl-home-proof{border-top:1px solid var(--bl-home-line);border-bottom:1px solid var(--bl-home-line)}
.bl-home-v3 .bl-home-proof-panel{display:block;padding:0;background:transparent;box-shadow:none}
.bl-home-v3 .bl-home-proof-panel>div:first-child{max-width:720px;margin:0 auto 52px;text-align:center}
.bl-home-v3 .bl-home-proof-panel>div:first-child>p:last-child{max-width:650px;margin:17px auto 0;color:var(--bl-home-copy);font-size:15px;line-height:1.7}
.bl-home-v3 .bl-home-proof-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--bl-home-line)}
.bl-home-v3 .bl-home-proof-list article{display:block;min-width:0;padding:40px 42px 0;border:0;border-right:1px solid var(--bl-home-line);border-radius:0;background:transparent;box-shadow:none;text-align:center}
.bl-home-v3 .bl-home-proof-list article:last-child{border-right:0}
.bl-home-v3 .bl-home-proof-graphic{display:grid;width:100%;height:156px;margin:0 auto 28px;place-items:center}
.bl-home-v3 .bl-home-proof-graphic img{display:block;width:auto!important;max-width:100%!important;height:156px!important;max-height:156px;object-fit:contain}
.bl-home-v3 .bl-home-proof-list h3{margin:0 0 10px;color:var(--bl-home-ink);font-size:16px;font-weight:600}
.bl-home-v3 .bl-home-proof-list p{max-width:300px;margin:0 auto;color:var(--bl-home-copy);font-size:13px;line-height:1.65}

.bl-home-v3 .bl-home-compare{background:#fff}
.bl-home-v3 .bl-home-compare__panel{padding:0;background:transparent;box-shadow:none}
.bl-home-v3 .bl-home-insight{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:76px}
.bl-home-v3 .bl-home-insight__copy{padding:0}
.bl-home-v3 .bl-home-insight__copy h3{margin:0 0 12px;color:var(--bl-home-ink);font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.bl-home-v3 .bl-home-insight__copy>p{margin:0;color:var(--bl-home-copy);font-size:14px;line-height:1.7}
.bl-home-v3 .bl-home-insight__metrics{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0 0;padding:28px 0;border-top:1px solid var(--bl-home-line);border-bottom:1px solid var(--bl-home-line)}
.bl-home-v3 .bl-home-insight__metrics div{display:grid;gap:5px}
.bl-home-v3 .bl-home-insight__metrics strong{color:var(--bl-home-ink);font-size:34px;font-weight:600;letter-spacing:-.04em}
.bl-home-v3 .bl-home-insight__metrics span{color:var(--bl-home-copy);font-size:12px;line-height:1.45}
.bl-home-v3 .bl-home-insight__checks{display:grid;gap:12px;margin:27px 0 29px;padding:0;list-style:none}
.bl-home-v3 .bl-home-insight__checks li{display:flex;align-items:center;gap:9px;color:#354157;font-size:13px}
.bl-home-v3 .bl-home-insight__checks i{color:var(--bl-home-blue);font-size:16px}
.bl-home-v3 .bl-home-insight__visual{overflow:hidden;margin:0;border:1px solid var(--bl-home-line);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(13,27,59,.07)}
.bl-home-v3 .bl-home-insight__visual img{display:block;width:100%;height:auto;border:0;border-radius:0}

.bl-home-v3 .bl-home-facts{padding:78px 0}
.bl-home-v3 .bl-home-facts__panel{display:grid;grid-template-columns:1.2fr 2.8fr;align-items:center;padding:40px 0;border-top:1px solid var(--bl-home-line);border-bottom:1px solid var(--bl-home-line);background:transparent;box-shadow:none}
.bl-home-v3 .bl-home-facts__intro{padding-right:44px;border-right:1px solid var(--bl-home-line)}
.bl-home-v3 .bl-home-facts__intro h2{font-size:28px}
.bl-home-v3 .bl-home-facts__intro .bl-home-section__intro{display:block;margin-top:10px;color:var(--bl-home-copy);font-size:12px}
.bl-home-v3 .bl-home-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.bl-home-v3 .bl-home-fact{display:grid;gap:7px;padding:8px 28px;border-right:1px solid var(--bl-home-line);background:transparent;text-align:center}
.bl-home-v3 .bl-home-fact:last-child{border-right:0}
.bl-home-v3 .bl-home-fact>strong{color:var(--bl-home-blue);font-size:38px;font-weight:600;letter-spacing:-.05em}
.bl-home-v3 .bl-home-fact>span{color:#354157;font-size:12px;font-weight:500}

.bl-home-v3 .bl-home-section__split-head>.btn,
.bl-home-v3 .bl-home-section__actions{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:10px}
.bl-home-v3 .bl-home-category-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bl-home-v3 .bl-home-category-list>a,
.bl-home-v3 .bl-home-category-list>a:nth-child(n){overflow:hidden;min-height:0;border:1px solid var(--bl-home-line);border-radius:16px;background:#fff;box-shadow:none;transform:none}
.bl-home-v3 .bl-home-category-list>a:hover,.bl-home-v3 .bl-home-category-list>a:focus-visible{border-color:#cbd4e1;box-shadow:0 16px 38px rgba(13,27,59,.06);transform:none}
.bl-home-v3 .bl-home-category-list__media{display:block;height:auto;aspect-ratio:16/8;background-image:linear-gradient(rgba(13,27,59,.06),rgba(13,27,59,.06)),var(--bl-category-image);background-position:center;background-size:cover}
.bl-home-v3 .bl-home-category-list__content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}
.bl-home-v3 .bl-home-category-list strong{color:var(--bl-home-ink);font-size:14px;font-weight:600}
.bl-home-v3 .bl-home-category-list small{color:var(--bl-home-copy);font-size:11px;white-space:nowrap}

.bl-home-v3 .bl-home-slider{position:relative}
.bl-home-v3 .bl-home-slider__viewport{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.bl-home-v3 .bl-home-slider__viewport::-webkit-scrollbar{display:none}
.bl-home-v3 .bl-home-slider__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px}
.bl-home-v3 .bl-home-slider__track>*{min-width:0;scroll-snap-align:start}
.bl-home-v3 .bl-home-slider__controls{display:flex;gap:7px}
.bl-home-v3 .bl-home-slider__controls button{display:grid;width:42px;height:42px;padding:0;border:1px solid var(--bl-home-line);border-radius:50%;color:var(--bl-home-ink);background:#fff;box-shadow:none;place-items:center}
.bl-home-v3 .bl-home-slider__controls button:hover{border-color:#cbd4e1;background:var(--bl-home-soft)}
.bl-home-v3 .bl-archive-card,.bl-home-v3 .bl-home-review-card,.bl-home-v3 .bl-home-blog-card{overflow:hidden;height:100%;border:1px solid var(--bl-home-line);border-radius:16px;background:#fff;box-shadow:none}

.bl-home-v3 .bl-home-process__panel{padding:0;background:transparent;box-shadow:none}
.bl-home-v3 .bl-home-process__visual{overflow:hidden;max-width:1120px;margin:0 auto 54px;border:1px solid var(--bl-home-line);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(13,27,59,.07)}
.bl-home-v3 .bl-home-process__visual img{display:block;width:100%;height:auto;border:0;border-radius:0}
.bl-home-v3 .bl-home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--bl-home-line)}
.bl-home-v3 .bl-home-step{padding:34px 38px 0;border:0;border-right:1px solid var(--bl-home-line);background:transparent;text-align:center}
.bl-home-v3 .bl-home-step:last-child{border-right:0}
.bl-home-v3 .bl-home-step>span{display:block;margin-bottom:15px;color:var(--bl-home-blue);font-size:12px;font-weight:600;letter-spacing:.12em}
.bl-home-v3 .bl-home-step h3{margin:0 0 9px;color:var(--bl-home-ink);font-size:16px;font-weight:600}
.bl-home-v3 .bl-home-step p{max-width:300px;margin:0 auto;color:var(--bl-home-copy);font-size:13px;line-height:1.65}

.bl-home-v3 .bl-home-faq-list{max-width:880px;margin:0 auto;border-top:1px solid var(--bl-home-line)}
.bl-home-v3 .bl-home-faq-item{margin:0;border:0;border-bottom:1px solid var(--bl-home-line);border-radius:0;background:transparent;box-shadow:none}
.bl-home-v3 .bl-home-faq-item h3 button{padding:23px 0;color:var(--bl-home-ink);font-size:15px;font-weight:600;background:transparent}
.bl-home-v3 .bl-home-faq-item .accordion-body{padding:0 0 24px;color:var(--bl-home-copy);font-size:14px;line-height:1.7}

@media(max-width:1199.98px){
  .bl-home-v3 .bl-home-hero__signals{display:none}
  .bl-home-v3 .bl-home-slider__track{grid-auto-columns:calc((100% - 40px)/3)}
  .bl-home-v3 .bl-home-insight{gap:44px}
}
@media(max-width:991.98px){
  .bl-home-v3 .container{padding-right:24px;padding-left:24px}
  .bl-home-v3 .bl-home-section,.bl-home-v3 .bl-home-proof,.bl-home-v3 .bl-home-compare,.bl-home-v3 .bl-home-process,.bl-home-v3 .bl-home-faq{padding:88px 0}
  .bl-home-v3 .bl-home-insight{grid-template-columns:1fr}
  .bl-home-v3 .bl-home-insight__copy{max-width:620px;margin:0 auto;text-align:center}
  .bl-home-v3 .bl-home-insight__checks{display:inline-grid;text-align:left}
  .bl-home-v3 .bl-home-insight__copy .btn{display:table;margin:0 auto}
  .bl-home-v3 .bl-home-facts__panel{grid-template-columns:1fr}
  .bl-home-v3 .bl-home-facts__intro{padding:0 0 28px;border-right:0;border-bottom:1px solid var(--bl-home-line);text-align:center}
  .bl-home-v3 .bl-home-facts__grid{padding-top:28px}
  .bl-home-v3 .bl-home-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-home-v3 .bl-home-slider__track{grid-auto-columns:calc((100% - 20px)/2)}
}
@media(max-width:767.98px){
  .bl-home-v3 .container{padding-right:18px;padding-left:18px}
  .bl-home-v3 .bl-home-section,.bl-home-v3 .bl-home-proof,.bl-home-v3 .bl-home-compare,.bl-home-v3 .bl-home-process,.bl-home-v3 .bl-home-faq{padding:72px 0}
  .bl-home-v3 .bl-home-section__head,.bl-home-v3 .bl-home-section__split-head{margin-bottom:36px}
  .bl-home-v3 .bl-home-section__head h2,.bl-home-v3 .bl-home-section__split-head h2,.bl-home-v3 .bl-home-proof-panel h2,.bl-home-v3 .bl-home-facts__intro h2{font-size:34px}
  .bl-home-v3 .bl-home-hero{padding-top:56px}
  .bl-home-v3 .bl-home-hero__brand-orb{width:48px;height:48px;margin-bottom:13px}
  .bl-home-v3 .bl-home-hero__note{margin-bottom:21px;padding:7px 11px;font-size:10px}
  .bl-home-v3 .bl-home-hero h1{font-size:clamp(40px,11.2vw,50px)!important;line-height:1.01}
  .bl-home-v3 .bl-home-hero__highlight{padding:2px 9px 5px;border-radius:11px}
  .bl-home-v3 .bl-home-hero__text{margin-top:22px;font-size:13px;line-height:1.65}
  .bl-home-v3 .bl-home-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;margin-top:23px}
  .bl-home-v3 .bl-home-actions .btn{min-width:0;padding-right:12px;padding-left:12px}
  .bl-home-v3 .bl-home-hero__visual--image{width:calc(100% + 12px);margin-top:48px;margin-left:-6px}
  .bl-home-v3 .bl-home-hero-mockup-image{border-radius:14px;box-shadow:0 18px 48px rgba(13,27,59,.08)}
  .bl-home-v3 .bl-home-hero__press{display:block;margin-top:30px;padding-bottom:42px}
  .bl-home-v3 .bl-home-hero__press-label{display:block;margin-bottom:18px;text-align:center}
  .bl-home-v3 .bl-home-hero__press-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
  .bl-home-v3 .bl-home-hero__press-logo{height:24px}
  .bl-home-v3 .bl-home-hero__press-logo img{max-height:22px}
  .bl-home-v3 .bl-home-proof-panel>div:first-child{margin-bottom:36px}
  .bl-home-v3 .bl-home-proof-list{grid-template-columns:1fr}
  .bl-home-v3 .bl-home-proof-list article{padding:28px 12px;border-right:0;border-bottom:1px solid var(--bl-home-line)}
  .bl-home-v3 .bl-home-proof-list article:last-child{border-bottom:0}
  .bl-home-v3 .bl-home-insight__metrics{gap:16px}
  .bl-home-v3 .bl-home-facts{padding:52px 0}
  .bl-home-v3 .bl-home-facts__grid{grid-template-columns:1fr 1fr}
  .bl-home-v3 .bl-home-fact{padding:16px 8px}
  .bl-home-v3 .bl-home-fact:nth-child(2){border-right:0}
  .bl-home-v3 .bl-home-fact:nth-child(-n+2){border-bottom:1px solid var(--bl-home-line)}
  .bl-home-v3 .bl-home-fact>strong{font-size:32px}
  .bl-home-v3 .bl-home-section__split-head>.btn,.bl-home-v3 .bl-home-section__actions{position:static;justify-content:center;margin-top:20px}
  .bl-home-v3 .bl-home-category-list{grid-template-columns:1fr;gap:12px}
  .bl-home-v3 .bl-home-category-list__media{aspect-ratio:16/6}
  .bl-home-v3 .bl-home-slider__track{grid-auto-columns:86%;gap:14px}
  .bl-home-v3 .bl-home-process__visual{margin-bottom:36px;border-radius:14px}
  .bl-home-v3 .bl-home-steps{grid-template-columns:1fr}
  .bl-home-v3 .bl-home-step{padding:28px 12px;border-right:0;border-bottom:1px solid var(--bl-home-line)}
  .bl-home-v3 .bl-home-step:last-child{border-bottom:0}
}

/* Keep the V3 hero independent from the former homepage experiment below. */
.bl-home-v3 .bl-home-hero{isolation:auto;overflow:visible!important;z-index:1;padding:82px 0 0!important;background:#fff!important;background-image:none!important}
.bl-home-v3 .bl-home-hero::before{display:none!important;content:none!important}
.bl-home-v3 .bl-home-hero__inner{padding:0!important}
.bl-home-v3 .bl-home-hero__inner::before{top:56px;bottom:40px;display:block!important;background:rgba(25,54,116,.06)!important}
.bl-home-v3 .bl-home-hero__brand-orb{border:1px solid #dbe2ec!important;background:var(--bl-home-blue)!important;box-shadow:0 10px 28px rgba(25,54,116,.14)!important}
.bl-home-v3 .bl-home-hero__content{max-width:940px!important;text-align:center!important}
.bl-home-v3 .bl-home-hero__visual--image{margin-bottom:-120px!important}
.bl-home-v3 .bl-home-hero-mockup-image{aspect-ratio:auto!important}
.bl-home-v3 .bl-home-hero + .bl-home-proof{position:relative;z-index:2;padding-top:88px!important;background:#fff}
@media(max-width:767.98px){.bl-home-v3 .bl-home-hero{padding-top:56px!important}.bl-home-v3 .bl-home-hero__content{text-align:center!important}.bl-home-v3 .bl-home-hero__visual--image{width:calc(100% + 12px)!important;margin:64px 0 -44px -6px!important}.bl-home-v3 .bl-home-hero + .bl-home-proof{padding-top:72px!important}.bl-home-v3 .bl-home-hero .bl-home-actions{grid-template-columns:1fr 1fr}.bl-home-v3 .bl-home-hero .bl-home-actions .btn{border-radius:999px}}

.bl-home-v3 .bl-home-section__head,.bl-home-v3 .bl-home-section__split-head{display:block!important;max-width:760px!important;margin:0 auto 48px!important;text-align:center!important}
.bl-home-v3 .bl-home-section__head h2,.bl-home-v3 .bl-home-section__split-head h2,.bl-home-v3 .bl-home-section__head p,.bl-home-v3 .bl-home-section__split-head>div{margin-right:auto!important;margin-left:auto!important;text-align:center!important}
.bl-home-v3 .bl-home-section__split-head>.btn,.bl-home-v3 .bl-home-section__actions{position:static!important;justify-content:center!important;margin-top:20px!important}
.bl-home-v3 .bl-home-compare{background:#fff!important}
.bl-home-v3 .bl-home-category-list__media{aspect-ratio:16/6!important}
.bl-home-v3 .bl-home-slider__track{grid-template-columns:none!important}
.bl-home-v3 .bl-home-slider__track>.col-md-6{width:100%!important;max-width:none!important;padding-right:0!important;padding-left:0!important}
.bl-home-v3 .bl-home-slider .bl-archive-card{height:100%!important;box-shadow:none!important}
.bl-home-v3 .bl-home-slider .bl-archive-card__media{height:178px!important;min-height:178px!important}
.bl-home-v3 .bl-home-slider .bl-archive-card__image{width:100%!important;height:100%!important;object-fit:cover!important}
.bl-home-v3 .bl-home-slider .bl-archive-card__body{padding:20px!important}
.bl-home-v3 .bl-home-slider .bl-archive-card__title{font-size:18px!important;line-height:1.2!important}
.bl-home-v3 .bl-home-slider .bl-archive-card__excerpt{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;font-size:13px!important;line-height:1.55!important}
@media(max-width:767.98px){.bl-home-v3 .bl-home-section__head,.bl-home-v3 .bl-home-section__split-head{margin-bottom:36px!important}.bl-home-v3 .bl-home-section__head h2,.bl-home-v3 .bl-home-section__split-head h2{font-size:34px!important}.bl-home-v3 .bl-home-section__split-head>.btn,.bl-home-v3 .bl-home-section__actions{position:static!important;justify-content:center!important;margin-top:20px!important}.bl-home-v3 .bl-home-category-list{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.bl-home-v3 .bl-home-category-list::-webkit-scrollbar{display:none}.bl-home-v3 .bl-home-category-list>a,.bl-home-v3 .bl-home-category-list>a:nth-child(n){grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;scroll-snap-align:start}.bl-home-v3 .bl-home-slider .bl-archive-card__media{height:190px!important;min-height:190px!important}}
/* Match the visual gap above the bonus cards to the insight cards above. */
.bl-review-after-content--bonus{margin-top:14px}

/* Continue the light hero background behind the final bonus area up to the footer. */
.bl-review-bonus-region {
  margin-top: 28px;
  padding-top: clamp(48px, 6vw, 76px);
  padding-bottom: clamp(48px, 6vw, 76px);
  background: #f9fbff;
}

.bl-review-bonus-region .bl-review-after-content--bonus {
  margin: 0;
}

@media (max-width: 575.98px) {
  .bl-review-bonus-region {
    margin-top: 24px;
    padding-top: 44px;
    padding-bottom: 44px;
  }
}
/* Clean About-page media card aligned with the core card system. */
html body .bl-about-page .bl-about-press{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,64px);padding:clamp(32px,4vw,48px);border:0;border-radius:12px;background:#fff;box-shadow:0 18px 48px rgba(15,35,72,.07)}
html body .bl-about-page .bl-about-press::before,html body .bl-about-page .bl-about-press::after{display:none}
html body .bl-about-page .bl-about-press__head h2{max-width:620px;margin:0 0 16px;font-size:clamp(32px,3.2vw,46px);line-height:1.1}
html body .bl-about-page .bl-about-press__head p{max-width:620px;font-size:15px;line-height:1.75}
html body .bl-about-page .bl-about-press__list{gap:12px}
html body .bl-about-page .bl-about-press-card{grid-template-columns:48px minmax(0,1fr) 28px;grid-template-rows:auto auto auto;gap:4px 16px;min-height:0;padding:18px 18px;border:1px solid #e5e9f0;border-radius:10px;background:#f7f9fc;box-shadow:none;transform:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
html body .bl-about-page .bl-about-press-card::before{grid-column:1;grid-row:1/span 3;align-self:center;width:40px;height:40px;border-radius:8px;background:#eaf0fa;color:#173b79}
html body .bl-about-page .bl-about-press-card span,html body .bl-about-page .bl-about-press-card strong,html body .bl-about-page .bl-about-press-card small{grid-column:2;min-width:0}
html body .bl-about-page .bl-about-press-card span{grid-row:1;color:#667085;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
html body .bl-about-page .bl-about-press-card strong{grid-row:2;font-size:17px;line-height:1.35}
html body .bl-about-page .bl-about-press-card small{grid-row:3;color:#667085;font-size:12px}
html body .bl-about-page .bl-about-press-card>i{grid-column:3;grid-row:1/span 3;align-self:center;justify-self:end;color:#173b79;font-size:16px;transition:transform .18s ease}
html body .bl-about-page .bl-about-press-card:hover,html body .bl-about-page .bl-about-press-card:focus-visible{border-color:#cdd7e7;background:#fff;box-shadow:none;transform:translateY(-2px);outline:0}
html body .bl-about-page .bl-about-press-card:hover>i,html body .bl-about-page .bl-about-press-card:focus-visible>i{transform:translateX(3px)}
@media(max-width:900px){html body .bl-about-page .bl-about-press{grid-template-columns:1fr;gap:28px;padding:28px 24px}html body .bl-about-page .bl-about-press__head h2{font-size:clamp(30px,8vw,40px)}}
@media(max-width:575.98px){html body .bl-about-page .bl-about-press{padding:24px 18px}html body .bl-about-page .bl-about-press-card{grid-template-columns:40px minmax(0,1fr) 22px;gap:4px 12px;padding:16px 14px}html body .bl-about-page .bl-about-press-card::before{width:36px;height:36px}html body .bl-about-page .bl-about-press-card strong{font-size:16px}}
/* Founder image card with bottom-left overlay. */
html body .bl-about-page .bl-about-media-card{position:relative;min-height:420px;border-radius:12px;background:#0b1730;box-shadow:0 18px 48px rgba(15,35,72,.1)}
html body .bl-about-page .bl-about-note-card{border-radius:12px}
html body .bl-about-page .bl-about-founder-spotlight{position:relative;display:flex;min-height:420px;margin:0;padding:0;align-items:flex-end;overflow:hidden}
html body .bl-about-page .bl-about-founder-spotlight::after{content:"";position:absolute;inset:28% 0 0;z-index:1;background:linear-gradient(180deg,rgba(5,12,25,0) 0%,rgba(5,12,25,.78) 68%,rgba(5,12,25,.94) 100%);pointer-events:none}
html body .bl-about-page .bl-about-founder-spotlight__image{position:absolute;inset:0;display:block;aspect-ratio:auto;border-radius:0;background:#0b1730}
html body .bl-about-page .bl-about-founder-spotlight__image img,html body .bl-about-page .bl-about-media-card img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
html body .bl-about-page .bl-about-founder-spotlight__body{position:relative;z-index:2;display:grid;width:100%;gap:5px;padding:28px 26px;color:#fff}
html body .bl-about-page .bl-about-founder-spotlight__body span{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
html body .bl-about-page .bl-about-founder-spotlight__body strong{color:#fff;font-size:24px;line-height:1.2}
html body .bl-about-page .bl-about-founder-spotlight__body p{max-width:32ch;margin:2px 0 0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.55}
@media(max-width:575.98px){html body .bl-about-page .bl-about-media-card,html body .bl-about-page .bl-about-founder-spotlight{min-height:380px}html body .bl-about-page .bl-about-founder-spotlight__body{padding:24px 20px}}

/* Premium generated homepage hero inspired by layered editorial SaaS layouts. */
.bl-home-hero {
  isolation: isolate;
  padding: 0 0 18px;
  background:
    radial-gradient(circle at 50% 8%, rgba(16, 35, 79, .08) 0 7%, rgba(16, 35, 79, .035) 30%, transparent 56%),
    #fff;
}

.bl-home-hero::before {
  position: absolute;
  inset: 0 auto auto 50%;
  z-index: -1;
  width: min(860px, 76vw);
  height: 72%;
  background: linear-gradient(180deg, rgba(16, 35, 79, .06), rgba(16, 35, 79, 0));
  clip-path: polygon(28% 0, 72% 0, 100% 100%, 0 100%);
  content: "";
  transform: translateX(-50%);
  pointer-events: none;
}

.bl-home-hero__inner {
  position: relative;
  gap: 14px;
  overflow: visible;
  padding: clamp(34px, 4vw, 52px) clamp(24px, 5vw, 68px) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-hero__inner::before {
  position: absolute;
  top: 68px;
  bottom: 132px;
  left: 50%;
  z-index: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(16, 35, 79, .16), rgba(16, 35, 79, .02));
  content: "";
  transform: translateX(-50%);
  pointer-events: none;
}

.bl-home-hero__content,
.bl-home-hero__visual--image,
.bl-home-hero__assurance {
  position: relative;
  z-index: 1;
}

.bl-home-hero__content {
  max-width: 980px;
  margin: 0 auto;
}

.bl-home-hero h1 {
  color: #08152d;
}

.bl-home-hero__note {
  gap: 8px;
  margin-bottom: 24px;
  padding: 7px 13px;
  border: 1px solid rgba(16, 35, 79, .14);
  background: #fff;
  color: #10234f;
  font-size: 11px;
  box-shadow: 0 10px 30px rgba(16, 35, 79, .08);
}

.bl-home-hero__note > span {
  display: block;
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #2c65d8;
  box-shadow: 0 0 0 4px rgba(44, 101, 216, .11);
}

.bl-home-hero h1 {
  max-width: 900px;
  font-size: clamp(50px, 5.4vw, 72px);
  line-height: .98;
  letter-spacing: -.048em;
}

.bl-home-hero__highlight {
  display: inline-block;
  margin-top: .08em;
  padding: .04em .2em .1em;
  border-radius: .28em;
  background: rgba(255, 255, 255, .96);
  color: #08152d;
  box-shadow: 0 16px 34px rgba(16, 35, 79, .12);
  transform: none;
}

.bl-home-hero__text {
  max-width: 700px;
  margin-top: 24px;
  color: #475467 !important;
  font-size: 16px;
}

.bl-home-hero .bl-home-hero__note {
  color: #10234f !important;
}

.bl-home-hero .bl-home-actions {
  margin-top: 30px;
}

.bl-home-hero .bl-home-actions .btn {
  min-width: 170px;
  min-height: 48px;
  border-radius: 999px;
}

.bl-home-hero .bl-home-actions .btn-primary {
  border-color: #0e1526 !important;
  background: #0e1526 !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(16, 35, 79, .18);
}

.bl-home-hero .bl-home-actions .btn-primary:hover,
.bl-home-hero .bl-home-actions .btn-primary:focus {
  border-color: #193674 !important;
  background: #193674 !important;
  color: #fff !important;
}

.bl-home-hero .bl-home-actions .btn-outline-dark {
  border-color: #cfd6e2 !important;
  background: #fff !important;
  color: #10234f !important;
  box-shadow: 0 10px 24px rgba(16, 35, 79, .07);
}

.bl-home-hero .bl-home-actions .btn-outline-dark:hover,
.bl-home-hero .bl-home-actions .btn-outline-dark:focus {
  border-color: #10234f !important;
  background: #f2f4f7 !important;
  color: #10234f !important;
}

html[data-bl-a11y-contrast="true"] .bl-home-hero .bl-home-hero__note,
html[data-bl-a11y-contrast="true"] .bl-home-hero .bl-home-hero__text {
  color: #08152d !important;
}

.bl-home-hero__visual--image {
  display: block;
  width: min(920px, 94%);
  min-height: 0 !important;
  margin-top: 8px;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-hero-mockup-image,
.bl-home-hero-mockup-image img {
  display: block;
  width: 100%;
}

.bl-home-hero-mockup-image {
  aspect-ratio: 16 / 9;
  overflow: visible;
  mix-blend-mode: normal;
}

.bl-home-hero-mockup-image img {
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 28px 36px rgba(16, 35, 79, .14));
}

.bl-home-hero__press {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(1040px, 100%);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  margin: -18px auto 0;
  padding: 19px 24px;
}

.bl-home-hero__press-label {
  color: #667085;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bl-home-hero__press-logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
}

.bl-home-hero__press-logo {
  display: grid;
  min-width: 0;
  min-height: 42px;
  place-items: center;
  opacity: .74;
}

.bl-home-hero__press-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 30px;
  object-fit: contain;
  filter: grayscale(1) contrast(1.12) opacity(.9);
  mix-blend-mode: multiply;
}

.bl-home-hero__press-logo--founders img {
  height: 34px;
}

.bl-home-hero__press-logo--street img {
  height: 50px;
}

.bl-home-hero__press-logo--wirtschaft img {
  height: 42px;
}

.bl-home-hero__assurance {
  display: grid;
  width: 100%;
  justify-items: center;
  gap: 16px;
  margin-top: 22px;
  padding: 0;
  border-top: 0;
  color: #667085;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.bl-home-hero__assurance strong {
  color: #10234f;
  font-size: 13px;
  font-weight: 600;
}

.bl-home-hero__assurance > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 30px;
}

.bl-home-hero__assurance span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.bl-home-hero__assurance i {
  color: #193674;
  font-size: 14px;
}

@media (max-width: 575.98px) {
  .bl-home-hero {
    padding: 0 0 42px;
  }

  .bl-home-hero::before {
    width: 140vw;
    height: 60%;
  }

  .bl-home-hero__inner {
    gap: 8px;
    padding: 28px 18px 0;
    border: 0;
    border-radius: 0;
  }

  .bl-home-hero__content {
    text-align: center;
  }

  .bl-home-hero__inner::before {
    top: 54px;
    bottom: 150px;
  }

  .bl-home-hero__note {
    max-width: 100%;
    margin-bottom: 18px;
    font-size: 11px;
  }

  .bl-home-hero h1 {
    font-size: clamp(38px, 11vw, 48px);
    line-height: 1;
  }

  .bl-home-hero__highlight {
    display: block;
    width: fit-content;
    margin: .14em auto 0;
    border-radius: .32em;
    transform: none;
  }

  .bl-home-hero__text {
    margin-top: 20px;
    font-size: 14px;
  }

  .bl-home-hero .bl-home-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .bl-home-hero .bl-home-actions .btn {
    width: 100%;
  }

  .bl-home-hero__visual--image {
    width: calc(100% + 24px);
    min-height: 0 !important;
    margin: 4px -12px 0;
  }

  .bl-home-hero-mockup-image {
    aspect-ratio: 16 / 11;
  }

  .bl-home-hero__press {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: -4px;
    padding: 18px 0;
  }

  .bl-home-hero__press-label {
    text-align: center;
  }

  .bl-home-hero__press-logos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 4px;
  }

  .bl-home-hero__press-logo {
    min-height: 32px;
  }

  .bl-home-hero__press-logo img {
    max-width: 68px;
    height: 18px;
  }

  .bl-home-hero__press-logo--founders img {
    max-width: 70px;
    height: 20px;
  }

  .bl-home-hero__press-logo--street img {
    max-width: 60px;
    height: 28px;
  }

  .bl-home-hero__press-logo--wirtschaft img {
    max-width: 64px;
    height: 24px;
  }

  .bl-home-hero__assurance {
    display: grid;
    justify-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 0 4px;
  }

  .bl-home-hero__assurance > div {
    justify-content: center;
    gap: 9px 16px;
  }
}

/* Homepage section heading system inspired by the compact reference hierarchy. */
.bl-home-page .bl-home-section__head,
.bl-home-page .bl-home-facts__intro,
.bl-home-page .bl-home-section__split-head > div:first-child {
  text-align: center;
}

.bl-home-page .bl-home-section__head,
.bl-home-page .bl-home-facts__intro {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}

.bl-home-page .bl-home-section__eyebrow {
  display: inline-flex;
  width: fit-content;
  min-height: 28px;
  margin: 0 0 14px;
  padding: 6px 12px;
  align-items: center;
  align-self: center;
  justify-content: center;
  justify-self: center;
  border: 1px solid #e2e7ef;
  border-radius: 999px;
  background: #fff;
  color: #667085;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: 0 8px 20px rgba(16, 35, 79, .05);
}

.bl-home-page .bl-home-section__head h2,
.bl-home-page .bl-home-facts__intro h2,
.bl-home-page .bl-home-section__split-head h2,
.bl-home-page .bl-home-proof-panel h2 {
  margin: 0;
  color: #111827;
  font-size: clamp(34px, 3.3vw, 48px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.bl-home-page .bl-home-section__head h2 strong,
.bl-home-page .bl-home-facts__intro h2 strong,
.bl-home-page .bl-home-section__split-head h2 strong,
.bl-home-page .bl-home-proof-panel h2 strong {
  font-weight: 700;
}

.bl-home-page .bl-home-section__intro {
  display: block;
  max-width: 620px;
  margin: 12px auto 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.6;
}

.bl-home-page .bl-home-section__split-head {
  position: relative;
  display: flex;
  min-height: 108px;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}

.bl-home-page .bl-home-section__split-head > div:first-child {
  max-width: 720px;
  margin: 0 auto;
}

.bl-home-page .bl-home-section__split-head > .btn,
.bl-home-page .bl-home-section__split-head > .bl-home-section__actions {
  position: absolute;
  right: 0;
  bottom: 0;
}

.bl-home-page .bl-home-proof-panel > div:first-child > p:not(.bl-home-section__eyebrow) {
  margin-top: 16px;
}

.bl-home-page .bl-home-proof-panel h2 {
  color: #fff;
}

.bl-home-page .bl-home-proof-panel .bl-home-section__eyebrow {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .82) !important;
  box-shadow: none;
}

@media (max-width: 767.98px) {
  .bl-home-page .bl-home-section__split-head {
    min-height: 0;
    align-items: center;
    flex-direction: column;
    gap: 18px;
  }

  .bl-home-page .bl-home-section__split-head > .btn,
  .bl-home-page .bl-home-section__split-head > .bl-home-section__actions {
    position: static;
  }

  .bl-home-page .bl-home-section__head h2,
  .bl-home-page .bl-home-facts__intro h2,
  .bl-home-page .bl-home-section__split-head h2,
  .bl-home-page .bl-home-proof-panel h2 {
    font-size: clamp(30px, 9vw, 38px);
  }
}

/* Final mobile hero overrides must remain after the homepage source-order layers. */
@media (max-width: 575.98px) {
  .bl-home-hero {
    padding-bottom: 18px;
  }

  .bl-home-hero__inner {
    gap: 0;
    padding: 22px 10px 0;
  }

  .bl-home-hero__inner::before {
    display: block;
    top: 42px;
    bottom: 96px;
    background: linear-gradient(180deg, rgba(16, 35, 79, .2), rgba(16, 35, 79, .035));
    opacity: .5;
  }

  .bl-home-hero__brand-orb {
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    border-width: 5px;
    font-size: 18px;
  }

  .bl-home-hero__note {
    margin-bottom: 16px;
    padding: 6px 10px;
    font-size: 10px;
    box-shadow: 0 6px 16px rgba(16, 35, 79, .06);
  }

  .bl-home-hero h1 {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    font-size: 32px;
    line-height: 1.03;
    letter-spacing: -.05em;
  }

  .bl-home-hero__highlight {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin-top: .12em;
    padding: .05em .16em .09em;
    border: 1px solid rgba(16, 35, 79, .06);
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(16, 35, 79, .08);
  }

  .bl-home-hero__text {
    max-width: 342px;
    margin: 16px auto 0;
    font-size: 13px;
    line-height: 1.55;
  }

  .bl-home-hero .bl-home-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 20px;
  }

  .bl-home-hero .bl-home-actions .btn {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 9px;
    font-size: 11px;
  }

  .bl-home-hero__visual--image {
    width: calc(100% + 12px);
    margin: 18px -6px 0;
  }

  .bl-home-hero-mockup-image {
    aspect-ratio: 16 / 10.5;
  }

  .bl-home-hero-mockup-image img {
    filter: drop-shadow(0 18px 24px rgba(16, 35, 79, .11));
  }

  .bl-home-hero__press {
    margin-top: 2px;
  }
}

/* One consistent type scale for every homepage content role. */
.bl-home-page {
  --bl-home-font-h1: clamp(52px, 5.4vw, 72px);
  --bl-home-font-h2: clamp(38px, 3.3vw, 48px);
  --bl-home-font-h3: 18px;
  --bl-home-font-body: 14px;
  --bl-home-font-small: 12px;
  --bl-home-font-label: 11px;
}

.bl-home-page h1 {
  font-size: var(--bl-home-font-h1) !important;
  line-height: .98;
}

.bl-home-page h2 {
  font-size: var(--bl-home-font-h2) !important;
  line-height: 1.08;
}

.bl-home-page h3,
.bl-home-page h3 > button {
  font-size: var(--bl-home-font-h3) !important;
  line-height: 1.35;
}

.bl-home-page p,
.bl-home-page .bl-home-section__intro {
  font-size: var(--bl-home-font-body) !important;
  line-height: 1.65;
}

.bl-home-page small,
.bl-home-page .bl-home-category-list__content small {
  font-size: var(--bl-home-font-small) !important;
  line-height: 1.45;
}

.bl-home-page .bl-home-section__eyebrow,
.bl-home-page .bl-home-hero__note,
.bl-home-page .bl-home-hero__press-label {
  font-size: var(--bl-home-font-label) !important;
  line-height: 1.2;
}

.bl-home-page .bl-home-category-list__content strong,
.bl-home-page .bl-home-fact-card > span,
.bl-home-page .bl-home-slider-card__meta,
.bl-home-page .bl-card-eyebrow {
  font-size: var(--bl-home-font-body) !important;
}

@media (max-width: 575.98px) {
  .bl-home-page {
    --bl-home-font-h1: 38px;
    --bl-home-font-h2: 34px;
    --bl-home-font-h3: 18px;
    --bl-home-font-body: 14px;
    --bl-home-font-small: 12px;
    --bl-home-font-label: 10px;
  }

  .bl-home-page h1 {
    line-height: 1.03;
  }

  .bl-home-page h2 {
    line-height: 1.1;
  }
}

/* Homepage comparison: buyer-oriented review versus a conventional sales page. */
.bl-home-compare {
  padding-top: clamp(54px, 6vw, 82px);
  padding-bottom: clamp(54px, 6vw, 82px);
  background: #f7f9fc;
}

.bl-home-compare__panel {
  padding: clamp(30px, 4vw, 52px);
  border: 1px solid #e2e7ef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 48px rgba(16, 35, 79, .07);
}

.bl-home-compare__table {
  max-width: 980px;
  margin: 34px auto 0;
  overflow: hidden;
  border: 1px solid #e2e7ef;
  border-radius: 14px;
  background: #fff;
}

.bl-home-compare__head,
.bl-home-compare__row {
  display: grid;
  grid-template-columns: minmax(150px, .7fr) repeat(2, minmax(0, 1fr));
}

.bl-home-compare__head {
  gap: 8px;
  padding: 8px;
  background: #f2f4f7;
}

.bl-home-compare__brand {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 9px;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
}

.bl-home-compare__brand--us {
  background: #10234f;
  color: #fff;
}

.bl-home-compare__brand--them {
  border: 1px solid #dfe5ed;
  background: #fff;
  color: #475467;
}

.bl-home-compare__row + .bl-home-compare__row {
  border-top: 1px solid #e7ebf1;
}

.bl-home-compare__criterion,
.bl-home-compare__value {
  display: flex;
  min-width: 0;
  min-height: 70px;
  align-items: center;
  padding: 16px 20px;
  font-size: 14px;
  line-height: 1.5;
}

.bl-home-compare__criterion {
  color: #10234f;
  font-weight: 650;
}

.bl-home-compare__value {
  gap: 10px;
  border-left: 1px solid #e7ebf1;
  color: #475467;
}

.bl-home-compare__value i {
  display: inline-grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border-radius: 50%;
  font-size: 15px;
}

.bl-home-compare__value--us {
  background: rgba(16, 35, 79, .025);
  color: #10234f;
  font-weight: 600;
}

.bl-home-compare__value--us i {
  background: #e8eef9;
  color: #193674;
}

.bl-home-compare__value--them i {
  background: #f2f4f7;
  color: #98a2b3;
}

@media (max-width: 575.98px) {
  .bl-home-compare {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .bl-home-compare__panel {
    padding: 24px 14px;
    border-radius: 14px;
  }

  .bl-home-compare__table {
    margin-top: 26px;
    border-radius: 11px;
  }

  .bl-home-compare__head {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 6px;
  }

  .bl-home-compare__spacer {
    display: none;
  }

  .bl-home-compare__brand {
    min-height: 46px;
    padding: 8px 6px;
    font-size: 11px;
  }

  .bl-home-compare__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bl-home-compare__criterion {
    grid-column: 1 / -1;
    min-height: 0;
    padding: 12px 12px 7px;
    background: #fff;
    font-size: 12px;
  }

  .bl-home-compare__value {
    min-height: 82px;
    align-items: flex-start;
    padding: 10px 10px 13px;
    border-left: 0;
    font-size: 12px;
    line-height: 1.4;
  }

  .bl-home-compare__value + .bl-home-compare__value {
    border-left: 1px solid #e7ebf1;
  }

  .bl-home-compare__value i {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    font-size: 13px;
  }
}

/* Homepage simplification: one calm, editorial system below the navigation. */
.bl-home-page {
  --bl-home-line: #e4e8ef;
  --bl-home-soft: #f7f8fa;
  --bl-home-copy: #4b5565;
  background: #fff;
}

.bl-home-page .container {
  max-width: 1280px;
}

.bl-home-hero {
  padding: 0;
  background: var(--bl-home-soft) !important;
}

.bl-home-hero::before,
.bl-home-hero__inner::before,
.bl-home-hero__brand-orb {
  display: none !important;
}

.bl-home-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  grid-template-areas:
    "content visual"
    "press press";
  gap: 32px 64px;
  padding: clamp(72px, 7vw, 104px) 0 38px !important;
}

.bl-home-hero__content {
  grid-area: content;
  max-width: 610px !important;
  margin: 0 !important;
  align-self: center;
  text-align: left !important;
}

.bl-home-hero__note {
  display: block;
  min-height: 0;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #667085 !important;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: none !important;
}

.bl-home-hero__note > span {
  display: none !important;
}

.bl-home-hero h1 {
  max-width: 610px !important;
  margin: 0 !important;
  font-size: clamp(46px, 4.7vw, 66px) !important;
  font-weight: 600;
  line-height: 1.02 !important;
  letter-spacing: -.04em;
}

.bl-home-hero__highlight {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bl-home-hero__text {
  max-width: 570px !important;
  margin: 22px 0 0 !important;
  color: var(--bl-home-copy) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.bl-home-hero .bl-home-actions {
  justify-content: flex-start;
  margin-top: 30px;
}

.bl-home-hero .bl-home-actions .btn {
  min-width: 156px;
  min-height: 46px;
  border-radius: 8px;
  box-shadow: none !important;
}

.bl-home-hero__visual--image {
  grid-area: visual;
  width: 100% !important;
  margin: 0 !important;
  align-self: center;
}

.bl-home-hero-mockup-image {
  aspect-ratio: 16 / 11 !important;
}

.bl-home-hero-mockup-image img {
  filter: none !important;
}

.bl-home-hero__press {
  grid-area: press;
  width: 100%;
  margin: 12px 0 0 !important;
  padding: 24px 0 0 !important;
  border: 0;
  background: transparent;
}

.bl-home-hero__press-logo {
  opacity: .62;
}

.bl-home-section,
.bl-home-proof,
.bl-home-facts,
.bl-home-process,
.bl-home-faq,
.bl-home-compare {
  padding: 76px 0;
}

.bl-home-proof,
.bl-home-facts,
.bl-home-categories,
.bl-home-process {
  background: #fff !important;
}

.bl-home-compare,
.bl-home-blog,
.bl-home-faq {
  background: var(--bl-home-soft) !important;
}

.bl-home-page .bl-home-section__head,
.bl-home-page .bl-home-section__split-head,
.bl-home-page .bl-home-facts__intro,
.bl-home-page .bl-home-section__split-head > div:first-child {
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}

.bl-home-page .bl-home-section__head {
  max-width: 720px;
}

.bl-home-page .bl-home-section__split-head {
  min-height: 0;
  align-items: flex-end;
  justify-content: space-between;
  text-align: left;
}

.bl-home-page .bl-home-section__split-head > div:first-child {
  max-width: 720px;
}

.bl-home-page .bl-home-section__split-head > .btn,
.bl-home-page .bl-home-section__split-head > .bl-home-section__actions {
  position: static;
}

.bl-home-page .bl-home-section__eyebrow {
  display: block;
  min-height: 0;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #667085;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: none;
}

.bl-home-page .bl-home-section__head h2,
.bl-home-page .bl-home-facts__intro h2,
.bl-home-page .bl-home-section__split-head h2,
.bl-home-page .bl-home-proof-panel h2 {
  color: #111827;
  font-size: clamp(34px, 3.1vw, 44px) !important;
  font-weight: 600;
  letter-spacing: -.035em;
}

.bl-home-page .bl-home-section__head h2 strong,
.bl-home-page .bl-home-facts__intro h2 strong,
.bl-home-page .bl-home-section__split-head h2 strong,
.bl-home-page .bl-home-proof-panel h2 strong {
  font-weight: inherit;
}

.bl-home-page .bl-home-section__intro {
  max-width: 620px;
  margin: 12px 0 0;
  color: var(--bl-home-copy);
}

.bl-home-proof-panel {
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: clamp(48px, 7vw, 96px);
  align-items: start;
}

.bl-home-page .bl-home-proof-panel h2 {
  color: #111827;
}

.bl-home-page .bl-home-proof-panel .bl-home-section__eyebrow {
  border: 0;
  background: transparent;
  color: #667085 !important;
}

.bl-home-proof-panel > div:first-child > p:not(.bl-home-section__eyebrow) {
  max-width: 520px;
  margin: 18px 0 0;
  color: var(--bl-home-copy);
  font-size: 15px;
  line-height: 1.7;
}

.bl-home-proof-list {
  gap: 0;
  border-top: 1px solid var(--bl-home-line);
}

.bl-home-proof-list article {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 6px 16px;
  padding: 22px 0;
  border-bottom: 1px solid var(--bl-home-line);
  border-radius: 0;
  background: transparent;
}

.bl-home-proof-list span {
  width: 30px;
  height: 30px;
  border-radius: 0;
  background: transparent;
  color: #193674;
}

.bl-home-proof-list h3 {
  color: #111827;
  font-weight: 600;
}

.bl-home-proof-list p {
  color: var(--bl-home-copy);
}

.bl-home-compare__panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-compare__table {
  max-width: none;
  margin-top: 34px;
  border-color: var(--bl-home-line);
  border-radius: 10px;
  box-shadow: none;
}

.bl-home-compare__head {
  background: #eef1f5;
}

.bl-home-compare__brand {
  border-radius: 6px;
}

.bl-home-compare__value--us {
  background: #f4f6fa;
}

.bl-home-facts__panel {
  grid-template-columns: minmax(250px, .82fr) minmax(0, 1.7fr);
  overflow: visible;
  border-top: 1px solid var(--bl-home-line);
  border-bottom: 1px solid var(--bl-home-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-facts__intro {
  padding: 32px 36px 32px 0;
  border-right: 1px solid var(--bl-home-line);
}

.bl-home-facts__intro > span {
  margin-top: 12px;
}

.bl-home-fact {
  min-height: 158px;
  padding: 28px 22px;
}

.bl-home-fact + .bl-home-fact {
  border-left-color: var(--bl-home-line);
}

.bl-home-fact strong {
  color: #193674;
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 600;
}

.bl-home-categories {
  border-top: 1px solid #f0f2f5;
}

.bl-home-category-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: 12px;
}

.bl-home-category-list a,
.bl-home-category-list a:nth-child(n) {
  display: block;
  min-height: 86px;
  grid-column: auto;
  grid-row: auto;
  border: 1px solid var(--bl-home-line);
  border-radius: 9px;
  background: #fff;
  box-shadow: none;
  transform: none;
  transition: border-color .16s ease, color .16s ease;
}

.bl-home-category-list a:hover,
.bl-home-category-list a:focus-visible {
  border-color: #aeb8c8;
  box-shadow: none !important;
  transform: none;
}

.bl-home-category-list__media {
  display: none;
}

.bl-home-category-list__content {
  position: static;
  display: flex;
  min-height: 84px;
  padding: 18px 20px;
  color: #111827;
}

.bl-home-category-list strong {
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}

.bl-home-category-list small {
  margin-top: 4px;
  color: #667085;
}

.bl-home-slider__viewport {
  margin-bottom: -8px;
  padding-bottom: 8px;
}

.bl-home-slider .bl-archive-card {
  border: 1px solid var(--bl-home-line);
  border-radius: 12px !important;
  box-shadow: none !important;
  transform: scale(1);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.bl-home-slider .bl-archive-card:hover,
.bl-home-slider .bl-archive-card:focus-within {
  border-color: #c7ced9;
  box-shadow: 0 10px 26px rgba(16, 35, 79, 0.065) !important;
  transform: scale(0.985);
}

.bl-home-slider__controls button {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  box-shadow: none;
}

.bl-home-process__panel {
  padding: clamp(28px, 4vw, 44px);
  border: 1px solid var(--bl-home-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

.bl-home-process__panel .bl-home-step {
  min-height: 160px;
  padding: 24px 30px;
}

.bl-home-process__panel .bl-home-step span {
  margin-bottom: 26px;
  color: #8a96a8;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
}

.bl-home-faq-list {
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 48px;
  border-top: 1px solid var(--bl-home-line);
}

.bl-home-faq-item {
  padding: 0;
  border-bottom: 1px solid var(--bl-home-line);
}

.bl-home-faq-item [data-bl-faq-toggle] {
  min-height: 64px !important;
  padding: 14px 0 !important;
}

.bl-home-faq-item [data-bl-faq-toggle] span {
  font-size: 16px !important;
  font-weight: 600;
}

.bl-home-faq-item .bl-faq-panel p {
  padding: 0 36px 18px 0 !important;
  color: var(--bl-home-copy);
}

@media (max-width: 991.98px) {
  .bl-home-hero__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "content"
      "visual"
      "press";
    gap: 28px;
    padding: 64px 0 30px !important;
  }

  .bl-home-hero__content {
    max-width: 760px !important;
  }

  .bl-home-hero h1,
  .bl-home-hero__text {
    max-width: 760px !important;
  }

  .bl-home-hero__visual--image {
    max-width: 720px;
  }

  .bl-home-proof-panel {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .bl-home-facts__panel {
    grid-template-columns: 1fr;
  }

  .bl-home-facts__intro {
    padding: 28px 0;
    border-right: 0;
    border-bottom: 1px solid var(--bl-home-line);
  }

  .bl-home-category-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .bl-home-section,
  .bl-home-proof,
  .bl-home-facts,
  .bl-home-process,
  .bl-home-faq,
  .bl-home-compare {
    padding: 52px 0;
  }

  .bl-home-page .bl-home-section__split-head {
    align-items: flex-start;
    gap: 22px;
  }

  .bl-home-page .bl-home-section__head h2,
  .bl-home-page .bl-home-facts__intro h2,
  .bl-home-page .bl-home-section__split-head h2,
  .bl-home-page .bl-home-proof-panel h2 {
    font-size: 34px !important;
  }

  .bl-home-facts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bl-home-fact {
    min-height: 130px;
  }

  .bl-home-fact:nth-child(3) {
    border-left: 0;
    border-top: 1px solid var(--bl-home-line);
  }

  .bl-home-fact:nth-child(4) {
    border-top: 1px solid var(--bl-home-line);
  }

  .bl-home-process__panel .bl-home-steps {
    grid-template-columns: 1fr;
  }

  .bl-home-process__panel .bl-home-step,
  .bl-home-process__panel .bl-home-step:first-child,
  .bl-home-process__panel .bl-home-step:last-child {
    min-height: 0;
    padding: 24px 0;
  }

  .bl-home-process__panel .bl-home-step + .bl-home-step {
    border-top: 1px solid var(--bl-home-line);
    border-left: 0;
  }

  .bl-home-process__panel .bl-home-step span {
    margin-bottom: 12px;
  }

  .bl-home-faq-list {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

@media (max-width: 575.98px) {
  .bl-home-hero__inner {
    gap: 22px;
    padding: 46px 0 24px !important;
  }

  .bl-home-hero__content {
    text-align: left !important;
  }

  .bl-home-hero__note {
    margin-bottom: 14px !important;
  }

  .bl-home-hero h1 {
    max-width: none !important;
    font-size: 40px !important;
    line-height: 1.03 !important;
  }

  .bl-home-hero__text {
    max-width: none !important;
    margin-top: 18px !important;
    font-size: 14px !important;
  }

  .bl-home-hero .bl-home-actions {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 24px;
  }

  .bl-home-hero .bl-home-actions .btn {
    min-height: 44px;
    border-radius: 8px;
    font-size: 12px;
  }

  .bl-home-hero__visual--image {
    width: 100% !important;
    margin: 0 !important;
  }

  .bl-home-hero-mockup-image {
    aspect-ratio: 16 / 11.5 !important;
  }

  .bl-home-hero__press {
    margin-top: 0 !important;
    padding-top: 12px !important;
  }

  .bl-home-page .bl-home-section__eyebrow {
    margin-bottom: 10px;
  }

  .bl-home-category-list {
    grid-template-columns: 1fr;
  }

  .bl-home-category-list a,
  .bl-home-category-list a:nth-child(n) {
    min-height: 74px;
  }

  .bl-home-category-list__content {
    min-height: 72px;
    padding: 15px 17px;
  }

  .bl-home-facts__intro {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .bl-home-fact {
    padding: 22px 16px;
  }

  .bl-home-fact strong {
    font-size: 32px;
  }

  .bl-home-process__panel {
    padding: 24px 20px;
  }
}

/* Restore the established centered homepage hero; simplification starts below it. */
.bl-home-hero {
  isolation: isolate;
  padding: 0 0 18px;
  background:
    radial-gradient(circle at 50% 8%, rgba(16, 35, 79, .08) 0 7%, rgba(16, 35, 79, .035) 30%, transparent 56%),
    #fff !important;
}

.bl-home-hero .container {
  max-width: 1320px;
}

.bl-home-hero::before {
  position: absolute;
  inset: 0 auto auto 50%;
  z-index: -1;
  display: block !important;
  width: min(860px, 76vw);
  height: 72%;
  background: linear-gradient(180deg, rgba(16, 35, 79, .06), rgba(16, 35, 79, 0));
  clip-path: polygon(28% 0, 72% 0, 100% 100%, 0 100%);
  content: "";
  transform: translateX(-50%);
  pointer-events: none;
}

.bl-home-hero__inner {
  position: relative;
  display: block;
  overflow: visible;
  padding: clamp(34px, 4vw, 52px) clamp(24px, 5vw, 68px) 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-hero__inner::before {
  position: absolute;
  top: 68px;
  bottom: 132px;
  left: 50%;
  z-index: 0;
  display: block !important;
  width: 1px;
  background: linear-gradient(180deg, rgba(16, 35, 79, .16), rgba(16, 35, 79, .02));
  content: "";
  transform: translateX(-50%);
  pointer-events: none;
}

.bl-home-hero__brand-orb {
  display: grid !important;
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  place-items: center;
  border: 6px solid rgba(255, 255, 255, .84);
  border-radius: 50%;
  background: linear-gradient(145deg, #285fcb, #10234f);
  color: #fff;
  box-shadow: 0 12px 32px rgba(28, 69, 151, .24), 0 0 0 1px rgba(35, 95, 219, .08);
}

.bl-home-hero__content {
  max-width: 980px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.bl-home-hero__note {
  display: inline-flex;
  min-height: 28px;
  gap: 8px;
  align-items: center;
  margin: 0 0 24px !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(16, 35, 79, .14) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #10234f !important;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 0 10px 30px rgba(16, 35, 79, .08) !important;
}

.bl-home-hero__note > span {
  display: block !important;
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #2c65d8;
  box-shadow: 0 0 0 4px rgba(44, 101, 216, .11);
}

.bl-home-hero h1 {
  max-width: 900px !important;
  margin: 0 auto !important;
  font-size: var(--bl-home-font-h1) !important;
  font-weight: 500;
  line-height: .98 !important;
  letter-spacing: -.048em;
}

.bl-home-hero__highlight {
  display: inline-block !important;
  margin-top: .08em !important;
  padding: .04em .2em .1em !important;
  border: 0 !important;
  border-radius: .28em !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #08152d;
  box-shadow: 0 16px 34px rgba(16, 35, 79, .12) !important;
}

.bl-home-hero__text {
  max-width: 700px !important;
  margin: 24px auto 0 !important;
  color: #475467 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.bl-home-hero .bl-home-actions {
  justify-content: center;
  margin-top: 30px;
}

.bl-home-hero .bl-home-actions .btn {
  min-width: 170px;
  min-height: 48px;
  border-radius: 999px;
}

.bl-home-hero .bl-home-actions .btn-primary {
  box-shadow: 0 12px 24px rgba(16, 35, 79, .18) !important;
}

.bl-home-hero .bl-home-actions .btn-outline-dark {
  box-shadow: 0 10px 24px rgba(16, 35, 79, .07) !important;
}

.bl-home-hero__visual--image {
  display: block;
  width: min(920px, 94%) !important;
  margin: 8px auto 0 !important;
  overflow: visible;
}

.bl-home-hero-mockup-image {
  aspect-ratio: 1614 / 975 !important;
  overflow: visible;
}

.bl-home-hero-mockup-image img {
  filter: drop-shadow(0 18px 28px rgba(16, 35, 79, .08)) !important;
}

.bl-home-hero__press {
  display: grid;
  width: min(1040px, 100%);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  margin: -18px auto 0 !important;
  padding: 19px 24px !important;
}

.bl-home-hero__press-logo {
  opacity: .74;
}

@media (max-width: 575.98px) {
  .bl-home-hero {
    padding: 0 0 18px;
  }

  .bl-home-hero::before {
    width: 140vw;
    height: 60%;
  }

  .bl-home-hero__inner {
    display: block;
    padding: 22px 10px 0 !important;
  }

  .bl-home-hero__inner::before {
    top: 42px;
    bottom: 96px;
    background: linear-gradient(180deg, rgba(16, 35, 79, .2), rgba(16, 35, 79, .035));
    opacity: .5;
  }

  .bl-home-hero__brand-orb {
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    border-width: 5px;
  }

  .bl-home-hero__brand-orb i {
    font-size: 18px;
  }

  .bl-home-hero__note {
    margin-bottom: 16px !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
    box-shadow: 0 6px 16px rgba(16, 35, 79, .06) !important;
  }

  .bl-home-hero h1 {
    max-width: 350px !important;
    font-size: 38px !important;
    line-height: 1.03 !important;
    letter-spacing: -.05em;
  }

  .bl-home-hero__highlight {
    display: inline-block !important;
    width: auto;
    max-width: 100%;
    margin-top: .12em !important;
    padding: .05em .16em .09em !important;
    border: 1px solid rgba(16, 35, 79, .06) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(16, 35, 79, .08) !important;
  }

  .bl-home-hero__text {
    max-width: 342px !important;
    margin: 16px auto 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .bl-home-hero .bl-home-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 20px;
  }

  .bl-home-hero .bl-home-actions .btn {
    min-height: 44px;
    border-radius: 9px;
    font-size: 11px;
  }

  .bl-home-hero__visual--image {
    width: calc(100% + 12px) !important;
    margin: 18px -6px 0 !important;
  }

  .bl-home-hero-mockup-image {
    aspect-ratio: 1614 / 975 !important;
  }

  .bl-home-hero__press {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 2px !important;
    padding: 18px 0 !important;
  }
}

/* Restore the established visual category mosaic. */
.bl-home-category-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 176px;
  gap: 16px;
}

.bl-home-category-list a,
.bl-home-category-list a:nth-child(n) {
  position: relative;
  display: grid;
  min-height: 0;
  grid-column: span 2;
  grid-row: auto;
  grid-template-rows: 1fr;
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  background: #071634;
  color: #fff;
  box-shadow: 0 12px 34px rgba(16, 35, 79, .045);
  transform: scale(1);
  transition: transform .18s ease, box-shadow .18s ease;
}

.bl-home-category-list a:nth-child(1),
.bl-home-category-list a:nth-child(2) {
  grid-column: span 3;
  grid-row: span 2;
}

.bl-home-category-list a:hover,
.bl-home-category-list a:focus-visible {
  border-color: transparent;
  color: #fff;
  transform: scale(.985);
  box-shadow: 0 12px 30px rgba(16, 35, 79, .075) !important;
}

.bl-home-category-list__media {
  display: block;
  min-height: 100%;
  background:
    linear-gradient(180deg, rgba(7, 13, 30, .04), rgba(7, 13, 30, .64)),
    var(--bl-category-image),
    #071634;
  background-position: center;
  background-size: cover;
}

.bl-home-category-list__content {
  position: absolute;
  inset: auto 18px 18px;
  display: flex;
  min-height: 0;
  padding: 0;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}

.bl-home-category-list strong {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

.bl-home-category-list small {
  margin-top: 8px;
  color: rgba(255, 255, 255, .78);
}

@media (max-width: 767.98px) {
  html body .bl-home-category-list {
    display: flex;
    grid-template-columns: none;
    gap: 14px;
    padding-bottom: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  html body .bl-home-category-list::-webkit-scrollbar {
    display: none;
  }

  html body .bl-home-category-list a,
  html body .bl-home-category-list a:nth-child(n) {
    width: min(84vw, 348px);
    min-height: 300px;
    max-width: none;
    flex: 0 0 min(84vw, 348px);
    scroll-snap-align: start;
  }
}
/* Homepage V2: minimal editorial SaaS layout with Business Lernen colours. */
.bl-home-v2 {
  --bl-home-v2-ink: #0d1b3b;
  --bl-home-v2-blue: #193674;
  --bl-home-v2-copy: #5f697a;
  --bl-home-v2-line: #e5e9f0;
  --bl-home-v2-soft: #f7f8fa;
  overflow: clip;
  background: #fff;
}

.bl-home-v2 .container {
  width: min(100% - 40px, 1240px);
  max-width: 1240px;
}

.bl-home-v2 .bl-home-section,
.bl-home-v2 .bl-home-proof,
.bl-home-v2 .bl-home-facts,
.bl-home-v2 .bl-home-process,
.bl-home-v2 .bl-home-faq,
.bl-home-v2 .bl-home-compare {
  padding: clamp(76px, 8vw, 112px) 0;
}

.bl-home-v2 .bl-home-section__eyebrow {
  margin-bottom: 12px;
  color: var(--bl-home-v2-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bl-home-v2 .bl-home-section__head {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.bl-home-v2 .bl-home-section__head h2,
.bl-home-v2 .bl-home-section__split-head h2,
.bl-home-v2 .bl-home-facts__intro h2,
.bl-home-v2 .bl-home-proof-panel h2,
.bl-home-v2 .bl-home-insight h2 {
  margin: 0;
  color: var(--bl-home-v2-ink);
  font-size: clamp(36px, 4vw, 54px) !important;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.bl-home-v2 .bl-home-section__head h2 strong,
.bl-home-v2 .bl-home-section__split-head h2 strong,
.bl-home-v2 .bl-home-facts__intro h2 strong,
.bl-home-v2 .bl-home-proof-panel h2 strong,
.bl-home-v2 .bl-home-insight h2 strong {
  font-weight: inherit;
}

.bl-home-v2 .bl-home-section__intro,
.bl-home-v2 .bl-home-proof-panel > div:first-child > p:last-child,
.bl-home-v2 .bl-home-insight__copy > p {
  color: var(--bl-home-v2-copy);
  font-size: 15px;
  line-height: 1.75;
}

.bl-home-v2 .bl-home-hero {
  position: relative;
  padding: clamp(54px, 6vw, 82px) 0 44px !important;
  background: #fff !important;
}

.bl-home-v2 .bl-home-hero::before {
  display: none !important;
}

.bl-home-v2 .bl-home-hero__inner {
  position: relative;
  display: block;
  padding: 0 !important;
}

.bl-home-v2 .bl-home-hero__inner::before {
  top: 18px;
  bottom: 146px;
  display: block !important;
  background: linear-gradient(180deg, rgba(25, 54, 116, .09), rgba(25, 54, 116, .012));
}

.bl-home-v2 .bl-home-hero__content {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.bl-home-v2 .bl-home-hero__brand-orb {
  width: 54px;
  height: 54px;
  margin: 0 auto 18px;
  border: 5px solid #f0f3f8;
  border-radius: 50%;
  background: var(--bl-home-v2-blue);
  box-shadow: 0 12px 28px rgba(25, 54, 116, .18);
}

.bl-home-v2 .bl-home-hero__note {
  margin: 0 auto 24px;
  border-color: var(--bl-home-v2-line);
  border-radius: 999px;
  box-shadow: 0 8px 22px rgba(13, 27, 59, .07);
}

.bl-home-v2 .bl-home-hero h1 {
  max-width: 940px;
  margin: 0 auto;
  color: var(--bl-home-v2-ink);
  font-size: clamp(52px, 6.4vw, 82px) !important;
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.055em;
}

.bl-home-v2 .bl-home-hero__highlight {
  margin-top: .08em;
  padding: .03em .16em .08em;
  border: 1px solid var(--bl-home-v2-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(13, 27, 59, .09);
}

.bl-home-v2 .bl-home-hero__text {
  max-width: 690px;
  margin: 24px auto 0;
  color: var(--bl-home-v2-copy) !important;
  font-size: 15px;
  line-height: 1.75;
}

.bl-home-v2 .bl-home-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 28px;
}

.bl-home-v2 .bl-home-actions .btn {
  min-width: 164px;
  min-height: 46px;
  border-radius: 999px;
}

.bl-home-v2 .bl-home-hero__signals {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.bl-home-v2 .bl-home-hero__signal {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid var(--bl-home-v2-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  color: #40506a;
  font-size: 11px;
  font-weight: 600;
  box-shadow: 0 12px 28px rgba(13, 27, 59, .08);
}

.bl-home-v2 .bl-home-hero__signal i {
  color: var(--bl-home-v2-blue);
}

.bl-home-v2 .bl-home-hero__signal--left {
  top: 150px;
  left: 10px;
}

.bl-home-v2 .bl-home-hero__signal--right {
  top: 110px;
  right: 6px;
}

.bl-home-v2 .bl-home-hero__signal--lower {
  top: 300px;
  right: 48px;
}

.bl-home-v2 .bl-home-hero__visual--image {
  width: min(1080px, 100%);
  margin: 38px auto 0;
}

.bl-home-v2 .bl-home-hero-mockup-image {
  display: block;
  width: 100%;
  margin: 0;
  aspect-ratio: 16 / 9;
}

.bl-home-v2 .bl-home-hero-mockup-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: none;
}

.bl-home-v2 .bl-home-hero__press {
  margin-top: 12px;
  padding: 0;
}

.bl-home-v2 .bl-home-hero__press-logos {
  opacity: .62;
  filter: grayscale(1) contrast(.9) sepia(.15) hue-rotate(175deg) saturate(.8);
}

.bl-home-v2 .bl-home-proof {
  background: #fff;
}

.bl-home-v2 .bl-home-proof-panel {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-v2 .bl-home-proof-panel > div:first-child {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.bl-home-v2 .bl-home-proof-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 42px;
}

.bl-home-v2 .bl-home-proof-list article {
  min-height: 230px;
  padding: 28px;
  border: 1px solid var(--bl-home-v2-line);
  border-radius: 14px;
  background: var(--bl-home-v2-soft);
  box-shadow: 0 12px 30px rgba(13, 27, 59, .04);
}

.bl-home-v2 .bl-home-proof-list article + article {
  border-top: 1px solid var(--bl-home-v2-line);
}

.bl-home-v2 .bl-home-proof-list article > span {
  width: 34px;
  height: 34px;
  margin-bottom: 28px;
  color: var(--bl-home-v2-blue);
}

.bl-home-v2 .bl-home-proof-list h3 {
  margin-bottom: 10px;
  color: var(--bl-home-v2-ink);
  font-size: 18px;
  font-weight: 650;
}

.bl-home-v2 .bl-home-proof-list p {
  color: var(--bl-home-v2-copy);
  font-size: 14px;
  line-height: 1.7;
}

.bl-home-v2 .bl-home-compare {
  background: var(--bl-home-v2-soft);
}

.bl-home-v2 .bl-home-compare__panel {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-v2 .bl-home-insight {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(480px, 1.18fr);
  align-items: center;
  gap: clamp(42px, 6vw, 82px);
}

.bl-home-v2 .bl-home-insight__copy > p {
  margin-top: 20px;
}

.bl-home-v2 .bl-home-insight__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid var(--bl-home-v2-line);
}

.bl-home-v2 .bl-home-insight__metrics div {
  display: grid;
  gap: 5px;
}

.bl-home-v2 .bl-home-insight__metrics strong {
  color: var(--bl-home-v2-ink);
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
}

.bl-home-v2 .bl-home-insight__metrics span {
  color: var(--bl-home-v2-copy);
  font-size: 12px;
  line-height: 1.5;
}

.bl-home-v2 .bl-home-insight__checks {
  display: grid;
  gap: 10px;
  margin: 28px 0 30px;
  padding: 0;
  list-style: none;
}

.bl-home-v2 .bl-home-insight__checks li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #344054;
  font-size: 13px;
}

.bl-home-v2 .bl-home-insight__checks i {
  color: var(--bl-home-v2-blue);
  font-size: 16px;
}

.bl-home-v2 .bl-home-insight__visual {
  margin: 0;
}

.bl-home-v2 .bl-home-insight__visual img {
  display: block;
  width: 100%;
  border: 1px solid var(--bl-home-v2-line);
  border-radius: 18px;
  box-shadow: 0 24px 58px rgba(13, 27, 59, .08);
}

.bl-home-v2 .bl-home-facts {
  background: #fff;
}

.bl-home-v2 .bl-home-facts__panel {
  display: grid;
  grid-template-columns: minmax(250px, .8fr) minmax(0, 1.8fr);
  border-top: 1px solid var(--bl-home-v2-line);
  border-bottom: 1px solid var(--bl-home-v2-line);
  background: transparent;
}

.bl-home-v2 .bl-home-facts__intro {
  padding: 34px 38px 34px 0;
  border-right: 1px solid var(--bl-home-v2-line);
}

.bl-home-v2 .bl-home-facts__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bl-home-v2 .bl-home-fact {
  min-height: 160px;
  padding: 34px 22px;
  border: 0;
  border-right: 1px solid var(--bl-home-v2-line);
  background: transparent;
  box-shadow: none;
}

.bl-home-v2 .bl-home-fact:last-child {
  border-right: 0;
}

.bl-home-v2 .bl-home-fact > strong {
  color: var(--bl-home-v2-blue);
  font-size: 42px;
  font-weight: 600;
}

.bl-home-v2 .bl-home-categories,
.bl-home-v2 .bl-home-blog {
  background: var(--bl-home-v2-soft);
}

.bl-home-v2 .bl-home-section--soft,
.bl-home-v2 .bl-home-process,
.bl-home-v2 .bl-home-faq {
  background: #fff;
}

.bl-home-v2 .bl-home-section__split-head {
  align-items: flex-end;
  margin-bottom: 38px;
}

.bl-home-v2 .bl-home-category-list > a,
.bl-home-v2 .bl-archive-card,
.bl-home-v2 .bl-home-review-card,
.bl-home-v2 .bl-home-blog-card {
  border: 1px solid var(--bl-home-v2-line);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(13, 27, 59, .04);
}

.bl-home-v2 .bl-home-process__panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-v2 .bl-home-process__visual {
  width: min(1080px, 100%);
  margin: 42px auto 0;
}

.bl-home-v2 .bl-home-process__visual img {
  display: block;
  width: 100%;
  border: 1px solid var(--bl-home-v2-line);
  border-radius: 18px;
  box-shadow: 0 22px 56px rgba(13, 27, 59, .07);
}

.bl-home-v2 .bl-home-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: min(100%, 1080px);
  margin: 38px auto 0;
  border-top: 1px solid var(--bl-home-v2-line);
}

.bl-home-v2 .bl-home-step {
  min-height: 0;
  padding: 28px 30px 0;
  border: 0;
  border-right: 1px solid var(--bl-home-v2-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-v2 .bl-home-step:last-child {
  border-right: 0;
}

.bl-home-v2 .bl-home-step > span {
  color: var(--bl-home-v2-blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
}

.bl-home-v2 .bl-home-step h3 {
  margin: 14px 0 8px;
  color: var(--bl-home-v2-ink);
  font-size: 18px;
}

.bl-home-v2 .bl-home-step p {
  color: var(--bl-home-v2-copy);
  font-size: 13px;
  line-height: 1.65;
}

.bl-home-v2 .bl-home-faq {
  border-top: 1px solid var(--bl-home-v2-line);
}

.bl-home-v2 .bl-home-faq-list {
  width: min(100%, 900px);
  margin: 42px auto 0;
  border-top: 1px solid var(--bl-home-v2-line);
}

.bl-home-v2 .bl-home-faq-item {
  border: 0;
  border-bottom: 1px solid var(--bl-home-v2-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-home-v2 .bl-home-faq-item h3 button {
  min-height: 68px;
  padding: 18px 4px;
}

@media (min-width: 992px) {
  .bl-home-v2 .bl-home-slider__track > * {
    flex: 0 0 calc((100% - 48px) / 4);
    width: calc((100% - 48px) / 4);
  }
}

@media (max-width: 991.98px) {
  .bl-home-v2 .bl-home-hero__signals {
    display: none;
  }

  .bl-home-v2 .bl-home-insight {
    grid-template-columns: 1fr;
  }

  .bl-home-v2 .bl-home-insight__copy {
    max-width: 680px;
  }

  .bl-home-v2 .bl-home-facts__panel {
    grid-template-columns: 1fr;
  }

  .bl-home-v2 .bl-home-facts__intro {
    padding: 28px 0;
    border-right: 0;
    border-bottom: 1px solid var(--bl-home-v2-line);
  }

  .bl-home-v2 .bl-home-facts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bl-home-v2 .bl-home-fact:nth-child(2) {
    border-right: 0;
  }

  .bl-home-v2 .bl-home-fact:nth-child(-n+2) {
    border-bottom: 1px solid var(--bl-home-v2-line);
  }
}

@media (max-width: 767.98px) {
  .bl-home-v2 .container {
    width: min(100% - 32px, 1240px);
  }

  .bl-home-v2 .bl-home-section,
  .bl-home-v2 .bl-home-proof,
  .bl-home-v2 .bl-home-facts,
  .bl-home-v2 .bl-home-process,
  .bl-home-v2 .bl-home-faq,
  .bl-home-v2 .bl-home-compare {
    padding: 68px 0;
  }

  .bl-home-v2 .bl-home-hero {
    padding: 38px 0 32px !important;
  }

  .bl-home-v2 .bl-home-hero h1 {
    font-size: clamp(43px, 12vw, 56px) !important;
    line-height: 1;
  }

  .bl-home-v2 .bl-home-hero__highlight {
    border-radius: 12px;
  }

  .bl-home-v2 .bl-home-hero__text {
    font-size: 14px;
    line-height: 1.7;
  }

  .bl-home-v2 .bl-home-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .bl-home-v2 .bl-home-actions .btn {
    min-width: 0;
  }

  .bl-home-v2 .bl-home-hero__visual--image {
    width: 116%;
    margin-top: 22px;
    margin-left: -8%;
  }

  .bl-home-v2 .bl-home-hero__press {
    margin-top: 2px;
  }

  .bl-home-v2 .bl-home-hero__press-logos {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .bl-home-v2 .bl-home-proof-list {
    grid-template-columns: 1fr;
  }

  .bl-home-v2 .bl-home-proof-list article {
    min-height: 0;
  }

  .bl-home-v2 .bl-home-insight__metrics {
    gap: 16px;
  }

  .bl-home-v2 .bl-home-insight__visual img,
  .bl-home-v2 .bl-home-process__visual img {
    border-radius: 12px;
  }

  .bl-home-v2 .bl-home-section__split-head {
    align-items: flex-start;
  }

  .bl-home-v2 .bl-home-steps {
    grid-template-columns: 1fr;
  }

  .bl-home-v2 .bl-home-step {
    padding: 24px 4px;
    border-right: 0;
    border-bottom: 1px solid var(--bl-home-v2-line);
  }

  .bl-home-v2 .bl-home-step:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 575.98px) {
  .bl-home-v2 .bl-home-section__head h2,
  .bl-home-v2 .bl-home-section__split-head h2,
  .bl-home-v2 .bl-home-facts__intro h2,
  .bl-home-v2 .bl-home-proof-panel h2,
  .bl-home-v2 .bl-home-insight h2 {
    font-size: 38px !important;
  }

  .bl-home-v2 .bl-home-actions {
    grid-template-columns: 1fr;
  }

  .bl-home-v2 .bl-home-fact {
    min-height: 132px;
    padding: 26px 16px;
  }

  .bl-home-v2 .bl-home-fact > strong {
    font-size: 34px;
  }
}

/* Final V3 cascade guard: older homepage rules must not alter the rebuild. */
.bl-home-v3 .bl-home-hero{isolation:auto;padding:82px 0 0!important;background:#fff!important;background-image:none!important}
.bl-home-v3 .bl-home-hero::before{display:none!important;content:none!important}
.bl-home-v3 .bl-home-hero__inner{padding:0!important}
.bl-home-v3 .bl-home-hero__inner::before{top:56px;bottom:40px;display:block!important;background:rgba(25,54,116,.045)!important}
.bl-home-v3 .bl-home-hero__brand-orb{border:1px solid #dbe2ec!important;background:#193674!important;box-shadow:0 10px 28px rgba(25,54,116,.14)!important}
.bl-home-v3 .bl-home-hero__content{max-width:940px!important;text-align:center!important}
.bl-home-v3 .bl-home-hero__visual--image{margin:96px auto -120px!important}
.bl-home-v3 .bl-home-hero-mockup-image{aspect-ratio:auto!important}
@media(max-width:767.98px){.bl-home-v3 .bl-home-hero{padding-top:56px!important}.bl-home-v3 .bl-home-hero__content{text-align:center!important}.bl-home-v3 .bl-home-hero__visual--image{width:calc(100% + 12px)!important;margin:64px 0 -44px -6px!important}.bl-home-v3 .bl-home-hero__press{margin-top:30px!important;padding-top:0!important}.bl-home-v3 .bl-home-hero .bl-home-actions{grid-template-columns:1fr 1fr}.bl-home-v3 .bl-home-hero .bl-home-actions .btn{border-radius:999px}}

/* Homepage categories: compact editorial index. */
.bl-home-v3 .bl-home-categories {
  padding: 72px 0 !important;
  background: #fff !important;
}

.bl-home-v3 .bl-home-categories .bl-home-section__split-head {
  display: flex !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 28px !important;
  text-align: left !important;
}

.bl-home-v3 .bl-home-categories .bl-home-section__split-head > div {
  max-width: 620px;
}

.bl-home-v3 .bl-home-categories .bl-home-section__eyebrow {
  margin-bottom: 8px !important;
}

.bl-home-v3 .bl-home-categories .bl-home-section__split-head h2 {
  margin: 0 !important;
  font-size: clamp(34px, 3vw, 42px) !important;
  line-height: 1.08 !important;
}

.bl-home-v3 .bl-home-categories .bl-home-section__intro {
  margin: 10px 0 0 !important;
}

.bl-home-v3 .bl-home-categories .bl-home-section__split-head > .btn {
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  flex: 0 0 auto;
  font-size: 12px !important;
}

.bl-home-v3 .bl-home-category-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: auto !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: visible !important;
}

.bl-home-v3 .bl-home-category-list > a,
.bl-home-v3 .bl-home-category-list > a:nth-child(n) {
  position: relative !important;
  display: grid !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 92px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-template-columns: 72px minmax(0, 1fr) 24px !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 14px 10px 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #f5f7fa !important;
  color: #071634 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease !important;
  scroll-snap-align: none !important;
}

.bl-home-v3 .bl-home-category-list > a::after {
  content: "\2192";
  grid-column: 3;
  color: #193674;
  font-size: 17px;
  line-height: 1;
  text-align: center;
}

.bl-home-v3 .bl-home-category-list > a:hover,
.bl-home-v3 .bl-home-category-list > a:focus-visible {
  border-color: transparent !important;
  background: #edf1f7 !important;
  color: #071634 !important;
  box-shadow: none !important;
  transform: none !important;
}

.bl-home-v3 .bl-home-category-list__media {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  min-height: 0 !important;
  aspect-ratio: 1 !important;
  grid-column: 1;
  grid-row: 1;
  border-radius: 10px !important;
  background-image: linear-gradient(rgba(7, 22, 52, .12), rgba(7, 22, 52, .12)), var(--bl-category-image) !important;
  background-position: center !important;
  background-size: cover !important;
}

.bl-home-v3 .bl-home-category-list__content {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 0 !important;
  grid-column: 2;
  grid-row: 1;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 0 !important;
  color: #071634 !important;
}

.bl-home-v3 .bl-home-category-list strong {
  overflow: hidden;
  max-width: 100%;
  color: #071634 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bl-home-v3 .bl-home-category-list small {
  margin: 0 !important;
  color: #627087 !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-categories {
    padding: 54px 0 !important;
  }

  .bl-home-v3 .bl-home-categories .bl-home-section__split-head {
    display: flex !important;
    margin-bottom: 22px !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 16px !important;
    text-align: left !important;
  }

  .bl-home-v3 .bl-home-categories .bl-home-section__split-head h2 {
    font-size: 36px !important;
  }

  .bl-home-v3 .bl-home-categories .bl-home-section__split-head > .btn {
    width: auto !important;
    margin: 0 !important;
  }

  .bl-home-v3 .bl-home-category-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .bl-home-v3 .bl-home-category-list > a,
  .bl-home-v3 .bl-home-category-list > a:nth-child(n) {
    width: auto !important;
    min-height: 76px !important;
    flex: none !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }

  .bl-home-v3 .bl-home-category-list > a::after {
    display: none;
  }

  .bl-home-v3 .bl-home-category-list__media {
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
  }

  .bl-home-v3 .bl-home-category-list strong {
    font-size: 12.5px !important;
  }

  .bl-home-v3 .bl-home-category-list small {
    font-size: 9.5px !important;
  }
}

/* Slider navigation sits below the cards instead of competing with the heading. */
.bl-home-v3 .bl-home-slider__footer {
  position: static !important;
  display: flex !important;
  width: 100%;
  margin: 24px 0 0 !important;
  align-items: center;
  justify-content: center !important;
  gap: 10px;
}

.bl-home-v3 .bl-home-slider__footer .btn {
  min-height: 42px;
  margin: 0 !important;
}

.bl-home-v3 .bl-home-slider__footer .bl-home-slider__controls {
  display: flex;
  gap: 7px;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-slider__footer {
    margin-top: 18px !important;
  }
}

/* Prüfprozess: one coherent card with a shared inner alignment. */
.bl-home-v3 .bl-home-process__panel {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bl-home-v3 .bl-home-process__panel .bl-home-section__head {
  max-width: 680px !important;
  margin: 0 auto 38px !important;
}

.bl-home-v3 .bl-home-process__visual {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #f7f8fa !important;
  box-shadow: none !important;
}

.bl-home-v3 .bl-home-process__visual img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.bl-home-v3 .bl-home-process__panel .bl-home-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 34px 0 0 !important;
  padding: 30px 0 0 !important;
  border-top: 1px solid var(--bl-home-line) !important;
}

.bl-home-v3 .bl-home-process__panel .bl-home-step {
  display: grid !important;
  min-height: 0 !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 5px 12px !important;
  padding: 0 26px !important;
  border: 0 !important;
  border-right: 1px solid var(--bl-home-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

.bl-home-v3 .bl-home-process__panel .bl-home-step:first-child {
  padding-left: 0 !important;
}

.bl-home-v3 .bl-home-process__panel .bl-home-step:last-child {
  padding-right: 0 !important;
  border-right: 0 !important;
}

.bl-home-v3 .bl-home-process__panel .bl-home-step > span {
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  grid-column: 1;
  grid-row: 1 / span 2;
  border-radius: 50% !important;
  background: #eef2f8 !important;
  color: #193674 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  place-items: center;
}

.bl-home-v3 .bl-home-process__panel .bl-home-step h3 {
  margin: 0 !important;
  color: var(--bl-home-ink) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.bl-home-v3 .bl-home-process__panel .bl-home-step p {
  max-width: none !important;
  margin: 0 !important;
  color: var(--bl-home-copy) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-process__panel {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .bl-home-v3 .bl-home-process__panel .bl-home-section__head {
    margin-bottom: 26px !important;
  }

  .bl-home-v3 .bl-home-process__visual {
    border-radius: 10px !important;
  }

  .bl-home-v3 .bl-home-process__panel .bl-home-steps {
    grid-template-columns: 1fr !important;
    margin-top: 24px !important;
    padding-top: 8px !important;
  }

  .bl-home-v3 .bl-home-process__panel .bl-home-step,
  .bl-home-v3 .bl-home-process__panel .bl-home-step:first-child,
  .bl-home-v3 .bl-home-process__panel .bl-home-step:last-child {
    padding: 18px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--bl-home-line) !important;
  }

  .bl-home-v3 .bl-home-process__panel .bl-home-step:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
}

/* Homepage statistics: compact editorial panel instead of a loose divider row. */
.bl-home-v3 .bl-home-facts {
  padding: 88px 0 !important;
}

.bl-home-v3 .bl-home-facts__panel {
  display: grid !important;
  min-height: 330px;
  grid-template-columns: minmax(310px, .95fr) minmax(0, 1.65fr) !important;
  align-items: stretch !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #e1e6ef !important;
  border-radius: 22px !important;
  background: #f3f6fa !important;
  box-shadow: 0 24px 64px rgba(7, 22, 52, .07) !important;
}

.bl-home-v3 .bl-home-facts__intro {
  display: flex !important;
  padding: 48px 52px !important;
  border: 0 !important;
  background: #071634 !important;
  flex-direction: column;
  justify-content: center;
  text-align: left !important;
}

.bl-home-v3 .bl-home-facts__intro .bl-home-section__eyebrow {
  margin: 0 0 18px !important;
  color: #aebbd0 !important;
}

.bl-home-v3 .bl-home-facts__intro h2 {
  max-width: 360px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(38px, 3.2vw, 52px) !important;
  letter-spacing: -.045em !important;
  line-height: 1.02 !important;
}

.bl-home-v3 .bl-home-facts__intro h2 strong {
  color: #fff !important;
}

.bl-home-v3 .bl-home-facts__intro .bl-home-section__intro {
  max-width: 320px;
  margin-top: 20px !important;
  color: #d4dce9 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.bl-home-v3 .bl-home-facts__status {
  display: inline-flex;
  width: fit-content;
  margin-top: 28px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: #fff;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 1;
  align-items: center;
  gap: 8px;
}

.bl-home-v3 .bl-home-facts__status i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #72a5ff;
  box-shadow: 0 0 0 4px rgba(114, 165, 255, .13);
}

.bl-home-v3 .bl-home-facts__grid {
  display: grid !important;
  padding: 1px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 1px !important;
  background: #dfe5ee !important;
  counter-reset: bl-home-fact;
}

.bl-home-v3 .bl-home-facts__grid .bl-home-fact,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact + .bl-home-fact,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact:nth-child(n) {
  position: relative;
  display: flex !important;
  min-width: 0;
  padding: 34px 38px !important;
  border: 0 !important;
  background: #fff !important;
  flex-direction: column;
  justify-content: center;
  gap: 0 !important;
  text-align: left !important;
  counter-increment: bl-home-fact;
  transition: background-color .22s ease;
}

.bl-home-v3 .bl-home-facts__grid .bl-home-fact::before {
  position: absolute;
  top: 22px;
  right: 24px;
  color: #b6c1d1;
  content: "0" counter(bl-home-fact);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
}

.bl-home-v3 .bl-home-facts__grid .bl-home-fact:hover {
  background: #f7f9fc !important;
}

.bl-home-v3 .bl-home-facts__grid .bl-home-fact > strong {
  margin: 0 0 14px !important;
  color: #123f80 !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  letter-spacing: -.055em !important;
  line-height: .9 !important;
}

.bl-home-v3 .bl-home-facts__grid .bl-home-fact > span {
  margin: 0 !important;
  color: #071634 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.bl-home-v3 .bl-home-facts__grid .bl-home-fact > p {
  max-width: 250px;
  margin: 7px 0 0 !important;
  color: #627087 !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
}

@media (max-width: 991.98px) {
  .bl-home-v3 .bl-home-facts__panel {
    grid-template-columns: minmax(260px, .85fr) minmax(0, 1.4fr) !important;
  }

  .bl-home-v3 .bl-home-facts__intro {
    padding: 40px 34px !important;
  }

  .bl-home-v3 .bl-home-facts__grid .bl-home-fact {
    padding: 28px 24px !important;
  }
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-facts {
    padding: 56px 0 !important;
  }

  .bl-home-v3 .bl-home-facts__panel {
    min-height: 0;
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
  }

  .bl-home-v3 .bl-home-facts__intro {
    padding: 32px 28px !important;
    border: 0 !important;
  }

  .bl-home-v3 .bl-home-facts__intro h2 {
    max-width: 280px;
    font-size: 36px !important;
  }

  .bl-home-v3 .bl-home-facts__intro .bl-home-section__eyebrow {
    margin-bottom: 14px !important;
  }

  .bl-home-v3 .bl-home-facts__intro .bl-home-section__intro {
    max-width: 280px;
    margin-top: 14px !important;
    font-size: 12px !important;
  }

  .bl-home-v3 .bl-home-facts__status {
    margin-top: 20px;
  }

  .bl-home-v3 .bl-home-facts__grid {
    padding-top: 1px !important;
  }

  .bl-home-v3 .bl-home-facts__grid .bl-home-fact,
  .bl-home-v3 .bl-home-facts__grid .bl-home-fact + .bl-home-fact,
  .bl-home-v3 .bl-home-facts__grid .bl-home-fact:nth-child(n) {
    min-height: 145px;
    padding: 23px 18px !important;
    border: 0 !important;
  }

  .bl-home-v3 .bl-home-facts__grid .bl-home-fact::before {
    top: 15px;
    right: 15px;
    font-size: 9px;
  }

  .bl-home-v3 .bl-home-facts__grid .bl-home-fact > strong {
    margin-bottom: 11px !important;
    font-size: 38px !important;
  }

  .bl-home-v3 .bl-home-facts__grid .bl-home-fact > span {
    padding-right: 8px;
    font-size: 12px !important;
  }

  .bl-home-v3 .bl-home-facts__grid .bl-home-fact > p {
    margin-top: 6px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
}

/* Homepage buttons use the exact same system as the review pages. */
.bl-home-v3 .btn:not(.btn-close) {
  min-height: var(--bl-button-height) !important;
  padding: 11px 16px !important;
  border-radius: var(--bl-button-radius) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

.bl-home-v3 .btn.btn-lg {
  min-height: 46px !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
}

.bl-home-v3 .btn.btn-sm {
  min-height: 36px !important;
  padding: 8px 13px !important;
  font-size: 13px !important;
}

.bl-home-v3 .bl-home-categories .bl-home-section__split-head > .btn.btn-sm {
  min-height: 36px !important;
  padding: 8px 13px !important;
  font-size: 13px !important;
}

.bl-home-v3 .btn-primary {
  border-color: var(--bl-button-primary-bg) !important;
  background: var(--bl-button-primary-bg) !important;
  color: #fff !important;
}

.bl-home-v3 .btn-primary:hover,
.bl-home-v3 .btn-primary:focus {
  border-color: var(--bl-button-primary-hover) !important;
  background: var(--bl-button-primary-hover) !important;
  color: #fff !important;
}

/* Hero-CTA exakt wie der primäre Button auf den Berichtseiten. */
.bl-home-v3 .bl-home-hero .bl-home-actions .btn-primary {
  border-color: var(--bl-button-primary-bg) !important;
  background: var(--bl-button-primary-bg) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.bl-home-v3 .bl-home-hero .bl-home-actions .btn-primary:hover,
.bl-home-v3 .bl-home-hero .bl-home-actions .btn-primary:focus,
.bl-home-v3 .bl-home-hero .bl-home-actions .btn-primary:focus-visible,
.bl-home-v3 .bl-home-hero .bl-home-actions .btn-primary:active {
  border-color: var(--bl-button-primary-hover) !important;
  background: var(--bl-button-primary-hover) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.bl-home-v3 .btn-secondary {
  border-color: transparent !important;
  background: var(--bl-button-secondary-bg) !important;
  color: var(--bl-dark) !important;
}

.bl-home-v3 .btn-secondary:hover,
.bl-home-v3 .btn-secondary:focus {
  border-color: transparent !important;
  background: var(--bl-button-secondary-hover) !important;
  color: var(--bl-dark) !important;
}

.bl-home-v3 .btn-outline-dark,
.bl-home-v3 .btn-outline-primary {
  border-color: var(--bl-button-outline-border) !important;
  background: transparent !important;
  color: var(--bl-dark) !important;
}

.bl-home-v3 .btn-outline-dark:hover,
.bl-home-v3 .btn-outline-dark:focus,
.bl-home-v3 .btn-outline-primary:hover,
.bl-home-v3 .btn-outline-primary:focus {
  border-color: var(--bl-button-outline-hover-border) !important;
  background: var(--bl-button-outline-hover-bg) !important;
  color: var(--bl-dark) !important;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero .bl-home-actions .btn {
    border-radius: var(--bl-button-radius) !important;
  }
}

/* Bewertungsbereich: horizontal und vertikal jeweils 76 px Abstand. */
.bl-home-v3 .bl-home-compare {
  padding-bottom: 38px;
}

.bl-home-v3 .bl-home-facts {
  padding-top: 38px !important;
}

@media (max-width: 1199.98px) {
  .bl-home-v3 .bl-home-compare {
    padding-bottom: 22px;
  }

  .bl-home-v3 .bl-home-facts {
    padding-top: 22px !important;
  }
}

/* Homepage cards: kompakter Apple-inspirierter Kartenrhythmus. */
.bl-home-v3 .bl-home-insight {
  gap: 24px;
}

.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card {
  border: 0;
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 5%, rgba(92, 126, 190, 0.22), transparent 34%),
    linear-gradient(150deg, #11264f 0%, #071634 76%);
  box-shadow: 0 22px 60px rgba(7, 22, 52, 0.12);
}

.bl-home-v3 .bl-home-insight-card::before {
  display: none;
}

.bl-home-v3 .bl-home-insight-card__steps > span {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.085);
}

.bl-home-v3 .bl-home-insight__visual {
  padding: 12px;
  border: 0;
  border-radius: 28px;
  background: #f5f5f7;
  box-shadow: 0 22px 60px rgba(7, 22, 52, 0.09);
}

.bl-home-v3 .bl-home-insight__visual img {
  border-radius: 19px;
}

.bl-home-v3 .bl-home-insight__visual picture {
  display: block;
}

.bl-home-v3 .bl-home-facts__intro .bl-home-section__eyebrow {
  width: 100%;
  text-align: center !important;
}

.bl-home-v3 .bl-home-facts__panel {
  border: 0 !important;
  border-radius: 28px !important;
  box-shadow: 0 22px 60px rgba(7, 22, 52, 0.09) !important;
}

.bl-home-v3 .bl-home-compare {
  padding-bottom: 12px;
}

.bl-home-v3 .bl-home-facts {
  padding-top: 12px !important;
}

@media (max-width: 1199.98px) {
  .bl-home-v3 .bl-home-insight {
    gap: 20px;
  }

  .bl-home-v3 .bl-home-compare {
    padding-bottom: 10px;
  }

  .bl-home-v3 .bl-home-facts {
    padding-top: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-insight {
    gap: 16px;
  }

  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card,
  .bl-home-v3 .bl-home-insight__visual,
  .bl-home-v3 .bl-home-facts__panel {
    border-radius: 22px !important;
  }

  .bl-home-v3 .bl-home-insight__visual {
    padding: 8px;
  }

  .bl-home-v3 .bl-home-insight__visual img {
    border-radius: 15px;
  }
}

/* Homepage-Cards nutzen denselben Radius wie die Berichtseiten. */
.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card,
.bl-home-v3 .bl-home-insight__visual,
.bl-home-v3 .bl-home-facts__panel {
  border-radius: 10px !important;
}

.bl-home-v3 .bl-home-insight__visual img {
  border-radius: 8px;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card,
  .bl-home-v3 .bl-home-insight__visual,
  .bl-home-v3 .bl-home-facts__panel {
    border-radius: 10px !important;
  }
}

/* Finales symmetrisches Hero-Grid: beide Seiten exakt gespiegelt. */
.bl-home-v3 .bl-home-hero::before,
.bl-home-v3 .bl-home-hero::after {
  width: min(40vw, 620px) !important;
  background-image:
    linear-gradient(rgba(25, 54, 116, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 54, 116, .12) 1px, transparent 1px) !important;
  opacity: 1 !important;
}

.bl-home-v3 .bl-home-hero::before {
  -webkit-mask-image: radial-gradient(ellipse 100% 74% at 0% 50%, #000 0%, rgba(0, 0, 0, .9) 44%, transparent 90%) !important;
  mask-image: radial-gradient(ellipse 100% 74% at 0% 50%, #000 0%, rgba(0, 0, 0, .9) 44%, transparent 90%) !important;
}

.bl-home-v3 .bl-home-hero::after {
  -webkit-mask-image: radial-gradient(ellipse 100% 74% at 100% 50%, #000 0%, rgba(0, 0, 0, .9) 44%, transparent 90%) !important;
  mask-image: radial-gradient(ellipse 100% 74% at 100% 50%, #000 0%, rgba(0, 0, 0, .9) 44%, transparent 90%) !important;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero::before,
  .bl-home-v3 .bl-home-hero::after {
    width: 40vw !important;
    opacity: .86 !important;
  }
}

/* Beide Grid-Seiten starten bündig an der jeweiligen Außenkante. */
.bl-home-v3 .bl-home-hero::before,
.bl-home-v3 .bl-home-hero::after {
  transform: none !important;
}

/* Prüfprozess als scharfe, responsive UI statt Rastergrafik. */
.bl-home-v3 .bl-process-ui {
  max-width: 1120px;
  margin: 0 auto 48px;
  padding: 28px 20px 20px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-process-ui__track {
  display: grid;
  grid-template-columns: 44px minmax(60px, 1fr) 44px minmax(60px, 1fr) 44px;
  align-items: center;
  width: calc(100% - 20%);
  margin: 0 auto 14px;
}

.bl-process-ui__track span {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #0b4387;
  box-shadow: 0 8px 18px rgba(11, 67, 135, .18);
  font-size: 20px;
  font-weight: 600;
}

.bl-process-ui__track i {
  height: 1px;
  background: #0b4387;
  position: relative;
}

.bl-process-ui__track i::before,
.bl-process-ui__track i::after {
  content: "";
  position: absolute;
  top: -3px;
  width: 7px;
  height: 7px;
  border: 1px solid #0b4387;
  border-radius: 50%;
  background: #fff;
}

.bl-process-ui__track i::before { left: 0; }
.bl-process-ui__track i::after { right: 0; }

.bl-process-ui__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.bl-process-ui__card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 370px;
  padding: 18px 16px 14px;
  flex-direction: column;
  border: 1px solid #dfe5ed;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(10, 29, 63, .07);
}

.bl-process-ui__heading {
  display: flex;
  gap: 9px;
  align-items: center;
  margin-bottom: 16px;
  color: #173b72;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.bl-process-ui__heading > span {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 50%;
  background: #0b4387;
}

.bl-process-ui__source-layout,
.bl-process-ui__rating-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(82px, .65fr);
  flex: 1;
  overflow: hidden;
  border: 1px solid #e2e7ee;
  border-radius: 8px;
}

.bl-process-ui__sources { padding: 8px; }
.bl-process-ui__sources > div {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-height: 49px;
  border-bottom: 1px solid #edf0f4;
  color: #24344f;
  font-size: 10px;
}
.bl-process-ui__sources > div:last-child { border-bottom: 0; }
.bl-process-ui__sources i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  color: #0b4387;
  background: #f0f4fa;
}
.bl-process-ui__sources b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bl-process-ui__sources em {
  color: #168457;
  font-size: 9px;
  font-style: normal;
}

.bl-process-ui__document {
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-left: 1px solid #e2e7ee;
  background: #fbfcfe;
}
.bl-process-ui__document i { color: #0b4387; font-size: 44px; }
.bl-process-ui__document span,
.bl-process-ui__summary span {
  display: block;
  width: 68%;
  height: 4px;
  border-radius: 5px;
  background: #c9d2df;
}
.bl-process-ui__document span:nth-of-type(2) { width: 54%; }
.bl-process-ui__document span:nth-of-type(3) { width: 61%; }

.bl-process-ui__rating-layout { grid-template-columns: minmax(0, 1.25fr) minmax(90px, .75fr); }
.bl-process-ui__ratings { padding: 13px 10px; }
.bl-process-ui__ratings > div {
  display: grid;
  grid-template-columns: 82px minmax(34px, 1fr) 22px;
  gap: 7px;
  align-items: center;
  min-height: 48px;
  color: #203450;
  font-size: 10px;
}
.bl-process-ui__ratings b { font-weight: 600; }
.bl-process-ui__ratings span {
  height: 5px;
  overflow: hidden;
  border-radius: 10px;
  background: #e4e9ef;
}
.bl-process-ui__ratings span::after {
  content: "";
  display: block;
  width: var(--value);
  height: 100%;
  border-radius: inherit;
  background: #0b4387;
}
.bl-process-ui__ratings em { color: #607087; font-size: 9px; font-style: normal; }

.bl-process-ui__bars {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  justify-content: center;
  padding: 28px 14px;
  border-left: 1px solid #e2e7ee;
  background: #fbfcfe;
}
.bl-process-ui__bars i { width: 13px; height: 48%; background: #0b4387; border-radius: 3px 3px 0 0; }
.bl-process-ui__bars i:nth-child(2) { height: 76%; }
.bl-process-ui__bars i:nth-child(3) { height: 62%; }
.bl-process-ui__bars i:nth-child(4) { height: 34%; background: #ced6e1; }

.bl-process-ui__verdict {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 15px 10px 20px;
  border-bottom: 1px solid #e7ebf0;
}
.bl-process-ui__score {
  display: grid;
  width: 122px;
  height: 122px;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#0b4387 0 85%, #e3e8ee 85% 100%);
  position: relative;
}
.bl-process-ui__score::after {
  content: "";
  position: absolute;
  inset: 13px;
  border-radius: inherit;
  background: #fff;
}
.bl-process-ui__score strong { z-index: 1; color: #0b4387; font-size: 38px; font-weight: 650; }
.bl-process-ui__score small { font-size: 18px; }
.bl-process-ui__verdict > div:last-child { display: flex; flex-direction: column; }
.bl-process-ui__verdict small { color: #49617f; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.bl-process-ui__verdict b { margin: 4px 0; color: #0b4387; font-size: 24px; }
.bl-process-ui__verdict span { color: #0b4387; font-size: 22px; letter-spacing: 2px; }
.bl-process-ui__verdict span i { color: #cdd5df; font-style: normal; }

.bl-process-ui__summary {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin: 16px 0;
}
.bl-process-ui__summary > i {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 8px;
  color: #0b4387;
  background: #eef2f7;
  font-size: 25px;
}
.bl-process-ui__summary > div { display: flex; gap: 8px; flex-direction: column; }
.bl-process-ui__summary span:nth-child(2) { width: 82%; }
.bl-process-ui__summary span:nth-child(3) { width: 61%; }

.bl-process-ui__status {
  display: flex;
  min-height: 31px;
  gap: 7px;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  border-radius: 7px;
  color: #23476f;
  background: #eef3f8;
  font-size: 10px;
  font-weight: 600;
}
.bl-process-ui__status--solid { margin-top: auto; color: #fff; background: #0b4387; }

@media (max-width: 991.98px) {
  .bl-process-ui__grid { gap: 12px; }
  .bl-process-ui__card { min-height: 330px; padding: 14px 12px 12px; }
  .bl-process-ui__source-layout,
  .bl-process-ui__rating-layout { grid-template-columns: 1fr; }
  .bl-process-ui__document,
  .bl-process-ui__bars { display: none; }
  .bl-process-ui__ratings > div { grid-template-columns: 72px minmax(30px, 1fr) 18px; }
  .bl-process-ui__verdict { grid-template-columns: 92px 1fr; gap: 10px; }
  .bl-process-ui__score { width: 88px; height: 88px; }
  .bl-process-ui__score strong { font-size: 28px; }
  .bl-process-ui__verdict b { font-size: 18px; }
  .bl-process-ui__verdict span { font-size: 16px; }
}

@media (max-width: 767.98px) {
  /* Der vorherige Slider bringt bereits seinen unteren Abstand mit. */
  .bl-home-v3 .bl-home-process {
    padding-top: 42px;
  }

  .bl-home-v3 .bl-process-ui { margin-bottom: 30px; padding: 4px 0 0; }
  .bl-process-ui__track { display: none; }
  .bl-process-ui__grid {
    --bl-process-progress: 0px;
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    padding-left: 50px;
    counter-reset: process-card;
  }
  .bl-process-ui__grid::before,
  .bl-process-ui__grid::after {
    content: "";
    position: absolute;
    top: 18px;
    left: 17px;
    width: 2px;
    border-radius: 999px;
    pointer-events: none;
  }
  .bl-process-ui__grid::before {
    bottom: 18px;
    background: #dbe4ef;
  }
  .bl-process-ui__grid::after {
    z-index: 1;
    height: var(--bl-process-progress);
    max-height: calc(100% - 36px);
    background: #0b4387;
    transition: height .22s ease-out;
  }
  .bl-process-ui__card {
    z-index: 2;
    min-width: 0;
    min-height: 0;
    counter-increment: process-card;
  }
  .bl-process-ui.is-timeline-enhanced .bl-process-ui__card {
    opacity: .42;
    transform: translateY(16px);
    transition: opacity .42s ease, transform .42s ease, border-color .25s ease;
  }
  .bl-process-ui.is-timeline-enhanced .bl-process-ui__card.is-active {
    opacity: 1;
    transform: translateY(0);
  }
  .bl-process-ui__card::before {
    content: counter(process-card);
    position: absolute;
    z-index: 3;
    top: 0;
    left: -50px;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 2px solid #dbe4ef;
    border-radius: 50%;
    color: #49617f;
    background: #eef3f8;
    box-shadow: 0 8px 20px rgba(8, 31, 73, .08);
    font-size: 13px;
    font-weight: 700;
    transition: color .28s ease, background-color .28s ease, border-color .28s ease, box-shadow .28s ease;
  }
  .bl-process-ui__card.is-active::before {
    color: #fff;
    border-color: #0b4387;
    background: #0b4387;
    box-shadow: 0 10px 24px rgba(11, 67, 135, .24);
  }
  .bl-process-ui__source-layout,
  .bl-process-ui__rating-layout { min-height: 220px; }
  .bl-process-ui__verdict { padding-right: 0; }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .bl-process-ui__grid::after,
  .bl-process-ui.is-timeline-enhanced .bl-process-ui__card,
  .bl-process-ui__card::before {
    transition: none !important;
  }
}

/* Statistik-Cards bleiben bewusst statisch. */
.bl-home-v3 .bl-home-facts__grid .bl-home-fact,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact + .bl-home-fact,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact:nth-child(n),
.bl-home-v3 .bl-home-facts__grid .bl-home-fact:hover {
  background: #fff !important;
  box-shadow: 0 12px 34px rgba(7, 22, 52, .045) !important;
  transform: none !important;
  transition: none !important;
}

/* Startseiten-Slider: Archiv-Hoverbewegung mit konstantem Standard-Schatten. */
.bl-home-v3 .bl-home-slider .bl-archive-card,
.bl-home-v3 .bl-home-slider .bl-home-review-card,
.bl-home-v3 .bl-home-slider .bl-home-blog-card {
  box-shadow: var(--bl-shadow-card) !important;
  transform: scale(1);
  transition: transform .18s ease, border-color .18s ease !important;
}

.bl-home-v3 .bl-home-slider .bl-archive-card:hover,
.bl-home-v3 .bl-home-slider .bl-archive-card:focus-within,
.bl-home-v3 .bl-home-slider .bl-home-review-card:hover,
.bl-home-v3 .bl-home-slider .bl-home-review-card:focus-within,
.bl-home-v3 .bl-home-slider .bl-home-blog-card:hover,
.bl-home-v3 .bl-home-slider .bl-home-blog-card:focus-within {
  box-shadow: var(--bl-shadow-card) !important;
  transform: scale(.985);
}

/* Statistik-Bento: linke Einordnung 40 %, Kennzahlen 60 %. */
@media (min-width: 992px) {
  .bl-home-v3 .bl-home-facts__panel {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) !important;
  }
}

/* Hero ohne Schild-Icon und vertikale Verbindungslinie. */
.bl-home-v3 .bl-home-hero__brand-orb,
.bl-home-v3 .bl-home-hero__inner::before {
  display: none !important;
  content: none !important;
}

/* Bekannt-aus-Leiste direkt unter dem Statistik-Bento. */
.bl-home-v3 .bl-home-facts__press {
  display: grid;
  width: 100%;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 34px;
  margin: 34px auto 0;
  padding: 4px 22px 0;
}

.bl-home-v3 .bl-home-facts__press-label {
  color: #68758a;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}

.bl-home-v3 .bl-home-facts__press-logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 30px;
}

.bl-home-v3 .bl-home-facts__press-logo {
  display: grid;
  min-width: 0;
  min-height: 44px;
  place-items: center;
}

.bl-home-v3 .bl-home-facts__press-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 30px;
  object-fit: contain;
  filter: grayscale(1) contrast(1.06) opacity(.62);
  mix-blend-mode: multiply;
}

.bl-home-v3 .bl-home-facts__press-logo--founders img {
  height: 34px;
}

.bl-home-v3 .bl-home-facts__press-logo--street img {
  height: 46px;
}

.bl-home-v3 .bl-home-facts__press-logo--wirtschaft img {
  height: 38px;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-facts__press {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 26px;
    padding: 0;
  }

  .bl-home-v3 .bl-home-facts__press-label {
    text-align: center;
  }

  .bl-home-v3 .bl-home-facts__press-logos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .bl-home-v3 .bl-home-facts__press-logo img {
    max-width: 70px;
    height: 18px;
  }

  .bl-home-v3 .bl-home-facts__press-logo--founders img {
    height: 21px;
  }

  .bl-home-v3 .bl-home-facts__press-logo--street img {
    max-width: 62px;
    height: 29px;
  }

  .bl-home-v3 .bl-home-facts__press-logo--wirtschaft img {
    max-width: 64px;
    height: 24px;
  }
}

/* Dezentes Seiten-Grid im Hero, das radial zur Mitte ausblendet. */
.bl-home-v3 .bl-home-hero {
  isolation: isolate;
}

.bl-home-v3 .bl-home-hero::before,
.bl-home-v3 .bl-home-hero::after {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  display: block !important;
  width: min(34vw, 520px);
  background-image:
    linear-gradient(rgba(25, 54, 116, .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 54, 116, .065) 1px, transparent 1px);
  background-size: 42px 42px;
  content: "" !important;
  pointer-events: none;
}

.bl-home-v3 .bl-home-hero::before {
  left: 0;
  -webkit-mask-image: radial-gradient(ellipse 100% 70% at 0% 50%, #000 0%, rgba(0, 0, 0, .82) 38%, transparent 80%);
  mask-image: radial-gradient(ellipse 100% 70% at 0% 50%, #000 0%, rgba(0, 0, 0, .82) 38%, transparent 80%);
}

.bl-home-v3 .bl-home-hero::after {
  right: 0;
  -webkit-mask-image: radial-gradient(ellipse 100% 70% at 100% 50%, #000 0%, rgba(0, 0, 0, .82) 38%, transparent 80%);
  mask-image: radial-gradient(ellipse 100% 70% at 100% 50%, #000 0%, rgba(0, 0, 0, .82) 38%, transparent 80%);
}

.bl-home-v3 .bl-home-hero > .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero::before,
  .bl-home-v3 .bl-home-hero::after {
    width: 31vw;
    background-size: 30px 30px;
    opacity: .72;
  }
}

/* Linke Grid-Flaeche sichtbarer und weiter in den Hero hineinziehen. */
.bl-home-v3 .bl-home-hero::before {
  width: min(42vw, 680px);
  background-image:
    linear-gradient(rgba(25, 54, 116, .14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 54, 116, .14) 1px, transparent 1px);
  -webkit-mask-image: radial-gradient(ellipse 100% 76% at 0% 50%, #000 0%, rgba(0, 0, 0, .94) 48%, transparent 96%);
  mask-image: radial-gradient(ellipse 100% 76% at 0% 50%, #000 0%, rgba(0, 0, 0, .94) 48%, transparent 96%);
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero::before {
    width: 42vw;
  }
}

/* Linkes Hero-Grid optisch an die rechte Seite angleichen. */
.bl-home-v3 .bl-home-hero::before {
  width: min(38vw, 580px);
  -webkit-mask-image: radial-gradient(ellipse 100% 72% at 0% 50%, #000 0%, rgba(0, 0, 0, .9) 42%, transparent 86%);
  mask-image: radial-gradient(ellipse 100% 72% at 0% 50%, #000 0%, rgba(0, 0, 0, .9) 42%, transparent 86%);
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero::before {
    width: 35vw;
  }
}

/* Hero-Badge ohne Kontur, nur mit weichem Tiefeneffekt. */
.bl-home-v3 .bl-home-hero__note {
  border: 0 !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow:
    0 12px 34px rgba(16, 35, 79, .09),
    0 2px 8px rgba(16, 35, 79, .035) !important;
}

/* Symmetrische, optisch exakt zentrierte Hero-Badge-Icons. */
.bl-home-v3 .bl-home-hero__note {
  display: inline-grid;
  grid-template-columns: 16px auto 16px;
  align-items: center;
  column-gap: 8px;
  padding-inline: 13px !important;
  line-height: 1;
}

.bl-home-v3 .bl-home-hero__badge-icon {
  display: inline-grid;
  width: 16px;
  height: 16px;
  place-items: center;
  color: #2d63bd;
  font-size: 13px;
  line-height: 1;
  transform: none;
}

.bl-home-v3 .bl-home-hero__note > .bl-home-hero__note-text {
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  line-height: 1.15;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero__note {
    grid-template-columns: 14px auto 14px;
    column-gap: 6px;
    padding-inline: 10px !important;
  }

  .bl-home-v3 .bl-home-hero__badge-icon {
    width: 14px;
    height: 14px;
    font-size: 12px;
  }
}

/* Hero-Grid etwas deutlicher, weiterhin radial zur Mitte ausgeblendet. */
.bl-home-v3 .bl-home-hero::before,
.bl-home-v3 .bl-home-hero::after {
  background-image:
    linear-gradient(rgba(25, 54, 116, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 54, 116, .105) 1px, transparent 1px);
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero::before,
  .bl-home-v3 .bl-home-hero::after {
    opacity: .86;
  }
}

/* Bonus split: der Abstand zwischen den Cards zeigt nur den Seitenhintergrund. */
.bl-review-bonus-region .bl-bonus-split {
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bl-review-bonus-region__head {
  margin: 0 0 26px;
  text-align: left;
}

.bl-review-bonus-region__head h2 {
  margin: 0;
  color: var(--bl-text);
  font-size: clamp(30px, 3vw, 40px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.025em;
}

/* Homepage comparison: ruhiges, zusammenhaengendes Apple-inspiriertes Bento-Raster. */
.bl-home-v3 .bl-home-compare,
.bl-home-v3 .bl-home-facts {
  background: #f5f5f7 !important;
}

.bl-home-v3 .bl-home-compare {
  padding: 96px 0 10px !important;
}

.bl-home-v3 .bl-home-compare .container,
.bl-home-v3 .bl-home-facts .container {
  max-width: 1240px;
}

.bl-home-v3 .bl-home-compare .bl-home-section__head {
  max-width: 760px;
  margin: 0 auto 52px;
}

.bl-home-v3 .bl-home-insight {
  display: grid !important;
  grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr) !important;
  align-items: stretch !important;
  gap: 14px !important;
}

.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card,
.bl-home-v3 .bl-home-insight__visual,
.bl-home-v3 .bl-home-facts__panel {
  border: 0 !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 50px rgba(7, 22, 52, .07) !important;
}

.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card {
  min-height: 430px;
  padding: 46px !important;
  background:
    radial-gradient(circle at 92% 4%, rgba(91, 126, 190, .26), transparent 38%),
    linear-gradient(150deg, #122955 0%, #071634 78%) !important;
}

.bl-home-v3 .bl-home-insight-card__copy {
  max-width: 370px;
}

.bl-home-v3 .bl-home-insight-card__steps {
  margin-top: 34px;
  gap: 10px;
}

.bl-home-v3 .bl-home-insight-card__steps > span {
  min-height: 52px;
  padding: 10px 14px !important;
  border: 1px solid rgba(255, 255, 255, .035) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .075) !important;
  backdrop-filter: blur(12px);
}

.bl-home-v3 .bl-home-insight__visual {
  display: flex;
  min-height: 430px;
  padding: 18px !important;
  overflow: hidden;
  background: #fff !important;
  align-items: center;
  justify-content: center;
}

.bl-home-v3 .bl-home-insight__visual picture {
  display: block;
  width: 100%;
}

.bl-home-v3 .bl-home-insight__visual img {
  width: 100%;
  border-radius: 18px !important;
}

.bl-home-v3 .bl-home-facts {
  padding: 10px 0 96px !important;
}

.bl-home-v3 .bl-home-facts__panel {
  min-height: 330px;
  padding: 14px !important;
  gap: 14px;
  overflow: visible;
  background: transparent !important;
  box-shadow: none !important;
}

.bl-home-v3 .bl-home-facts__intro {
  padding: 48px !important;
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 8%, rgba(91, 126, 190, .2), transparent 38%),
    #071634 !important;
  box-shadow: 0 18px 50px rgba(7, 22, 52, .07);
}

.bl-home-v3 .bl-home-facts__intro .bl-home-section__eyebrow {
  text-align: left !important;
}

.bl-home-v3 .bl-home-facts__grid {
  padding: 0 !important;
  gap: 12px !important;
  background: transparent !important;
}

.bl-home-v3 .bl-home-facts__grid .bl-home-fact,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact + .bl-home-fact,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact:nth-child(n) {
  min-height: 154px;
  padding: 30px 32px !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 12px 34px rgba(7, 22, 52, .045);
  transition: transform .28s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease !important;
}

.bl-home-v3 .bl-home-facts__grid .bl-home-fact:hover {
  background: #fff !important;
  box-shadow: 0 20px 42px rgba(7, 22, 52, .08);
  transform: translateY(-3px);
}

@media (max-width: 991.98px) {
  .bl-home-v3 .bl-home-compare {
    padding-top: 72px !important;
  }

  .bl-home-v3 .bl-home-insight {
    grid-template-columns: 1fr !important;
  }

  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card,
  .bl-home-v3 .bl-home-insight__visual {
    min-height: 0;
  }

  .bl-home-v3 .bl-home-facts__panel {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-compare {
    padding: 58px 0 8px !important;
  }

  .bl-home-v3 .bl-home-compare .bl-home-section__head {
    margin-bottom: 32px;
  }

  .bl-home-v3 .bl-home-insight {
    gap: 10px !important;
  }

  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card,
  .bl-home-v3 .bl-home-insight__visual,
  .bl-home-v3 .bl-home-facts__panel {
    border-radius: 22px !important;
  }

  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card {
    padding: 30px 24px !important;
  }

  .bl-home-v3 .bl-home-insight__visual {
    padding: 10px !important;
  }

  .bl-home-v3 .bl-home-insight__visual img {
    border-radius: 15px !important;
  }

  .bl-home-v3 .bl-home-facts {
    padding: 8px 0 58px !important;
  }

  .bl-home-v3 .bl-home-facts__panel {
    padding: 0 !important;
    gap: 10px;
  }

  .bl-home-v3 .bl-home-facts__intro {
    padding: 32px 26px !important;
    border-radius: 20px;
  }

  .bl-home-v3 .bl-home-facts__intro .bl-home-section__eyebrow {
    align-self: flex-start;
    text-align: left !important;
  }

  .bl-home-v3 .bl-home-facts__grid {
    gap: 8px !important;
  }

  .bl-home-v3 .bl-home-facts__grid .bl-home-fact,
  .bl-home-v3 .bl-home-facts__grid .bl-home-fact + .bl-home-fact,
  .bl-home-v3 .bl-home-facts__grid .bl-home-fact:nth-child(n) {
    min-height: 138px;
    padding: 22px 18px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 575.98px) {
  .bl-review-bonus-region__head {
    margin-bottom: 20px;
  }

  .bl-review-bonus-region__head h2 {
    font-size: 30px;
  }
}

/* Linke Bonus-Card an die kompakte Produkt-Card angleichen. */
.bl-bonus-explainer .bl-info-card__header {
  padding-bottom: 22px;
}

.bl-bonus-split .bl-info-card__header {
  border-bottom: 0;
}

.bl-bonus-explainer .bl-info-card__title {
  margin-top: 0;
}

.bl-bonus-checkpoints {
  margin-top: 24px;
}

.bl-bonus-checkpoints ol {
  gap: 11px;
}

.bl-bonus-checkpoints li {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
}

.bl-bonus-checkpoints li > span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--bl-primary, #193674);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

.bl-bonus-explainer__note {
  margin-top: 26px;
  padding: 14px 15px;
  border-radius: 10px;
  background: #f4f6f9;
}

/* Bonus-Split: natürliche Card-Höhen und ein einheitlicher Innenrhythmus. */
.bl-bonus-split {
  align-items: start;
}

.bl-bonus-split > .bl-info-card,
.bl-bonus-split > .bl-info-card > .bl-info-card__body {
  height: auto;
}

.bl-bonus-overview__header {
  padding-bottom: 18px;
}

.bl-bonus-overview .bl-bonus-deal {
  margin-bottom: 20px;
}

.bl-bonus-overview .bl-bonus-list__heading {
  margin-bottom: 12px;
  padding-bottom: 0;
}

.bl-bonus-overview .bl-bonus-footer {
  margin-top: 18px;
}

/* Bonus-Cards: Titel und Inhalte sauber auf einer gemeinsamen Linie halten. */
.bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product) > div > h3 {
  min-height: 2.8em;
}

.bl-bonus-overview .bl-bonus-footer p {
  width: 100%;
  text-align: center;
}

/* Gleicher Sektionsabstand vor „Weiterlesen / Auch interessant“. */
body.single-review #bericht-panel > .bl-related-section {
  margin-top: 72px;
}

/* Archiv-Sidebar: zusätzliche Kategorien kompakt aufklappen. */
.bl-archive-topics-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: #f1f4f8;
  color: var(--bl-primary, #193674);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  transition: background-color 180ms ease, color 180ms ease;
}

.bl-archive-topics-toggle:hover,
.bl-archive-topics-toggle:focus-visible {
  background: #e9eef6;
  color: #10234f;
}

.bl-archive-topics-toggle i {
  font-size: 11px;
  transition: transform 220ms ease;
}

.bl-archive-topics-toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.bl-archive-topic-list__extra.bl-topic-is-entering {
  animation: bl-topic-reveal 240ms ease both;
}

@keyframes bl-topic-reveal {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 767.98px) {
  .bl-bonus-overview .bl-bonus-list__item:not(.bl-bonus-list__item--product) > div > h3 {
    min-height: 0;
  }

  body.single-review #bericht-panel > .bl-related-section {
    margin-top: 48px;
  }
}

/* Homepage-Hero: native, resolution-independent signal badges. */
.bl-home-v3 .bl-home-hero__signal {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid #dce3ed;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.97);
  color: #526078;
  box-shadow: 0 8px 24px rgba(13, 34, 74, 0.08);
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.bl-home-v3 .bl-home-hero__signal i {
  flex: 0 0 auto;
  color: #2d63bd;
  font-size: 15px;
  line-height: 1;
}

.bl-home-v3 .bl-home-hero__signal > span {
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.bl-home-v3 .bl-home-hero__signal--left {
  top: 190px;
  left: 0;
}

.bl-home-v3 .bl-home-hero__signal--right {
  top: 130px;
  right: 0;
}

.bl-home-v3 .bl-home-hero__signal--lower {
  top: 300px;
  right: 40px;
}

@media (max-width: 575.98px) {
  .bl-home-v3 .bl-home-hero__highlight {
    margin-top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Blog-FAQ: Bestandteil des Artikeltexts, bewusst ohne Card. */
.bl-blog-faq {
  margin: 56px 0 46px;
  padding: 48px 0 0;
  border-top: 0;
  background: transparent;
}

.bl-blog-faq__header {
  margin-bottom: 18px;
}

.bl-blog-faq__header .bl-section-eyebrow {
  margin-bottom: 9px;
}

.bl-blog-faq__header h2 {
  margin: 0;
  color: var(--bl-text, #10234f);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.15;
}

.bl-blog-faq .bl-faq-accordion {
  border-top: 0;
}

@media (max-width: 767.98px) {
  .bl-blog-faq {
    margin: 42px 0 36px;
    padding-top: 36px;
  }

  .bl-blog-faq__header h2 {
    font-size: 27px;
  }
}

/* Startseite: kleine Pre-Headlines mobil durchgehend zentrieren. */
@media (max-width: 767.98px) {
  .bl-home-page .bl-home-section__eyebrow,
  .bl-home-v2 .bl-home-section__eyebrow,
  .bl-home-v3 .bl-home-section__eyebrow,
  .bl-home-page .bl-section-eyebrow,
  .bl-home-page .bl-section-kicker {
    display: block;
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  .bl-home-v3 .bl-home-categories > .container {
    display: flex;
    flex-direction: column;
  }

  .bl-home-v3 .bl-home-categories .bl-home-section__split-head {
    display: contents !important;
  }

  .bl-home-v3 .bl-home-categories .bl-home-section__split-head > div {
    order: 1;
    margin-bottom: 22px;
    text-align: center;
  }

  .bl-home-v3 .bl-home-categories .bl-home-category-list {
    order: 2;
  }

  .bl-home-v3 .bl-home-categories .bl-home-section__split-head > .btn {
    order: 3;
    align-self: center;
    margin: 20px auto 0 !important;
  }
}

/* Orientierungs-Card: gezielte Headline-Größe nach der globalen H3-Skalierung. */
.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card .bl-home-insight-card__copy h3 {
  font-size: clamp(28px, 2.4vw, 36px) !important;
  line-height: 1.08 !important;
}

@media (max-width: 575.98px) {
  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card .bl-home-insight-card__copy h3 {
    max-width: 16ch;
    font-size: 26px !important;
  }
}

/* Blog: redaktionelles Quellenverzeichnis direkt unter dem Artikeltext. */
.bl-blog-sources {
  margin: 56px 0 48px;
  padding-top: 32px;
  border-top: 0;
}

.bl-blog-sources__header {
  margin-bottom: 22px;
}

.bl-blog-sources__header .bl-section-eyebrow {
  display: block;
  margin-bottom: 8px;
}

.bl-blog-sources__header h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.12;
}

.bl-blog-sources__list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: bl-blog-source;
}

.bl-blog-sources__item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 17px 0;
  border-bottom: 0;
  counter-increment: bl-blog-source;
}

.bl-blog-sources__number::before {
  content: counter(bl-blog-source, decimal-leading-zero);
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  background: #eef3fb;
  color: #173c7d;
  font-size: 12px;
  font-weight: 600;
}

.bl-blog-sources__content {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.bl-blog-sources__content > a {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 7px;
  color: #0b1730;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: underline;
  text-decoration-color: #8ca4ca;
  text-underline-offset: 3px;
}

.bl-blog-sources__content > a:hover {
  color: #173c7d;
  text-decoration-color: currentColor;
}

.bl-blog-sources__content > a .bi {
  flex: 0 0 auto;
  font-size: 12px;
}

.bl-blog-sources__domain {
  overflow: hidden;
  color: #617087;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Anbieterprofil: Textkante entspricht dem Inhaltscontainer; das Bild schiebt den Titel nicht ein. */
@media (min-width: 768px) {
  .single-vendor .bl-vendor-profile-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .single-vendor .bl-vendor-profile-hero .bl-vendor-hero-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(118px, 10vw, 150px) !important;
    gap: clamp(28px, 4vw, 64px) !important;
    width: calc(100% - 32px) !important;
    max-width: 1084px !important;
    justify-self: center !important;
  }

  .single-vendor .bl-vendor-profile-hero .bl-vendor-hero-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .single-vendor .bl-vendor-profile-hero .bl-vendor-hero-avatar {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (min-width: 1400px) {
  .single-vendor .bl-vendor-profile-hero .bl-vendor-hero-content {
    max-width: 1264px !important;
  }
}

@media (max-width: 575.98px) {
  .bl-blog-sources {
    margin: 40px 0;
    padding-top: 26px;
  }

  .bl-blog-sources__header h2 {
    font-size: 28px;
  }

  .bl-blog-sources__item {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    padding: 15px 0;
  }

  .bl-blog-sources__number::before {
    width: 30px;
    height: 30px;
  }
}

/* Homepage-Bento: unten exakt so breit wie oben und mit dem globalen Card-Radius. */
.bl-home-v3 .bl-home-insight__copy.bl-home-insight-card,
.bl-home-v3 .bl-home-insight__visual,
.bl-home-v3 .bl-home-facts__panel,
.bl-home-v3 .bl-home-facts__intro,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact + .bl-home-fact,
.bl-home-v3 .bl-home-facts__grid .bl-home-fact:nth-child(n) {
  border-radius: 10px !important;
}

.bl-home-v3 .bl-home-facts__panel {
  width: 100%;
  padding: 0 !important;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-insight__copy.bl-home-insight-card,
  .bl-home-v3 .bl-home-insight__visual,
  .bl-home-v3 .bl-home-facts__panel,
  .bl-home-v3 .bl-home-facts__intro,
  .bl-home-v3 .bl-home-facts__grid .bl-home-fact,
  .bl-home-v3 .bl-home-facts__grid .bl-home-fact + .bl-home-fact,
  .bl-home-v3 .bl-home-facts__grid .bl-home-fact:nth-child(n) {
    border-radius: 10px !important;
  }
}

/* Finale Kaskade: ein einziges Grid ohne getrennte, abschneidbare Seitenmasken. */
.bl-home-v3 .bl-home-hero {
  background-color: #fff !important;
  background-image:
    radial-gradient(ellipse 48% 92% at 50% 48%, #fff 0%, rgba(255, 255, 255, .995) 46%, rgba(255, 255, 255, .92) 66%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(rgba(25, 54, 116, .105) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 54, 116, .105) 1px, transparent 1px) !important;
  background-position: center, 0 0, 0 0 !important;
  background-size: 100% 100%, 42px 42px, 42px 42px !important;
}

.bl-home-v3 .bl-home-hero::before,
.bl-home-v3 .bl-home-hero::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  content: none !important;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero {
    background-image:
      radial-gradient(ellipse 60% 90% at 50% 46%, #fff 0%, rgba(255, 255, 255, .995) 48%, rgba(255, 255, 255, .9) 68%, rgba(255, 255, 255, 0) 100%),
      linear-gradient(rgba(25, 54, 116, .09) 1px, transparent 1px),
      linear-gradient(90deg, rgba(25, 54, 116, .09) 1px, transparent 1px) !important;
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
  }
}

/* Mobile hero rhythm: give every content group enough room without changing desktop. */
@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero {
    padding-top: 64px !important;
  }

  .bl-home-v3 .bl-home-hero__note {
    margin-bottom: 28px !important;
  }

  .bl-home-v3 .bl-home-hero h1 {
    margin: 0 auto !important;
    line-height: 1.14 !important;
    letter-spacing: -.045em !important;
  }

  .bl-home-v3 .bl-home-hero__text {
    margin-top: 30px !important;
    line-height: 1.75 !important;
  }

  .bl-home-v3 .bl-home-hero .bl-home-actions {
    gap: 10px !important;
    margin-top: 28px !important;
  }

  .bl-home-v3 .bl-home-hero__visual--image {
    margin-top: 72px !important;
  }
}

/* Genug Zeilenhöhe für Unterlängen wie das g in „Coachings“. */
.bl-home-v3 .bl-home-hero h1 {
  line-height: 1.06 !important;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero h1 {
    line-height: 1.1 !important;
  }
}

/* Hero wie in der finalen Referenz: klares Seitenraster, ruhige Mitte, dunkles Text-Highlight. */
.bl-home-v3 .bl-home-hero {
  overflow: hidden;
  background-color: #fff !important;
  background-image:
    radial-gradient(ellipse 40% 92% at 50% 47%, #fff 0%, rgba(255, 255, 255, .998) 54%, rgba(255, 255, 255, .93) 72%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(rgba(25, 54, 116, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 54, 116, .06) 1px, transparent 1px) !important;
  background-position: 50% 50%, 0 0, 0 0 !important;
  background-size: 100% 100%, 42px 42px, 42px 42px !important;
  background-repeat: no-repeat, repeat, repeat !important;
}

.bl-home-v3 .bl-home-hero__highlight {
  display: inline-block !important;
  margin-top: 5px;
  padding: 3px 14px 8px !important;
  border: 0 !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: #0b1730 !important;
  box-shadow: 0 16px 38px rgba(11, 23, 48, .16) !important;
}

@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero {
    background-image:
      radial-gradient(ellipse 58% 88% at 50% 45%, #fff 0%, rgba(255, 255, 255, .998) 55%, rgba(255, 255, 255, .92) 74%, rgba(255, 255, 255, 0) 100%),
      linear-gradient(rgba(25, 54, 116, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(25, 54, 116, .045) 1px, transparent 1px) !important;
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
  }

  .bl-home-v3 .bl-home-hero__highlight {
    display: inline !important;
    padding: 2px 8px 5px !important;
    border-radius: 10px !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}

/* Finaler Mobile-Rhythmus: mehr Luft zwischen allen Hero-Gruppen. */
@media (max-width: 767.98px) {
  .bl-home-v3 .bl-home-hero {
    padding-top: 68px !important;
  }

  .bl-home-v3 .bl-home-hero__note {
    margin-bottom: 30px !important;
  }

  .bl-home-v3 .bl-home-hero h1 {
    margin: 0 auto !important;
    line-height: 1.14 !important;
    letter-spacing: -.045em !important;
  }

  .bl-home-v3 .bl-home-hero__text {
    margin-top: 30px !important;
    line-height: 1.75 !important;
  }

  .bl-home-v3 .bl-home-hero .bl-home-actions {
    gap: 10px !important;
    margin-top: 30px !important;
  }

  .bl-home-v3 .bl-home-hero__visual--image {
    margin-top: 76px !important;
  }
}

/* Keep generated blog covers in the same ratio as WordPress' card crop. */
.bl-archive-card.type-post .bl-archive-card__media,
.bl-home-v3 .bl-home-slider .bl-archive-card.type-post .bl-archive-card__media {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 2 / 1;
}

.bl-archive-card.type-post .bl-archive-card__image,
.bl-home-v3 .bl-home-slider .bl-archive-card.type-post .bl-archive-card__image {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  object-fit: cover !important;
  object-position: center !important;
}