/*
Theme Name: BrokerFactory Theme
Version: 1.0.0
Text Domain: brokerfactory
*/

/* BrokerFactory theme layer (RTL, tokens, typography) */
@font-face {
  font-family: 'YekanBakh';
  src: url('assets/fonts/YekanBakhFaNum-VF.woff2') format('woff2-variations'),
       url('assets/fonts/YekanBakhFaNum-VF.woff2') format('woff2');
  font-weight: 100 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --bf-primary: #1e3767;
  --bf-primary-hover: #132547;
  --bf-accent: #42b5b1;
  --bf-accent-hover: #379c98;
  --bf-telegram: #0088cc;
  --bf-radius-control: 12px;
  --bf-radius-surface: 1rem;
  --bf-radius-hero: 1.5rem;
  --bf-radius-pill: 9999px;
  --bf-control-h: 2.5rem;
  --bf-shadow-control: 0 1px 2px rgb(15 23 42 / 0.06);
  --color-primary: var(--bf-primary);
  --color-secondary: var(--bf-accent);
  --color-surface: #ffffff;
  --color-muted: #f8fafc;
  --color-border: #e2e8f0;
  --font-sans: 'YekanBakh', sans-serif;
  --font-mono: 'YekanBakh', sans-serif;
  --bf-space-section: 2.25rem;
  --bf-space-stack: 1.5rem;
  --bf-space-grid: 1.5rem;
  --bf-space-head: 1.5rem;
  --bf-space-intro: 1.5rem;
  --bf-site-header-height: 4.25rem;
  --bf-wp-admin-bar-height: 0px;
  --bf-chrome-top: clamp(1.25rem, 2vw + 0.65rem, 2rem);
  --bf-chrome-bottom: clamp(2rem, 3.5vw + 0.85rem, 3.25rem);
  --bf-line-height-reading: 1.8rem;
}

/* iOS: no focus-zoom on form fields; faster taps without double-tap zoom delay */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* One step larger than browser medium (16px → 18px); rem/Tailwind scale with this */
  font-size: 112.5%;
}

@media (max-width: 639px) {
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='hidden']):not([type='submit']):not([type='button']):not([type='reset']):not([type='image']):not([type='file']),
  select:not(.bf-archive-sort__select),
  textarea {
    font-size: 16px !important;
  }

  .bf-search-input::placeholder {
    font-size: 0.6875rem !important;
    line-height: 1.35;
  }
}

button,
[role='button'],
a {
  touch-action: manipulation;
}

/* Consistent pointer on interactive UI (buttons default to arrow in many browsers) */
:where(
  a[href],
  area[href],
  button:not(:disabled),
  [role='button']:not([aria-disabled='true']),
  summary,
  select:not(:disabled),
  label:where([for], :has(input[type='checkbox']), :has(input[type='radio'])),
  input:where(
    [type='checkbox'],
    [type='radio'],
    [type='submit'],
    [type='button'],
    [type='reset'],
    [type='file']
  ),
  [data-bf-compare-modal-close],
  [data-bf-archive-mobile-backdrop],
  [data-bf-mobile-drawer-backdrop],
  .bf-mobile-nav-backdrop.is-open,
  .bf-compare-modal__backdrop
) {
  cursor: pointer;
}

@media (min-width: 640px) {
  :root {
    --bf-space-section: 2.75rem;
    --bf-space-stack: 1.5rem;
    --bf-space-grid: 1.5rem;
    --bf-space-head: 1.5rem;
    --bf-space-intro: 1.5rem;
    --bf-site-header-height: 4.5rem;
    --bf-chrome-top: clamp(1.5rem, 2.2vw + 0.75rem, 2.25rem);
    --bf-chrome-bottom: clamp(2.25rem, 4vw + 0.75rem, 3.75rem);
  }
}

body.admin-bar {
  --bf-wp-admin-bar-height: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    --bf-wp-admin-bar-height: 46px;
  }
}

/* Nav compare count — compact pill beside label (RTL-safe, no overlap) */
.bf-nav-compare-label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  vertical-align: middle;
  max-width: 100%;
}

.bf-nav-compare-label__text {
  display: inline-block;
  line-height: 1.25;
}

.bf-nav-compare-badge {
  --bf-nav-compare-badge-fg: #1e3767;
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.28rem;
  border-radius: 9999px;
  background: var(--bf-accent, #42b5b1);
  color: var(--bf-nav-compare-badge-fg);
  font-family: var(--font-sans, 'YekanBakh', sans-serif);
  font-weight: 800;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: 0;
  border: 1px solid color-mix(in srgb, var(--bf-accent, #42b5b1) 62%, #1e3767 14%);
  box-sizing: border-box;
  box-shadow: none;
  pointer-events: none;
}

.bf-nav-compare-badge--desk,
.bf-nav-compare-badge--mobile {
  /* Shared pill; modifiers kept for markup hooks */
}

.bf-nav-compare-badge.is-empty {
  display: none;
}

html.dark .site-header .bf-nav-compare-badge,
html.dark .bf-mobile-nav-drawer .bf-nav-compare-badge {
  color: var(--bf-nav-compare-badge-fg);
  border-color: color-mix(in srgb, var(--bf-accent, #5ec9c5) 48%, #0b1220);
}

/* Desktop main nav — active item: rounded underline flush to header bottom border */
@media (min-width: 1024px) {
  .site-header .main-navigation {
    align-self: stretch;
    align-items: stretch;
  }

  .main-navigation .bf-main-nav-link {
    position: relative;
    align-self: stretch;
    height: 100% !important;
    min-height: 100%;
    background: transparent !important;
    box-shadow: none !important;
  }

  .main-navigation .bf-main-nav-link::after {
    content: "";
    position: absolute;
    left: 0.65rem;
    right: 0.65rem;
    bottom: -1px;
    height: 4px;
    border-radius: 6px 6px 0 0;
    background: transparent;
    transform: scaleX(0.6);
    transform-origin: center bottom;
    opacity: 0;
    z-index: 2;
    transition:
      opacity 0.2s ease,
      transform 0.2s ease,
      background-color 0.2s ease;
  }

  .main-navigation .bf-main-nav-link.is-current::after,
  .main-navigation .bf-main-nav-link[aria-current="page"]::after {
    background: var(--bf-accent, #42b5b1);
    transform: scaleX(1);
    opacity: 1;
  }

  html.dark .main-navigation .bf-main-nav-link.is-current::after,
  html.dark .main-navigation .bf-main-nav-link[aria-current="page"]::after {
    background: var(--bf-accent, #5ec9c5);
  }
}

/* Main content inset from fixed header + footer (all templates) */
.site-header {
  position: fixed;
  top: var(--bf-wp-admin-bar-height);
  left: 0;
  right: 0;
  width: 100%;
  z-index: 50;
}

/* Mobile navigation — slide-in panel from the right */
.bf-mobile-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 55;
  background: rgb(15 23 42 / 0.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.32s ease,
    visibility 0.32s ease;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.bf-mobile-nav-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.bf-mobile-nav-drawer {
  position: fixed;
  top: var(--bf-wp-admin-bar-height);
  right: 0;
  bottom: 0;
  z-index: 56;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: min(19rem, 88vw);
  max-width: 100%;
  padding: calc(env(safe-area-inset-top, 0px) + 0.75rem) 1rem calc(env(safe-area-inset-bottom, 0px) + 1.25rem);
  background: #fff;
  border-left: 1px solid rgb(226 232 240 / 0.95);
  box-shadow: -12px 0 40px rgb(15 23 42 / 0.12);
  overflow-y: auto;
  overscroll-behavior: contain;
  transform: translate3d(100%, 0, 0);
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.34s cubic-bezier(0.32, 0.72, 0, 1),
    visibility 0.34s ease;
}

.bf-mobile-nav-drawer.is-open {
  transform: translate3d(0, 0, 0);
  visibility: visible;
  pointer-events: auto;
}

.bf-mobile-nav-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgb(241 245 249);
}

.bf-mobile-nav-drawer__title {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 800;
  color: #1e3767;
}

body.bf-mobile-nav-open {
  overflow: hidden;
}

/* Compare toast — navy bar, centered (mobile + desktop) */
.bf-compare-toast {
  --bf-toast-primary: var(--bf-primary, #1e3767);
  --bf-toast-accent: var(--bf-accent, #42b5b1);
  --bf-toast-accent-hover: var(--bf-accent-hover, #379c98);
  --bf-toast-surface: #1e3767;
  --bf-toast-surface-border: rgb(255 255 255 / 0.12);

  position: fixed;
  z-index: 80;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 1.25rem);
  left: 50%;
  right: auto;
  width: max-content;
  max-width: min(28rem, calc(100vw - 2rem));
  margin: 0;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-50%, 0.75rem, 0);
  transition:
    opacity 0.28s ease,
    transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
}

@media (min-width: 640px) {
  .bf-compare-toast {
    max-width: min(32rem, calc(100vw - 3rem));
  }
}

.bf-compare-toast.is-visible {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
  pointer-events: auto;
}

.bf-compare-toast__inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 100%;
  padding: 0.75rem 0.875rem 0.75rem 0.75rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--bf-toast-surface) 96%, #0f172a) 0%,
    var(--bf-toast-surface) 100%
  );
  border: 1px solid var(--bf-toast-surface-border);
  border-radius: 0.875rem;
  box-shadow:
    0 16px 48px rgb(15 23 42 / 0.35),
    0 4px 12px rgb(15 23 42 / 0.2);
}

.bf-compare-toast__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  background: rgb(255 255 255 / 0.12);
  color: #fff;
  border: 1px solid rgb(255 255 255 / 0.14);
}

.bf-compare-toast--removed .bf-compare-toast__mark {
  background: rgb(248 113 113 / 0.2);
  border-color: rgb(248 113 113 / 0.35);
  color: #fecaca;
}

.bf-compare-toast__mark-icon {
  display: block;
}

.bf-compare-toast__main {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1;
}

.bf-compare-toast__message {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.15rem 0.35rem;
  margin: 0;
  min-width: 0;
  flex: 1;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  color: rgb(255 255 255 / 0.92);
}

@media (min-width: 640px) {
  .bf-compare-toast__message {
    flex-wrap: nowrap;
    font-size: 0.875rem;
  }
}

.bf-compare-toast__quote {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 100%;
  max-width: 100%;
  font-weight: 800;
  color: #fff;
}

@media (min-width: 640px) {
  .bf-compare-toast__quote {
    flex: 1 1 auto;
    max-width: 10rem;
  }
}

.bf-compare-toast__suffix {
  flex: 1 1 auto;
  white-space: nowrap;
  color: rgb(226 232 240 / 0.88);
  font-weight: 500;
}

@media (max-width: 639px) {
  .bf-compare-toast {
    width: calc(100vw - 2rem);
    max-width: calc(100vw - 2rem);
  }

  .bf-compare-toast__inner {
    gap: 0.5rem 0.625rem;
    padding: 0.625rem 0.75rem;
  }

  .bf-compare-toast__mark {
    display: none;
  }

  .bf-compare-toast__suffix {
    font-size: 0.75rem;
    color: rgb(226 232 240 / 0.75);
  }

  .bf-compare-toast__badge {
    font-size: 0.625rem;
    min-width: 2rem;
    padding: 0.15rem 0.4rem;
  }

  .bf-compare-toast__actions {
    gap: 0.25rem;
    padding-inline-start: 0.375rem;
  }

  .bf-compare-toast__link {
    padding: 0.4375rem 0.625rem;
    font-size: 0.6875rem;
    gap: 0.1875rem;
  }

  .bf-compare-toast__link-arrow-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
}

.bf-compare-toast__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 2.25rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 800;
  line-height: 1.2;
  border-radius: 0.375rem;
  font-variant-numeric: tabular-nums;
  color: #fff;
  background: rgb(66 181 177 / 0.22);
  border: 1px solid rgb(66 181 177 / 0.45);
  letter-spacing: 0.02em;
}

.bf-compare-toast__badge[hidden] {
  display: none !important;
}

.bf-compare-toast__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  flex-shrink: 0;
  padding-inline-start: 0.5rem;
  margin-inline-start: 0.125rem;
  border-inline-start: 1px solid rgb(255 255 255 / 0.14);
}

.bf-compare-toast__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1;
  border-radius: 0.5rem;
  color: #fff !important;
  text-decoration: none;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--bf-toast-accent) 92%, #fff) 0%,
    var(--bf-toast-accent) 100%
  );
  border: 1px solid color-mix(in srgb, var(--bf-toast-accent) 70%, #fff);
  box-shadow: 0 2px 10px rgb(66 181 177 / 0.35);
  transition:
    color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

.bf-compare-toast__link:hover {
  color: #fff !important;
  background: linear-gradient(
    180deg,
    var(--bf-toast-accent-hover) 0%,
    color-mix(in srgb, var(--bf-toast-accent-hover) 88%, #0f172a) 100%
  );
  box-shadow: 0 4px 14px rgb(66 181 177 / 0.45);
  transform: translateY(-1px);
}

.bf-compare-toast__link-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

.bf-compare-toast__link-arrow-icon {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
}

.bf-compare-toast__close-icon {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
}

.bf-compare-toast__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: none;
  border-radius: 0.5rem;
  background: transparent;
  color: rgb(255 255 255 / 0.45);
  cursor: pointer;
  transition:
    color 0.15s ease,
    background-color 0.15s ease;
}

.bf-compare-toast__close:hover {
  color: rgb(255 255 255 / 0.9);
  background: rgb(255 255 255 / 0.1);
}

@media (prefers-reduced-motion: reduce) {
  .bf-compare-toast {
    transition-duration: 0.01ms;
  }

  .bf-compare-toast__link:hover {
    transform: none;
  }
}

/* Compare toggle — active (brand accent + primary text) */
[data-bf-toggle-compare].is-compared {
  background: color-mix(in srgb, var(--bf-accent, #42b5b1) 14%, var(--bf-compare-mix-base, #fff)) !important;
  border-color: color-mix(in srgb, var(--bf-accent, #42b5b1) 55%, var(--bf-compare-border-mix, #cbd5e1)) !important;
  color: var(--bf-primary, #1e3767) !important;
}

[data-bf-toggle-compare].is-compared:hover {
  background: color-mix(in srgb, var(--bf-accent, #42b5b1) 20%, var(--bf-compare-mix-base, #fff)) !important;
  border-color: var(--bf-accent, #42b5b1) !important;
}

[data-bf-toggle-compare].is-compared .bf-compare-icon-active {
  color: var(--bf-accent, #42b5b1);
}

@media (min-width: 1024px) {
  .bf-mobile-nav-backdrop,
  .bf-mobile-nav-drawer {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-mobile-nav-backdrop,
  .bf-mobile-nav-drawer {
    transition-duration: 0.01ms;
  }
}

#content.site-main {
  box-sizing: border-box;
  width: 100%;
  padding-top: calc(
    var(--bf-wp-admin-bar-height) + var(--bf-site-header-height) + var(--bf-chrome-top)
  );
  padding-bottom: var(--bf-chrome-bottom);
}

.bf-section-intro {
  display: flex;
  flex-direction: column;
  gap: var(--bf-space-grid);
}

.bf-section-head {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.bf-section-head__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  align-self: flex-start;
  margin-bottom: 0.15rem;
  padding: 0.3rem 0.7rem;
  border-radius: var(--bf-radius-control);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #2a9d99;
  background: color-mix(in srgb, var(--bf-accent) 11%, #fff);
  border: 1px solid color-mix(in srgb, var(--bf-accent) 24%, var(--color-border));
}

.bf-section-head__title {
  margin: 0.1rem 0 0;
  font-size: clamp(1.5rem, 2.8vw, 1.875rem);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #1e3767;
}

.bf-section-head--sm .bf-section-head__title {
  font-size: clamp(1.2rem, 2.2vw, 1.5rem);
}

.bf-section-head__desc {
  margin: 0.4rem 0 0;
  max-width: 40rem;
  font-size: 0.8125rem;
  line-height: 1.65;
  color: #64748b;
}

@media (min-width: 640px) {
  .bf-section-head__desc {
    font-size: 0.875rem;
  }
}

/* Unified layout rhythm: 1.5rem between stacked blocks and grids */
.bf-stack {
  display: flex;
  flex-direction: column;
  gap: var(--bf-space-stack);
}

.bf-stack > * {
  margin-block: 0;
}

.cpt-broker-card .bf-broker-card-head {
  direction: rtl;
}

.bf-broker-card-logo,
.bf-broker-logo-avatar,
.bf-broker-logo-detail,
.bf-broker-logo-compare {
  aspect-ratio: 1;
  line-height: 0;
}

.bf-broker-card-logo img,
.bf-broker-logo-avatar img,
.bf-broker-logo-detail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html {
  direction: rtl;
  overflow-x: clip;
  scroll-padding-top: calc(var(--bf-wp-admin-bar-height) + var(--bf-site-header-height) + 0.75rem);
}

html[dir='rtl'],
html[dir='rtl'] body {
  direction: rtl;
  text-align: right;
}

html[dir='rtl'] input[type='email'],
html[dir='rtl'] input[type='url'],
html[dir='rtl'] input[dir='ltr'],
html[dir='rtl'] .font-mono,
html[dir='rtl'] [dir='ltr'] {
  direction: ltr;
}

html[dir='rtl'] .site-main,
html[dir='rtl'] .widget-area {
  unicode-bidi: isolate;
}

html,
body,
:root {
  font-family: 'YekanBakh', sans-serif;
}

.font-mono,
code, kbd, samp, pre {
  font-family: 'YekanBakh', sans-serif !important;
}

body {
  color: var(--bf-primary);
}

a:hover {
  color: var(--bf-accent);
}

a.text-white:hover,
a[class~='text-white']:hover {
  color: #fff;
}

.bf-text-primary {
  color: var(--bf-primary);
}

.bf-text-accent {
  color: var(--bf-accent);
}

.bf-bg-primary {
  background-color: var(--bf-primary);
}

.bf-bg-accent {
  background-color: var(--bf-accent);
}

.bf-bg-telegram {
  background-color: var(--bf-telegram);
}

/* Design system — shared buttons (matches header / broker detail CTAs) */
.bf-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  min-height: var(--bf-control-h);
  padding: 0 1rem;
  border-radius: var(--bf-radius-control);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.bf-btn--accent {
  background-color: var(--bf-accent);
  color: #fff !important;
  box-shadow: var(--bf-shadow-control);
}

.bf-btn--accent:hover,
.bf-btn--accent:focus-visible {
  background-color: var(--bf-accent-hover);
  color: #fff !important;
}

.bf-btn--primary {
  background-color: var(--bf-primary);
  color: #fff !important;
  box-shadow: var(--bf-shadow-control);
}

.bf-btn--primary:hover,
.bf-btn--primary:focus-visible {
  background-color: var(--bf-primary-hover);
  color: #fff !important;
}

.bf-btn--secondary {
  background-color: #fff;
  color: var(--bf-primary);
  border-color: #cbd5e1;
  box-shadow: var(--bf-shadow-control);
}

.bf-btn--secondary:hover,
.bf-btn--secondary:focus-visible {
  background-color: #f8fafc;
  color: var(--bf-primary);
}

.bf-btn--ghost {
  background-color: #fff;
  color: #475569;
  border-color: var(--color-border);
}

.bf-btn--ghost:hover,
.bf-btn--ghost:focus-visible {
  background-color: #f8fafc;
  color: #334155;
}

.bf-btn--block {
  width: 100%;
}

.bf-btn--icon {
  width: var(--bf-control-h);
  height: var(--bf-control-h);
  min-height: var(--bf-control-h);
  padding: 0;
  flex-shrink: 0;
}

.bf-btn--pill {
  border-radius: var(--bf-radius-pill);
}

.bf-btn--sm {
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
}

.bf-btn--sm:hover:not(.bf-compare-review-btn),
.bf-btn--sm.bf-btn--ghost:hover:not(.bf-compare-review-btn) {
  background-color: var(--bf-accent);
  border-color: var(--bf-accent);
  color: #fff !important;
}

@media (min-width: 640px) {
  .bf-btn--responsive-lg {
    min-height: 2.75rem;
    padding-inline: 1.5rem;
    font-size: 0.875rem;
  }
}

/* Deposit & withdrawal panels (broker detail) */
.bf-payments-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  width: 100%;
}

@media (min-width: 640px) {
  .bf-payments-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bf-payments-panel {
  width: 100%;
  border-radius: var(--bf-radius-surface);
  border: 1px solid #e2e8f0;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
}

.bf-payments-panel--deposit {
  border-color: rgb(16 185 129 / 0.25);
}

.bf-payments-panel--withdraw {
  border-color: rgb(14 165 233 / 0.25);
}

.bf-payments-panel__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid rgb(226 232 240 / 0.9);
}

.bf-payments-panel__head-text {
  flex: 1;
  min-width: 0;
}

.bf-payments-panel--deposit .bf-payments-panel__head {
  background: linear-gradient(135deg, rgb(236 253 245 / 0.95), rgb(240 253 250 / 0.6));
}

.bf-payments-panel--withdraw .bf-payments-panel__head {
  background: linear-gradient(135deg, rgb(240 249 255 / 0.95), rgb(248 250 252 / 0.8));
}

.bf-payments-panel__head-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.65rem;
  background: #fff;
  border: 1px solid rgb(226 232 240 / 0.9);
  color: var(--bf-accent);
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}

.bf-payments-panel--deposit .bf-payments-panel__head-icon {
  color: #059669;
  border-color: rgb(16 185 129 / 0.2);
}

.bf-payments-panel--withdraw .bf-payments-panel__head-icon {
  color: #0284c7;
  border-color: rgb(14 165 233 / 0.2);
}

.bf-payments-panel__title {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #1e3767;
}

.bf-payments-panel--deposit .bf-payments-panel__title {
  color: #064e3b;
}

.bf-payments-panel--withdraw .bf-payments-panel__title {
  color: #0c4a6e;
}

.bf-payments-panel__subtitle {
  font-size: 0.625rem;
  color: #64748b;
  margin-top: 0.125rem;
}

.bf-payments-panel__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
}

.bf-payment-method {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--bf-radius-control);
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease,
    box-shadow 0.15s ease;
}

.bf-payments-panel--deposit .bf-payment-method:hover {
  border-color: rgb(16 185 129 / 0.35);
  background: #fff;
  box-shadow: 0 2px 8px rgb(16 185 129 / 0.08);
}

.bf-payments-panel--withdraw .bf-payment-method:hover {
  border-color: rgb(14 165 233 / 0.35);
  background: #fff;
  box-shadow: 0 2px 8px rgb(14 165 233 / 0.08);
}

.bf-payment-method__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #42b5b1;
}

.bf-payments-panel--deposit .bf-payment-method__icon {
  color: #10b981;
}

.bf-payments-panel--withdraw .bf-payment-method__icon {
  color: #0ea5e9;
}

.bf-payment-method__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  text-align: start;
}

.bf-payment-method__label {
  font-size: 0.75rem;
  font-weight: 700;
  color: #1e3767;
  line-height: 1.3;
}

.bf-payment-method__hint {
  font-size: 0.625rem;
  color: #64748b;
  line-height: 1.35;
}

.bf-payment-method__check {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 9999px;
  background: rgb(16 185 129 / 0.12);
  color: #059669;
}

.bf-payments-panel--withdraw .bf-payment-method__check {
  background: rgb(14 165 233 / 0.12);
  color: #0284c7;
}

.bf-islamic-feature {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: var(--bf-radius-control);
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  font-size: 0.75rem;
}

@media (min-width: 640px) {
  .bf-islamic-feature {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
  }
}

.bf-islamic-feature--yes {
  border-color: rgb(16 185 129 / 0.25);
  background: linear-gradient(135deg, rgb(236 253 245 / 0.5), #f8fafc);
}

.bf-islamic-feature__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #475569;
  font-weight: 600;
}

.bf-islamic-feature__value {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 700;
  line-height: 1.4;
}

.bf-islamic-feature--yes .bf-islamic-feature__value {
  color: #047857;
}

.bf-islamic-feature--no .bf-islamic-feature__value {
  color: #64748b;
}

.font-bold,
.font-extrabold,
.font-black,
b,
strong {
  font-weight: 600 !important;
}

/* Compiled Tailwind utilities (from templates). Live copy — kept inside style.css so only one front-end stylesheet is enqueued. Rebuild via npm run build → assets/css/theme.css, then replace this block if utilities changed. Do not also enqueue theme.css. */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"YekanBakh", sans-serif;--font-mono:"YekanBakh", sans-serif;--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-500:oklch(70.4% .14 182.503);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:600;--font-weight-extrabold:600;--font-weight-black:600;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-xs:0 1px 1px #0000000d;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-primary:#1e3767;--color-secondary:#42b5b1;--color-surface:#fff;--color-muted:#f8fafc;--color-border:#e2e8f0}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden!important}html,body,:root{font-family:YekanBakh,sans-serif}body{color:#1e3767;background-color:#f8fafc;width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden!important}b,strong{font-weight:600}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.-top-10{top:calc(var(--spacing) * -10)}.-top-12{top:calc(var(--spacing) * -12)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-20{top:calc(var(--spacing) * 20)}.-right-8{right:calc(var(--spacing) * -8)}.-right-10{right:calc(var(--spacing) * -10)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-8{bottom:calc(var(--spacing) * -8)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-0{bottom:0}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-10{left:calc(var(--spacing) * -10)}.-left-12{left:calc(var(--spacing) * -12)}.-left-24{left:calc(var(--spacing) * -24)}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.order-last{order:9999}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.-mr-0\.5{margin-right:calc(var(--spacing) * -.5)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-\[15px\]{margin-bottom:15px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-16\/10{aspect-ratio:16/10}.aspect-21\/9{aspect-ratio:21/9}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-8\.5{height:calc(var(--spacing) * 8.5)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-44{height:calc(var(--spacing) * 44)}.h-80{height:calc(var(--spacing) * 80)}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[85vh\]{max-height:85vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-8\.5{width:calc(var(--spacing) * 8.5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-80{width:calc(var(--spacing) * 80)}.w-\[10\%\]{width:10%}.w-\[14\%\]{width:14%}.w-\[16\%\]{width:16%}.w-\[24\%\]{width:24%}.w-\[26\%\]{width:26%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[70\%\]{max-width:70%}.max-w-\[130px\]{max-width:130px}.max-w-\[135px\]{max-width:135px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-\[95px\]{min-width:95px}.min-w-\[115px\]{min-width:115px}.min-w-\[120px\]{min-width:120px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-5{--tw-translate-x:calc(var(--spacing) * -5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[15px\]{gap:15px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[15px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(15px * var(--tw-space-y-reverse));margin-block-end:calc(15px * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-l-full{border-top-left-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#1E3767\]{border-color:#1e3767}.border-\[\#42B5B1\]{border-color:#42b5b1}.border-\[\#42B5B1\]\/30{border-color:oklab(70.8166% -.0997743 -.0208942/.3)}.border-\[\#42B5B1\]\/40{border-color:oklab(70.8166% -.0997743 -.0208942/.4)}.border-\[\#42B5B1\]\/50{border-color:oklab(70.8166% -.0997743 -.0208942/.5)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/60{border-color:#fee68599}@supports (color:color-mix(in lab, red, red)){.border-amber-200\/60{border-color:color-mix(in oklab, var(--color-amber-200) 60%, transparent)}}.border-amber-200\/70{border-color:#fee685b3}@supports (color:color-mix(in lab, red, red)){.border-amber-200\/70{border-color:color-mix(in oklab, var(--color-amber-200) 70%, transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/30{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.border-amber-500\/40{border-color:#f99c0066}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/40{border-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-800\/50{border-color:#193cb880}@supports (color:color-mix(in lab, red, red)){.border-blue-800\/50{border-color:color-mix(in oklab, var(--color-blue-800) 50%, transparent)}}.border-cyan-700\/40{border-color:#00749266}@supports (color:color-mix(in lab, red, red)){.border-cyan-700\/40{border-color:color-mix(in oklab, var(--color-cyan-700) 40%, transparent)}}.border-cyan-800\/40{border-color:#005f7866}@supports (color:color-mix(in lab, red, red)){.border-cyan-800\/40{border-color:color-mix(in oklab, var(--color-cyan-800) 40%, transparent)}}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-200\/60{border-color:#a4f4cf99}@supports (color:color-mix(in lab, red, red)){.border-emerald-200\/60{border-color:color-mix(in oklab, var(--color-emerald-200) 60%, transparent)}}.border-emerald-200\/80{border-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.border-emerald-200\/80{border-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/40{border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.border-emerald-700\/50{border-color:#00795680}@supports (color:color-mix(in lab, red, red)){.border-emerald-700\/50{border-color:color-mix(in oklab, var(--color-emerald-700) 50%, transparent)}}.border-indigo-500\/40{border-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/40{border-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.border-orange-400\/40{border-color:#ff8b1a66}@supports (color:color-mix(in lab, red, red)){.border-orange-400\/40{border-color:color-mix(in oklab, var(--color-orange-400) 40%, transparent)}}.border-purple-100{border-color:var(--color-purple-100)}.border-purple-500\/40{border-color:#ac4bff66}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/40{border-color:color-mix(in oklab, var(--color-purple-500) 40%, transparent)}}.border-rose-200\/80{border-color:#ffccd3cc}@supports (color:color-mix(in lab, red, red)){.border-rose-200\/80{border-color:color-mix(in oklab, var(--color-rose-200) 80%, transparent)}}.border-sky-100{border-color:var(--color-sky-100)}.border-sky-200{border-color:var(--color-sky-200)}.border-sky-200\/70{border-color:#b8e6feb3}@supports (color:color-mix(in lab, red, red)){.border-sky-200\/70{border-color:color-mix(in oklab, var(--color-sky-200) 70%, transparent)}}.border-sky-200\/80{border-color:#b8e6fecc}@supports (color:color-mix(in lab, red, red)){.border-sky-200\/80{border-color:color-mix(in oklab, var(--color-sky-200) 80%, transparent)}}.border-sky-300{border-color:var(--color-sky-300)}.border-sky-500\/40{border-color:#00a5ef66}@supports (color:color-mix(in lab, red, red)){.border-sky-500\/40{border-color:color-mix(in oklab, var(--color-sky-500) 40%, transparent)}}.border-sky-700\/50{border-color:#0069a480}@supports (color:color-mix(in lab, red, red)){.border-sky-700\/50{border-color:color-mix(in oklab, var(--color-sky-700) 50%, transparent)}}.border-sky-900\/50{border-color:#024a7080}@supports (color:color-mix(in lab, red, red)){.border-sky-900\/50{border-color:color-mix(in oklab, var(--color-sky-900) 50%, transparent)}}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-100\/90{border-color:#f1f5f9e6}@supports (color:color-mix(in lab, red, red)){.border-slate-100\/90{border-color:color-mix(in oklab, var(--color-slate-100) 90%, transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/60{border-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.border-slate-200\/70{border-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/70{border-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-200\/90{border-color:#e2e8f0e6}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/90{border-color:color-mix(in oklab, var(--color-slate-200) 90%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/40{border-color:#31415866}@supports (color:color-mix(in lab, red, red)){.border-slate-700\/40{border-color:color-mix(in oklab, var(--color-slate-700) 40%, transparent)}}.border-slate-700\/60{border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.border-slate-700\/60{border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.border-slate-800{border-color:var(--color-slate-800)}.border-teal-100{border-color:var(--color-teal-100)}.border-teal-100\/80{border-color:#cbfbf1cc}@supports (color:color-mix(in lab, red, red)){.border-teal-100\/80{border-color:color-mix(in oklab, var(--color-teal-100) 80%, transparent)}}.border-teal-500\/40{border-color:#00baa766}@supports (color:color-mix(in lab, red, red)){.border-teal-500\/40{border-color:color-mix(in oklab, var(--color-teal-500) 40%, transparent)}}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/30{border-color:color-mix(in oklab, var(--color-yellow-500) 30%, transparent)}}.border-r-\[\#42B5B1\]{border-right-color:#42b5b1}.bg-\[\#0f172a\]{background-color:#0f172a}.bg-\[\#1E3767\]{background-color:#1e3767}.bg-\[\#42B5B1\]{background-color:#42b5b1}.bg-\[\#42B5B1\]\/10{background-color:oklab(70.8166% -.0997743 -.0208942/.1)}.bg-\[\#42B5B1\]\/20{background-color:oklab(70.8166% -.0997743 -.0208942/.2)}.bg-\[\#42B5B1\]\/25{background-color:oklab(70.8166% -.0997743 -.0208942/.25)}.bg-\[\#42B5B1\]\/30{background-color:oklab(70.8166% -.0997743 -.0208942/.3)}.bg-\[\#14233C\]{background-color:#14233c}.bg-\[\#18181b\]{background-color:#18181b}.bg-\[\#EEF3F8\]{background-color:#eef3f8}.bg-\[\#F8FAFC\]{background-color:#f8fafc}.bg-\[\#c2410c\]{background-color:#c2410c}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/80{background-color:#fffbebcc}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/80{background-color:color-mix(in oklab, var(--color-amber-50) 80%, transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.bg-amber-500\/25{background-color:#f99c0040}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/25{background-color:color-mix(in oklab, var(--color-amber-500) 25%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/50{background-color:#ecfdf580}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/50{background-color:color-mix(in oklab, var(--color-emerald-50) 50%, transparent)}}.bg-emerald-50\/60{background-color:#ecfdf599}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/60{background-color:color-mix(in oklab, var(--color-emerald-50) 60%, transparent)}}.bg-emerald-50\/70{background-color:#ecfdf5b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/70{background-color:color-mix(in oklab, var(--color-emerald-50) 70%, transparent)}}.bg-emerald-50\/80{background-color:#ecfdf5cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/80{background-color:color-mix(in oklab, var(--color-emerald-50) 80%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.bg-emerald-500\/25{background-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/25{background-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/20{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.bg-indigo-500\/25{background-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/25{background-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/20{background-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.bg-purple-500\/25{background-color:#ac4bff40}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/25{background-color:color-mix(in oklab, var(--color-purple-500) 25%, transparent)}}.bg-rose-50\/50{background-color:#fff1f280}@supports (color:color-mix(in lab, red, red)){.bg-rose-50\/50{background-color:color-mix(in oklab, var(--color-rose-50) 50%, transparent)}}.bg-rose-50\/70{background-color:#fff1f2b3}@supports (color:color-mix(in lab, red, red)){.bg-rose-50\/70{background-color:color-mix(in oklab, var(--color-rose-50) 70%, transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-50\/60{background-color:#f0f9ff99}@supports (color:color-mix(in lab, red, red)){.bg-sky-50\/60{background-color:color-mix(in oklab, var(--color-sky-50) 60%, transparent)}}.bg-sky-50\/70{background-color:#f0f9ffb3}@supports (color:color-mix(in lab, red, red)){.bg-sky-50\/70{background-color:color-mix(in oklab, var(--color-sky-50) 70%, transparent)}}.bg-sky-50\/80{background-color:#f0f9ffcc}@supports (color:color-mix(in lab, red, red)){.bg-sky-50\/80{background-color:color-mix(in oklab, var(--color-sky-50) 80%, transparent)}}.bg-sky-950{background-color:var(--color-sky-950)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/50{background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)}}.bg-slate-50\/60{background-color:#f8fafc99}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/60{background-color:color-mix(in oklab, var(--color-slate-50) 60%, transparent)}}.bg-slate-50\/70{background-color:#f8fafcb3}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/70{background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)}}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/80{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.bg-slate-50\/90{background-color:#f8fafce6}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/90{background-color:color-mix(in oklab, var(--color-slate-50) 90%, transparent)}}.bg-slate-50\/95{background-color:#f8fafcf2}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/95{background-color:color-mix(in oklab, var(--color-slate-50) 95%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/70{background-color:#f1f5f9b3}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/70{background-color:color-mix(in oklab, var(--color-slate-100) 70%, transparent)}}.bg-slate-100\/90{background-color:#f1f5f9e6}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/90{background-color:color-mix(in oklab, var(--color-slate-100) 90%, transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-200\/90{background-color:#e2e8f0e6}@supports (color:color-mix(in lab, red, red)){.bg-slate-200\/90{background-color:color-mix(in oklab, var(--color-slate-200) 90%, transparent)}}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/60{background-color:color-mix(in oklab, var(--color-slate-900) 60%, transparent)}}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-50\/50{background-color:#f0fdfa80}@supports (color:color-mix(in lab, red, red)){.bg-teal-50\/50{background-color:color-mix(in oklab, var(--color-teal-50) 50%, transparent)}}.bg-teal-50\/70{background-color:#f0fdfab3}@supports (color:color-mix(in lab, red, red)){.bg-teal-50\/70{background-color:color-mix(in oklab, var(--color-teal-50) 70%, transparent)}}.bg-teal-50\/90{background-color:#f0fdfae6}@supports (color:color-mix(in lab, red, red)){.bg-teal-50\/90{background-color:color-mix(in oklab, var(--color-teal-50) 90%, transparent)}}.bg-teal-500\/20{background-color:#00baa733}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/20{background-color:color-mix(in oklab, var(--color-teal-500) 20%, transparent)}}.bg-teal-500\/25{background-color:#00baa740}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/25{background-color:color-mix(in oklab, var(--color-teal-500) 25%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#0A3254\]{--tw-gradient-from:#0a3254;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#0B2147\]{--tw-gradient-from:#0b2147;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#0b2940\]{--tw-gradient-from:#0b2940;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#0e274d\]{--tw-gradient-from:#0e274d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#0f2e3d\]{--tw-gradient-from:#0f2e3d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#1E3767\]{--tw-gradient-from:#1e3767;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#1c1d47\]{--tw-gradient-from:#1c1d47;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#002D62\]{--tw-gradient-from:#002d62;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#2b1f10\]{--tw-gradient-from:#2b1f10;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#2c1747\]{--tw-gradient-from:#2c1747;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#004B87\]{--tw-gradient-from:#004b87;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#102e38\]{--tw-gradient-from:#102e38;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#009156\]{--tw-gradient-from:#009156;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#071739\]{--tw-gradient-from:#071739;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-950{--tw-gradient-from:var(--color-emerald-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-50\/90{--tw-gradient-from:#f0fdfae6}@supports (color:color-mix(in lab, red, red)){.from-teal-50\/90{--tw-gradient-from:color-mix(in oklab, var(--color-teal-50) 90%, transparent)}}.from-teal-50\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#0B2147\]{--tw-gradient-via:#0b2147;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#0d3b4c\]{--tw-gradient-via:#0d3b4c;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#3a1d5c\]{--tw-gradient-via:#3a1d5c;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#3d2c14\]{--tw-gradient-via:#3d2c14;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#102e5e\]{--tw-gradient-via:#102e5e;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#143e45\]{--tw-gradient-via:#143e45;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#162a52\]{--tw-gradient-via:#162a52;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#162e58\]{--tw-gradient-via:#162e58;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#13424d\]{--tw-gradient-via:#13424d;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#24265c\]{--tw-gradient-via:#24265c;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#123363\]{--tw-gradient-via:#123363;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#F8FAFC\]{--tw-gradient-via:#f8fafc;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-amber-400{--tw-gradient-via:var(--color-amber-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/95{--tw-gradient-via:#fffffff2}@supports (color:color-mix(in lab, red, red)){.via-white\/95{--tw-gradient-via:color-mix(in oklab, var(--color-white) 95%, transparent)}}.via-white\/95{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0A1A36\]{--tw-gradient-to:#0a1a36;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0a1a1f\]{--tw-gradient-to:#0a1a1f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0c1a33\]{--tw-gradient-to:#0c1a33;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0d1830\]{--tw-gradient-to:#0d1830;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0f1026\]{--tw-gradient-to:#0f1026;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#002b50\]{--tw-gradient-to:#002b50;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#041a2e\]{--tw-gradient-to:#041a2e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#091a24\]{--tw-gradient-to:#091a24;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#160a26\]{--tw-gradient-to:#160a26;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#00683d\]{--tw-gradient-to:#00683d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#001736\]{--tw-gradient-to:#001736;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#051129\]{--tw-gradient-to:#051129;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#071733\]{--tw-gradient-to:#071733;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#071926\]{--tw-gradient-to:#071926;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#081730\]{--tw-gradient-to:#081730;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#122344\]{--tw-gradient-to:#122344;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#132547\]{--tw-gradient-to:#132547;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#171007\]{--tw-gradient-to:#171007;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#F1F5F9\]{--tw-gradient-to:#f1f5f9;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-50\/50{--tw-gradient-to:#f0f9ff80}@supports (color:color-mix(in lab, red, red)){.to-sky-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-sky-50) 50%, transparent)}}.to-sky-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-900{--tw-gradient-to:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-300{--tw-gradient-to:var(--color-yellow-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-\[\#42B5B1\]{fill:#42b5b1}.fill-\[\#42B5B1\]\/60{fill:oklab(70.8166% -.0997743 -.0208942/.6)}.fill-\[\#F59E0B\]{fill:#f59e0b}.fill-amber-300{fill:var(--color-amber-300)}.fill-amber-400{fill:var(--color-amber-400)}.stroke-\[3\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-1{padding-right:var(--spacing)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#1E3767\]{color:#1e3767}.text-\[\#42B5B1\]{color:#42b5b1}.text-\[\#14233C\]{color:#14233c}.text-\[\#F59E0B\]{color:#f59e0b}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-950{color:var(--color-amber-950)}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-cyan-200{color:var(--color-cyan-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-emerald-950{color:var(--color-emerald-950)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-orange-200{color:var(--color-orange-200)}.text-purple-400{color:var(--color-purple-400)}.text-purple-600{color:var(--color-purple-600)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-900{color:var(--color-rose-900)}.text-rose-950{color:var(--color-rose-950)}.text-sky-200{color:var(--color-sky-200)}.text-sky-400{color:var(--color-sky-400)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-sky-900{color:var(--color-sky-900)}.text-sky-950{color:var(--color-sky-950)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-950{color:var(--color-slate-950)}.text-teal-300{color:var(--color-teal-300)}.text-violet-500{color:var(--color-violet-500)}.text-white{color:var(--color-white)}.text-white\/10{color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.text-white\/10{color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.opacity-15{opacity:.15}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[\#42B5B1\]\/50{--tw-shadow-color:#42b5b180}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#42B5B1\]\/50{--tw-shadow-color:color-mix(in oklab, oklab(70.8166% -.0997743 -.0208942/.5) var(--tw-shadow-alpha), transparent)}}.ring-\[\#42B5B1\]\/25{--tw-ring-color:oklab(70.8166% -.0997743 -.0208942/.25)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-xs{--tw-drop-shadow-size:drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000d));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-x-1\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:border-\[\#42B5B1\]:is(:where(.group):hover *){border-color:#42b5b1}.group-hover\:border-\[\#42B5B1\]\/60:is(:where(.group):hover *){border-color:oklab(70.8166% -.0997743 -.0208942/.6)}.group-hover\:bg-\[\#1E3767\]:is(:where(.group):hover *){background-color:#1e3767}.group-hover\:bg-\[\#42B5B1\]:is(:where(.group):hover *){background-color:#42b5b1}.group-hover\:bg-slate-200:is(:where(.group):hover *){background-color:var(--color-slate-200)}.group-hover\:bg-teal-50:is(:where(.group):hover *){background-color:var(--color-teal-50)}.group-hover\:text-\[\#42B5B1\]:is(:where(.group):hover *){color:#42b5b1}.group-hover\:text-slate-700:is(:where(.group):hover *){color:var(--color-slate-700)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}}.group-\[\.is-compared\]\:hidden:is(:where(.group).is-compared *){display:none}.group-\[\.is-compared\]\:inline-flex:is(:where(.group).is-compared *){display:inline-flex}.selection\:bg-\[\#42B5B1\]\/20 ::selection{background-color:oklab(70.8166% -.0997743 -.0208942/.2)}.selection\:bg-\[\#42B5B1\]\/20::selection{background-color:oklab(70.8166% -.0997743 -.0208942/.2)}.selection\:text-\[\#1E3767\] ::selection{color:#1e3767}.selection\:text-\[\#1E3767\]::selection{color:#1e3767}.first\:pt-0:first-child{padding-top:0}.last\:pb-0:last-child{padding-bottom:0}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#42B5B1\]:hover{border-color:#42b5b1}.hover\:border-\[\#42B5B1\]\/60:hover{border-color:oklab(70.8166% -.0997743 -.0208942/.6)}.hover\:border-slate-200:hover{border-color:var(--color-slate-200)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-\[\#42B5B1\]:hover{background-color:#42b5b1}.hover\:bg-\[\#369a96\]:hover{background-color:#369a96}.hover\:bg-\[\#379c98\]:hover{background-color:#379c98}.hover\:bg-\[\#16294d\]:hover{background-color:#16294d}.hover\:bg-\[\#132547\]:hover{background-color:#132547}.hover\:bg-\[\#152749\]:hover{background-color:#152749}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-50\/50:hover{background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)}}.hover\:bg-slate-50\/70:hover{background-color:#f8fafcb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-50\/70:hover{background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)}}.hover\:bg-slate-50\/80:hover{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-50\/80:hover{background-color:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-100\/90:hover{background-color:#f1f5f9e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-100\/90:hover{background-color:color-mix(in oklab, var(--color-slate-100) 90%, transparent)}}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-200\/70:hover{background-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-200\/70:hover{background-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.hover\:bg-slate-200\/80:hover{background-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-200\/80:hover{background-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.hover\:bg-teal-50\/90:hover{background-color:#f0fdfae6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-teal-50\/90:hover{background-color:color-mix(in oklab, var(--color-teal-50) 90%, transparent)}}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.hover\:bg-white\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/80:hover{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.hover\:text-\[\#1E3767\]:hover{color:#1e3767}.hover\:text-\[\#42B5B1\]:hover{color:#42b5b1}.hover\:text-\[\#369a96\]:hover{color:#369a96}.hover\:text-\[\#379c98\]:hover{color:#379c98}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xs:hover{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[\#42B5B1\]:focus{border-color:#42b5b1}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#42B5B1\]\/15:focus{--tw-ring-color:oklab(70.8166% -.0997743 -.0208942/.15)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.active\:scale-98:active{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:top-3{top:calc(var(--spacing) * 3)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:left-3{left:calc(var(--spacing) * 3)}.sm\:left-auto{left:auto}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:h-2{height:calc(var(--spacing) * 2)}.sm\:h-3\.5{height:calc(var(--spacing) * 3.5)}.sm\:h-5{height:calc(var(--spacing) * 5)}.sm\:h-7{height:calc(var(--spacing) * 7)}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-16{height:calc(var(--spacing) * 16)}.sm\:h-20{height:calc(var(--spacing) * 20)}.sm\:w-2{width:calc(var(--spacing) * 2)}.sm\:w-3\.5{width:calc(var(--spacing) * 3.5)}.sm\:w-5{width:calc(var(--spacing) * 5)}.sm\:w-7{width:calc(var(--spacing) * 7)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-16{width:calc(var(--spacing) * 16)}.sm\:w-20{width:calc(var(--spacing) * 20)}.sm\:w-36{width:calc(var(--spacing) * 36)}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:w-60{width:calc(var(--spacing) * 60)}.sm\:w-auto{width:auto}.sm\:max-w-\[280px\]{max-width:280px}.sm\:max-w-md{max-width:var(--container-md)}.sm\:min-w-\[210px\]{min-width:210px}.sm\:min-w-\[240px\]{min-width:240px}.sm\:flex-1{flex:1}.sm\:flex-initial{flex:0 auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}:where(.sm\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.sm\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.sm\:self-auto{align-self:auto}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:rounded-xl{border-radius:var(--radius-xl)}.sm\:p-2{padding:calc(var(--spacing) * 2)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-3\.5{padding:calc(var(--spacing) * 3.5)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:pt-1{padding-top:var(--spacing)}.sm\:pt-20{padding-top:calc(var(--spacing) * 20)}.sm\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[13px\]{font-size:13px}.sm\:leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.sm\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (width>=48rem){.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-9{grid-column:span 9/span 9}.md\:block{display:block}.md\:hidden{display:none}.md\:w-64{width:calc(var(--spacing) * 64)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:self-auto{align-self:auto}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:pt-0{padding-top:0}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-20{top:calc(var(--spacing) * 20)}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:order-none{order:0}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-\[48\%\]{width:48%}.lg\:w-\[52\%\]{width:52%}.lg\:w-auto{width:auto}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pt-0{padding-top:0}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=80rem){.xl\:gap-2{gap:calc(var(--spacing) * 2)}}.\[\&\.is-compared\]\:border-sky-300.is-compared{border-color:var(--color-sky-300)}.\[\&\.is-compared\]\:bg-sky-50.is-compared{background-color:var(--color-sky-50)}.\[\&\.is-compared\]\:text-sky-700.is-compared{color:var(--color-sky-700)}}.font-mono,code,kbd,samp,pre{letter-spacing:normal!important;font-family:YekanBakh,sans-serif!important}.font-bold,.font-extrabold,.font-black,b,strong{font-weight:600!important}.tabular-nums{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:7px;height:0}::-webkit-scrollbar-track{background:0 0;margin:10px 0}::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8;background-clip:padding-box;border:2px solid #0000}.minimal-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.minimal-scrollbar::-webkit-scrollbar{width:6px;height:5px}.minimal-scrollbar::-webkit-scrollbar-track{background:0 0;margin:8px 4px}.minimal-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-clip:padding-box;border:1.5px solid #0000;border-radius:9999px}.minimal-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}

/* Site-wide vertical rhythm (overrides legacy 15px Tailwind stacks) */
:where(.space-y-\[15px\] > :not(:last-child)) {
  margin-block-end: var(--bf-space-stack) !important;
}

:where(.front-page-content.space-y-\[15px\] > :not(:last-child)) {
  margin-block-end: var(--bf-space-section) !important;
}

.gap-\[15px\] {
  gap: var(--bf-space-grid) !important;
}

.mb-\[15px\] {
  margin-bottom: var(--bf-space-head) !important;
}

.site-main h1:not(:last-child),
.site-main h2:not(:last-child),
.entry-header h1,
.archive-title {
  margin-bottom: 0.65em;
}

.compare-page h1,
.page-compare h1 {
  margin-bottom: 0.75em;
}

/* Promo CTA (homepage telegram + broker signup) */
.bf-promo-cta {
  position: relative;
  overflow: hidden;
  border-radius: var(--bf-radius-surface);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--bf-primary, #1e3767) 92%, #020617) 0%,
    #060a12 48%,
    color-mix(in srgb, var(--bf-primary, #1e3767) 78%, #0f172a) 100%
  );
  border: 1px solid rgb(148 163 184 / 0.12);
  box-shadow:
    0 24px 48px rgb(2 6 23 / 0.45),
    inset 0 1px 0 rgb(255 255 255 / 0.04);
}

.bf-promo-cta__grid {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background-image:
    linear-gradient(color-mix(in srgb, var(--bf-accent, #42b5b1) 22%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--bf-accent, #42b5b1) 22%, transparent) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(ellipse 85% 70% at 70% 40%, #000 20%, transparent 72%);
  pointer-events: none;
}

.bf-promo-cta__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(56px);
  pointer-events: none;
}

.bf-promo-cta__glow--blue {
  width: 220px;
  height: 220px;
  top: -40px;
  left: 12%;
  background: color-mix(in srgb, var(--bf-primary, #1e3767) 28%, transparent);
}

.bf-promo-cta__glow--rose {
  width: 180px;
  height: 180px;
  bottom: -30px;
  right: 8%;
  background: color-mix(in srgb, var(--bf-accent, #42b5b1) 22%, transparent);
}

.bf-promo-cta__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

@media (min-width: 900px) {
  .bf-promo-cta__layout {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: center;
    gap: 2rem;
  }
}

.bf-promo-cta__content {
  text-align: right;
  color: #f8fafc;
}

.bf-promo-cta__eyebrow {
  margin: 0 0 0.65rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--bf-accent, #42b5b1);
}

.bf-promo-cta__title {
  margin: 0 0 0.75rem;
  font-size: clamp(1.35rem, 2.6vw, 1.875rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #fff;
}

.bf-promo-cta__desc {
  margin: 0 0 1.25rem;
  max-width: 36rem;
  font-size: 0.8125rem;
  line-height: 1.7;
  color: rgb(203 213 225 / 0.92);
}

.bf-promo-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: flex-start;
}

.bf-promo-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: var(--bf-control-h);
  padding: 0 1.15rem;
  border-radius: var(--bf-radius-control);
  border: 1px solid rgb(255 255 255 / 0.22);
  background: rgb(15 23 42 / 0.55);
  color: #fff !important;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease;
}

.bf-promo-cta__btn:hover,
.bf-promo-cta__btn:focus-visible {
  background: rgb(30 41 59 / 0.85);
  border-color: rgb(255 255 255 / 0.38);
  color: #fff !important;
  transform: translateY(-1px);
}

.bf-promo-cta__btn:focus-visible {
  outline: 2px solid var(--bf-accent, #42b5b1);
  outline-offset: 2px;
}

.bf-promo-cta__btn-icon {
  opacity: 0.9;
}

.bf-promo-cta__risk {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-top: 1.35rem;
  padding-top: 0.25rem;
}

.bf-promo-cta__risk-bar {
  flex-shrink: 0;
  width: 3px;
  min-height: 2.25rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #f87171, rgb(248 113 113 / 0.2));
  margin-top: 0.15rem;
}

.bf-promo-cta__risk-text {
  margin: 0;
  font-size: 0.625rem;
  line-height: 1.65;
  color: rgb(148 163 184 / 0.95);
}

.bf-promo-cta__visual {
  position: relative;
  display: none;
  min-height: 200px;
}

@media (min-width: 900px) {
  .bf-promo-cta__visual {
    display: block;
  }
}

.bf-promo-cta__visual-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 220px;
  padding: 0.75rem;
  border-radius: var(--bf-radius-surface);
  border: 1px solid rgb(255 255 255 / 0.14);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--bf-primary) 38%, rgb(15 23 42 / 0.92)) 0%,
    color-mix(in srgb, var(--bf-accent) 22%, rgb(15 23 42 / 0.88)) 100%
  );
  box-shadow:
    0 20px 44px rgb(0 0 0 / 0.32),
    inset 0 1px 0 rgb(255 255 255 / 0.06);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

a.bf-promo-cta__visual-frame:hover {
  border-color: color-mix(in srgb, var(--bf-accent) 45%, rgb(255 255 255 / 0.2));
  box-shadow:
    0 24px 48px rgb(0 0 0 / 0.38),
    inset 0 1px 0 rgb(255 255 255 / 0.08);
}

.bf-promo-cta__visual-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(280px, 42vh);
  object-fit: contain;
  border-radius: var(--bf-radius-control);
}

.bf-promo-cta__visual-placeholder {
  margin: 0;
  padding: 1.5rem 1rem;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.55;
  color: rgb(226 232 240 / 0.92);
}

.bf-promo-cta__visual-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.bf-promo-cta__visual-fallback .bf-broker-card-logo {
  width: 5.5rem !important;
  height: 5.5rem !important;
}

/* Promo CTA: no side visual — centered copy (home + single broker) */
body.home .bf-promo-cta-section .bf-promo-cta__visual,
.cpt-broker-detail .bf-broker-promo-cta-section .bf-promo-cta__visual {
  display: none;
}

body.home .bf-promo-cta-section .bf-promo-cta__layout,
.cpt-broker-detail .bf-broker-promo-cta-section .bf-promo-cta__layout {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
}

body.home .bf-promo-cta-section .bf-promo-cta__content,
.cpt-broker-detail .bf-broker-promo-cta-section .bf-promo-cta__content {
  text-align: center;
  max-width: 42rem;
  width: 100%;
}

body.home .bf-promo-cta-section .bf-promo-cta__desc,
.cpt-broker-detail .bf-broker-promo-cta-section .bf-promo-cta__desc {
  margin-inline: auto;
}

body.home .bf-promo-cta-section .bf-promo-cta__actions,
.cpt-broker-detail .bf-broker-promo-cta-section .bf-promo-cta__actions {
  justify-content: center;
}

body.home .bf-promo-cta-section .bf-promo-cta__risk,
.cpt-broker-detail .bf-broker-promo-cta-section .bf-promo-cta__risk {
  justify-content: center;
  max-width: 36rem;
  margin-inline: auto;
}

.bf-hero-v2__layout--centered {
  align-items: center;
  justify-content: center;
}

.bf-hero-v2__layout--centered .bf-hero-animate {
  max-width: 42rem;
}

.bf-hero-v2__layout--with-visual .bf-hero-animate {
  max-width: 42rem;
}

@media (min-width: 1024px) {
  .bf-hero-v2__layout--centered {
    flex-direction: column;
  }

  .bf-hero-v2__layout--centered .bf-hero-animate {
    flex: none;
    max-width: 48rem;
  }

  .bf-hero-v2__layout--with-visual {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: clamp(0.75rem, 2.5vw, 2rem);
  }

  .bf-hero-v2__layout--with-visual .bf-hero-animate {
    flex: 1 1 0;
    min-width: 0;
    max-width: 42rem;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-visual {
    flex: 0 1 min(46%, 26rem);
    margin-inline: 0;
  }
}

.hero-section.bf-hero-v2 .bf-hero-visual__motion {
  animation: bf-hero-visual-float 4.8s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

@keyframes bf-hero-visual-shadow-dark {
  0%,
  100% {
    filter:
      drop-shadow(0 28px 48px rgb(2 6 23 / 0.55))
      drop-shadow(0 12px 28px rgb(66 181 177 / 0.18));
  }

  45% {
    filter:
      drop-shadow(0 14px 28px rgb(2 6 23 / 0.4))
      drop-shadow(0 6px 18px rgb(66 181 177 / 0.28));
  }

  70% {
    filter:
      drop-shadow(0 18px 34px rgb(2 6 23 / 0.48))
      drop-shadow(0 8px 22px rgb(66 181 177 / 0.22));
  }
}

.hero-section.bf-hero-v2 .bf-hero-visual__img {
  animation: bf-hero-visual-shadow-dark 4.8s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

.bf-promo-cta-section + .bf-home-page-content {
  margin-top: 0;
}

.cpt-broker-detail .bf-broker-promo-cta-section {
  scroll-margin-top: 5rem;
}

.bf-promo-cta-section--flush {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}

/* Front page hero: full-width background (after Tailwind so it wins) */
body.home #content.site-main {
  padding-top: 0;
}

html:has(body.home) {
  scroll-snap-type: y proximity;
}

html:has(body.home) .hero-section.bf-hero-v2 {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

html:has(body.home) #bf-home-next {
  scroll-snap-align: start;
  scroll-margin-top: calc(var(--bf-wp-admin-bar-height) + var(--bf-site-header-height, 5rem));
}

body.home .front-page-content > .hero-section.bf-hero-v2 {
  margin-bottom: 0;
}

/* Home section 2 — stats at a glance */
.bf-home-glance {
  background: transparent;
}

.bf-home-glance__header {
  max-width: 34rem;
  margin: 0 auto clamp(1.5rem, 3.5vw, 2.25rem);
  text-align: center;
}

.bf-home-glance__title {
  margin: 0;
  font-size: clamp(1.35rem, 2.8vw, 1.875rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.bf-home-glance__subtitle {
  margin: 0.55rem 0 0;
  font-size: 0.875rem;
  line-height: 1.65;
  color: #64748b;
}

@media (min-width: 640px) {
  .bf-home-glance__subtitle {
    font-size: 0.9375rem;
  }
}

.bf-home-glance__grid {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .bf-home-glance__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}

.bf-home-glance__stat {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.85rem 1rem;
  min-height: 5.75rem;
  padding: 1.1rem 1.15rem 1.1rem 1rem;
  border-radius: 1rem;
  background: #fff;
  border: 1px solid #e8edf2;
  direction: ltr;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.bf-home-glance__stat::after {
  content: "";
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: stretch;
  align-self: stretch;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.bf-home-glance__stat:hover {
  border-color: color-mix(in srgb, var(--color-secondary, #42b5b1) 35%, #e8edf2);
  background: #fcfdfd;
}

.bf-home-glance__icon {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.875rem;
  color: var(--color-primary, #1e3767);
  background: linear-gradient(145deg, #f8fafc 0%, #eef3f8 100%);
  border: 1px solid #e2e8f0;
}

.bf-home-glance__icon-svg {
  width: 1.25rem;
  height: 1.25rem;
  stroke-width: 2;
}

.bf-home-glance__copy {
  position: relative;
  z-index: 1;
  min-width: 0;
  direction: rtl;
  text-align: right;
}

.bf-home-glance__stat-label {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.45;
  color: #334155;
}

.bf-home-glance__stat-value {
  margin: 0.45rem 0 0;
  font-size: clamp(1.5rem, 3.2vw, 2rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--color-primary, #1e3767);
  font-variant-numeric: tabular-nums;
  text-align: start;
}

/* Homepage latest articles (grid cards + filters) */
.bf-home-articles {
  position: relative;
}

.bf-home-articles__head {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.bf-home-articles__head-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.bf-home-articles .bf-section-head__eyebrow {
  border-radius: var(--bf-radius-control);
}

.bf-home-articles__view-all-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #64748b;
  text-decoration: none;
  transition: color 0.2s ease;
}

.bf-home-articles__view-all-link:hover {
  color: #42b5b1;
}

.bf-home-articles__view-all-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.bf-home-articles__filters-wrap {
  margin-top: 0.15rem;
  padding-top: 0.85rem;
  border-top: 1px dashed #e2e8f0;
}

.bf-home-articles__filters {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  -webkit-overflow-scrolling: touch;
}

.bf-home-articles__filter {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 4.5rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid transparent;
  border-radius: var(--bf-radius-control);
  background: transparent;
  color: #64748b;
  font-size: 0.6875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  flex-shrink: 0;
}

.bf-home-articles__filter-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--bf-radius-control);
  background: #f1f5f9;
  color: #475569;
  transition: background 0.2s ease, color 0.2s ease;
}

.bf-home-articles__filter-icon-svg {
  width: 1.125rem;
  height: 1.125rem;
}

.bf-home-articles__filter.is-active {
  color: #1e3767;
}

.bf-home-articles__filter.is-active .bf-home-articles__filter-icon {
  background: color-mix(in srgb, #42b5b1 18%, #fff);
  color: #2a9d99;
  box-shadow: 0 0 0 1px color-mix(in srgb, #42b5b1 35%, transparent);
}

.bf-home-articles__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .bf-home-articles__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}

.bf-home-articles__card {
  min-width: 0;
}

.bf-home-articles__card.is-filtered-out {
  display: none;
}

.bf-home-articles__card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border-radius: var(--bf-radius-control);
  border: 1px solid var(--color-border);
  box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.bf-home-articles__card-link:hover {
  border-color: #cbd5e1;
  box-shadow: 0 8px 24px rgb(15 23 42 / 8%);
  transform: translateY(-2px);
}

.bf-home-articles__media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(135deg, #e2e8f0 0%, #f8fafc 55%, #eef3f8 100%);
}

.bf-home-articles__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bf-home-articles__img--placeholder {
  display: block;
}

.bf-home-articles__cat {
  position: absolute;
  bottom: 0.55rem;
  right: 0.55rem;
  padding: 0.2rem 0.55rem;
  border-radius: var(--bf-radius-control);
  font-size: 0.625rem;
  font-weight: 700;
  color: #1e3767;
  background: rgb(255 255 255 / 92%);
}

.bf-home-articles__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.75rem 0.85rem 0.85rem;
}

.bf-home-articles__card-title {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.45;
  color: #0f172a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) {
  .bf-home-articles__card-title {
    font-size: 0.875rem;
  }
}

.bf-home-articles__card-link:hover .bf-home-articles__card-title {
  color: #42b5b1;
}

.bf-home-articles__excerpt {
  margin: 0;
  flex: 1;
  font-size: 0.6875rem;
  line-height: 1.55;
  color: #64748b;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) {
  .bf-home-articles__excerpt {
    font-size: 0.75rem;
  }
}

.bf-home-articles__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.35rem;
  padding-top: 0.55rem;
  border-top: 1px solid #f1f5f9;
  font-size: 0.625rem;
  color: #94a3b8;
}

.bf-home-articles__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
}

.bf-home-articles__meta-icon {
  flex-shrink: 0;
  opacity: 0.85;
}

.bf-home-articles__more-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  padding: 1.25rem 1rem;
  border-radius: var(--bf-radius-control);
  text-decoration: none;
  color: var(--bf-primary);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--bf-accent, #42b5b1) 10%, #fff) 0%,
    color-mix(in srgb, var(--bf-accent, #42b5b1) 22%, #fff) 48%,
    color-mix(in srgb, var(--bf-accent, #42b5b1) 34%, #fff) 100%
  );
  border: 1px solid color-mix(in srgb, var(--bf-accent, #42b5b1) 38%, #e2e8f0);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bf-home-articles__more-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgb(255 255 255 / 55%) 0%, transparent 55%),
    radial-gradient(circle at 80% 90%, color-mix(in srgb, var(--bf-accent, #42b5b1) 28%, transparent) 0%, transparent 50%);
  pointer-events: none;
}

.bf-home-articles__more-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--bf-accent, #42b5b1) 32%, transparent);
}

.bf-home-articles__more-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.bf-home-articles__more-title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 800;
}

.bf-home-articles__more-count {
  margin: 0.35rem 0 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #475569;
}

.bf-home-articles__more-updated {
  margin: 0.5rem 0 0;
  font-size: 0.625rem;
  color: #64748b;
  line-height: 1.5;
}

.bf-home-articles__more-btn {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--bf-radius-control);
  background: var(--bf-primary);
  color: #fff;
}

.bf-home-articles__more-btn-icon {
  width: 1rem;
  height: 1rem;
}

.hero-section.bf-hero-fullbleed {
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #060a12 !important;
  background-image: linear-gradient(
    145deg,
    color-mix(in srgb, var(--bf-primary, #1e3767) 92%, #020617) 0%,
    #060a12 48%,
    color-mix(in srgb, var(--bf-primary, #1e3767) 78%, #0f172a) 100%
  ) !important;
  border-bottom: 1px solid rgb(148 163 184 / 0.1);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.04),
    0 28px 64px rgb(2 6 23 / 0.35);
}

.hero-section.bf-hero-v2::before,
.hero-section.bf-hero-v2::after {
  content: none;
}

.bf-hero-v2__ambient {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.bf-hero-v2__grid {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background-image:
    linear-gradient(color-mix(in srgb, var(--bf-accent, #42b5b1) 22%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--bf-accent, #42b5b1) 22%, transparent) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(ellipse 85% 70% at 70% 40%, #000 20%, transparent 72%);
  -webkit-mask-image: radial-gradient(ellipse 85% 70% at 70% 40%, #000 20%, transparent 72%);
}

.bf-hero-v2__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(72px);
  pointer-events: none;
}

.bf-hero-v2__glow--cyan {
  width: min(52vw, 28rem);
  height: min(52vw, 28rem);
  bottom: -12%;
  right: 8%;
  background: color-mix(in srgb, var(--bf-accent, #42b5b1) 32%, transparent);
  opacity: 0.85;
  animation: bf-hero-glow-drift 14s ease-in-out infinite;
}

@keyframes bf-hero-glow-drift {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.82;
  }

  50% {
    transform: translate(-2%, 4%) scale(1.06);
    opacity: 0.65;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero-v2__glow--cyan {
    animation: none;
  }
}

.bf-hero-v2__glow--navy {
  width: min(44vw, 22rem);
  height: min(44vw, 22rem);
  top: 8%;
  left: 6%;
  background: color-mix(in srgb, var(--bf-primary, #1e3767) 42%, transparent);
  opacity: 0.7;
}

.hero-section.bf-hero-v2 .entry-title {
  color: #fff;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-shadow: 0 2px 28px rgb(2 6 23 / 0.45);
}

.hero-section.bf-hero-v2 .bf-hero-v2__title {
  margin: 0;
}

.bf-hero-v2__title-wrap {
  container-type: inline-size;
  container-name: bf-hero-title;
}

.hero-section.bf-hero-v2 .bf-hero-v2__title-row {
  display: block;
  min-height: 1.15em;
  white-space: nowrap;
  text-wrap: nowrap;
}

.hero-section.bf-hero-v2 .bf-hero-v2__title-row + .bf-hero-v2__title-row {
  margin-top: 0.12em;
}

.hero-section.bf-hero-v2 .bf-hero-v2__title {
  min-height: calc(2 * 1.15em + 0.12em);
}

.hero-section.bf-hero-v2 .bf-hero-highlight {
  color: var(--bf-accent, #42b5b1);
  font-weight: 900;
}

.hero-section.bf-hero-v2 .bf-hero-v2__lead {
  font-weight: 400;
  line-height: 1.7;
  max-width: 36rem;
}

.bf-hero-v2__badge-wrap {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}

.bf-hero-v2__badge {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.4rem;
  width: fit-content;
  max-width: min(100%, 36rem);
  padding: 0.4rem 0.75rem;
  border-radius: var(--bf-radius-control);
  font-size: clamp(0.625rem, 1.8vw, 0.75rem);
  font-weight: 600;
  line-height: 1.5;
  color: rgb(248 250 252 / 0.94);
  text-align: right;
  text-wrap: balance;
  background: rgb(8 15 28 / 0.5);
  border: 1px solid color-mix(in srgb, var(--bf-accent, #42b5b1) 22%, rgb(255 255 255 / 0.14));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bf-hero-v2__badge-icon {
  flex-shrink: 0;
  margin-top: 0.1rem;
  color: var(--bf-accent, #42b5b1);
}

.bf-hero-v2__badge-text {
  min-width: 0;
}

.bf-hero-v2__eyebrow {
  max-width: 36rem;
  margin: 0;
  padding-inline: 0.5rem;
  font-size: clamp(0.625rem, 1.8vw, 0.75rem);
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.02em;
  color: var(--bf-accent, #42b5b1);
  text-wrap: balance;
}

.hero-section.bf-hero-v2 .bf-hero-subtitle {
  color: rgb(203 213 225 / 0.86);
}

.hero-section.bf-hero-v2 .bf-hero-subtitle p {
  margin: 0;
}

.hero-section.bf-hero-v2 .bf-hero-subtitle p + p {
  margin-top: 0.4rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hero-section.bf-hero-v2 .bf-hero-v2__inner {
    padding-inline-start: max(1.5rem, env(safe-area-inset-inline-start, 0px)) !important;
    padding-inline-end: max(1.5rem, env(safe-area-inset-inline-end, 0px)) !important;
    box-sizing: border-box;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-animate,
  .bf-hero-v2__layout--centered .bf-hero-animate {
    align-items: center;
    text-align: center;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-v2__badge-wrap,
  .bf-hero-v2__layout--centered .bf-hero-v2__badge-wrap {
    justify-content: center;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-v2__title-wrap,
  .bf-hero-v2__layout--centered .bf-hero-v2__title-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-v2__title,
  .bf-hero-v2__layout--centered .bf-hero-v2__title {
    width: max-content;
    max-width: 100%;
    margin-inline: auto;
    text-align: center;
    font-size: clamp(1.85rem, 8.35cqi, 2.55rem) !important;
    line-height: 1.22 !important;
  }
}

@media (min-width: 640px) {
  .hero-section.bf-hero-v2 .bf-hero-v2__title-row {
    white-space: nowrap;
  }

  .bf-hero-v2__inner .bf-hero-animate {
    gap: 1.05rem;
  }

  .bf-hero-v2__inner .bf-hero-animate > .bf-hero-actions {
    margin-top: 0.35rem;
  }

  .bf-hero-v2__inner .bf-hero-subtitle + .bf-hero-actions {
    margin-top: 0.5rem;
  }

  .bf-hero-v2__title-wrap {
    display: block;
    overflow: visible;
    padding-inline: 0;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__title {
    width: 100%;
    max-width: 100%;
    text-align: inherit;
  }

  .hero-section.bf-hero-v2 .entry-title,
  .hero-section.bf-hero-v2 .bf-hero-v2__title {
    font-size: clamp(1.85rem, 4.4vw, 2.75rem) !important;
    line-height: 1.24 !important;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__lead {
    font-size: clamp(0.875rem, 1.55vw, 1.125rem) !important;
    line-height: 1.65;
    max-width: 34rem;
    padding-inline: 0;
  }
}

.bf-hero-v2__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: var(--bf-control-h);
  padding: 0.55rem 1.15rem;
  border-radius: var(--bf-radius-control);
  border: 1px solid rgb(255 255 255 / 0.22);
  background: rgb(15 23 42 / 0.5);
  color: #fff !important;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

@media (min-width: 640px) {
  .bf-hero-v2__cta {
    min-height: 2.75rem;
    padding-inline: 1.35rem;
    font-size: 0.8125rem;
  }
}

.bf-hero-v2__cta:hover,
.bf-hero-v2__cta:focus-visible {
  background: rgb(30 41 59 / 0.88);
  border-color: rgb(255 255 255 / 0.38);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgb(2 6 23 / 0.35);
}

.bf-hero-v2__cta--primary {
  border-color: color-mix(in srgb, var(--bf-accent, #42b5b1) 42%, rgb(255 255 255 / 0.22));
  background: color-mix(in srgb, var(--bf-accent, #42b5b1) 14%, rgb(15 23 42 / 0.55));
}

.bf-hero-v2__cta--primary:hover,
.bf-hero-v2__cta--primary:focus-visible {
  border-color: color-mix(in srgb, var(--bf-accent, #42b5b1) 58%, rgb(255 255 255 / 0.35));
  background: color-mix(in srgb, var(--bf-accent, #42b5b1) 22%, rgb(30 41 59 / 0.9));
}

.bf-hero-v2__cta:focus-visible {
  outline: 2px solid var(--bf-accent, #42b5b1);
  outline-offset: 2px;
}

.bf-hero-v2__cta-icon {
  opacity: 0.92;
}

.hero-section.bf-hero-v2 .bf-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.65rem;
}

.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  border-radius: var(--bf-radius-control);
}

.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta-label {
  min-width: 0;
}

.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent {
  border-color: color-mix(in srgb, var(--bf-accent, #42b5b1) 65%, rgb(255 255 255 / 0.18));
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--bf-accent, #42b5b1) 88%, #fff 12%) 0%,
    var(--bf-accent, #42b5b1) 52%,
    color-mix(in srgb, var(--bf-accent, #42b5b1) 78%, #0f172a 22%) 100%
  );
  color: #fff !important;
  box-shadow:
    0 12px 32px color-mix(in srgb, var(--bf-accent, #42b5b1) 38%, transparent),
    inset 0 1px 0 rgb(255 255 255 / 0.22);
}

.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent:hover,
.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent:focus-visible {
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--bf-accent-hover, #3aa8a4) 90%, #fff 10%) 0%,
    var(--bf-accent-hover, #3aa8a4) 55%,
    color-mix(in srgb, var(--bf-accent-hover, #3aa8a4) 75%, #0f172a 25%) 100%
  );
  border-color: color-mix(in srgb, var(--bf-accent, #42b5b1) 75%, rgb(255 255 255 / 0.28));
  color: #fff !important;
}

.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--secondary {
  border-color: rgb(255 255 255 / 0.28);
  background: rgb(8 15 28 / 0.42);
  color: #f8fafc !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.08),
    0 8px 24px rgb(2 6 23 / 0.35);
}

.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--secondary .bf-hero-v2__cta-icon {
  color: var(--bf-accent, #42b5b1);
}

.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--secondary:hover,
.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--secondary:focus-visible {
  background: rgb(22 32 52 / 0.72);
  border-color: rgb(255 255 255 / 0.4);
  color: #fff !important;
}

.bf-hero-v2__inner,
.bf-hero-v2__bottom {
  position: relative;
  z-index: 1;
}

.hero-section.bf-hero-v2 {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  box-sizing: border-box;
  height: 100dvh;
  min-height: 100dvh;
  max-height: 100dvh;
  padding-top: calc(
    var(--bf-wp-admin-bar-height) + var(--bf-site-header-height) + var(--bf-chrome-top)
  );
  padding-bottom: 0;
  overflow: hidden;
}

.bf-hero-v2__inner {
  grid-row: 1;
  align-self: center;
  justify-self: stretch;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-block: clamp(0.35rem, 1.5vh, 1rem);
}

.bf-hero-v2__layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(1rem, 2.5vh, 1.75rem);
  width: 100%;
}

@media (min-width: 1024px) {
  .bf-hero-v2__layout {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.25rem, 3vw, 2.5rem);
  }

  .bf-hero-v2__layout .bf-hero-animate {
    flex: 1 1 0;
    min-width: 0;
    max-width: 38rem;
  }

  .bf-hero-visual {
    flex: 0 1 min(52%, 28rem);
  }
}

.bf-hero-visual {
  position: relative;
  width: 100%;
  max-width: 20rem;
  margin-inline: auto;
}

@media (min-width: 640px) {
  .bf-hero-visual {
    max-width: 22rem;
  }
}

@media (min-width: 1024px) {
  .bf-hero-visual {
    max-width: none;
  }
}

.bf-hero-visual__motion {
  position: relative;
  animation: bf-hero-visual-float 4.8s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  will-change: transform;
}

.bf-hero-visual__img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  background: transparent;
  filter: drop-shadow(0 20px 30px rgb(30 55 103 / 0.14));
  animation: bf-hero-visual-shadow 4.8s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  will-change: filter;
}

@keyframes bf-hero-visual-float {
  0%,
  100% {
    transform: translate3d(0, 8px, 0) scale(0.992) rotate(-0.35deg);
  }

  45% {
    transform: translate3d(0, -24px, 0) scale(1.018) rotate(0.4deg);
  }

  70% {
    transform: translate3d(0, -14px, 0) scale(1.008) rotate(0.15deg);
  }
}

@keyframes bf-hero-visual-float-mobile {
  0%,
  100% {
    transform: translate3d(0, 2px, 0) scale(0.995);
  }

  50% {
    transform: translate3d(0, -7px, 0) scale(1.008);
  }
}

@keyframes bf-hero-visual-shadow {
  0%,
  100% {
    filter: drop-shadow(0 26px 34px rgb(30 55 103 / 0.16));
  }

  45% {
    filter: drop-shadow(0 12px 22px rgb(30 55 103 / 0.1));
  }

  70% {
    filter: drop-shadow(0 16px 26px rgb(30 55 103 / 0.12));
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero-visual__motion,
  .bf-hero-visual__img {
    animation: none;
  }
}

.bf-hero-v2__inner .bf-hero-animate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.875rem, 1.75vh, 1.125rem);
  text-align: right;
}

.bf-hero-v2__inner .bf-hero-animate > .bf-hero-animate__item {
  margin-block: 0;
}

.bf-hero-v2__inner .bf-hero-animate > .bf-hero-actions {
  margin-top: clamp(0.375rem, 0.9vh, 0.625rem);
}

.hero-section.bf-hero-v2 .entry-title {
  margin-block: 0;
}

@media (min-width: 640px) {
  .bf-hero-v2__inner .bf-hero-animate {
    gap: var(--bf-space-head);
  }

  .bf-hero-v2__inner .bf-hero-animate > .bf-hero-actions {
    margin-top: 0.5rem;
  }

  .bf-hero-v2__inner .bf-hero-subtitle {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .bf-hero-v2__inner .bf-hero-animate {
    gap: var(--bf-space-stack);
  }

  .bf-hero-v2__inner .bf-hero-animate > .bf-hero-actions {
    margin-top: 0.75rem;
  }
}

.bf-hero-v2__bottom {
  grid-row: 2;
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hero-section.bf-hero-v2.is-hero-scrolled .bf-hero-scroll-cue {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bf-hero-highlight {
  white-space: nowrap;
}

/* Hero text entrance */
.bf-hero-animate[data-bf-hero-animate='none'] .bf-hero-animate__item {
  opacity: 1;
  transform: none;
  filter: none;
}

.bf-hero-animate[data-bf-hero-animate='fade'] .bf-hero-animate__item,
.bf-hero-animate[data-bf-hero-animate='fade-up'] .bf-hero-animate__item,
.bf-hero-animate[data-bf-hero-animate='slide'] .bf-hero-animate__item {
  opacity: 0;
  transition:
    opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform, filter;
}

.bf-hero-animate[data-bf-hero-animate='fade-up'] .bf-hero-animate__item {
  transform: translate3d(0, 2rem, 0);
  filter: blur(8px);
}

.bf-hero-animate[data-bf-hero-animate='fade'] .bf-hero-animate__item {
  filter: blur(4px);
}

.bf-hero-animate[data-bf-hero-animate='slide'] .bf-hero-animate__item {
  transform: translate3d(1.5rem, 1.25rem, 0);
  filter: blur(6px);
}

.bf-hero-animate.is-visible[data-bf-hero-animate='fade'] .bf-hero-animate__item,
.bf-hero-animate.is-visible[data-bf-hero-animate='fade-up'] .bf-hero-animate__item,
.bf-hero-animate.is-visible[data-bf-hero-animate='slide'] .bf-hero-animate__item {
  opacity: 1;
  transform: none;
  filter: none;
}

.bf-hero-animate.is-visible .bf-hero-animate__item[data-bf-hero-delay='0'] {
  transition-delay: 0.08s;
}

.bf-hero-animate.is-visible .bf-hero-animate__item[data-bf-hero-delay='1'] {
  transition-delay: 0.18s;
}

.bf-hero-animate.is-visible .bf-hero-animate__item[data-bf-hero-delay='2'] {
  transition-delay: 0.3s;
}

.bf-hero-animate.is-visible .bf-hero-animate__item[data-bf-hero-delay='3'] {
  transition-delay: 0.42s;
}

.bf-hero-animate.is-visible .bf-hero-animate__item[data-bf-hero-delay='4'] {
  transition-delay: 0.54s;
}

.bf-hero-animate.is-visible .bf-hero-animate__item {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero-animate .bf-hero-animate__item {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  .bf-hero-marquee__track,
  .bf-hero-marquee__track--reverse {
    animation: none !important;
  }
}

/* Home page scroll reveals (opacity + transform only — GPU-friendly) */
body.home [data-bf-reveal] {
  opacity: 0;
  transition:
    opacity var(--bf-reveal-duration, 0.65s) cubic-bezier(0.22, 1, 0.36, 1) var(--bf-reveal-delay, 0ms),
    transform calc(var(--bf-reveal-duration, 0.65s) + 0.05s) cubic-bezier(0.22, 1, 0.36, 1) var(--bf-reveal-delay, 0ms);
}

body.home [data-bf-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

body.home [data-bf-reveal='fade-up'] {
  transform: translate3d(0, 1.35rem, 0);
}

body.home [data-bf-reveal='fade-down'] {
  transform: translate3d(0, -1rem, 0);
}

body.home [data-bf-reveal='fade'] {
  transform: none;
}

body.home [data-bf-reveal='scale-up'] {
  transform: translate3d(0, 0.85rem, 0) scale(0.96);
}

body.home [data-bf-reveal='slide-end'] {
  transform: translate3d(-1.75rem, 0.65rem, 0);
}

[dir='ltr'] body.home [data-bf-reveal='slide-end'] {
  transform: translate3d(1.75rem, 0.65rem, 0);
}

@media (prefers-reduced-motion: reduce) {
  body.home [data-bf-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

body.home.bf-home-reveal-off [data-bf-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}

/* Marquee broker strips (dual row) */
.bf-hero-marquee-stack {
  flex-shrink: 0;
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding-top: 0.15rem;
  padding-bottom: 0.25rem;
}

.bf-hero-v2__foot {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: clamp(0.85rem, 2.8vh, 1.35rem);
  padding-top: 0.15rem;
}

.hero-section.bf-hero-v2 .bf-hero-scroll-cue {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  margin: 0;
  padding: 0.35rem 0.75rem 0.15rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: rgb(148 163 184 / 0.9);
  transition: color 0.2s ease, transform 0.2s ease, opacity 0.25s ease, visibility 0.25s ease;
}

.hero-section.bf-hero-v2 .bf-hero-scroll-cue:hover {
  color: #e2e8f0;
  transform: translateY(2px);
}

.bf-hero-scroll-cue:focus-visible {
  outline: 2px solid var(--bf-accent);
  outline-offset: 4px;
  border-radius: var(--bf-radius-control);
}

.hero-section.bf-hero-v2 .bf-hero-scroll-cue__mouse {
  display: block;
  width: 1.35rem;
  height: 2.1rem;
  border-radius: 9999px;
  border: 2px solid rgb(148 163 184 / 0.55);
  position: relative;
}

.hero-section.bf-hero-v2 .bf-hero-scroll-cue:hover .bf-hero-scroll-cue__mouse {
  border-color: var(--bf-accent, #42b5b1);
}

.bf-hero-scroll-cue__wheel {
  position: absolute;
  top: 0.35rem;
  left: 50%;
  width: 0.2rem;
  height: 0.45rem;
  margin-left: -0.1rem;
  border-radius: 9999px;
  background: #42b5b1;
  animation: bf-hero-scroll-wheel 1.6s ease-in-out infinite;
}

.bf-hero-scroll-cue__chevron {
  animation: bf-hero-scroll-bounce 1.6s ease-in-out infinite;
}

@keyframes bf-hero-scroll-wheel {
  0%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }

  50% {
    opacity: 0.35;
    transform: translateY(0.35rem);
  }
}

@keyframes bf-hero-scroll-bounce {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero-scroll-cue__wheel,
  .bf-hero-scroll-cue__chevron {
    animation: none !important;
  }
}

.bf-hero-marquee {
  position: relative;
  width: 100%;
  padding-block: 0.1rem;
}

.bf-hero-marquee__viewport {
  overflow: hidden;
  width: 100%;
  padding-block: 3px;
  mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}

.hero-section.bf-hero-v2 .bf-hero-marquee-stack:hover .bf-hero-marquee__track {
  animation-play-state: paused;
}

.hero-section.bf-hero-v2 .bf-hero-marquee__track:has(.bf-hero-marquee-card:hover),
.hero-section.bf-hero-v2 .bf-hero-marquee__track:has(.bf-hero-marquee-card:focus-visible) {
  animation-play-state: paused;
}

.bf-hero-marquee__track {
  display: flex;
  align-items: stretch;
  gap: 0.625rem;
  width: max-content;
  padding-inline: 0.75rem;
  animation: bf-hero-marquee-scroll var(--bf-marquee-duration, 42s) linear infinite;
  will-change: transform;
}

.bf-hero-marquee__track--reverse {
  animation-name: bf-hero-marquee-scroll-reverse;
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card {
  position: relative;
  z-index: 1;
  display: block;
  flex-shrink: 0;
  min-width: 11.25rem;
  max-width: 11.25rem;
  padding: 0.45rem 0.55rem;
  border-radius: var(--bf-radius-control);
  border: 1px solid rgb(148 163 184 / 0.22);
  background: rgb(15 23 42 / 0.55);
  color: #f8fafc;
  text-decoration: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease,
    z-index 0s ease 0.18s;
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card:hover,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:focus-visible {
  z-index: 4;
  color: #fff;
  text-decoration: none;
  border-color: rgb(66 181 177 / 0.55);
  background: rgb(30 41 59 / 0.95);
  box-shadow:
    0 10px 26px rgb(2 6 23 / 0.55),
    0 0 0 1px rgb(66 181 177 / 0.22);
  transition-delay: 0s;
}

.bf-hero-marquee-card__inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bf-hero-marquee-card__logo .bf-broker-logo-compare {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: var(--bf-radius-control) !important;
  border-color: rgb(226 232 240 / 0.9) !important;
}

.bf-hero-marquee-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  text-align: right;
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card__name {
  font-size: 0.75rem;
  font-weight: 600;
  color: #f8fafc;
  line-height: 1.25;
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card:hover .bf-hero-marquee-card__name,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__name {
  color: #fff;
}

.bf-hero-marquee-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem 0.35rem;
  font-size: 0.625rem;
  line-height: 1.2;
  color: rgb(100 116 139);
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card__meta {
  color: rgb(148 163 184 / 0.95);
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card__logo .bf-broker-logo-compare {
  border-color: rgb(148 163 184 / 0.28) !important;
  background: rgb(15 23 42 / 0.35) !important;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card:hover .bf-broker-logo-compare,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:focus-visible .bf-broker-logo-compare {
  border-color: rgb(66 181 177 / 0.45) !important;
  background: rgb(15 23 42 / 0.55) !important;
}

.bf-hero-marquee-card__rating {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  font-weight: 600;
  color: rgb(217 119 6);
}

.bf-hero-marquee-card__dot {
  opacity: 0.45;
}

.bf-hero-marquee-card__spread {
  font-variant-numeric: tabular-nums;
}

.bf-hero-marquee-card__reg {
  font-weight: 600;
  color: rgb(4 120 87);
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card__reg {
  color: color-mix(in srgb, var(--bf-accent, #42b5b1) 65%, #a7f3d0);
}

.bf-hero-marquee-card:hover .bf-hero-marquee-card__meta,
.bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__meta,
.bf-hero-marquee-card:hover .bf-hero-marquee-card__spread,
.bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__spread {
  color: rgb(100 116 139);
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card:hover .bf-hero-marquee-card__meta,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__meta,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:hover .bf-hero-marquee-card__spread,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__spread {
  color: rgb(226 232 240 / 0.95);
}

.bf-hero-marquee-card:hover .bf-hero-marquee-card__rating,
.bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__rating {
  color: rgb(217 119 6);
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card:hover .bf-hero-marquee-card__rating,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__rating {
  color: rgb(251 191 36);
}

.bf-hero-marquee-card:hover .bf-hero-marquee-card__reg,
.bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__reg {
  color: rgb(4 120 87);
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card:hover .bf-hero-marquee-card__reg,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:focus-visible .bf-hero-marquee-card__reg {
  color: color-mix(in srgb, var(--bf-accent, #42b5b1) 78%, #d1fae5);
}

/* Mobile hero: one viewport, compact copy + visual + marquee */
@media (max-width: 639px) {
  .hero-section.bf-hero-v2 {
    height: 100svh;
    height: 100dvh;
    min-height: 100svh;
    min-height: 100dvh;
    max-height: 100svh;
    max-height: 100dvh;
    overflow: hidden;
    grid-template-rows: minmax(0, 1fr) auto;
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  .bf-hero-v2__inner {
    align-self: stretch;
    min-height: 0;
    padding-block: 0.35rem 0.15rem;
    padding-inline-start: max(1rem, env(safe-area-inset-inline-start, 0px)) !important;
    padding-inline-end: max(1rem, env(safe-area-inset-inline-end, 0px)) !important;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }

  .bf-hero-v2__layout {
    align-items: center;
    flex: 1 1 auto;
    min-height: 0;
    gap: 0.35rem;
  }

  .bf-hero-v2__layout--centered {
    justify-content: flex-start;
  }

  .bf-hero-v2__inner .bf-hero-animate {
    gap: 0.95rem;
    align-items: center;
    width: 100%;
    flex: 0 0 auto;
  }

  .bf-hero-v2__inner .bf-hero-animate > .bf-hero-v2__badge-wrap,
  .bf-hero-v2__inner .bf-hero-animate > .bf-hero-v2__title-wrap,
  .bf-hero-v2__inner .bf-hero-animate > .bf-hero-subtitle {
    margin-bottom: 0;
  }

  .bf-hero-v2__layout--with-visual {
    justify-content: flex-start;
    width: 100%;
    height: 100%;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-animate {
    align-items: center;
    text-align: center;
    flex: 0 0 auto;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-animate__item.flex {
    justify-content: center;
    width: 100%;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-v2__badge-wrap {
    justify-content: center;
  }

  .bf-hero-v2__badge {
    max-width: min(100%, 19.5rem);
    padding: 0.4rem 0.7rem;
    font-size: 0.625rem;
    line-height: 1.5;
    text-align: center;
  }

  .bf-hero-v2__inner .bf-hero-animate > .bf-hero-actions {
    margin-top: 0.65rem;
    width: 100%;
  }

  .bf-hero-v2__inner .bf-hero-subtitle + .bf-hero-actions,
  .bf-hero-v2__inner .bf-hero-v2__title-wrap + .bf-hero-subtitle + .bf-hero-actions,
  .bf-hero-v2__inner .bf-hero-v2__title-wrap + .bf-hero-actions {
    margin-top: 0.75rem;
  }

  .hero-section.bf-hero-v2 .bf-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem !important;
    justify-content: stretch;
  }

  .hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta {
    width: 100%;
    min-height: 2.35rem;
    padding: 0.45rem 0.55rem;
    font-size: 0.6875rem;
    gap: 0.3rem;
    line-height: 1.25;
    border-radius: var(--bf-radius-control);
  }

  .hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent {
    box-shadow:
      0 10px 26px color-mix(in srgb, var(--bf-accent, #42b5b1) 42%, transparent),
      inset 0 1px 0 rgb(255 255 255 / 0.2);
  }

  .hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--secondary {
    background: rgb(6 12 24 / 0.55);
    border-color: rgb(255 255 255 / 0.32);
  }

  .hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta-icon {
    width: 0.8rem !important;
    height: 0.8rem !important;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__eyebrow {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.5625rem;
    line-height: 1.45;
    padding-inline: 0.15rem;
  }

  .bf-hero-v2__title-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
    box-sizing: border-box;
    overflow-x: clip;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__title {
    width: max-content;
    max-width: 100%;
    margin-inline: auto;
    font-size: clamp(1.72rem, 9.1cqi, 2.48rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em;
    text-align: center;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__title-row {
    white-space: nowrap;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__lead {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    box-sizing: border-box;
    font-size: 0.8125rem !important;
    line-height: 1.72;
    color: rgb(203 213 225 / 0.86);
    text-align: center;
    text-wrap: pretty;
  }

  .bf-hero-v2__inner .bf-hero-subtitle p {
    display: block;
  }

  .bf-hero-v2__cta {
    min-height: 2.15rem;
    padding: 0.35rem 0.55rem;
    font-size: 0.625rem;
    gap: 0.3rem;
  }

  .bf-hero-v2__cta-icon {
    width: 0.75rem !important;
    height: 0.75rem !important;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-visual {
    flex: 1 1 auto;
    width: min(78vw, 15.5rem);
    max-width: 15.5rem;
    margin-top: clamp(0.65rem, 3.5vh, 1.35rem);
    margin-bottom: 0.25rem;
    margin-inline: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-visual__motion {
    width: 100%;
    max-width: 15.5rem;
    margin-inline: auto;
    animation: bf-hero-visual-float-mobile 4.8s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-visual__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(34dvh, 14.5rem);
    margin-inline: auto;
    object-fit: contain;
    animation: bf-hero-visual-shadow-dark 4.8s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  }

  .bf-hero-v2__bottom {
    min-height: 0;
  }

  .bf-hero-marquee-stack {
    gap: 0.2rem;
    padding-top: 0.15rem;
    padding-bottom: 0;
  }

  .bf-hero-marquee__viewport {
    padding-block: 2px;
  }

  .bf-hero-marquee__track {
    gap: 0.4rem;
    padding-inline: 0.45rem;
  }

  .hero-section.bf-hero-v2 .bf-hero-marquee-card {
    min-width: 8.25rem;
    max-width: 8.25rem;
    padding: 0.3rem 0.38rem;
  }

  .bf-hero-marquee-card__inner {
    gap: 0.3rem;
  }

  .bf-hero-marquee-card__logo .bf-broker-logo-compare {
    width: 1.5rem !important;
    height: 1.5rem !important;
    border-radius: var(--bf-radius-control) !important;
  }

  .bf-hero-marquee-card__name {
    font-size: 0.625rem;
  }

  .bf-hero-marquee-card__meta {
    font-size: 0.53125rem;
    gap: 0.12rem 0.2rem;
  }

  .bf-hero-marquee-card__reg {
    display: none;
  }

  .bf-hero-v2__foot {
    padding-top: 0;
    padding-bottom: 0.35rem;
  }

  .bf-hero-scroll-cue {
    gap: 0.1rem;
    padding: 0.05rem 0.45rem 0;
  }

  .bf-hero-scroll-cue__mouse {
    width: 1rem;
    height: 1.45rem;
    border-width: 1.5px;
  }

  .bf-hero-scroll-cue__wheel {
    top: 0.24rem;
    height: 0.3rem;
  }

  .bf-hero-scroll-cue__chevron {
    width: 0.75rem;
    height: 0.75rem;
  }

  .bf-hero-v2__glow--cyan {
    width: 70vw;
    height: 40vw;
    opacity: 0.55;
  }

  .bf-hero-v2__glow--navy {
    width: 55vw;
    height: 40vw;
    opacity: 0.45;
  }
}

@media (min-width: 640px) {
  .bf-hero-v2__layout--with-visual .bf-hero-v2__badge-wrap {
    justify-content: flex-start;
  }

  .bf-hero-v2__badge {
    max-width: min(100%, 36rem);
    font-size: clamp(0.625rem, 1.8vw, 0.75rem);
    text-align: right;
  }
}

@media (max-width: 639px) and (max-height: 720px) {
  .hero-section.bf-hero-v2 .bf-hero-v2__title {
    font-size: clamp(1.62rem, 8.65cqi, 2.32rem) !important;
    line-height: 1.22 !important;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__lead {
    font-size: 0.75rem !important;
    line-height: 1.65;
  }

  .bf-hero-v2__inner .bf-hero-animate {
    gap: 0.75rem;
  }

  .bf-hero-v2__inner .bf-hero-animate > .bf-hero-actions {
    margin-top: 0.45rem;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-visual__img {
    max-height: min(28dvh, 11.5rem);
  }

  .bf-hero-v2__layout--with-visual .bf-hero-visual {
    width: min(72vw, 14rem);
    max-width: 14rem;
  }

  .bf-hero-marquee-stack .bf-hero-marquee:nth-child(2) {
    display: none;
  }

  .bf-hero-scroll-cue__chevron {
    display: none;
  }
}

@media (max-width: 639px) and (max-height: 640px) {
  .hero-section.bf-hero-v2 .bf-hero-v2__eyebrow {
    -webkit-line-clamp: 1;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__title {
    font-size: clamp(1.55rem, 8.2cqi, 2.15rem) !important;
  }

  .bf-hero-v2__layout--with-visual .bf-hero-visual__img {
    max-height: min(16dvh, 6.25rem);
  }
}

@media (min-width: 1024px) {
  .bf-hero-v2__layout--with-visual .bf-hero-animate {
    max-width: 44rem;
  }

  .hero-section.bf-hero-v2 .entry-title,
  .hero-section.bf-hero-v2 .bf-hero-v2__title {
    font-size: clamp(2.5rem, 3.15vw, 3.3rem) !important;
    line-height: 1.18 !important;
  }

  .bf-hero-v2__layout--with-visual .entry-title.bf-hero-v2__title,
  .bf-hero-v2__layout--with-visual .bf-hero-v2__title {
    font-size: clamp(2.35rem, 8.35cqi, 3.2rem) !important;
    line-height: 1.18 !important;
  }

  @media (min-width: 1280px) {
    .bf-hero-v2__layout--with-visual .entry-title.bf-hero-v2__title,
    .bf-hero-v2__layout--with-visual .bf-hero-v2__title {
      font-size: clamp(2.5rem, 7.65cqi, 3.35rem) !important;
    }
  }

  .hero-section.bf-hero-v2 .bf-hero-animate__item.text-base,
  .hero-section.bf-hero-v2 .bf-hero-animate__item.text-base p,
  .hero-section.bf-hero-v2 .bf-hero-animate__item.text-lg,
  .hero-section.bf-hero-v2 .bf-hero-animate__item.text-lg p {
    font-size: 1.125rem !important;
  }

  .bf-hero-marquee-stack {
    gap: 0.55rem;
  }

  .bf-hero-marquee__track {
    gap: 0.75rem;
  }

  .bf-hero-marquee-card {
    min-width: 14.75rem;
    max-width: 14.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.875rem;
  }

  .bf-hero-marquee-card__logo .bf-broker-logo-compare {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }

  .bf-hero-marquee-card__name {
    font-size: 0.8125rem;
  }

  .bf-hero-marquee-card__meta {
    font-size: 0.6875rem;
  }

  .bf-hero-scroll-cue__mouse {
    width: 1.5rem;
    height: 2.35rem;
  }

  .bf-hero-scroll-cue__chevron {
    width: 1.125rem;
    height: 1.125rem;
  }
}

@keyframes bf-hero-marquee-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes bf-hero-marquee-scroll-reverse {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

/* Page preloader */
html.bf-preloader-lock,
html.bf-preloader-lock body {
  overflow: hidden;
}

.bf-page-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--bf-preloader-bg, #1e3767);
  color: #fff;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.bf-page-loader.hidden {
  display: none !important;
  pointer-events: none;
}

.bf-page-loader:not(.hidden) {
  display: flex;
}

.bf-page-loader.is-hiding {
  opacity: 0;
  pointer-events: none;
}

.bf-page-loader__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}

.bf-page-loader__logo-wrap {
  position: relative;
}

.bf-page-loader__logo {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background: rgb(255 255 255 / 0.1);
  border: 1px solid rgb(255 255 255 / 0.2);
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.bf-page-loader__logo-b {
  color: var(--bf-preloader-accent, #42b5b1);
  font-size: 1.75rem;
}

.bf-page-loader__logo-f {
  color: #fff;
  font-size: 1.125rem;
  margin-right: -0.15rem;
  font-weight: 300;
}

.bf-page-loader__ring {
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  border: 2px solid var(--bf-preloader-accent, #42b5b1);
  animation: bf-preloader-pulse 1.8s ease-in-out infinite;
}

.bf-page-loader__text {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bf-page-loader__brand {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.bf-page-loader__brand-accent {
  color: var(--bf-preloader-accent, #42b5b1);
}

.bf-page-loader__tagline {
  font-size: 0.75rem;
  color: var(--bf-preloader-tagline, rgb(203 213 225));
  font-weight: 500;
}

.bf-page-loader__spinner {
  width: 2rem;
  height: 2rem;
  margin-top: 0.35rem;
  flex-shrink: 0;
}

.bf-page-loader__spinner-ring {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--bf-preloader-accent, #42b5b1) 22%, rgb(255 255 255 / 0.12));
  border-top-color: var(--bf-preloader-accent, #42b5b1);
  box-shadow: 0 0 10px color-mix(in srgb, var(--bf-preloader-accent, #42b5b1) 40%, transparent);
  animation: bf-preloader-spin 0.7s linear infinite;
}

@keyframes bf-preloader-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.55;
  }

  50% {
    transform: scale(1.22);
    opacity: 0;
  }
}

@keyframes bf-preloader-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-page-loader__ring,
  .bf-page-loader__spinner-ring {
    animation: none !important;
  }

  .bf-page-loader__spinner-ring {
    border-top-color: var(--bf-preloader-accent, #42b5b1);
    opacity: 0.9;
  }
}

/* Framed broker logos: override Tailwind base img { height: auto } */
.bf-broker-card-logo img,
.bf-broker-logo-avatar img,
.bf-broker-logo-detail img,
.bf-broker-logo-compare img,
.bf-broker-framed-img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

.compare-preview-section .bf-home-compare-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.compare-preview-section .bf-home-compare-table th,
.compare-preview-section .bf-home-compare-table td {
  text-align: center;
  vertical-align: middle;
}

.compare-preview-section .bf-home-compare-table th:first-child,
.compare-preview-section .bf-home-compare-table td:first-child {
  text-align: right;
}

.compare-preview-section .bf-home-compare-broker {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  width: 100%;
}

@media (max-width: 639px) {
  .compare-preview-section .bf-home-compare-scroll {
    margin-inline: calc(-1 * var(--bf-space-grid, 1.375rem));
    padding-inline: var(--bf-space-grid, 1.375rem);
  }
}

/* Homepage editor content — read more (borderless soft fade) */
.bf-readmore--fade {
  --bf-readmore-fade: #f8fafc;
}

.bf-readmore {
  position: relative;
}

.bf-readmore__viewport {
  position: relative;
  max-height: none;
  overflow: visible;
}

/* بدون JS: متن کامل؛ پس از init فقط در حالت جمع‌شده برش می‌خورد */
.bf-readmore.is-js-ready.is-collapsed:not(.bf-readmore--static) .bf-readmore__viewport {
  max-height: var(--bf-readmore-max, 280px);
  overflow: hidden;
}

.bf-readmore.is-js-ready.is-expanded .bf-readmore__viewport {
  max-height: none;
  overflow: visible;
}

.bf-readmore__body {
  padding: 0.35rem 0 0.25rem;
}

.bf-readmore--fade .bf-readmore__body {
  padding-top: 0.15rem;
}

@media (min-width: 640px) {
  .bf-readmore__body {
    padding: 0.5rem 0 0.35rem;
  }
}

.bf-readmore:not(.is-js-ready) .bf-readmore__fade,
.bf-readmore:not(.is-js-ready) .bf-readmore__footer {
  display: none;
}

.bf-readmore__fade {
  display: none;
  position: absolute;
  z-index: 1;
  inset-inline: 0;
  bottom: 0;
  height: 6.5rem;
  pointer-events: none;
  background: linear-gradient(
    to top,
    var(--bf-readmore-fade, #f8fafc) 12%,
    color-mix(in srgb, var(--bf-readmore-fade, #f8fafc) 88%, transparent) 42%,
    transparent 100%
  );
}

.bf-readmore--fade.is-js-ready.is-collapsed:not(.bf-readmore--static) .bf-readmore__viewport {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 100%);
}

.bf-readmore--fade.is-js-ready.is-expanded .bf-readmore__viewport {
  -webkit-mask-image: none;
  mask-image: none;
}

.bf-readmore.is-js-ready.is-collapsed:not(.bf-readmore--static) .bf-readmore__fade {
  display: block;
}

.bf-readmore.is-expanded .bf-readmore__fade {
  display: none;
}

.bf-readmore__footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.65rem;
  padding: 0.65rem 0 0.25rem;
  border-top: none;
  background: transparent;
}

@media (min-width: 640px) {
  .bf-readmore__footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0 0.35rem;
  }
}

.bf-readmore--fade .bf-readmore__footer {
  position: relative;
  z-index: 2;
  margin-top: -0.35rem;
}

.bf-readmore.is-expanded .bf-readmore__hint {
  display: none;
}

.bf-readmore__hint {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.55;
  color: #64748b;
  text-align: center;
}

@media (min-width: 640px) {
  .bf-readmore__hint {
    text-align: right;
    max-width: 28rem;
  }
}

.bf-readmore__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  margin: 0;
  padding: 0.6rem 1.25rem;
  border: none;
  border-radius: var(--bf-radius-control);
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  background: var(--bf-primary);
  cursor: pointer;
  transition: background 0.2s ease;
  box-shadow: var(--bf-shadow-control);
}

.bf-readmore__toggle:hover {
  background: var(--bf-primary-hover);
}

.bf-readmore__toggle:focus-visible {
  outline: 2px solid var(--bf-accent);
  outline-offset: 2px;
}

.bf-readmore__toggle-icon {
  transition: transform 0.25s ease;
  color: #42b5b1;
}

.bf-readmore.is-expanded .bf-readmore__toggle-icon {
  transform: rotate(180deg);
}

@media (min-width: 640px) {
  .bf-readmore__toggle {
    width: auto;
    flex-shrink: 0;
  }
}

.bf-readmore--static .bf-readmore__fade,
.bf-readmore--static .bf-readmore__footer {
  display: none;
}

.bf-readmore--static .bf-readmore__body {
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .bf-readmore--static .bf-readmore__body {
    padding-bottom: 1.5rem;
  }
}

.bf-home-page-content {
  padding-bottom: 1.25rem;
}

@media (min-width: 640px) {
  .bf-home-page-content {
    padding-bottom: 1.75rem;
  }
}

.bf-home-page-content .prose :where(h2, h3):not(:where([class~="not-prose"] *)) {
  color: #1e3767;
  font-weight: 800;
}

/* Long-form copy (after Tailwind so leading-snug/relaxed do not win) */
.entry-content p,
.entry-content li,
.entry-summary,
.prose p,
.prose li,
.bf-reading p,
.bf-reading li,
#pros-cons li,
.single-broker .entry-header .bg-slate-50,
[data-bf-methodology-dialog] p,
[data-bf-methodology-dialog] li {
  line-height: var(--bf-line-height-reading) !important;
}

/* Single broker: sticky sidebar (html overflow-x:hidden breaks sticky) */
@media (min-width: 1024px) {
  html.bf-broker-detail-page,
  body.bf-broker-detail-page,
  html:has(.cpt-broker-detail),
  body:has(.cpt-broker-detail) {
    overflow-x: visible !important;
  }

  .cpt-broker-detail .bf-broker-layout {
    overflow: visible;
    align-items: stretch;
  }

  .cpt-broker-detail .bf-broker-sidebar {
    position: relative;
    align-self: stretch;
    min-height: 0;
  }

  .cpt-broker-detail .bf-broker-sidebar__pin {
    position: relative;
    width: 100%;
  }

  .cpt-broker-detail .bf-broker-sidebar__panel {
    max-height: calc(
      100dvh - var(--bf-wp-admin-bar-height) - var(--bf-site-header-height) - 1.25rem
    );
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .cpt-broker-detail .bf-broker-sidebar__panel.is-fixed {
    position: fixed !important;
    z-index: 40;
    margin: 0;
  }

  .cpt-broker-detail .bf-broker-sidebar__panel.is-bottom {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0;
  }

  #page.site,
  #content.site-main,
  .cpt-broker-detail {
    overflow: visible !important;
  }
}

.bf-broker-sidebar__panel {
  background: #fff;
  border: 1px solid rgb(226 232 240 / 0.95);
  border-radius: var(--bf-radius-surface);
  box-shadow: var(--bf-shadow-control);
}

.bf-broker-sidebar__section {
  padding: 0.65rem 0.75rem;
}

.bf-broker-sidebar__section + .bf-broker-sidebar__section {
  border-top: 1px solid #f1f5f9;
}

.bf-broker-sidebar__section--cta {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.bf-broker-sidebar__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
  min-height: var(--bf-control-h);
  padding: 0 0.75rem;
  border-radius: var(--bf-radius-control);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  cursor: pointer;
  border: 1px solid transparent;
  box-shadow: var(--bf-shadow-control);
}

.bf-broker-sidebar__btn--primary {
  background: var(--bf-accent);
  color: #fff;
}

.bf-broker-sidebar__btn--primary:hover,
.bf-broker-sidebar__btn--primary:focus-visible {
  background: var(--bf-accent-hover);
  color: #fff !important;
}

.bf-broker-sidebar__btn--primary:hover svg,
.bf-broker-sidebar__btn--primary:focus-visible svg {
  color: #fff;
  stroke: currentColor;
}

.bf-broker-sidebar__btn--ghost {
  background: #fff;
  color: var(--bf-accent);
  border-color: color-mix(in srgb, var(--bf-accent) 45%, transparent);
}

.bf-broker-sidebar__btn--ghost:hover,
.bf-broker-sidebar__btn--ghost:focus-visible {
  background: rgb(240 253 250 / 0.8);
  color: #2d9a96 !important;
}

.bf-broker-sidebar__btn--compare {
  margin-top: 0.45rem;
  background: #f8fafc;
  color: #475569;
  border-color: #e2e8f0;
}

.bf-broker-sidebar__btn--compare:hover,
.bf-broker-sidebar__btn--compare:focus-visible {
  background: #f1f5f9;
  color: #334155 !important;
}

.bf-broker-sidebar__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  align-self: flex-start;
  font-size: 0.625rem;
  font-weight: 600;
  color: #047857;
  background: rgb(236 253 245 / 0.7);
  border-radius: 0.375rem;
  padding: 0.15rem 0.4rem;
}

.bf-broker-sidebar__heading {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #1e3767;
}

.bf-broker-sidebar__section--toc {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}

.bf-broker-sidebar__section--toc .bf-broker-sidebar__heading {
  margin-bottom: 0.35rem;
}

.bf-broker-toc__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.bf-broker-toc__link {
  display: block;
  padding: 0.28rem 0;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.4;
  color: #94a3b8;
  text-decoration: none;
  border-inline-start: 2px solid transparent;
  padding-inline-start: 0.45rem;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.bf-broker-toc__link:hover {
  color: #475569;
}

.bf-broker-toc__label {
  min-width: 0;
}

.bf-broker-toc__link.is-active {
  color: #1e3767;
  font-weight: 600;
  border-inline-start-color: #42b5b1;
}

.bf-broker-sidebar__specs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.bf-broker-sidebar__tag {
  font-size: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #cbd5e1;
  text-transform: uppercase;
}

.bf-broker-sidebar__specs {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.bf-broker-sidebar__spec-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.625rem;
  padding: 0.1rem 0;
}

.bf-broker-sidebar__spec-row dt {
  margin: 0;
  color: #94a3b8;
  font-weight: 500;
}

.bf-broker-sidebar__spec-row dd {
  margin: 0;
  font-family: 'YekanBakh', sans-serif;
  font-weight: 700;
  font-size: 0.6875rem;
  color: #1e3767;
  text-align: end;
}

.bf-broker-sidebar__spec-row dd.bf-broker-sidebar__spec-value--money {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}

.bf-broker-sidebar__spec-row dd.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-weight: 600;
}

.bf-broker-sidebar__spec-platform {
  max-width: 58%;
  line-height: 1.3;
}

/* After Tailwind: keep header fixed + avoid horizontal scroll breaking sticky */
html {
  overflow-x: clip !important;
}

.site-header {
  position: fixed !important;
  top: var(--bf-wp-admin-bar-height) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
}

/* After Tailwind @layer base: restore dashicons + inline SVG icons in chrome */
@layer overrides {
  .dashicons,
  .dashicons::before,
  #wpadminbar .ab-icon::before,
  #wpadminbar .ab-item::before,
  #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before,
  #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
    font-family: dashicons !important;
  }

  .site-header svg,
  .site-main svg,
  #page svg {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
  }
}

/* Broker detail: allow sticky/fixed sidebar (global overflow-x:clip breaks position:sticky) */
@media (min-width: 1024px) {
  html.bf-broker-detail-page,
  body.bf-broker-detail-page {
    overflow-x: visible !important;
  }
}

/* Compare page */
.bf-compare-toolbar {
  width: 100%;
}

.bf-compare-toolbar__primary {
  white-space: nowrap;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .bf-compare-toolbar {
    width: auto;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.65rem;
  }
}

@media (max-width: 639px) {
  .bf-compare-toolbar {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.5rem;
  }

  .bf-compare-toolbar .bf-btn,
  .bf-compare-toolbar .bf-compare-diff-toggle {
    width: auto;
    min-height: 2.5rem;
  }

  .bf-compare-toolbar__primary {
    order: 0;
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    white-space: nowrap;
  }

  .bf-compare-diff-toggle {
    flex-shrink: 0;
    padding: 0.35rem 0.5rem;
  }

  .bf-compare-toolbar__reset {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    min-width: 2.5rem;
    padding: 0;
    justify-content: center;
  }

  .bf-compare-toolbar__reset-label {
    display: none;
  }
}

.bf-compare-table-scroll {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.bf-compare-table {
  table-layout: fixed;
  width: 100%;
  min-width: min(100%, 52rem);
}

.bf-compare-table__col-criteria {
  width: 6.25rem;
}

.bf-compare-table__col-broker,
.bf-compare-table__col-add {
  width: 7.5rem;
}

@media (min-width: 640px) {
  .bf-compare-table {
    min-width: 56rem;
  }

  .bf-compare-table__col-criteria {
    width: 13.5rem;
  }

  .bf-compare-table__col-broker,
  .bf-compare-table__col-add {
    width: 16.5rem;
  }
}

@media (min-width: 1024px) {
  .bf-compare-table-scroll {
    overflow-x: visible;
  }

  .bf-compare-table {
    min-width: 0;
    width: 100%;
  }

  .bf-compare-table[data-bf-compare-cols='5'] .bf-compare-table__col-criteria {
    width: 14%;
  }

  .bf-compare-table[data-bf-compare-cols='5'] .bf-compare-table__col-broker {
    width: 21.5%;
  }

  .bf-compare-table thead th.bf-compare-table__criteria,
  .bf-compare-table thead th.bf-compare-table__add-col {
    padding: 0.5rem;
  }

  .bf-compare-table thead th.bf-compare-table__broker {
    padding: 0.25rem;
  }

  .bf-compare-broker-head__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    line-height: 1.35;
  }

  .bf-compare-table[data-bf-compare-cols='4'] .bf-compare-table__col-criteria {
    width: 20%;
  }

  .bf-compare-table[data-bf-compare-cols='4'] .bf-compare-table__col-broker {
    width: 26.66%;
  }

  .bf-compare-table[data-bf-compare-cols='3'] .bf-compare-table__col-criteria {
    width: 22%;
  }

  .bf-compare-table[data-bf-compare-cols='3'] .bf-compare-table__col-broker {
    width: 39%;
  }

  .bf-compare-table[data-bf-compare-cols='2'] .bf-compare-table__col-criteria {
    width: 28%;
  }

  .bf-compare-table[data-bf-compare-cols='2'] .bf-compare-table__col-broker {
    width: 72%;
  }
}

.bf-compare-table__criteria {
  min-width: 6.25rem;
  box-shadow: -4px 0 12px rgb(15 23 42 / 0.04);
}

@media (min-width: 640px) {
  .bf-compare-table__criteria {
    min-width: 13.5rem;
  }
}

.bf-compare-criteria-head {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.5rem;
}

.bf-compare-criteria-head__text {
  flex-shrink: 0;
}


.bf-compare-table__broker {
  background: transparent;
  vertical-align: top;
  padding: 0.25rem;
}

.bf-compare-table__add-col {
  vertical-align: top;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}

.bf-compare-table__pad {
  padding: 0;
  min-height: 2.75rem;
  border-right: 1px solid rgb(241 245 249 / 0.9);
  background: linear-gradient(180deg, rgb(248 250 252 / 0.65) 0%, #fff 100%);
}

.bf-compare-table__label {
  text-align: right;
}

.bf-compare-table__value {
  text-align: center;
}

.bf-compare-broker-head {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0.45rem 0.35rem 0.55rem;
  gap: 0.3rem;
}

.bf-compare-broker-head__title-wrap {
  width: 100%;
  min-width: 0;
  padding-inline: 0.1rem;
}

.bf-compare-broker-head .bf-compare-remove {
  position: absolute;
  top: 0.35rem;
  left: 0.35rem;
  right: auto;
  inset-inline-start: 0.35rem;
  inset-inline-end: auto;
  margin: 0;
  z-index: 40;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 9999px;
  border: 1px solid rgb(226 232 240 / 0.95);
  background: #fff;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow:
    0 1px 2px rgb(15 23 42 / 0.08),
    0 0 0 0 rgb(225 29 72 / 0);
  pointer-events: auto;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

@media (min-width: 640px) {
  .bf-compare-broker-head .bf-compare-remove {
    top: 0.4rem;
    left: 0.4rem;
    inset-inline-start: 0.4rem;
    width: 1.75rem;
    height: 1.75rem;
  }
}

.bf-compare-remove:hover,
.bf-compare-remove:focus-visible {
  background: #fff1f2;
  border-color: rgb(225 29 72 / 0.35);
  color: #e11d48;
  box-shadow: 0 2px 8px rgb(225 29 72 / 0.18);
  outline: none;
}

.bf-compare-broker-head .bf-broker-logo-compare {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.06);
}

@media (min-width: 640px) {
  .bf-compare-broker-head .bf-broker-logo-compare {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
  }
}

.bf-compare-broker-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.3rem;
  width: 100%;
  margin-top: 0.15rem;
  padding-top: 0;
}

.bf-compare-broker-actions__btn {
  flex: none;
  width: 100%;
  min-width: 0;
  min-height: 1.75rem;
  height: 1.75rem;
  padding: 0.15rem 0.35rem;
  font-size: 0.625rem;
  line-height: 1.15;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .bf-compare-broker-actions__btn {
    min-height: 1.875rem;
    height: 1.875rem;
    font-size: 0.6875rem;
    padding: 0.2rem 0.4rem;
  }
}

.bf-compare-review-btn.bf-btn--secondary:hover,
.bf-compare-review-btn.bf-btn--secondary:focus-visible,
.bf-compare-review-btn.bf-btn--ghost:hover,
.bf-compare-review-btn.bf-btn--ghost:focus-visible {
  background-color: #f0fdfa;
  border-color: #42b5b1;
  color: #1e3767 !important;
}

.bf-compare-review-btn:hover svg,
.bf-compare-review-btn:focus-visible svg {
  color: #42b5b1;
  stroke: currentColor;
}

.bf-compare-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
}

@media (min-width: 640px) {
  .bf-compare-cell {
    font-size: 0.75rem;
  }
}

.bf-compare-cell--yes {
  color: #047857;
}

.bf-compare-cell--no {
  color: #94a3b8;
  font-weight: 500;
}

.bf-compare-add-slot {
  width: 100%;
  border: none;
  font: inherit;
  border-radius: var(--bf-radius-control);
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

.bf-compare-add-slot--criteria {
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 auto;
  min-height: 5.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem 0.35rem;
  border: 2px dashed rgb(66 181 177 / 0.38);
  border-radius: 0.85rem;
  background: linear-gradient(165deg, rgb(240 253 250 / 0.35) 0%, #fff 100%);
  color: #1e3767;
  text-align: center;
}

@media (min-width: 640px) {
  .bf-compare-add-slot--criteria {
    min-height: 5.5rem;
    border-radius: 1rem;
    padding: 0.55rem 0.45rem;
  }
}

.bf-compare-add-slot--criteria:hover,
.bf-compare-add-slot--criteria:focus-visible {
  border-color: rgb(66 181 177 / 0.75);
  background: linear-gradient(165deg, rgb(240 253 250 / 0.75) 0%, #fff 100%);
  box-shadow: 0 6px 18px rgb(66 181 177 / 0.12);
  outline: none;
}

.bf-compare-add-slot--criteria:hover .bf-compare-add-slot__icon,
.bf-compare-add-slot--criteria:focus-visible .bf-compare-add-slot__icon {
  transform: scale(1.05);
  background: rgb(240 253 250);
}

.bf-compare-add-slot--column {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 12.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.75rem 0.5rem;
  border: 2px dashed rgb(66 181 177 / 0.38);
  border-radius: 1rem;
  background: linear-gradient(165deg, rgb(240 253 250 / 0.35) 0%, #fff 100%);
  color: #1e3767;
  text-align: center;
}

@media (min-width: 640px) {
  .bf-compare-add-slot--column {
    min-height: 13.5rem;
    border-radius: 1.15rem;
    padding: 1rem 0.65rem;
  }
}

.bf-compare-add-slot__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.85rem;
  background: #fff;
  color: #42b5b1;
  border: 1px solid rgb(66 181 177 / 0.25);
  box-shadow: 0 2px 6px rgb(66 181 177 / 0.12);
  transition:
    background 0.15s ease,
    color 0.15s ease,
    transform 0.12s ease;
}

@media (min-width: 640px) {
  .bf-compare-add-slot__icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 1rem;
  }
}

.bf-compare-add-slot__title {
  font-size: 0.6875rem;
  font-weight: 800;
  line-height: 1.35;
}

.bf-compare-add-slot__hint {
  font-size: 0.5625rem;
  font-weight: 600;
  color: #94a3b8;
  line-height: 1.4;
}

@media (min-width: 640px) {
  .bf-compare-add-slot__title {
    font-size: 0.75rem;
  }

  .bf-compare-add-slot__hint {
    font-size: 0.625rem;
  }
}

.bf-compare-add-slot--column:hover,
.bf-compare-add-slot--column:focus-visible {
  border-color: rgb(66 181 177 / 0.75);
  background: linear-gradient(165deg, rgb(240 253 250 / 0.75) 0%, #fff 100%);
  box-shadow: 0 6px 18px rgb(66 181 177 / 0.12);
  outline: none;
}

.bf-compare-add-slot--column:hover .bf-compare-add-slot__icon,
.bf-compare-add-slot--column:focus-visible .bf-compare-add-slot__icon {
  background: #42b5b1;
  color: #fff;
}

.bf-compare-diff-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--bf-radius-control);
  padding: 0.35rem 0.65rem;
  cursor: pointer;
  user-select: none;
}

.bf-compare-diff-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.bf-compare-diff-switch {
  width: 2.5rem;
  height: 1.25rem;
  border-radius: 9999px;
  background: #cbd5e1;
  position: relative;
  transition: background-color 0.15s ease;
}

.bf-compare-diff-switch::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.15);
  transition: transform 0.15s ease;
}

.bf-compare-diff-input:checked + .bf-compare-diff-switch {
  background: #42b5b1;
}

.bf-compare-diff-input:checked + .bf-compare-diff-switch::after {
  transform: translateX(-1.25rem);
}

.bf-compare-metric-row.is-hidden-by-diff,
.bf-compare-section-head.is-hidden-by-diff {
  display: none;
}

.bf-compare-popular-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.85rem 1rem;
  border-radius: var(--bf-radius-surface);
  border: 1px solid #e2e8f0;
  background: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.bf-compare-popular-card:hover {
  border-color: rgb(66 181 177 / 0.45);
  box-shadow: 0 4px 14px rgb(66 181 177 / 0.12);
}

.bf-compare-popular-card__side {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  text-align: center;
}

.bf-compare-popular-card__logo-wrap {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.65rem;
  border: 1px solid #f1f5f9;
  background: #f8fafc;
  overflow: hidden;
  flex-shrink: 0;
}

.bf-compare-popular-card__logo {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
  border: none;
  background: transparent;
}

.bf-compare-popular-card__logo--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.65rem;
  border: 1px solid #f1f5f9;
  font-size: 0.75rem;
  font-weight: 800;
  color: #1e3767;
  background: linear-gradient(145deg, #f8fafc, #eef3f8);
}

.bf-compare-popular-card__name {
  font-size: 0.625rem;
  font-weight: 700;
  color: #1e3767;
  line-height: 1.3;
}

.bf-compare-popular-card__vs {
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999px;
  background: #1e3767;
  color: #fff;
  font-size: 0.5rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bf-compare-modal {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem;
}

@media (min-width: 640px) {
  .bf-compare-modal {
    align-items: center;
  }
}

.bf-compare-modal[hidden] {
  display: none !important;
}

.bf-compare-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(15 23 42 / 0.52);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.bf-compare-modal__panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 40rem;
  max-height: min(88vh, 640px);
  background: linear-gradient(165deg, #fff 0%, #f8fafc 42%, #f0fdfa 100%);
  border-radius: var(--bf-radius-hero);
  border: 1px solid rgb(66 181 177 / 0.28);
  box-shadow:
    0 28px 56px rgb(15 23 42 / 0.22),
    0 0 0 1px rgb(255 255 255 / 0.75) inset,
    0 1px 0 rgb(66 181 177 / 0.12) inset;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bf-compare-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.95rem 1rem 0.8rem;
  border-bottom: 1px solid rgb(226 232 240 / 0.85);
  background: linear-gradient(180deg, rgb(255 255 255 / 0.92) 0%, rgb(248 250 252 / 0.55) 100%);
}

.bf-compare-modal__title-wrap {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.bf-compare-modal__title-accent {
  width: 5px;
  height: 2rem;
  border-radius: 9999px;
  background: #42b5b1;
  box-shadow: 0 0 0 1px rgb(66 181 177 / 0.35);
  flex-shrink: 0;
  margin-top: 0.15rem;
}

.bf-compare-modal__close {
  border: none;
  background: #fff;
  border-radius: 9999px;
  width: 2.15rem;
  height: 2.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #64748b;
  box-shadow:
    inset 0 0 0 1px #e2e8f0,
    0 1px 2px rgb(15 23 42 / 0.06);
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.bf-compare-modal__close:hover {
  background: #f8fafc;
  color: #1e3767;
  box-shadow:
    inset 0 0 0 1px #cbd5e1,
    0 2px 6px rgb(15 23 42 / 0.08);
}

.bf-compare-modal__search-wrap {
  position: relative;
  margin: 0.75rem 1rem 0;
  padding: 0.35rem;
  border-radius: calc(var(--bf-radius-control) + 0.2rem);
  background: linear-gradient(135deg, rgb(240 253 250 / 0.65) 0%, rgb(255 255 255 / 0.9) 100%);
  box-shadow: inset 0 0 0 1px rgb(66 181 177 / 0.12);
}

.bf-compare-modal__search-icon {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
  z-index: 1;
}

.bf-compare-modal__search {
  width: 100%;
  box-sizing: border-box;
  padding: 0.65rem 2.5rem 0.65rem 2.35rem;
  border: 1px solid rgb(226 232 240 / 0.95);
  border-radius: var(--bf-radius-control);
  font-size: 0.8125rem;
  background: #fff;
  color: #1e3767;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.bf-compare-modal__search::placeholder {
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 500;
}

@media (max-width: 639px) {
  .bf-compare-modal__search {
    font-size: 0.75rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .bf-compare-modal__search::placeholder {
    font-size: 0.625rem;
  }
}

.bf-compare-modal__search:hover {
  border-color: #cbd5e1;
}

.bf-compare-modal__search:focus {
  outline: none;
  border-color: rgb(66 181 177 / 0.65);
  box-shadow: 0 0 0 3px rgb(66 181 177 / 0.15);
}

.bf-compare-modal__search-clear {
  position: absolute;
  left: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.65rem;
  height: 1.65rem;
  border: none;
  border-radius: 0.45rem;
  background: #f1f5f9;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}

.bf-compare-modal__search-clear:hover {
  background: #e2e8f0;
  color: #334155;
}

.bf-compare-modal__search-clear[hidden] {
  display: none !important;
}

.bf-compare-modal__list {
  margin: 0.65rem 0 0;
  padding: 0 0.75rem 0.5rem;
  overflow-y: auto;
  flex: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  align-content: start;
}

@media (min-width: 520px) {
  .bf-compare-modal__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bf-compare-modal__foot {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 0.75rem 1rem 0.95rem;
  border-top: 1px solid rgb(226 232 240 / 0.9);
  background: linear-gradient(180deg, rgb(248 250 252 / 0.4) 0%, rgb(240 253 250 / 0.35) 100%);
}

.bf-compare-modal__hint {
  font-size: 0.6875rem;
  color: #64748b;
  line-height: 1.55;
  font-weight: 500;
}

.bf-compare-modal__tabs {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  padding: 0.65rem 1rem 0.75rem;
  border-bottom: 1px solid rgb(226 232 240 / 0.9);
  background: #f8fafc;
}

.bf-compare-modal__tab {
  flex: 1;
  min-height: 2.25rem;
  padding: 0.4rem 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--bf-radius-control);
  background: #fff;
  color: #475569;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.35;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.bf-compare-modal__tab:hover {
  border-color: rgb(66 181 177 / 0.45);
  color: var(--bf-primary);
}

.bf-compare-modal__tab.is-active {
  background: color-mix(in srgb, var(--bf-accent) 16%, #fff);
  border-color: color-mix(in srgb, var(--bf-accent) 42%, #e2e8f0);
  color: var(--bf-primary);
  font-weight: 800;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--bf-accent) 22%, transparent);
}

.bf-compare-picker-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0.6rem 0.65rem;
  border: 1px solid rgb(226 232 240 / 0.95);
  border-radius: calc(var(--bf-radius-control) + 0.1rem);
  background: linear-gradient(135deg, #fff 0%, rgb(248 250 252 / 0.65) 100%);
  min-height: 3.35rem;
  box-shadow:
    0 1px 2px rgb(15 23 42 / 0.04),
    inset 0 1px 0 rgb(255 255 255 / 0.9);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.bf-compare-picker-card:not(.is-active):not(.is-picked) {
  cursor: pointer;
}

.bf-compare-picker-card:not(.is-active):hover {
  border-color: rgb(66 181 177 / 0.35);
  box-shadow:
    0 4px 14px rgb(66 181 177 / 0.08),
    inset 0 1px 0 rgb(255 255 255 / 0.95);
}

.bf-compare-picker-card.is-active,
.bf-compare-picker-card.is-picked {
  background: linear-gradient(135deg, #e8edf3 0%, #f1f5f9 72%);
  border-color: rgb(148 163 184 / 0.65);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.55),
    0 1px 2px rgb(15 23 42 / 0.04);
}

.bf-compare-picker-card.is-picked {
  cursor: default;
}

.bf-compare-picker-card__main {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1;
}

.bf-compare-picker-card__logo {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.55rem;
  object-fit: cover;
  object-position: center;
  border: 1px solid #f1f5f9;
  background: #f8fafc;
  flex-shrink: 0;
}

.bf-compare-picker-card__logo--ph {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 800;
  color: #1e3767;
  background: linear-gradient(145deg, #eef3f8 0%, #fff 100%);
  box-shadow: inset 0 0 0 1px rgb(226 232 240 / 0.8);
}

.bf-compare-picker-card__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.bf-compare-picker-card__name {
  font-size: 0.6875rem;
  font-weight: 800;
  color: #1e3767;
  line-height: 1.35;
}

.bf-compare-picker-card__en {
  font-weight: 600;
  color: #94a3b8;
  font-size: 0.625rem;
}

.bf-compare-picker-card__meta {
  font-size: 0.5625rem;
  font-weight: 600;
  color: #64748b;
}

.bf-compare-picker-card__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.15rem;
}

.bf-compare-picker-card__chip {
  display: inline-flex;
  align-items: center;
  font-size: 0.5625rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 0.15rem 0.4rem;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  white-space: nowrap;
}

.bf-compare-picker-card__chip--deposit {
  color: #047857;
  background: rgb(236 253 245 / 0.95);
  border-color: rgb(16 185 129 / 0.28);
}

.bf-compare-picker-card__chip--rating {
  color: #b45309;
  background: rgb(255 251 235 / 0.95);
  border-color: rgb(245 158 11 / 0.35);
}

.bf-compare-picker-card__chip--reg {
  color: #1d4ed8;
  background: rgb(239 246 255 / 0.95);
  border-color: rgb(59 130 246 / 0.3);
}

.bf-compare-picker-card__state {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.5625rem;
  font-weight: 700;
  color: #94a3b8;
  padding: 0.2rem 0.35rem;
  border-radius: 0.45rem;
  background: #f1f5f9;
}

.bf-compare-picker-card__lock-icon {
  width: 0.75rem;
  height: 0.75rem;
  background: currentColor;
  opacity: 0.65;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.bf-compare-picker-card__add {
  flex-shrink: 0;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 9999px;
  border: 1px solid rgb(66 181 177 / 0.35);
  background: linear-gradient(180deg, #fff 0%, #f0fdfa 100%);
  color: #42b5b1;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 6px rgb(66 181 177 / 0.12);
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.bf-compare-picker-card__add:hover {
  border-color: #42b5b1;
  background: #ccfbf1;
  box-shadow: 0 4px 10px rgb(66 181 177 / 0.2);
}

.bf-compare-picker-card__add.is-selected {
  border-color: #42b5b1;
  background: linear-gradient(180deg, #42b5b1 0%, #369a96 100%);
  color: #fff;
  box-shadow: 0 4px 12px rgb(66 181 177 / 0.35);
}

.bf-compare-picker-card__add-check {
  width: 0.55rem;
  height: 0.3rem;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg) translateY(-1px);
  display: block;
}

.bf-compare-picker-card__remove {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0.2rem;
  color: #64748b;
  border-radius: 0.65rem;
  transition:
    color 0.15s ease,
    background 0.15s ease;
}

.bf-compare-picker-card__remove:hover,
.bf-compare-picker-card__remove:focus-visible {
  color: #e11d48;
  background: rgb(255 241 242 / 0.65);
  outline: none;
}

.bf-compare-picker-card__remove-icon {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 9999px;
  background: #fff;
  box-shadow:
    inset 0 0 0 1px #e2e8f0,
    0 1px 2px rgb(15 23 42 / 0.06);
  position: relative;
}

.bf-compare-picker-card__remove:hover .bf-compare-picker-card__remove-icon {
  background: #fff1f2;
  box-shadow: inset 0 0 0 1px rgb(225 29 72 / 0.25);
}

.bf-compare-picker-card__remove-icon::before,
.bf-compare-picker-card__remove-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.55rem;
  height: 1.5px;
  background: currentColor;
  border-radius: 1px;
}

.bf-compare-picker-card__remove-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.bf-compare-picker-card__remove-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.bf-compare-picker-item {
  width: 100%;
  text-align: right;
  border: 1px solid transparent;
  background: transparent;
  border-radius: var(--bf-radius-control);
  padding: 0.5rem 0.65rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.bf-compare-picker-item:hover,
.bf-compare-picker-item.is-selected {
  background: #f0fdfa;
  border-color: rgb(66 181 177 / 0.35);
}

.bf-compare-picker-item__name {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #1e3767;
}

.bf-compare-picker-item__meta {
  font-size: 0.625rem;
  color: #64748b;
  font-family: inherit;
}

body.bf-compare-modal-open {
  overflow: hidden;
}

/* Broker archive — filter radius (brand 12px; drawer is portaled to body) */
.archive-broker-page,
.bf-archive-mobile-drawer {
  --bf-archive-filter-radius: var(--bf-radius-control, 12px);
}

/* Broker archive — toolbar */
[data-bf-archive-results].is-bf-archive-loading {
  opacity: 0.55;
  pointer-events: none;
}

.bf-archive-toolbar {
  background: #fff;
  border: 1px solid #e8edf3;
  border-radius: var(--bf-archive-filter-radius);
  padding: 0.65rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .bf-archive-toolbar {
    padding: 0.75rem 1rem;
    gap: 0.6rem;
  }
}

.bf-archive-toolbar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
}

@media (max-width: 1023.98px) {
  .bf-archive-toolbar__head {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }

  .bf-archive-toolbar__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    width: 100%;
  }

  .bf-archive-toolbar-form--inline {
    max-width: none;
    min-width: 0;
  }

  .bf-archive-sort__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .bf-archive-sort {
    gap: 0;
  }

  .bf-archive-sort__control select {
    min-height: 1.875rem;
    max-height: 1.875rem;
    height: 1.875rem;
    line-height: 1.25;
    font-size: 0.6875rem !important;
    font-weight: 600;
    padding-block: 0;
    padding-inline: 1.35rem 0.45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .bf-archive-sort__chevron {
    width: 0.65rem;
    height: 0.65rem;
    left: 0.35rem;
  }

  .bf-archive-toolbar__filter {
    height: 1.875rem;
    padding-inline: 0.55rem;
    font-size: 0.6875rem;
  }
}

.bf-archive-toolbar__meta {
  min-width: 0;
  flex: 1 1 auto;
}

.bf-archive-toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  flex-shrink: 0;
  min-width: 0;
}

@media (min-width: 1024px) {
  .bf-archive-toolbar__actions {
    max-width: 14.5rem;
  }
}

.bf-archive-toolbar__title {
  font-size: 0.75rem;
  font-weight: 800;
  color: #1e3767;
  line-height: 1.35;
}

@media (min-width: 640px) {
  .bf-archive-toolbar__title {
    font-size: 0.8125rem;
  }
}

.bf-archive-toolbar__count {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.625rem;
  font-weight: 600;
  color: #64748b;
}

.bf-archive-toolbar__count-num {
  font-weight: 800;
  color: #1e3767;
  font-variant-numeric: tabular-nums;
}

@media (min-width: 640px) {
  .bf-archive-toolbar__count {
    font-size: 0.6875rem;
  }
}

.bf-archive-toolbar__count-dot {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 9999px;
  background: #10b981;
  flex-shrink: 0;
}

.bf-archive-toolbar__filter {
  display: none;
  align-items: center;
  gap: 0.3rem;
  height: 1.75rem;
  padding: 0 0.55rem;
  border: 1px solid #e2e8f0;
  border-radius: var(--bf-archive-filter-radius);
  background: #fff;
  color: #1e3767;
  font-size: 0.6875rem;
  font-weight: 700;
  cursor: pointer;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

@media (max-width: 1023.98px) {
  .bf-archive-toolbar__filter {
    display: inline-flex;
  }
}

.bf-archive-toolbar__filter.is-active {
  background: #1e3767;
  border-color: #1e3767;
  color: #fff;
}

.bf-archive-toolbar__filter-count {
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.25rem;
  border-radius: 9999px;
  background: #42b5b1;
  color: #fff;
  font-size: 0.5625rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bf-archive-toolbar-form {
  width: 100%;
  margin: 0;
}

.bf-archive-toolbar-form--inline {
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 11.5rem;
}

@media (min-width: 480px) {
  .bf-archive-toolbar-form--inline {
    max-width: 12.5rem;
  }
}

.bf-archive-sort {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  min-width: 0;
}

.bf-archive-sort__label {
  flex-shrink: 0;
  font-size: 0.625rem;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0.01em;
}

.bf-archive-sort__control {
  position: relative;
  flex: 1;
  min-width: 0;
}

.bf-archive-sort__control select {
  width: 100%;
  min-height: 1.75rem;
  height: auto;
  margin: 0;
  padding: 0.3rem 1.65rem 0.3rem 0.55rem;
  border: 1px solid #e8edf3;
  border-radius: var(--bf-archive-filter-radius);
  background: #f8fafc;
  color: #1e3767;
  font-family: 'YekanBakh', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: right;
  direction: rtl;
  appearance: none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

.bf-archive-sort__control select:hover {
  background: #fff;
  border-color: #cbd5e1;
}

.bf-archive-sort__control select:focus {
  outline: none;
  border-color: #42b5b1;
  background: #fff;
}

.bf-archive-sort__chevron {
  position: absolute;
  left: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
}

.bf-archive-toolbar .bf-archive-active-filters {
  padding-top: 0;
  gap: 0.35rem;
}

.bf-archive-toolbar__presets {
  align-items: center;
  gap: 0.4rem;
  padding-top: 0.45rem;
  border-top: 1px solid #f1f5f9;
  overflow-x: auto;
  scrollbar-width: none;
}

.bf-archive-toolbar__presets::-webkit-scrollbar {
  display: none;
}

.bf-archive-toolbar__presets-label {
  flex-shrink: 0;
  font-size: 0.625rem;
  font-weight: 700;
  color: #94a3b8;
  margin-inline-end: 0.15rem;
}

.bf-archive-preset {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  height: 1.65rem;
  padding: 0 0.55rem;
  border: 1px solid #e8edf3;
  border-radius: var(--bf-archive-filter-radius);
  background: #fff;
  color: #475569;
  font-size: 0.625rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.bf-archive-preset.is-active {
  background: #1e3767;
  border-color: #1e3767;
  color: #fff;
}

/* Broker archive — hero & tighter vertical rhythm */
.bf-archive-hero {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.archive-broker-page .cpt-broker-card {
  padding: 0.875rem 1rem;
}

@media (min-width: 640px) {
  .archive-broker-page .cpt-broker-card {
    padding: 1rem 1.125rem;
  }
}

.archive-broker-page .cpt-broker-card .bf-broker-card-head {
  margin-bottom: 0.5rem;
}

.archive-broker-page .cpt-broker-card .grid.mb-3 {
  margin-bottom: 0.5rem;
}

.archive-broker-page .cpt-broker-card .pt-3 {
  padding-top: 0.625rem;
}

.archive-broker-page .bf-archive-sidebar .bf-archive-filter-form {
  gap: 0.625rem;
}

.archive-broker-page .bf-archive-filter-option {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  border-radius: var(--bf-archive-filter-radius);
}

/* Broker archive — mobile filter drawer (full-viewport app sheet) */
.bf-archive-mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 200;
  width: 100%;
  max-width: 100vw;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  pointer-events: none;
}

.bf-archive-mobile-drawer.is-open {
  pointer-events: auto;
}

@media (min-width: 1024px) {
  .bf-archive-mobile-drawer {
    display: none !important;
  }
}

.bf-archive-mobile-drawer__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  background: rgb(15 23 42 / 0.32);
  touch-action: none;
  opacity: 1;
}

.bf-archive-mobile-drawer__sheet {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  max-height: min(86dvh, 100%);
  background: #fff;
  border-radius: 1rem 1rem 0 0;
  box-shadow: 0 -6px 28px rgb(15 23 42 / 0.1);
  overflow: hidden;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__sheet {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
  height: 60dvh;
  max-height: 60dvh;
  margin: 0;
  border-radius: 1rem 1rem 0 0;
  border: none;
  border-top: 1px solid rgb(226 232 240 / 0.9);
  box-shadow: 0 -6px 28px rgb(15 23 42 / 0.1);
}

.bf-archive-mobile-drawer__head {
  padding: 0.35rem 0.75rem 0.45rem;
  background: #fff;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__head {
  border-bottom: 1px solid #f1f5f9;
  padding: 0.55rem 0.85rem 0.5rem;
}

.bf-archive-mobile-drawer__handle {
  width: 2rem;
  height: 0.1875rem;
  margin: 0 auto 0.45rem;
  border-radius: 9999px;
  background: #d1d5db;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__handle {
  display: block;
}

.bf-archive-mobile-drawer__head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 2rem;
}

.bf-archive-mobile-drawer__title {
  margin: 0;
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #1e3767;
  line-height: 1.35;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__badge {
  min-width: 1.1rem;
  height: 1.1rem;
  font-size: 0.5625rem;
  background: #1e3767;
}

.bf-archive-mobile-drawer__reset {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.45rem;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #e11d48;
  text-decoration: none;
}

.bf-archive-mobile-drawer__reset:hover {
  text-decoration: underline;
}

.bf-archive-mobile-drawer__badge {
  flex-shrink: 0;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  border-radius: 9999px;
  background: #42b5b1;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bf-archive-mobile-drawer__close {
  position: relative;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  border-radius: var(--bf-archive-filter-radius);
  background: #f8fafc;
  color: #64748b;
  cursor: pointer;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__close {
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  background: transparent;
  color: #94a3b8;
  border-radius: 0.5rem;
}

.bf-archive-mobile-drawer__close:hover,
.bf-archive-mobile-drawer__close:focus-visible {
  background: #f8fafc;
  color: #1e3767;
  border-color: #cbd5e1;
  outline: none;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__close:hover,
.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__close:focus-visible {
  background: #f1f5f9;
  border-color: transparent;
}

.bf-archive-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}

.bf-archive-active-filters--drawer {
  margin-bottom: 0.5rem;
  padding: 0.45rem 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.bf-archive-active-filters--drawer::-webkit-scrollbar {
  display: none;
}

.bf-archive-active-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  max-width: 100%;
  padding: 0.22rem 0.4rem;
  border-radius: var(--bf-archive-filter-radius);
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #475569;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.bf-archive-active-filter:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #1e3767;
}

.bf-archive-active-filter--clear-all {
  border-color: #fecdd3;
  background: #fff1f2;
  color: #e11d48;
}

.bf-archive-active-filter--clear-all:hover {
  background: #ffe4e6;
  border-color: #fda4af;
  color: #be123c;
}

.bf-archive-active-filter__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bf-archive-active-filter__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 9999px;
  background: rgb(30 55 103 / 0.1);
  color: #1e3767;
  flex-shrink: 0;
}

.bf-archive-mobile-drawer__form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.bf-archive-mobile-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.55rem 0.85rem 0.75rem;
  background: #fff;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__body {
  padding: 0.35rem 0.85rem 0.5rem;
  background: #fff;
}

.bf-archive-mobile-drawer__footer {
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  z-index: 2;
  padding: 0.65rem 0.85rem max(0.65rem, env(safe-area-inset-bottom, 0px));
  background: #fff;
  border-top: 1px solid #f1f5f9;
  box-shadow: none;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.85rem max(0.6rem, env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #f1f5f9;
  background: #fff;
}

.bf-archive-mobile-drawer__reset-footer {
  flex-shrink: 0;
  padding: 0.45rem 0.35rem;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #64748b;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.bf-archive-mobile-drawer__reset-footer:hover,
.bf-archive-mobile-drawer__reset-footer:focus-visible {
  color: #e11d48;
  outline: none;
}

.bf-archive-mobile-drawer__submit {
  width: 100%;
  min-height: 2.35rem;
  font-size: 0.6875rem;
  font-weight: 700;
  border-radius: var(--bf-archive-filter-radius);
  box-shadow: none;
}

.bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__submit {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 2.35rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.bf-archive-filter-fields--mobile {
  gap: 0;
  border: 1px solid #eef2f6;
  border-radius: var(--bf-archive-filter-radius);
  overflow: hidden;
  background: #fff;
}

.bf-archive-mobile-drawer--lite .bf-archive-filter-fields--mobile {
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bf-archive-mobile-drawer--lite .bf-archive-filter-fields--mobile .bf-archive-filter-disclosure {
  border-bottom-color: #f1f5f9;
}

.bf-archive-mobile-drawer--lite .bf-archive-filter-disclosure__icon {
  width: 1.15rem;
  height: 1.15rem;
  background: transparent;
  color: #94a3b8;
}

.bf-archive-mobile-drawer--lite .bf-archive-filter-disclosure[open] .bf-archive-filter-disclosure__icon {
  color: #42b5b1;
}

.bf-archive-mobile-drawer--lite .bf-archive-filter-chip {
  min-height: 2.375rem;
  padding: 0.45rem 0.65rem;
  border-color: #e2e8f0;
  background: #fafbfc;
  font-weight: 600;
  border-radius: var(--bf-archive-filter-radius);
}

.bf-archive-mobile-drawer--lite .bf-archive-filter-chip.is-active {
  background: #fff;
  border-color: #42b5b1;
  color: #1e3767;
  font-weight: 700;
  box-shadow: none;
}

.bf-archive-mobile-drawer--lite .bf-archive-filter-disclosure__body {
  padding: 0.35rem 0 0.55rem;
}

.bf-archive-mobile-drawer--lite .bf-archive-active-filters--drawer {
  margin-bottom: 0.35rem;
  padding: 0.15rem 0 0.25rem;
}

.bf-archive-filter-fields--mobile .bf-archive-filter-disclosure {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #eef2f6;
}

.bf-archive-filter-fields--mobile .bf-archive-filter-disclosure:last-child {
  border-bottom: none;
}

.bf-archive-filter-disclosure {
  border: 1px solid #e8edf3;
  border-radius: var(--bf-archive-filter-radius);
  background: #fff;
  overflow: hidden;
  box-shadow: none;
}

.bf-archive-filter-disclosure--more {
  margin-top: 0.15rem;
}

.bf-archive-filter-fields--mobile .bf-archive-filter-disclosure__summary {
  padding: 0.5rem 0.6rem;
  font-size: 0.6875rem;
  font-weight: 700;
}

.bf-archive-mobile-drawer--lite .bf-archive-filter-fields--mobile .bf-archive-filter-disclosure__summary {
  padding: 0.55rem 0.65rem;
  font-weight: 600;
  color: #334155;
}

.bf-archive-filter-fields--mobile .bf-archive-filter-disclosure__icon {
  width: 1.25rem;
  height: 1.25rem;
  background: transparent;
  color: #94a3b8;
}

.bf-archive-filter-disclosure__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  cursor: pointer;
  list-style: none;
  padding: 0.55rem 0.65rem;
  font-size: 0.6875rem;
  font-weight: 800;
  color: #1e3767;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.bf-archive-filter-disclosure__summary::-webkit-details-marker {
  display: none;
}

.bf-archive-filter-disclosure__summary:focus {
  outline: none;
}

.bf-archive-filter-disclosure__summary:focus-visible {
  box-shadow: inset 0 0 0 2px rgb(66 181 177 / 0.4);
}

.bf-archive-filter-fields--mobile .bf-archive-filter-disclosure[open] .bf-archive-filter-disclosure__summary {
  background: #fafbfc;
}

.bf-archive-filter-disclosure[open] .bf-archive-filter-disclosure__summary {
  border-bottom: 1px solid #f1f5f9;
  background: #f8fafc;
}

.bf-archive-filter-disclosure[open] .bf-archive-filter-disclosure__chevron {
  transform: rotate(180deg);
  color: #42b5b1;
}

.bf-archive-filter-disclosure__chevron {
  flex-shrink: 0;
}

.bf-archive-filter-disclosure__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.bf-archive-filter-disclosure__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: var(--bf-archive-filter-radius);
  background: #f0fdfa;
  color: #42b5b1;
  border: none;
  flex-shrink: 0;
}

.bf-archive-filter-disclosure__text {
  line-height: 1.35;
}

.bf-archive-filter-disclosure__body {
  padding: 0.55rem 0.65rem 0.65rem;
  background: #fff;
}

.bf-archive-filter-fields--mobile .bf-archive-filter-group {
  margin: 0;
}

.bf-archive-filter-fields--mobile .grid {
  gap: 0.5rem;
}

.bf-archive-filter-chip-grid {
  gap: 0.5rem;
}

.bf-archive-filter-chip {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 2.25rem;
  padding: 0.4rem 0.65rem;
  border-radius: var(--bf-archive-filter-radius);
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #475569;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1.35;
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.bf-archive-filter-chip:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.bf-archive-filter-chip.is-active {
  background: #f0fdfa;
  border-color: rgb(66 181 177 / 0.55);
  color: #1e3767;
  font-weight: 700;
  box-shadow: none;
}

.bf-archive-filter-chip:has(.bf-archive-filter-chip__clear) .bf-archive-filter-chip__text {
  padding-inline-start: 1.35rem;
}

.bf-archive-filter-chip:focus-within {
  outline: none;
  box-shadow: inset 0 0 0 2px rgb(66 181 177 / 0.35);
}

.bf-archive-filter-chip__text {
  min-width: 0;
  text-align: start;
}

.bf-archive-filter-chip__clear,
.bf-archive-filter-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0.45rem;
  cursor: pointer;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}

.bf-archive-filter-chip__clear {
  position: absolute;
  inset-inline-start: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: #42b5b1;
  border-radius: 6px;
}

.bf-archive-filter-chip__clear:hover,
.bf-archive-filter-chip__clear:focus-visible {
  background: rgb(255 255 255 / 0.32);
  outline: none;
}

.bf-archive-filter-clear {
  background: rgb(66 181 177 / 0.14);
  color: #0f766e;
  border-radius: 8px;
}

.archive-broker-page .bf-archive-filter-clear {
  border-radius: var(--bf-archive-filter-radius);
}

.bf-archive-filter-clear:hover,
.bf-archive-filter-clear:focus-visible {
  background: rgb(66 181 177 / 0.26);
  outline: none;
}

.cpt-broker-card.is-archive-search-hidden {
  display: none !important;
}

.bf-archive-filter-chip input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 1023.98px) {
  .bf-archive-mobile-drawer {
    display: none;
  }

  .bf-archive-mobile-drawer.is-open {
    display: block;
  }

  .bf-archive-mobile-drawer--lite.is-open {
    display: block;
    padding: 0;
  }
}

html.bf-archive-drawer-open {
  overflow: hidden;
}

.bf-archive-filter-option.is-active {
  background: #f0f9ff;
  color: #1e3767;
  font-weight: 700;
}

.bf-archive-seo-guide__panel {
  transition: max-height 0.45s ease;
}

.bf-archive-seo-guide__fade {
  transition: opacity 0.35s ease;
}

[data-bf-archive-seo-guide].is-expanded .bf-archive-seo-guide__fade {
  opacity: 0;
  pointer-events: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Blog single: slate canvas + minimal grid (matches comment form fields) */
body.bf-blog-single-page {
  background-color: #f8fafc;
}

body.bf-blog-single-page #page {
  position: relative;
  z-index: 1;
}

body.bf-blog-single-page::before,
body.bf-blog-single-page::after {
  content: none !important;
  background-image: none !important;
}

body.bf-blog-single-page .site-main {
  background: transparent;
}

.bf-blog-single-canvas .bg-white {
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
}


/* Regulatory licenses table: horizontal scroll on narrow viewports */
.bf-reg-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  max-width: 100%;
}
.bf-reg-table-wrap::-webkit-scrollbar {
  height: 6px;
}
.bf-reg-table-wrap::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 9999px;
}
.bf-reg-table-wrap table {
  width: 100%;
  min-width: 36rem;
  border-collapse: collapse;
}


/* -------------------------------------------------------------------------
   Zoom / short-viewport: broker marquee cards must not cover hero CTAs.
   At ~175% zoom, hero content overflows into the marquee row; later paint
   order put cards on top of primary buttons. Raise CTA stack + unlock height.
   ------------------------------------------------------------------------- */
.bf-broker-cta-stack-fix,
.hero-section.bf-hero-v2 .bf-hero-v2__inner {
  position: relative;
  z-index: 3;
}

.hero-section.bf-hero-v2 .bf-hero-actions,
.hero-section.bf-hero-v2 .bf-hero-v2__cta {
  position: relative;
  z-index: 4;
}

.hero-section.bf-hero-v2 .bf-hero-v2__bottom,
.hero-section.bf-hero-v2 .bf-hero-marquee-stack {
  position: relative;
  z-index: 1;
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card {
  z-index: 1;
}

.hero-section.bf-hero-v2 .bf-hero-marquee-card:hover,
.hero-section.bf-hero-v2 .bf-hero-marquee-card:focus-visible {
  z-index: 2;
}

/* Short / zoomed viewports: allow hero to grow so CTAs stay above marquee */
@media (max-height: 760px) {
  .hero-section.bf-hero-v2 {
    height: auto;
    max-height: none;
    min-height: 100dvh;
    overflow: visible;
  }

  .hero-section.bf-hero-v2 .bf-hero-v2__inner {
    overflow: visible;
  }
}

/* Home broker grids: section CTAs / heads stay above card hover stacks */
.best-brokers-section,
.compare-preview-section {
  isolation: isolate;
}

.best-brokers-section > .flex:first-child,
.compare-preview-section > .flex:first-child {
  position: relative;
  z-index: 2;
}

.best-brokers-section .cpt-broker-card,
.archive-broker-page .cpt-broker-card {
  position: relative;
  z-index: 0;
}

.best-brokers-section .cpt-broker-card:hover,
.best-brokers-section .cpt-broker-card:focus-within,
.archive-broker-page .cpt-broker-card:hover,
.archive-broker-page .cpt-broker-card:focus-within {
  z-index: 1;
}

.archive-broker-page .bf-archive-toolbar {
  position: relative;
  z-index: 2;
}

/* BrokerFactory: site branding logo spacing */
.site-branding__row {
  gap: 0.375rem; /* tighter than Tailwind gap-2 */
}
.site-branding__logo {
  height: 2rem;
  width: auto;
  max-width: 7.5rem;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  vertical-align: middle;
}

/* BrokerFactory: dark mode */
html.dark {
  color-scheme: dark;
  --bf-primary: #e8eef8;
  --bf-primary-hover: #c7d2e5;
  --bf-accent: #5ec9c5;
  --bf-accent-hover: #42b5b1;
  --color-primary: var(--bf-primary);
  --color-secondary: var(--bf-accent);
  --color-surface: #151c2c;
  --color-muted: #0b1220;
  --color-border: #2d3a4f;
  --bf-shadow-control: 0 1px 2px rgb(0 0 0 / 0.35);
  --bf-dm-canvas: #0b1220;
  --bf-dm-surface: #151c2c;
  --bf-dm-surface-2: #1c2536;
  --bf-dm-elevated: #222c3f;
  --bf-dm-border: rgb(148 163 184 / 0.14);
  --bf-dm-border-soft: rgb(148 163 184 / 0.09);
  --bf-dm-text: #e8eef8;
  --bf-dm-text-muted: #94a3b8;
  --bf-dm-text-soft: #cbd5e1;
  --bf-compare-mix-base: #1c2536;
  --bf-compare-border-mix: #2d3a4f;
  --color-sky-50: #0f2740;
  --color-amber-50: #2a1f0a;
  --color-emerald-50: #0c2a1f;
  --color-rose-50: #2a1218;
  --color-red-50: #2a1215;
  --color-orange-50: #2a180a;
}

html.dark body,
html.dark body.bg-\[\#F8FAFC\] {
  background-color: var(--bf-dm-canvas) !important;
  color: var(--bf-dm-text) !important;
}

html.dark .site-main .text-\[\#1E3767\],
html.dark .site-header .text-\[\#1E3767\],
html.dark .bf-mobile-nav-drawer .text-\[\#1E3767\],
html.dark .site-main .text-\[\#14233C\] {
  color: var(--bf-dm-text) !important;
}

html.dark .site-header {
  background-color: rgb(21 28 44 / 0.94) !important;
  border-bottom-color: var(--bf-dm-border) !important;
}

html.dark .bf-mobile-nav-drawer {
  background: var(--bf-dm-surface);
  border-left-color: var(--bf-dm-border);
  box-shadow: -12px 0 40px rgb(0 0 0 / 0.45);
}

html.dark .bf-mobile-nav-drawer__head {
  border-bottom-color: var(--bf-dm-border-soft);
}

html.dark .bf-mobile-nav-backdrop {
  background: rgb(0 0 0 / 0.65);
}

/* Surfaces: keep --color-white for text-white on accent/footer */
html.dark .bg-white,
html.dark .bg-white\/95,
html.dark .bg-white\/90,
html.dark .bg-white\/80 {
  background-color: var(--bf-dm-surface) !important;
}

html.dark .bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05) !important;
}

html.dark .bg-slate-50,
html.dark .bg-slate-50\/50,
html.dark .bg-slate-50\/80,
html.dark .bg-slate-100,
html.dark .bg-slate-100\/70,
html.dark .bg-slate-100\/90 {
  background-color: var(--bf-dm-surface-2) !important;
}

html.dark .hover\:bg-slate-50:hover,
html.dark .hover\:bg-slate-50\/50:hover,
html.dark .hover\:bg-slate-100:hover,
html.dark .hover\:bg-slate-100\/80:hover,
html.dark .hover\:bg-slate-200\/80:hover {
  background-color: var(--bf-dm-elevated) !important;
}

html.dark .bg-sky-50,
html.dark .bg-sky-50\/60,
html.dark .bg-sky-50\/70 {
  background-color: rgb(15 32 52 / 0.65) !important;
}

html.dark .site-main .border-slate-100,
html.dark .site-main .border-slate-100\/90,
html.dark .site-main .border-slate-200,
html.dark .site-main .border-slate-200\/60,
html.dark .site-main .border-slate-200\/80,
html.dark .site-main .border-slate-200\/90,
html.dark .site-header .border-slate-200,
html.dark .site-header .border-slate-200\/80,
html.dark .site-header .border-slate-200\/90,
html.dark .bf-mobile-nav-drawer .border-slate-100,
html.dark .bf-mobile-nav-drawer .border-slate-200,
html.dark [data-bf-search-modal] .border-slate-100,
html.dark [data-bf-search-modal] .border-slate-200,
html.dark [data-bf-search-modal] .border-slate-200\/80 {
  border-color: var(--bf-dm-border) !important;
}

html.dark .site-main .text-slate-400,
html.dark .site-header .text-slate-400,
html.dark .bf-mobile-nav-drawer .text-slate-400,
html.dark [data-bf-search-modal] .text-slate-400 {
  color: #94a3b8 !important;
}

html.dark .site-main .text-slate-500,
html.dark .site-main .text-slate-600,
html.dark .site-header .text-slate-500,
html.dark .site-header .text-slate-600,
html.dark .bf-mobile-nav-drawer .text-slate-600,
html.dark .bf-mobile-nav-drawer .text-slate-700,
html.dark [data-bf-search-modal] .text-slate-500,
html.dark [data-bf-search-modal] .text-slate-600 {
  color: #a8b6c9 !important;
}

html.dark .site-main .text-slate-700,
html.dark .site-main .text-slate-800,
html.dark .site-main .text-slate-900,
html.dark .site-header .text-slate-700,
html.dark .site-header .hover\:text-slate-900:hover,
html.dark .site-header .hover\:text-\[\#1E3767\]:hover,
html.dark .site-main .hover\:text-\[\#1E3767\]:hover,
html.dark .bf-mobile-nav-drawer .hover\:text-slate-900:hover {
  color: var(--bf-dm-text-soft) !important;
}

html.dark .placeholder-slate-400::placeholder {
  color: #64748b !important;
}

html.dark .bf-btn--secondary,
html.dark .bf-btn--ghost {
  background-color: var(--bf-dm-surface-2);
  color: var(--bf-dm-text-soft);
  border-color: var(--bf-dm-border);
}

html.dark .bf-btn--secondary:hover,
html.dark .bf-btn--secondary:focus-visible,
html.dark .bf-btn--ghost:hover,
html.dark .bf-btn--ghost:focus-visible {
  background-color: var(--bf-dm-elevated);
  color: var(--bf-dm-text);
}

html.dark .bf-payments-panel,
html.dark .bf-payment-method,
html.dark .bf-islamic-feature {
  background: var(--bf-dm-surface-2);
  border-color: var(--bf-dm-border);
}

html.dark .bf-payments-panel__head,
html.dark .bf-payments-panel--deposit .bf-payments-panel__head,
html.dark .bf-payments-panel--withdraw .bf-payments-panel__head {
  background: var(--bf-dm-elevated);
  border-bottom-color: var(--bf-dm-border);
}

html.dark .bf-payments-panel__head-icon,
html.dark .bf-payment-method__icon {
  background: var(--bf-dm-surface);
  border-color: var(--bf-dm-border);
}

html.dark .bf-payments-panel__title,
html.dark .bf-payment-method__label,
html.dark .bf-payments-panel--deposit .bf-payments-panel__title,
html.dark .bf-payments-panel--withdraw .bf-payments-panel__title {
  color: var(--bf-dm-text);
}

html.dark .bf-payments-panel__subtitle,
html.dark .bf-payment-method__hint,
html.dark .bf-islamic-feature__label {
  color: var(--bf-dm-text-muted);
}

html.dark .bf-payments-panel--deposit .bf-payment-method:hover,
html.dark .bf-payments-panel--withdraw .bf-payment-method:hover {
  background: var(--bf-dm-surface);
}

html.dark .bf-islamic-feature--yes {
  background: linear-gradient(135deg, rgb(6 78 59 / 0.35), var(--bf-dm-surface-2));
  border-color: rgb(16 185 129 / 0.35);
}

html.dark body.bf-blog-single-page,
html.dark body.bf-blog-single-page::before {
  background-color: var(--bf-dm-canvas);
}

html.dark .bf-blog-single-canvas .bg-white {
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.35);
}

html.dark ::-webkit-scrollbar-thumb {
  background-color: #475569;
}

html.dark ::-webkit-scrollbar-thumb:hover {
  background-color: #64748b;
}

html.dark .minimal-scrollbar {
  scrollbar-color: #475569 transparent;
}

html.dark .minimal-scrollbar::-webkit-scrollbar-thumb {
  background-color: #475569;
}

.bf-theme-toggle .bf-theme-icon-sun {
  display: none;
}

html.dark .bf-theme-toggle .bf-theme-icon-moon {
  display: none;
}

html.dark .bf-theme-toggle .bf-theme-icon-sun {
  display: block;
}

html.dark .bf-theme-toggle {
  color: #cbd5e1;
  background-color: var(--bf-dm-surface-2);
  border-color: var(--bf-dm-border);
}

html.dark .bf-theme-toggle:hover {
  color: #fff;
  background-color: var(--bf-dm-elevated);
}

html.dark .site-main input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='hidden']):not([type='submit']):not([type='button']):not([type='reset']):not([type='image']):not([type='file']),
html.dark .site-main select,
html.dark .site-main textarea,
html.dark [data-bf-search-modal] input,
html.dark [data-bf-search-modal] textarea {
  background-color: var(--bf-dm-surface-2);
  color: var(--bf-dm-text);
  border-color: var(--bf-dm-border);
}

html.dark .site-footer {
  border-top-color: #0a1528;
}


/* BrokerFactory: dark mode polish (DM1–DM4) — surfaces, fades, filters, hovers, CTAs */
html.dark .hover\:bg-white:hover,
html.dark .hover\:bg-white\/60:hover,
html.dark .hover\:bg-white\/80:hover,
html.dark .hover\:bg-slate-50\/60:hover,
html.dark .hover\:bg-slate-50\/70:hover,
html.dark .hover\:bg-slate-200:hover,
html.dark .hover\:bg-slate-200\/80:hover {
  background-color: var(--bf-dm-elevated) !important;
}

html.dark .bg-slate-50\/60,
html.dark .bg-slate-50\/70,
html.dark .bg-slate-50\/90 {
  background-color: var(--bf-dm-surface-2) !important;
}

html.dark .bg-emerald-50,
html.dark .bg-emerald-50\/50,
html.dark .bg-emerald-50\/60,
html.dark .bg-emerald-50\/70 {
  background-color: rgb(16 48 38 / 0.65) !important;
}

html.dark .bg-rose-50,
html.dark .bg-rose-50\/50,
html.dark .bg-rose-50\/60,
html.dark .bg-rose-50\/70,
html.dark .bg-red-50 {
  background-color: rgb(48 22 32 / 0.7) !important;
}

html.dark .border-emerald-200,
html.dark .border-emerald-200\/80,
html.dark .border-emerald-200\/60 {
  border-color: rgb(16 185 129 / 0.2) !important;
}

html.dark .border-rose-200,
html.dark .border-rose-200\/80,
html.dark .border-red-200 {
  border-color: rgb(244 63 94 / 0.2) !important;
}

html.dark .border-sky-200,
html.dark .border-sky-200\/80 {
  border-color: rgb(56 189 248 / 0.18) !important;
}

html.dark .text-emerald-900,
html.dark .text-emerald-950,
html.dark .site-main .text-emerald-900,
html.dark .site-main .text-emerald-950 {
  color: #a7f3d0 !important;
}

html.dark .text-rose-900,
html.dark .text-rose-950,
html.dark .site-main .text-rose-900,
html.dark .site-main .text-rose-950 {
  color: #fecdd3 !important;
}

/* Single broker: trust safety callout — dark surface (no light gradient) */
html.dark #trust-regulation .bg-gradient-to-br {
  background-image: linear-gradient(
    135deg,
    var(--bf-dm-surface-2) 0%,
    rgb(15 39 64 / 0.42) 100%
  ) !important;
  border-color: var(--bf-dm-border) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.03);
}

html.dark .from-white {
  --tw-gradient-from: var(--bf-dm-surface) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(21 28 44 / 0)) !important;
}

html.dark .via-white,
html.dark .via-white\/95,
html.dark .via-white\/90 {
  --tw-gradient-via: rgb(21 28 44 / 0.95) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to, rgb(21 28 44 / 0)) !important;
}

html.dark .to-white {
  --tw-gradient-to: var(--bf-dm-surface) !important;
}

/* DM1 — glance stats */
html.dark .bf-home-glance__stat {
  background: var(--bf-dm-surface) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-home-glance__stat::after {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.04);
}

html.dark .bf-home-glance__stat:hover {
  background: var(--bf-dm-elevated) !important;
  border-color: color-mix(in srgb, var(--bf-accent) 40%, var(--bf-dm-border)) !important;
}

html.dark .bf-home-glance__icon {
  color: var(--bf-dm-text-soft);
  background: linear-gradient(145deg, var(--bf-dm-surface-2) 0%, var(--bf-dm-elevated) 100%);
  border-color: var(--bf-dm-border);
}

html.dark .bf-home-glance__stat-label {
  color: var(--bf-dm-text-muted);
}

html.dark .bf-home-glance__stat-value {
  color: var(--bf-dm-text);
}

/* DM1 — read-more / SEO guide fades */
html.dark .bf-readmore--fade,
html.dark .bf-readmore {
  --bf-readmore-fade: var(--bf-dm-canvas);
}

html.dark .bf-readmore__hint {
  color: var(--bf-dm-text-muted);
}

html.dark .bf-archive-seo-guide__fade,
html.dark [data-bf-seo-guide-fade] {
  background: linear-gradient(
    to top,
    var(--bf-dm-surface) 12%,
    color-mix(in srgb, var(--bf-dm-surface) 88%, transparent) 42%,
    transparent 100%
  ) !important;
}

/* DM2 — archive toolbar + filter disclosures */
html.dark .bf-archive-toolbar {
  background: var(--bf-dm-surface) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-archive-toolbar__title,
html.dark .bf-archive-toolbar__count-num {
  color: var(--bf-dm-text) !important;
}

html.dark .bf-archive-toolbar__count,
html.dark .bf-archive-toolbar__presets-label,
html.dark .bf-archive-sort__label {
  color: var(--bf-dm-text-muted) !important;
}

html.dark .bf-archive-toolbar__presets {
  border-top-color: var(--bf-dm-border-soft) !important;
}

html.dark .bf-archive-toolbar__filter {
  background: var(--bf-dm-surface-2) !important;
  border-color: var(--bf-dm-border) !important;
  color: var(--bf-dm-text-soft) !important;
}

html.dark .bf-archive-toolbar__filter.is-active {
  background: #1e3767 !important;
  border-color: #1e3767 !important;
  color: #fff !important;
}

html.dark .bf-archive-sort__control select,
html.dark .bf-archive-sort__select {
  background: var(--bf-dm-surface-2) !important;
  color: var(--bf-dm-text) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-archive-sort__control select:hover,
html.dark .bf-archive-sort__control select:focus,
html.dark .bf-archive-sort__select:hover,
html.dark .bf-archive-sort__select:focus {
  background: var(--bf-dm-elevated) !important;
  border-color: var(--bf-accent) !important;
  color: var(--bf-dm-text) !important;
}

html.dark .bf-archive-preset {
  background: var(--bf-dm-surface-2) !important;
  border-color: var(--bf-dm-border) !important;
  color: var(--bf-dm-text-soft) !important;
}

html.dark .bf-archive-preset.is-active {
  background: #1e3767 !important;
  border-color: #1e3767 !important;
  color: #fff !important;
}

html.dark .bf-archive-filter-disclosure {
  background: var(--bf-dm-surface-2) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-archive-filter-disclosure__summary {
  color: var(--bf-dm-text) !important;
}

html.dark .bf-archive-filter-disclosure[open] .bf-archive-filter-disclosure__summary {
  background: var(--bf-dm-elevated);
  border-bottom-color: var(--bf-dm-border-soft);
}

html.dark .bf-archive-filter-chip {
  background: var(--bf-dm-surface) !important;
  border-color: var(--bf-dm-border) !important;
  color: var(--bf-dm-text-soft) !important;
}

html.dark .bf-archive-filter-chip:hover {
  background: var(--bf-dm-elevated) !important;
}

html.dark .bf-archive-filter-chip.is-active {
  background: rgb(15 39 64 / 0.9) !important;
  color: var(--bf-dm-text) !important;
  border-color: color-mix(in srgb, var(--bf-accent) 40%, var(--bf-dm-border)) !important;
}

html.dark .bf-archive-sidebar,
html.dark aside.bf-archive-sidebar {
  background: var(--bf-dm-surface) !important;
  border-color: var(--bf-dm-border) !important;
}

/* DM3 — table / account / broker card hovers */
html.dark .site-main tr.hover\:bg-slate-50\/70:hover,
html.dark .site-main tr.hover\:bg-slate-50:hover,
html.dark .site-main tbody tr:hover {
  background-color: var(--bf-dm-elevated) !important;
}

html.dark #account-types .bg-slate-50\/60 {
  background-color: var(--bf-dm-surface-2) !important;
}

html.dark #account-types .text-slate-500 {
  color: var(--bf-dm-text-muted) !important;
}

html.dark #pros-cons .bg-emerald-50\/50 ul,
html.dark #pros-cons .bg-emerald-50\/50 li {
  color: #a7f3d0 !important;
}

html.dark #pros-cons .bg-rose-50\/50 ul,
html.dark #pros-cons .bg-rose-50\/50 li {
  color: #fecdd3 !important;
}

html.dark .cpt-broker-card:hover,
html.dark .cpt-broker-card:focus-within {
  background-color: var(--bf-dm-surface) !important;
  border-color: var(--bf-dm-border) !important;
}

/* DM4 — CTAs + articles */
html.dark .bf-btn--secondary,
html.dark .bf-btn--ghost,
html.dark .bf-btn--sm.bf-btn--ghost {
  background-color: var(--bf-dm-surface-2) !important;
  color: var(--bf-dm-text-soft) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-btn--secondary:hover,
html.dark .bf-btn--secondary:focus-visible,
html.dark .bf-btn--ghost:hover,
html.dark .bf-btn--ghost:focus-visible,
html.dark .bf-btn--sm.bf-btn--ghost:hover:not(.bf-compare-review-btn),
html.dark .bf-btn--sm:hover:not(.bf-compare-review-btn):not(.bf-btn--accent):not(.bf-btn--primary) {
  background-color: var(--bf-dm-elevated) !important;
  color: var(--bf-dm-text) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-btn--sm.bf-btn--ghost:hover:not(.bf-compare-review-btn) {
  /* keep ghost readable in dark; accent hover reserved for explicit accent buttons */
  background-color: var(--bf-dm-elevated) !important;
  color: var(--bf-dm-text) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-broker-sidebar__panel {
  background: var(--bf-dm-surface) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-broker-sidebar__section + .bf-broker-sidebar__section {
  border-top-color: var(--bf-dm-border-soft) !important;
}

html.dark .bf-broker-sidebar__btn--ghost {
  background: var(--bf-dm-surface-2) !important;
  color: var(--bf-accent) !important;
  border-color: color-mix(in srgb, var(--bf-accent) 45%, var(--bf-dm-border)) !important;
}

html.dark .bf-broker-sidebar__btn--ghost:hover,
html.dark .bf-broker-sidebar__btn--ghost:focus-visible {
  background: var(--bf-dm-elevated) !important;
  color: #5ec9c5 !important;
}

html.dark .bf-broker-sidebar__btn--compare {
  background: var(--bf-dm-surface-2) !important;
  color: var(--bf-dm-text-soft) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-broker-sidebar__btn--compare:hover,
html.dark .bf-broker-sidebar__btn--compare:focus-visible {
  background: var(--bf-dm-elevated) !important;
  color: var(--bf-dm-text) !important;
}

html.dark .bf-broker-sidebar__heading,
html.dark .bf-broker-toc__label,
html.dark .bf-broker-sidebar__spec-row dt,
html.dark .bf-broker-sidebar__spec-row dd {
  color: var(--bf-dm-text-soft);
}

html.dark .bf-home-articles__card-link {
  background: var(--bf-dm-surface) !important;
  border-color: var(--bf-dm-border) !important;
  color: var(--bf-dm-text);
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.25);
}

html.dark .bf-home-articles__card-link:hover {
  border-color: color-mix(in srgb, var(--bf-accent) 40%, var(--bf-dm-border)) !important;
  box-shadow: 0 8px 24px rgb(0 0 0 / 0.35);
}

html.dark .bf-home-articles__card-title {
  color: var(--bf-dm-text) !important;
}

html.dark .bf-home-articles__card-link:hover .bf-home-articles__card-title {
  color: var(--bf-accent) !important;
}

html.dark .bf-home-articles__excerpt,
html.dark .bf-home-articles__meta {
  color: var(--bf-dm-text-muted) !important;
  border-top-color: var(--bf-dm-border-soft) !important;
}

html.dark .bf-home-articles__media {
  background: linear-gradient(135deg, var(--bf-dm-surface-2) 0%, var(--bf-dm-elevated) 55%, var(--bf-dm-surface) 100%);
}

html.dark .bf-home-articles__cat {
  color: var(--bf-dm-text);
  background: rgb(21 28 44 / 0.92);
}

html.dark .bf-home-articles__filter-icon {
  background: var(--bf-dm-surface-2);
  color: var(--bf-dm-text-muted);
}

html.dark .bf-home-articles__filter.is-active {
  color: var(--bf-dm-text);
}

html.dark .bf-home-articles__filter.is-active .bf-home-articles__filter-icon {
  background: color-mix(in srgb, var(--bf-accent) 22%, var(--bf-dm-surface-2));
  color: var(--bf-accent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--bf-accent) 35%, transparent);
}

html.dark .bf-home-articles__more-card {
  color: var(--bf-dm-text);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--bf-accent) 16%, var(--bf-dm-surface)) 0%,
    color-mix(in srgb, var(--bf-accent) 28%, var(--bf-dm-surface-2)) 48%,
    color-mix(in srgb, var(--bf-accent) 36%, var(--bf-dm-elevated)) 100%
  ) !important;
  border-color: color-mix(in srgb, var(--bf-accent) 40%, var(--bf-dm-border)) !important;
}

html.dark .bf-home-articles__more-card::before {
  background: radial-gradient(circle at 30% 20%, rgb(255 255 255 / 0.06) 0%, transparent 55%),
    radial-gradient(circle at 80% 90%, color-mix(in srgb, var(--bf-accent) 22%, transparent) 0%, transparent 50%);
}

html.dark .bf-home-articles__more-count,
html.dark .bf-home-articles__more-updated {
  color: var(--bf-dm-text-muted) !important;
}

html.dark .bf-home-articles__more-title {
  color: var(--bf-dm-text) !important;
}

/* DM2 — mobile filter drawer */
html.dark .bf-archive-mobile-drawer__sheet,
html.dark .bf-archive-mobile-drawer__head,
html.dark .bf-archive-mobile-drawer__body,
html.dark .bf-archive-mobile-drawer__footer,
html.dark .bf-archive-filter-fields--mobile {
  background: var(--bf-dm-surface) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-archive-mobile-drawer__footer,
html.dark .bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__head,
html.dark .bf-archive-mobile-drawer--lite .bf-archive-mobile-drawer__footer {
  border-top-color: var(--bf-dm-border-soft) !important;
  border-bottom-color: var(--bf-dm-border-soft) !important;
}

html.dark .bf-archive-mobile-drawer__title,
html.dark .bf-archive-filter-disclosure__text {
  color: var(--bf-dm-text) !important;
}

html.dark .bf-archive-mobile-drawer__handle {
  background: #475569 !important;
}

html.dark .bf-archive-mobile-drawer__close {
  color: var(--bf-dm-text-muted);
  background: var(--bf-dm-surface-2);
  border-color: var(--bf-dm-border);
}


/* Dark mode polish: titles, brand buttons, search modal contrast */
html.dark {
  --bf-brand: #1e3767;
  --bf-brand-hover: #2a4a7a;
}

/* Titles that hardcode navy/slate (not covered by Tailwind text-[#1E3767] overrides) */
html.dark .bf-home-glance__title,
html.dark .bf-section-head__title {
  color: var(--bf-dm-text) !important;
}

html.dark .bf-home-glance__subtitle,
html.dark .bf-section-head__desc {
  color: var(--bf-dm-text-muted) !important;
}

html.dark .bf-section-head__eyebrow {
  color: var(--bf-accent) !important;
  background: color-mix(in srgb, var(--bf-accent) 16%, var(--bf-dm-surface-2)) !important;
  border-color: color-mix(in srgb, var(--bf-accent) 35%, var(--bf-dm-border)) !important;
}

/* Primary/brand surfaces: --bf-primary flips to light text in dark, so pin brand navy for backgrounds */
html.dark .bf-btn--primary,
html.dark .bf-bg-primary,
html.dark .bf-readmore__toggle,
html.dark .bf-home-articles__more-btn {
  background-color: var(--bf-brand) !important;
  color: #fff !important;
}

html.dark .bf-btn--primary:hover,
html.dark .bf-btn--primary:focus-visible,
html.dark .bf-readmore__toggle:hover {
  background-color: var(--bf-brand-hover) !important;
  color: #fff !important;
}

html.dark .bf-btn--secondary {
  background-color: var(--bf-dm-surface-2) !important;
  color: var(--bf-dm-text-soft) !important;
  border-color: var(--bf-dm-border) !important;
}

html.dark .bf-btn--secondary:hover,
html.dark .bf-btn--secondary:focus-visible {
  background-color: var(--bf-dm-elevated) !important;
  color: var(--bf-dm-text) !important;
}

/* Search modal: outside .site-main, so navy text utilities never flipped */
html.dark [data-bf-search-modal] .text-\[\#1E3767\],
html.dark [data-bf-search-modal] .text-\[\#14233C\] {
  color: var(--bf-dm-text) !important;
}

html.dark [data-bf-search-modal] .group:hover .text-\[\#1E3767\],
html.dark [data-bf-search-modal] .group:hover .group-hover\:text-\[\#42B5B1\],
html.dark [data-bf-search-modal] .hover\:text-\[\#42B5B1\]:hover {
  color: var(--bf-accent) !important;
}

html.dark [data-bf-search-modal] .text-slate-700,
html.dark [data-bf-search-modal] .text-slate-800,
html.dark [data-bf-search-modal] .text-slate-900 {
  color: var(--bf-dm-text-soft) !important;
}

html.dark [data-bf-search-modal] .text-emerald-700 {
  color: #6ee7b7 !important;
}

html.dark [data-bf-search-modal] .bg-emerald-50 {
  background-color: rgb(6 78 59 / 0.35) !important;
}

html.dark [data-bf-search-modal] .bg-amber-50 {
  background-color: rgb(120 53 15 / 0.35) !important;
}

html.dark [data-bf-search-modal] .border-amber-200\/60,
html.dark [data-bf-search-modal] .border-amber-200 {
  border-color: rgb(245 158 11 / 0.35) !important;
}

html.dark [data-bf-search-modal] .bg-sky-50 {
  background-color: rgb(15 39 64 / 0.85) !important;
}

html.dark [data-bf-search-modal] .border-sky-100 {
  border-color: var(--bf-dm-border) !important;
}

html.dark [data-bf-search-modal] .bf-search-result:hover,
html.dark [data-bf-search-modal] .hover\:bg-slate-50:hover {
  background-color: var(--bf-dm-elevated) !important;
}

html.dark [data-bf-search-modal] [data-bf-search-footer-brokers],
html.dark [data-bf-search-modal] [data-bf-search-footer-compare] {
  color: var(--bf-dm-text-muted) !important;
}

html.dark [data-bf-search-modal] [data-bf-search-footer-brokers]:hover,
html.dark [data-bf-search-modal] [data-bf-search-footer-compare]:hover {
  color: var(--bf-accent) !important;
}

html.dark [data-bf-search-modal] [data-bf-search-footer-note] {
  color: #64748b !important;
}

html.dark [data-bf-search-modal] .bf-search-input {
  color: var(--bf-dm-text) !important;
  background-color: transparent !important;
}

html.dark [data-bf-close-search] {
  background-color: var(--bf-dm-surface-2) !important;
  color: var(--bf-dm-text-muted) !important;
  border-color: var(--bf-dm-border) !important;
}

/* Dark mode: front-page hero keeps its original light design */
html.dark .hero-section.bf-hero-v2 {
  color-scheme: light;
  --bf-primary: #1e3767;
  --bf-primary-hover: #132547;
  --bf-accent: #42b5b1;
  --bf-accent-hover: #379c98;
  --color-primary: var(--bf-primary);
  --color-secondary: var(--bf-accent);
  --color-surface: #ffffff;
  --color-muted: #f8fafc;
  --color-border: #e2e8f0;
  --color-bf-surface: #ffffff;
  --color-bf-muted: #f8fafc;
  --color-bf-border: #e2e8f0;
  --bf-shadow-control: 0 1px 2px rgb(15 23 42 / 0.06);
  --color-sky-50: #f0f9ff;
  --color-amber-50: #fffbeb;
  --color-emerald-50: #ecfdf5;
  --color-red-50: #fef2f2;
  color: #1e3767;
}

/* Dark: clean neutral borders on broker cards + search results (no yellow/white outlines) */
html.dark .cpt-broker-card,
html.dark .bf-search-result {
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: none !important;
    outline: none !important;
}
html.dark .cpt-broker-card:hover,
html.dark .bf-search-result:hover,
html.dark .bf-search-result:focus-visible,
html.dark .bf-search-result[aria-selected="true"] {
    border-color: rgba(66, 181, 177, 0.45) !important;
}
html.dark .cpt-broker-card .border-amber-200\/70,
html.dark .bf-search-result .border-amber-200\/60 {
    border-color: rgba(245, 158, 11, 0.35) !important;
    background-color: rgba(245, 158, 11, 0.12) !important;
}
html.dark .cpt-broker-card .border-slate-100,
html.dark .cpt-broker-card .border-slate-200,
html.dark .cpt-broker-card .border-slate-200\/90,
html.dark .bf-search-result .border-slate-100 {
    border-color: rgba(148, 163, 184, 0.14) !important;
}

/* DM — minimal borders: cards, tables, dividers, modals (hero excluded) */
html.dark .site-main .divide-slate-100 > :not([hidden]) ~ :not([hidden]),
html.dark .site-main .divide-y.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(148 163 184 / 0.1) !important;
}

html.dark .site-main .bf-reg-table-wrap {
  border-color: var(--bf-dm-border) !important;
}

html.dark [data-bf-search-modal] .border-slate-100,
html.dark [data-bf-search-modal] .border-slate-200,
html.dark [data-bf-search-modal] .border-slate-200\/80,
html.dark [data-bf-methodology-dialog] .border-slate-200,
html.dark [data-bf-methodology-dialog] .border-slate-100 {
  border-color: var(--bf-dm-border) !important;
}

html.dark .site-main .border-amber-200,
html.dark .site-main .border-amber-200\/70 {
  border-color: rgb(245 158 11 / 0.2) !important;
}

/* DM — home compare table: clearer hover + row lines */
html.dark .bf-home-compare-table thead tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #cbd5e1 !important;
}
html.dark .bf-home-compare-table th { color: #cbd5e1 !important; }
html.dark .bf-home-compare-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
html.dark .bf-home-compare-table tbody tr:last-child { border-bottom: 0 !important; }
html.dark .bf-home-compare-table th,
html.dark .bf-home-compare-table td { border-color: rgba(255, 255, 255, 0.12) !important; }
html.dark .site-main .bf-home-compare-table tbody tr:hover {
  background-color: rgba(45, 212, 191, 0.08) !important;
  box-shadow: inset 3px 0 0 rgba(45, 212, 191, 0.55);
}

/* Dark mode: dark text on light teal/accent buttons for contrast (hero excluded) */
html.dark .bf-compare-toast__link,
html.dark .bf-compare-toast__link:hover,
html.dark .bf-compare-toast__link:focus-visible,
html.dark :not(.bf-hero-v2) .bf-btn--accent,
html.dark :not(.bf-hero-v2) .bf-btn--accent:hover,
html.dark :not(.bf-hero-v2) .bf-btn--accent:focus-visible {
  color: #0f172a !important;
}
html.dark .bf-hero-v2 .bf-btn--accent,
html.dark .bf-hero-v2 .bf-btn--accent:hover {
  color: #fff !important;
}

/* Dark: regulator badges in home compare table */
html.dark .bf-home-compare-table td span.border-emerald-100 {
  background-color: rgba(66, 181, 177, 0.12) !important;
  border-color: rgba(94, 234, 212, 0.45) !important;
  color: #99f6e4 !important;
  border-radius: 0.375rem;
}

/* Dark: promo CTA box (all pages: home, broker, archive, about, contact) */
html.dark .bf-promo-cta {
  background: linear-gradient(150deg, #0f1a2e 0%, #0a111e 55%, #0d1f26 100%) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
html.dark .bf-promo-cta__grid { opacity: 0.18; }
html.dark .bf-promo-cta__glow--blue { background: rgba(59, 130, 246, 0.14); }
html.dark .bf-promo-cta__glow--rose { background: rgba(45, 212, 191, 0.12); }
html.dark .bf-promo-cta__eyebrow { color: #5eead4 !important; }
html.dark .bf-promo-cta__title { color: #f8fafc !important; }
html.dark .bf-promo-cta__desc { color: #cbd5e1 !important; }
html.dark .bf-promo-cta__risk-text { color: #94a3b8 !important; }
html.dark .bf-promo-cta__btn {
  background: rgba(30, 41, 59, 0.7) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  color: #f1f5f9 !important;
}
html.dark .bf-promo-cta__btn:hover,
html.dark .bf-promo-cta__btn:focus-visible {
  background: rgba(51, 65, 85, 0.9) !important;
  border-color: rgba(94, 234, 212, 0.55) !important;
}
html.dark .bf-promo-cta__actions .bf-promo-cta__btn:first-child {
  background: #42b5b1 !important;
  border-color: #42b5b1 !important;
  color: #0f172a !important;
}
html.dark .bf-promo-cta__actions .bf-promo-cta__btn:first-child:hover,
html.dark .bf-promo-cta__actions .bf-promo-cta__btn:first-child:focus-visible {
  background: #5eead4 !important;
  border-color: #5eead4 !important;
}

/* Dark: clearer dashed divider in home articles section */
html.dark .bf-home-articles__filters-wrap {
  border-top: 1px dashed rgb(148 163 184 / 0.32);
  padding-top: 1rem;
}

/* Dark: readable headings/text in homepage bottom content (read more) */
html.dark .bf-home-page-content .bf-readmore__body { color: #cbd5e1; }
html.dark .bf-home-page-content .bf-readmore__body :is(p, li) { color: #cbd5e1; }
html.dark .bf-home-page-content .bf-readmore__body :is(h1, h2, h3, h4, h5, h6) { color: #f1f5f9 !important; opacity: 1; }
html.dark .bf-home-page-content .bf-readmore__body :is(h2, h3) { color: #5eead4 !important; }
html.dark .bf-home-page-content .bf-readmore__body :is(strong, b) { color: #f8fafc; }
html.dark .bf-home-page-content .bf-readmore__body a { color: #5eead4; text-decoration-color: rgba(94,234,212,.45); }
html.dark .bf-home-page-content .bf-readmore__body a:hover { color: #99f6e4; }
html.dark .bf-home-page-content .bf-readmore__body code { color: #e2e8f0; background: rgba(148,163,184,.15); }
html.dark .bf-home-page-content .bf-readmore__hint { color: #94a3b8; }
html.dark .bf-home-page-content .bf-readmore__toggle { background: #14b8a6; color: #0b1220; border-color: #14b8a6; }
html.dark .bf-home-page-content .bf-readmore__toggle:hover { background: #2dd4bf; border-color: #2dd4bf; }

/* DM — archive sidebar filter options (dark) */
html.dark .bf-archive-filter-disclosure__body {
  background: var(--bf-dm-surface) !important;
  border-top: 1px solid var(--bf-dm-border) !important;
}
html.dark .bf-archive-filter-option {
  background: transparent !important;
  color: #cbd5e1 !important;
  border: 1px solid transparent !important;
}
html.dark .bf-archive-filter-option:hover {
  background: var(--bf-dm-elevated) !important;
  color: var(--bf-dm-text) !important;
  border-color: var(--bf-dm-border) !important;
}
html.dark .bf-archive-filter-option.is-active {
  background: rgb(15 39 64 / 0.9) !important;
  color: var(--bf-dm-text) !important;
  border-color: color-mix(in srgb, var(--bf-accent) 40%, var(--bf-dm-border)) !important;
}
html.dark .bf-archive-filter-group .text-slate-700,
html.dark .bf-archive-filter-group label.text-slate-600 { color: #cbd5e1 !important; }
html.dark .bf-archive-sidebar > div:first-child { border-color: var(--bf-dm-border) !important; }
html.dark .bf-archive-sidebar > div:first-child > div { color: var(--bf-dm-text) !important; }

/* ===== Compare page — dark mode ===== */
html.dark .compare-page .bg-white { background: var(--bf-dm-surface, #111c2e) !important; border-color: var(--bf-dm-border, #26344a) !important; }
html.dark .bf-compare-table { border-color: var(--bf-dm-border) !important; }
html.dark .bf-compare-table td, html.dark .bf-compare-table th { border-color: var(--bf-dm-border) !important; }
html.dark .bf-compare-table tr { border-color: var(--bf-dm-border) !important; }
html.dark .bf-compare-table .divide-y > * + * { border-color: var(--bf-dm-border) !important; }
html.dark .bf-compare-table__label, html.dark .bf-compare-table__criteria {
  background: #0f1a2b !important; color: #cbd5e1 !important; border-color: var(--bf-dm-border) !important; }
html.dark .bf-compare-table__criteria .text-slate-500, html.dark .bf-compare-table__criteria .text-slate-400 { color: #94a3b8 !important; }
html.dark .bf-compare-table__value { color: #e2e8f0 !important; border-color: var(--bf-dm-border) !important; }
html.dark .bf-compare-table__value .text-slate-700 { color: #e2e8f0 !important; }
html.dark .bf-compare-table__broker { background: #111c2e !important; border-color: #2a3a52 !important; }
html.dark .bf-compare-broker-head__name, html.dark .compare-page .text-\[\#1E3767\] { color: #f1f5f9 !important; }
html.dark .bf-compare-section-head, html.dark .bf-compare-section-head > * {
  background: #16243a !important; color: #5fd0cb !important; border-color: #2f415c !important; font-weight: 800; }
html.dark .bf-compare-metric-row:hover > * { background: rgba(66,181,177,.08) !important; }
html.dark .bf-compare-metric-row:hover > .bf-compare-table__label { box-shadow: inset -3px 0 0 #42B5B1; }
html.dark .bf-compare-add-slot { background: rgba(66,181,177,.05) !important; border: 2px dashed rgba(66,181,177,.55) !important; color: #e2e8f0 !important; }
html.dark .bf-compare-add-slot:hover { border-color: #42B5B1 !important; background: rgba(66,181,177,.1) !important; }
html.dark .bf-compare-add-slot__title { color: #f1f5f9 !important; }
html.dark .bf-compare-add-slot__hint { color: #94a3b8 !important; }
html.dark .bf-compare-add-slot__icon { background: #42B5B1 !important; color: #0b1422 !important; }
html.dark .compare-page .bf-btn--accent { background: #42B5B1 !important; color: #0b1422 !important; border-color: #42B5B1 !important; }
html.dark .compare-page .bf-btn--accent:hover { background: #5fd0cb !important; }
html.dark .bf-compare-review-btn, html.dark .compare-page .bf-btn--secondary { background: transparent !important; color: #e2e8f0 !important; border: 1px solid #3a4d6a !important; }
html.dark .bf-compare-review-btn:hover { border-color: #42B5B1 !important; color: #5fd0cb !important; }
html.dark .bf-compare-remove { background: #1c2a40 !important; color: #cbd5e1 !important; border-color: #3a4d6a !important; }
html.dark .bf-compare-diff-toggle { background: #16243a !important; color: #e2e8f0 !important; border: 1px solid #2f415c !important; }
html.dark .bf-compare-toolbar__reset { color: #cbd5e1 !important; border-color: #3a4d6a !important; }
html.dark .compare-page .bg-slate-50\/80, html.dark .compare-page .bg-slate-50\/50 { background: #0f1a2b !important; border-color: #2a3a52 !important; }

/* Dark mode: compare picker modal */
html.dark .bf-compare-modal__backdrop { background: rgba(2, 6, 15, .72) !important; }
html.dark .bf-compare-modal__panel { background: #111c2e !important; border: 1px solid #2a3a52 !important; color: #e2e8f0 !important; box-shadow: 0 24px 60px rgba(0,0,0,.55) !important; }
html.dark .bf-compare-modal__head, html.dark .bf-compare-modal__search-wrap, html.dark .bf-compare-modal__tabs, html.dark .bf-compare-modal__foot { background: transparent !important; border-color: #24344b !important; }
html.dark .bf-compare-modal__panel h2, html.dark #bf-compare-modal-title { color: #f1f5f9 !important; }
html.dark .bf-compare-modal__head p, html.dark .bf-compare-modal__hint { color: #94a3b8 !important; }
html.dark .bf-compare-modal__close { background: #16243a !important; border: 1px solid #2f415c !important; color: #cbd5e1 !important; box-shadow: none !important; }
html.dark .bf-compare-modal__close:hover { border-color: #42B5B1 !important; color: #5fd0cb !important; }
html.dark .bf-compare-modal__search { background: #0b1424 !important; border: 1px solid #2f415c !important; color: #e2e8f0 !important; box-shadow: none !important; }
html.dark .bf-compare-modal__search::placeholder { color: #7c8aa0 !important; }
html.dark .bf-compare-modal__search:focus { border-color: #42B5B1 !important; box-shadow: 0 0 0 3px rgba(66,181,177,.18) !important; }
html.dark .bf-compare-modal__search-icon, html.dark .bf-compare-modal__search-clear { color: #94a3b8 !important; background: transparent !important; }
html.dark .bf-compare-modal__tab { background: #16243a !important; border: 1px solid #2f415c !important; color: #cbd5e1 !important; }
html.dark .bf-compare-modal__tab.is-active { background: rgba(66,181,177,.16) !important; border-color: #42B5B1 !important; color: #5fd0cb !important; }
html.dark .bf-compare-picker-card { background: #16243a !important; border: 1px solid #2a3a52 !important; box-shadow: none !important; }
html.dark .bf-compare-picker-card:hover { border-color: #3d5375 !important; background: #1a2a43 !important; }
html.dark .bf-compare-picker-card.is-picked { background: rgba(66,181,177,.10) !important; border-color: rgba(66,181,177,.55) !important; }
html.dark .bf-compare-picker-card__name { color: #f1f5f9 !important; }
html.dark .bf-compare-picker-card__en, html.dark .bf-compare-picker-card__meta { color: #94a3b8 !important; }
html.dark .bf-compare-picker-card__logo, html.dark .bf-compare-picker-card__logo--ph { background: #0f1a2b !important; border-color: #2f415c !important; color: #cbd5e1 !important; }
html.dark .bf-compare-picker-card__chip { border: 1px solid transparent !important; }
html.dark .bf-compare-picker-card__chip--reg { background: rgba(96,165,250,.12) !important; border-color: rgba(96,165,250,.38) !important; color: #93c5fd !important; }
html.dark .bf-compare-picker-card__chip--rating { background: rgba(251,191,36,.12) !important; border-color: rgba(251,191,36,.38) !important; color: #fcd34d !important; }
html.dark .bf-compare-picker-card__chip--deposit { background: rgba(52,211,153,.12) !important; border-color: rgba(52,211,153,.38) !important; color: #6ee7b7 !important; }
html.dark .bf-compare-picker-card__add { background: rgba(66,181,177,.12) !important; border: 1px solid rgba(66,181,177,.5) !important; color: #5fd0cb !important; }
html.dark .bf-compare-picker-card__remove { background: #0f1a2b !important; border: 1px solid #3a4d6a !important; color: #cbd5e1 !important; }
html.dark .bf-compare-picker-card__remove:hover { border-color: #f87171 !important; color: #fca5a5 !important; }
html.dark .bf-compare-modal__foot .bf-btn--accent { background: #42B5B1 !important; color: #0b1424 !important; border-color: #42B5B1 !important; }
html.dark .bf-compare-modal__foot .bf-btn--accent:disabled { background: #24344b !important; color: #7c8aa0 !important; border-color: #24344b !important; }

/* Dark: single broker sidebar (CTA, TOC, specs, compare) */
html.dark .bf-broker-sidebar__panel { background: #111c2e !important; border: 1px solid #2a3a52 !important; box-shadow: 0 8px 24px rgba(0,0,0,.35) !important; }
html.dark .bf-broker-sidebar__section { border-color: #24344b !important; }
html.dark .bf-broker-sidebar__btn--primary { background: #42B5B1 !important; color: #0b1422 !important; border-color: #42B5B1 !important; font-weight: 700; }
html.dark .bf-broker-sidebar__btn--primary:hover { background: #5fd0cb !important; color: #0b1422 !important; }
html.dark .bf-broker-sidebar__btn--primary svg { color: #0b1422 !important; stroke: currentColor; }
html.dark .bf-broker-sidebar__btn--ghost { background: transparent !important; color: #5fd0cb !important; border: 1px solid rgba(66,181,177,.55) !important; }
html.dark .bf-broker-sidebar__btn--ghost:hover { background: rgba(66,181,177,.1) !important; border-color: #42B5B1 !important; }
html.dark .bf-broker-sidebar__heading, html.dark .bf-broker-toc__label { color: #f1f5f9 !important; }
html.dark .bf-broker-sidebar__chip, html.dark .bf-broker-sidebar__tag { color: #94a3b8 !important; background: #16243a !important; border-color: #2f415c !important; }
html.dark .bf-broker-toc__link { color: #cbd5e1 !important; border-color: transparent; }
html.dark .bf-broker-toc__link:hover { color: #5fd0cb !important; background: rgba(66,181,177,.06) !important; }
html.dark .bf-broker-toc__link.is-active { color: #5fd0cb !important; background: rgba(66,181,177,.1) !important; border-color: #42B5B1 !important; }
html.dark .bf-broker-sidebar__spec-row { border-color: #24344b !important; color: #94a3b8 !important; }
html.dark .bf-broker-sidebar__spec-row dd, html.dark .bf-broker-sidebar__spec-row > :last-child, html.dark .bf-broker-sidebar__spec-platform { color: #f1f5f9 !important; }
html.dark .bf-broker-sidebar__spec-value--money { color: #5fd0cb !important; }
html.dark .bf-broker-sidebar__btn--compare { background: #16243a !important; color: #e2e8f0 !important; border: 1px solid #3a4d6a !important; }
html.dark .bf-broker-sidebar__btn--compare:hover { border-color: #42B5B1 !important; color: #5fd0cb !important; }
html.dark .bf-broker-sidebar__btn--compare.is-compared { background: rgba(66,181,177,.12) !important; border-color: #42B5B1 !important; color: #5fd0cb !important; }

/* Hero accent CTA ("مشاهده بروکرها"): dark text/icon on teal for contrast */
.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent,
.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent:hover,
.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent:focus-visible,
html.dark .hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent,
html.dark .hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent:hover,
html.dark .hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent:focus-visible {
  color: #0f172a !important;
}
.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent .bf-hero-v2__cta-label,
.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent .bf-hero-v2__cta-icon,
.hero-section.bf-hero-v2 .bf-hero-actions .bf-hero-v2__cta--accent svg {
  color: #0f172a !important;
  stroke: currentColor;
}

/* Dark mode: specialist filter disclosure icon chips */
html.dark .bf-archive-filter-disclosure__icon,
html.dark .bf-archive-mobile-drawer--lite .bf-archive-filter-disclosure__icon,
html.dark .bf-archive-filter-fields--mobile .bf-archive-filter-disclosure__icon {
  background: rgba(66, 181, 177, 0.14) !important;
  color: #5fd0cb !important;
  border: 1px solid rgba(66, 181, 177, 0.32) !important;
  box-shadow: none !important;
}
html.dark .bf-archive-filter-disclosure[open] .bf-archive-filter-disclosure__icon,
html.dark .bf-archive-filter-disclosure summary:hover .bf-archive-filter-disclosure__icon {
  background: rgba(66, 181, 177, 0.24) !important;
  border-color: rgba(66, 181, 177, 0.5) !important;
  color: #7fe0db !important;
}

/* Dark: SEO guide tag badge */
html.dark .bf-seo-guide-tag {
  background-color: rgba(66, 181, 177, 0.12) !important;
  border-color: rgba(66, 181, 177, 0.35) !important;
  color: #5fd3cf !important;
}

/* Dark: compare picker selected state + remove (x) button */
html.dark .bf-compare-picker-card.is-active,
html.dark .bf-compare-picker-card.is-picked { background: linear-gradient(135deg, rgba(66,181,177,.14) 0%, rgba(66,181,177,.06) 100%), #16243a !important; border-color: rgba(66,181,177,.6) !important; box-shadow: inset 0 0 0 1px rgba(66,181,177,.18) !important; }
html.dark .bf-compare-picker-card.is-active:hover,
html.dark .bf-compare-picker-card.is-picked:hover { background: linear-gradient(135deg, rgba(66,181,177,.18) 0%, rgba(66,181,177,.08) 100%), #1a2a43 !important; border-color: #42B5B1 !important; }
html.dark .bf-compare-picker-card__remove { background: transparent !important; border: 0 !important; color: #cbd5e1 !important; padding: .2rem !important; }
html.dark .bf-compare-picker-card__remove-icon { background: #0f1a2b !important; box-shadow: inset 0 0 0 1px #3a4d6a !important; }
html.dark .bf-compare-picker-card__remove:hover,
html.dark .bf-compare-picker-card__remove:focus-visible { background: transparent !important; color: #fca5a5 !important; }
html.dark .bf-compare-picker-card__remove:hover .bf-compare-picker-card__remove-icon,
html.dark .bf-compare-picker-card__remove:focus-visible .bf-compare-picker-card__remove-icon { background: rgba(248,113,113,.14) !important; box-shadow: inset 0 0 0 1px rgba(248,113,113,.6) !important; }

/* Dark: popular comparisons cards */
html.dark .bf-compare-popular-card {
  background: #111c2e;
  border-color: rgb(148 163 184 / 0.18);
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.3);
}
html.dark .bf-compare-popular-card:hover {
  border-color: rgb(66 181 177 / 0.55);
  background: #13233a;
  box-shadow: 0 6px 18px rgb(0 0 0 / 0.35), 0 0 0 1px rgb(66 181 177 / 0.15);
}
html.dark .bf-compare-popular-card__logo-wrap {
  background: #0b1424;
  border-color: rgb(148 163 184 / 0.2);
}
html.dark .bf-compare-popular-card__logo--placeholder {
  background: rgb(66 181 177 / 0.12);
  border-color: rgb(66 181 177 / 0.3);
  color: #7dd3cf;
}
html.dark .bf-compare-popular-card__name { color: #e2e8f0; }
html.dark .bf-compare-popular-card__vs {
  background: #42b5b1;
  color: #0b1424;
  box-shadow: 0 0 0 3px rgb(66 181 177 / 0.15);
}
html.dark #bf-popular-compare-heading { color: #f1f5f9; }
html.dark #bf-popular-compare-heading ~ p,
html.dark section[aria-labelledby="bf-popular-compare-heading"] p.text-slate-500 { color: #94a3b8; }

/* Dark: blog learning-path icon backgrounds */
html.dark .bf-path-icon {
  background-color: rgba(45, 212, 191, 0.10) !important;
  border-color: rgba(45, 212, 191, 0.28) !important;
  color: #5eead4 !important;
}

/* Dark: blog archive teal badges (مقاله ویژه + popular TOP) */
html.dark .archive-blog-page .bg-teal-50 {
  background-color: color-mix(in srgb, var(--bf-accent) 14%, var(--bf-dm-surface-2)) !important;
  border: 1px solid color-mix(in srgb, var(--bf-accent) 28%, var(--bf-dm-border)) !important;
  color: var(--bf-accent) !important;
}

html.dark .archive-blog-page .border-teal-100 {
  border-color: color-mix(in srgb, var(--bf-accent) 28%, var(--bf-dm-border)) !important;
}

/* Unified filled rating stars: comment form + comment cards */
[data-bf-comment-star] svg,
[data-bf-comment-list] svg.text-amber-400,
[data-bf-comment-list] svg.text-slate-200 { fill: currentColor; stroke: currentColor; }
[data-bf-comment-star].text-amber-400,
[data-bf-comment-list] svg.text-amber-400 { color: #fbbf24; }
[data-bf-comment-star].text-slate-300 { color: #cbd5e1; }
[data-bf-comment-list] svg.text-slate-200 { color: #cbd5e1; }
html.dark [data-bf-comment-star].text-slate-300,
html.dark [data-bf-comment-list] svg.text-slate-200,
.dark [data-bf-comment-star].text-slate-300,
.dark [data-bf-comment-list] svg.text-slate-200 { color: #475569; }

/* Single broker: FAQ + comments (dark surfaces use global DM tokens) */
html.dark .cpt-broker-detail .bf-broker-faq details summary {
  color: var(--bf-dm-text) !important;
}
html.dark .cpt-broker-detail .bf-broker-faq details .bg-white {
  background-color: var(--bf-dm-surface) !important;
}
html.dark .cpt-broker-detail [data-bf-blog-comments] [data-bf-comment-submit] {
  background: #42B5B1 !important;
  color: #0b1422 !important;
  border: 1px solid #42B5B1 !important;
}
html.dark .cpt-broker-detail [data-bf-blog-comments] [data-bf-comment-submit]:hover:not(:disabled) {
  background: #5fd0cb !important;
  color: #0b1422 !important;
}

/* Single post: no grid + shorter images (live overrides) */
body.bf-blog-single-page,
body.bf-blog-single-page #page,
html.dark body.bf-blog-single-page {
  background-image: none !important;
}
body.bf-blog-single-page img.wp-post-image {
  max-height: 24rem !important;
  width: 100%;
  height: 24rem;
  object-fit: cover;
}
body.bf-blog-single-page .entry-content img,
body.bf-blog-single-page .entry-content figure img,
body.bf-blog-single-page .prose img {
  max-height: 20rem !important;
  width: auto;
  max-width: 100%;
  height: auto !important;
  object-fit: contain;
  margin-inline: auto;
}
@media (max-width: 640px) {
  body.bf-blog-single-page img.wp-post-image { height: 16rem; max-height: 16rem !important; }
  body.bf-blog-single-page .entry-content img, body.bf-blog-single-page .prose img { max-height: 14rem !important; }
}

/* Single post category badge — minimal border */
body.single span.inline-flex.bg-sky-50.border.border-sky-100.rounded-lg {
  border: 1px solid rgba(66,181,177,.18) !important;
  background: rgba(66,181,177,.06) !important;
  box-shadow: none !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
}
html.dark body.single span.inline-flex.bg-sky-50.border.border-sky-100.rounded-lg,
.dark body.single span.inline-flex.bg-sky-50.border.border-sky-100.rounded-lg {
  border-color: rgba(66,181,177,.22) !important;
  background: rgba(66,181,177,.08) !important;
}


/* BF hero slider */
.bf-hero-slider {
  position: relative;
  width: 100%;
}
.bf-hero-slider__viewport {
  position: relative;
  width: 100%;
}
.bf-hero-slider__slide {
  width: 100%;
}
.bf-hero-slider__slide[hidden] {
  display: none !important;
}
.bf-hero-slider__slide.is-active {
  display: block;
}
.bf-hero-slider__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
  position: relative;
  z-index: 2;
}
.bf-hero-slider__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(15, 23, 42, 0.35);
  color: #e2e8f0;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.bf-hero-slider__nav:hover,
.bf-hero-slider__nav:focus-visible {
  background: rgba(66, 181, 177, 0.22);
  border-color: rgba(66, 181, 177, 0.55);
  color: #fff;
  outline: none;
}
.bf-hero-slider__dots {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.bf-hero-slider__dot {
  width: 0.55rem;
  height: 0.55rem;
  padding: 0;
  border-radius: 9999px;
  border: 0;
  background: rgba(226, 232, 240, 0.35);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, width 0.2s ease;
}
.bf-hero-slider__dot.is-active,
.bf-hero-slider__dot[aria-selected="true"] {
  background: #42b5b1;
  width: 1.15rem;
}
.bf-hero-slider__dot:focus-visible {
  outline: 2px solid #42b5b1;
  outline-offset: 2px;
}
@media (max-width: 640px) {
  .bf-hero-slider__controls {
    margin-top: 1rem;
    gap: 0.5rem;
  }
  .bf-hero-slider__nav {
    width: 2.25rem;
    height: 2.25rem;
  }
}
/* Keep hero slider chrome on brand navy in dark mode (do not recolor hero) */
html.dark .hero-section.bf-hero-v2 .bf-hero-slider__nav,
.dark .hero-section.bf-hero-v2 .bf-hero-slider__nav {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(15, 23, 42, 0.35);
  color: #e2e8f0;
}
html.dark .hero-section.bf-hero-v2 .bf-hero-slider__dot,
.dark .hero-section.bf-hero-v2 .bf-hero-slider__dot {
  background: rgba(226, 232, 240, 0.35);
}
html.dark .hero-section.bf-hero-v2 .bf-hero-slider__dot.is-active,
html.dark .hero-section.bf-hero-v2 .bf-hero-slider__dot[aria-selected="true"],
.dark .hero-section.bf-hero-v2 .bf-hero-slider__dot.is-active,
.dark .hero-section.bf-hero-v2 .bf-hero-slider__dot[aria-selected="true"] {
  background: #42b5b1;
}

/* BF hero mobile layering: keep slider/visual from overlapping broker marquee (mobile only) */
@media (max-width: 767px) {
  .hero-section.bf-hero-v2 { height: auto !important; max-height: none !important; overflow: hidden; }
  .hero-section.bf-hero-v2 .bf-hero-slider,
  .hero-section.bf-hero-v2 .bf-hero-slider__viewport { position: relative; z-index: 2; height: auto !important; }
  .hero-section.bf-hero-v2 .bf-hero-visual { max-width: 13rem; margin-top: 0.75rem; margin-bottom: 0.5rem; }
  .hero-section.bf-hero-v2 .bf-hero-visual__img { max-height: 11rem; width: auto; margin-inline: auto; object-fit: contain; }
  .hero-section.bf-hero-v2 .bf-hero-slider__controls { position: relative; z-index: 3; margin-top: 0.75rem; margin-bottom: 1.25rem; }
  .hero-section.bf-hero-v2 .bf-hero-marquee-stack { position: relative; z-index: 1; margin-top: 0.5rem; clear: both; }
}

/* Hero visual: more breathing room below CTAs (mobile) */
@media (max-width: 1023px) {
  .bf-hero-v2__layout--with-visual .bf-hero-visual {
    margin-top: clamp(1.75rem, 5.5vh, 2.75rem) !important;
  }
}
@media (max-width: 639px) and (max-height: 720px) {
  .bf-hero-v2__layout--with-visual .bf-hero-visual {
    margin-top: clamp(1.25rem, 4vh, 2rem) !important;
  }
}

/* Home promo slider (above broker ranking) */
.bf-home-promo {
  position: relative;
}
.bf-home-promo__viewport {
  overflow: hidden;
  border-radius: 1rem;
}
.bf-home-promo__track {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.bf-home-promo__track::-webkit-scrollbar {
  display: none;
}
.bf-home-promo__track:focus-visible {
  outline: 2px solid var(--bf-accent, #42b5b1);
  outline-offset: 3px;
}
.bf-home-promo__slide {
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: grid;
  grid-template-columns: 1fr;
  min-height: 0;
  background: #fff;
  border: 1px solid #e8edf2;
  overflow: hidden;
}
.bf-home-promo__media {
  min-width: 0;
  min-height: 10.5rem;
  background: #f1f5f9;
}
.bf-home-promo__img {
  display: block;
  width: 100%;
  height: 10.5rem;
  object-fit: cover;
  object-position: center;
}
.bf-home-promo__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.65rem;
  padding: 1.15rem 1.2rem 1.25rem;
  min-width: 0;
}
.bf-home-promo__title {
  margin: 0;
  max-width: 100%;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.45;
  color: #0f172a;
  overflow-wrap: break-word;
}
.bf-home-promo__text {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.7;
  color: #64748b;
}
.bf-home-promo__cta {
  margin-top: 0.15rem;
}
.bf-home-promo__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  margin-top: 0.75rem;
}
.bf-home-promo__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border-radius: 9999px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #334155;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.bf-home-promo__nav:hover,
.bf-home-promo__nav:focus-visible {
  background: color-mix(in srgb, var(--bf-accent, #42b5b1) 12%, #fff);
  border-color: color-mix(in srgb, var(--bf-accent, #42b5b1) 45%, #e2e8f0);
  color: var(--bf-primary, #1e3767);
  outline: none;
}
.bf-home-promo__nav:focus-visible {
  outline: 2px solid var(--bf-accent, #42b5b1);
  outline-offset: 2px;
}
.bf-home-promo__dots {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.bf-home-promo__dot {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: #cbd5e1;
  cursor: pointer;
  transition: background 0.2s ease, width 0.2s ease;
}
.bf-home-promo__dot.is-active,
.bf-home-promo__dot[aria-selected="true"] {
  background: var(--bf-accent, #42b5b1);
  width: 1.05rem;
}
.bf-home-promo__dot:focus-visible {
  outline: 2px solid var(--bf-accent, #42b5b1);
  outline-offset: 2px;
}
@media (min-width: 768px) {
  .bf-home-promo__track {
    gap: 0.75rem;
  }
  .bf-home-promo__slide {
    flex: 0 0 calc((100% - 0.75rem) / 2);
    width: calc((100% - 0.75rem) / 2);
    max-width: calc((100% - 0.75rem) / 2);
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .bf-home-promo__slide:only-child {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(14rem, 0.95fr) minmax(0, 1.15fr);
    min-height: 11.5rem;
  }
  .bf-home-promo__slide--no-media {
    grid-template-columns: 1fr;
  }
  .bf-home-promo__media,
  .bf-home-promo__img {
    height: 10.5rem;
    min-height: 10.5rem;
  }
  .bf-home-promo__slide:only-child .bf-home-promo__media,
  .bf-home-promo__slide:only-child .bf-home-promo__img {
    height: 100%;
    min-height: 11.5rem;
  }
  .bf-home-promo__body {
    padding: 1.35rem 1.6rem;
    gap: 0.75rem;
  }
  .bf-home-promo__title {
    font-size: 1.2rem;
  }
  .bf-home-promo__text {
    font-size: 0.875rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bf-home-promo__track {
    scroll-behavior: auto;
  }
}
html.dark .bf-home-promo__slide {
  background: var(--bf-dm-surface);
  border-color: var(--bf-dm-border);
}
html.dark .bf-home-promo__media {
  background: var(--bf-dm-surface-2);
}
html.dark .bf-home-promo__title {
  color: var(--bf-dm-text);
}
html.dark .bf-home-promo__text {
  color: var(--bf-dm-text-muted);
}
html.dark .bf-home-promo__nav {
  background: var(--bf-dm-surface-2);
  border-color: var(--bf-dm-border);
  color: var(--bf-dm-text-soft);
}
html.dark .bf-home-promo__nav:hover,
html.dark .bf-home-promo__nav:focus-visible {
  background: var(--bf-dm-elevated);
  border-color: color-mix(in srgb, var(--bf-accent) 40%, var(--bf-dm-border));
  color: var(--bf-dm-text);
}
html.dark .bf-home-promo__dot {
  background: rgb(148 163 184 / 0.35);
}
html.dark .bf-home-promo__dot.is-active,
html.dark .bf-home-promo__dot[aria-selected="true"] {
  background: var(--bf-accent, #5ec9c5);
}
html.dark .bf-home-promo__cta.bf-btn--accent,
html.dark .bf-home-promo__cta.bf-btn--accent:hover,
html.dark .bf-home-promo__cta.bf-btn--accent:focus-visible {
  background-color: #42b5b1;
  color: #0f172a !important;
  border-color: #42b5b1;
}

/* Mobile menu toggle/close: match search & theme toggle box */
[data-bf-mobile-menu-toggle],
[data-bf-mobile-menu-close] {
  background-color: rgb(241 245 249 / 0.9);
  border: 1px solid rgb(226 232 240 / 0.8);
  border-radius: 0.75rem;
  transition: all .2s ease;
}
[data-bf-mobile-menu-toggle]:hover,
[data-bf-mobile-menu-close]:hover {
  background-color: rgb(226 232 240 / 0.8);
}
html.dark [data-bf-mobile-menu-toggle],
html.dark [data-bf-mobile-menu-close] {
  color: #cbd5e1;
  background-color: var(--bf-dm-surface-2);
  border-color: var(--bf-dm-border);
}
html.dark [data-bf-mobile-menu-toggle]:hover,
html.dark [data-bf-mobile-menu-close]:hover {
  color: #fff;
  background-color: var(--bf-dm-elevated);
}

/* Rich text (WYSIWYG) from theme settings and broker meta */
.bf-rich-content {
  word-wrap: break-word;
  font-size: 0.9375rem;
  line-height: var(--bf-line-height-reading, 1.8);
  color: inherit;
}

@media (min-width: 640px) {
  .bf-rich-content {
    font-size: 1rem;
  }
}

.bf-rich-content--on-dark {
  color: rgb(203 213 225);
}

.bf-rich-content--on-dark :is(h2, h3, h4, h5, h6) {
  color: #fff;
}

.bf-rich-content--on-dark :is(strong, b) {
  color: #fff;
}

.bf-rich-content > :first-child {
  margin-top: 0;
}
.bf-rich-content > :last-child {
  margin-bottom: 0;
}
.bf-rich-content p {
  margin: 0 0 0.75em;
}
.bf-rich-content :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 600;
  color: var(--bf-primary, #1e3767);
  line-height: 1.35;
  margin: 1.15em 0 0.45em;
}
.bf-rich-content h1 {
  font-size: 1.55em;
}
.bf-rich-content h2 {
  font-size: 1.35em;
}
.bf-rich-content h3 {
  font-size: 1.2em;
}
.bf-rich-content h4 {
  font-size: 1.1em;
}
.bf-rich-content h5,
.bf-rich-content h6 {
  font-size: 1.05em;
}
.bf-rich-content ul,
.bf-rich-content ol {
  margin: 0 0 0.75em;
  padding-inline-start: 1.25em;
  list-style: revert;
}
.bf-rich-content li {
  margin-bottom: 0.35em;
}
.bf-rich-content a {
  color: var(--bf-teal, #42b5b1);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bf-rich-content a:hover {
  color: var(--bf-navy, #1e3767);
}
.bf-rich-content :is(strong, b) {
  font-weight: 600 !important;
  color: var(--bf-primary, #1e3767);
}
.bf-rich-content blockquote {
  margin: 0.75em 0;
  padding-inline-start: 1em;
  border-inline-start: 3px solid rgba(66, 181, 177, 0.45);
  color: inherit;
  opacity: 0.92;
}
.bf-rich-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
}
.bf-rich-content iframe {
  max-width: 100%;
}
.bf-rich-editor-wrap .wp-editor-wrap {
  max-width: 100%;
}

/* Smaller rich blocks (footer, sidebar widgets) — headings still scale via em */
.bf-rich-content--compact {
  font-size: 0.75rem;
  line-height: 1.55;
}

@media (min-width: 640px) {
  .bf-rich-content--compact {
    font-size: 0.8125rem;
  }
}

.bf-rich-content--compact :is(strong, b) {
  color: inherit;
}