:root {
  --mfil-bg-card: var(--bg-card, #ffffff);
  --mfil-bg-soft: var(--bg-soft, #f8fafc);
  --mfil-bg-soft-2: var(--bg-soft-2, #f1f5f9);
  --mfil-ink: var(--ink, #0f172a);
  --mfil-ink-mute: var(--ink-mute, #475569);
  --mfil-line: var(--line, #e2e8f0);
  --mfil-line-strong: var(--line-strong, #cbd5e1);
  --mfil-line-dark: var(--line-dark, #1e293b);
  --mfil-accent: var(--brand-red, #dc2626);
  --mfil-navy: var(--brand-navy, #0f172a);
  --mfil-navy-2: var(--brand-navy-2, #152241);
  --mfil-rad-sm: var(--rad-sm, 6px);
  --mfil-dur: var(--dur-fast, 120ms);
  --mfil-ease: var(--ease, cubic-bezier(.2,.7,.3,1));
  --mfil-container-max: var(--container-max, 1440px);
  --mfil-container-pad: var(--container-pad, 24px);
  --mfil-font-sans: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  --mfil-slider-arrow-bg: rgba(255, 255, 255, .85);
  --mfil-slider-arrow-bg-hover: #ffffff;
  --mfil-slider-arrow-ink: #0b192c;
  --mfil-z-base: 100;
}

html[data-theme=dark] {
  --mfil-bg-card: var(--bg-card, #101c2e);
  --mfil-bg-soft: var(--bg-soft, #0f172a);
  --mfil-bg-soft-2: var(--bg-soft-2, #152241);
  --mfil-ink: var(--ink, #ffffff);
  --mfil-ink-mute: var(--ink-mute, #c7d0de);
  --mfil-line: var(--line, #1e293b);
  --mfil-line-strong: var(--line-strong, #273a58);
}

:where(#mfil-nav, #mfil-mobile-nav) *, :where(#mfil-nav, #mfil-mobile-nav) *::before, :where(#mfil-nav, #mfil-mobile-nav) *::after {
  box-sizing: border-box;
}
:where(#mfil-nav, #mfil-mobile-nav) ul, :where(#mfil-nav, #mfil-mobile-nav) ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
:where(#mfil-nav, #mfil-mobile-nav) a {
  text-decoration: none;
  color: inherit;
}
:where(#mfil-nav, #mfil-mobile-nav) button {
  cursor: pointer;
  border: 0;
  background: transparent;
  font: inherit;
}

#mfil-nav {
  background-color: var(--mfil-nav-bg, var(--mfil-bg-card, #fff));
  background-image: var(--mfil-nav-bg-image, none);
  border-bottom: 1px solid var(--mfil-nav-line, var(--mfil-line, #e2e8f0));
  border-top-left-radius: var(--mfil-nav-radius-tl, var(--mfil-nav-radius, 0px));
  border-top-right-radius: var(--mfil-nav-radius-tr, var(--mfil-nav-radius, 0px));
  border-bottom-right-radius: var(--mfil-nav-radius-br, var(--mfil-nav-radius, 0px));
  border-bottom-left-radius: var(--mfil-nav-radius-bl, var(--mfil-nav-radius, 0px));
  box-shadow: inset 0 2px 8px rgba(11, 25, 44, 0.07);
  position: relative;
  z-index: calc(var(--mfil-z-base, 100) + 10);
}
#mfil-nav:has(.mfil-nav__item--more:hover, .mfil-nav__item--more:focus-within) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#mfil-nav {
  max-width: calc(var(--mfil-boxed-width, 100%) + (100% - var(--mfil-boxed-width, 100%)) * var(--mfil-nav-bleed, 1));
  margin-left: auto;
  margin-right: auto;
}
#mfil-nav.mfil-nav--sticky {
  position: fixed;
  top: var(--mfil-nav-top, 0px);
  left: 0;
  right: 0;
  transition: transform 0.25s var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1));
}
#mfil-nav.mfil-nav--sticky.mfil-nav--hidden {
  transform: translateY(-100%);
}
html[data-theme=dark] #mfil-nav {
  --mfil-nav-bg: var(--mfil-navy-2, #152241);
  --mfil-nav-line: var(--mfil-line-dark, #1e293b);
}
#mfil-nav > .container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  scrollbar-width: none;
}
#mfil-nav > .container::-webkit-scrollbar {
  display: none;
}

#mfil-menu-wrap.mfil-menu-wrap--nav-fixed {
  padding-top: var(--mfil-nav-space, 0px);
}

.mfil-nav__header {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
}
.mfil-nav__header:empty {
  display: none !important;
}

.mfil-nav__toggle.mfil-nav__toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 0;
  background: var(--mfil-bg-soft, #f8fafc);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  color: var(--mfil-ink, #0f172a);
  font-family: var(--mfil-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  transition: background var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1)), color var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1));
}
html[data-theme=dark] .mfil-nav__toggle.mfil-nav__toggle {
  background: var(--mfil-bg-soft-2, #152241);
}
.mfil-nav__toggle.mfil-nav__toggle:active {
  background: var(--mfil-accent, #dc2626);
  color: #fff;
}
.mfil-nav__toggle.mfil-nav__toggle:active .mfil-nav__bar.mfil-nav__bar {
  background: #fff;
}

.mfil-nav__bar.mfil-nav__bar {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--mfil-ink, #0f172a);
  border-radius: 2px;
  transition: background var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1));
}
html[data-theme=dark] .mfil-nav__bar.mfil-nav__bar {
  background: var(--mfil-ink, #fff);
}

.mfil-nav__body {
  display: flex !important;
  flex: 1;
  height: auto !important;
  overflow: visible !important;
}

.mfil-nav__items {
  display: flex;
  flex: 1;
  margin: 0 -16px;
  padding: 0;
}

.mfil-nav__item {
  position: static;
  display: flex;
  align-items: center;
}
.mfil-nav__item--drop:hover > .mfil-nav__drop {
  display: block;
}
.mfil-nav__item--drop:hover > .mfil-nav__link {
  border-bottom-color: var(--mfil-accent, #dc2626);
}
.mfil-nav__item--special {
  margin-left: auto;
}
.mfil-nav__item--special + .mfil-nav__item--special {
  margin-left: 0;
}

.mfil-nav__special-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 1em;
}
.mfil-nav__special-icon svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  stroke: currentColor;
}

.mfil-nav__item--special > .mfil-nav__link {
  color: var(--mfil-accent, #dc2626);
}
html[data-theme=dark] .mfil-nav__item--special > .mfil-nav__link {
  color: var(--mfil-accent, #dc2626);
}

.mfil-nav__badge {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 6px;
  padding: 1px 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
  color: #ffffff;
  background: var(--mfil-accent, #dc2626);
  border-radius: 4px;
}

.mfil-nav__link .mfil-nav__badge,
.mfil-nav__l3-link .mfil-nav__badge {
  margin-left: 0;
}

.mfil-nav__l3-link .mfil-nav__badge {
  margin-right: auto;
}

.mfil-nav__item--more[hidden] {
  display: none;
}
.mfil-nav__item--more:hover > .mfil-nav__more-panel, .mfil-nav__item--more:focus-within > .mfil-nav__more-panel {
  display: block;
}

.mfil-nav__more-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--mfil-nav-bg, var(--mfil-bg-card, #fff));
  background-image: var(--mfil-nav-bg-image, none);
  border-top: 1px solid var(--mfil-nav-line, var(--mfil-line, #e2e8f0));
  border-bottom-right-radius: var(--mfil-nav-radius-br, var(--mfil-nav-radius, 0px));
  border-bottom-left-radius: var(--mfil-nav-radius-bl, var(--mfil-nav-radius, 0px));
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
  z-index: calc(var(--mfil-z-base, 100) + 40);
}

.mfil-nav__more-list {
  display: flex;
  align-items: center;
  margin: 0 -16px;
}

.mfil-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 52px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--mfil-ink, #0f172a);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1)), border-color var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1));
}
html[data-theme=dark] .mfil-nav__link {
  color: var(--mfil-ink, #fff);
}
html[data-theme=dark] .mfil-nav__link:hover, html[data-theme=dark] .mfil-nav__link:focus {
  color: var(--mfil-accent, #dc2626);
  border-bottom-color: var(--mfil-accent, #dc2626);
  text-decoration: none;
}
.mfil-nav__link:hover, .mfil-nav__link:focus {
  color: var(--mfil-accent, #dc2626);
  border-bottom-color: var(--mfil-accent, #dc2626);
  text-decoration: none;
}

.mfil-nav__drop {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: var(--mfil-bg-card, #fff);
  border-top: 2px solid var(--mfil-line, #e2e8f0);
  border-bottom: 1px solid var(--mfil-line, #e2e8f0);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
  z-index: calc(var(--mfil-z-base, 100) + 30);
}
html[data-theme=dark] .mfil-nav__drop {
  background: var(--mfil-navy, #0f172a);
  border-bottom-color: var(--mfil-line-dark, #1e293b);
}

.mfil-nav__cols {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0;
  margin: 0 -12px;
  gap: var(--mfil-cols-gap, 20px);
}
.mfil-nav__cols > li {
  flex: 0 0 var(--mfil-cols-width, 275px);
  padding: 0 12px;
  box-sizing: border-box;
  position: relative;
}
.mfil-nav__cols > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% + var(--mfil-cols-gap, 20px) / 2);
  transform: translateX(-50%);
  width: var(--mfil-cols-divider-width, 1px);
  background: var(--mfil-cols-divider-color, #e5e8ec);
  opacity: var(--mfil-cols-divider-opacity, 1);
  pointer-events: none;
  z-index: calc(var(--mfil-z-base, 100) + 0);
}
html[data-theme=dark] .mfil-nav__cols > li:not(:last-child)::after {
  background: var(--mfil-line-dark, #1e293b);
}

.mfil-nav__cols[data-cols="1"] {
  max-width: calc(1 * var(--mfil-cols-width, 275px) + 0 * var(--mfil-cols-gap, 20px));
}

.mfil-nav__cols[data-cols="2"] {
  max-width: calc(2 * var(--mfil-cols-width, 275px) + 1 * var(--mfil-cols-gap, 20px));
}

.mfil-nav__cols[data-cols="3"] {
  max-width: calc(3 * var(--mfil-cols-width, 275px) + 2 * var(--mfil-cols-gap, 20px));
}

.mfil-nav__cols[data-cols="4"] {
  max-width: calc(4 * var(--mfil-cols-width, 275px) + 3 * var(--mfil-cols-gap, 20px));
}

.mfil-nav__cols[data-cols="5"] {
  max-width: calc(5 * var(--mfil-cols-width, 275px) + 4 * var(--mfil-cols-gap, 20px));
}

.mfil-nav__cols[data-cols="6"] {
  max-width: calc(6 * var(--mfil-cols-width, 275px) + 5 * var(--mfil-cols-gap, 20px));
}

.mfil-nav__l2-item {
  margin-bottom: 0;
}

.mfil-nav__l2-link {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--mfil-ink, #0f172a);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  padding: 0 0 12px 0;
  border-bottom: 1px solid var(--mfil-line, #e2e8f0);
  transition: color var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1));
}
html[data-theme=dark] .mfil-nav__l2-link {
  color: var(--mfil-ink, #fff);
  border-bottom-color: var(--mfil-line-dark, #1e293b);
}
html[data-theme=dark] .mfil-nav__l2-link:hover, html[data-theme=dark] .mfil-nav__l2-link:focus {
  color: var(--mfil-accent, #dc2626);
}
.mfil-nav__l2-link:hover, .mfil-nav__l2-link:focus {
  color: var(--mfil-accent, #dc2626);
}

.mfil-nav__l3 {
  margin: 0;
  padding: 0;
}

.mfil-nav__l3-item {
  position: relative;
}
.mfil-nav__l3-item:hover {
  background: var(--mfil-bg-soft-2, #f1f5f9);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  z-index: calc(var(--mfil-z-base, 100) + 1);
}
.mfil-nav__l3-item:hover > .mfil-nav__l4 {
  clip-path: inset(0 0 0 0);
  pointer-events: auto;
}

.mfil-nav__l3-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 3px 6px;
  font-size: 13px;
  color: var(--mfil-ink-mute, #475569);
  text-decoration: none;
}
.mfil-nav__l3-link:hover, .mfil-nav__l3-link:focus {
  color: var(--mfil-ink-mute, #475569);
}
html[data-theme=dark] .mfil-nav__l3-link {
  color: var(--mfil-ink-mute, #c7d0de);
}

.mfil-nav__l3-text {
  white-space: nowrap;
}

.mfil-nav__l3-side {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.mfil-nav__l3-meta {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
  color: var(--mfil-ink-mute, #475569);
  opacity: 0.5;
  white-space: nowrap;
  transition: opacity var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1));
}
.mfil-nav__l3-item:hover > .mfil-nav__l3-link .mfil-nav__l3-meta {
  opacity: 1;
}
html[data-theme=dark] .mfil-nav__l3-meta {
  color: var(--mfil-ink-mute, #c7d0de);
}

.mfil-nav__l3-arrow {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 0.6em;
  color: var(--mfil-ink-mute, #475569);
  opacity: 0.5;
  transition: opacity var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1));
}
.mfil-nav__l3-arrow svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  stroke: currentColor;
}
.mfil-nav__l3-item:hover > .mfil-nav__l3-link .mfil-nav__l3-arrow {
  opacity: 1;
}
html[data-theme=dark] .mfil-nav__l3-arrow {
  color: var(--mfil-ink-mute, #c7d0de);
}

.mfil-nav__l4 {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  clip-path: inset(0 100% 0 0);
  pointer-events: none;
  background: var(--mfil-bg-card, #fff);
  box-shadow: inset 0 1px 0 var(--mfil-line, #e2e8f0), inset 0 -1px 0 var(--mfil-line, #e2e8f0), inset -1px 0 0 var(--mfil-line, #e2e8f0), 3px 4px 16px rgba(0, 0, 0, 0.08);
  z-index: calc(var(--mfil-z-base, 100) + 40);
  transition: clip-path 0.3s ease;
}
html[data-theme=dark] .mfil-nav__l4 {
  background: var(--mfil-navy, #0f172a);
  box-shadow: inset 0 1px 0 var(--mfil-line-dark, #1e293b), inset 0 -1px 0 var(--mfil-line-dark, #1e293b), inset -1px 0 0 var(--mfil-line-dark, #1e293b), 3px 4px 20px rgba(0, 0, 0, 0.3);
}
.mfil-nav__l4--left {
  left: auto;
  right: 100%;
  clip-path: inset(0 0 0 100%);
  box-shadow: inset 0 1px 0 var(--mfil-line, #e2e8f0), inset 0 -1px 0 var(--mfil-line, #e2e8f0), inset 1px 0 0 var(--mfil-line, #e2e8f0), -3px 4px 16px rgba(0, 0, 0, 0.08);
}
html[data-theme=dark] .mfil-nav__l4--left {
  box-shadow: inset 0 1px 0 var(--mfil-line-dark, #1e293b), inset 0 -1px 0 var(--mfil-line-dark, #1e293b), inset 1px 0 0 var(--mfil-line-dark, #1e293b), -3px 4px 20px rgba(0, 0, 0, 0.3);
}

.mfil-nav__l4-link {
  display: block;
  padding: 3px 5px;
  font-size: 13px;
  color: var(--mfil-ink-mute, #475569);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1)), background var(--mfil-dur, 120ms) var(--mfil-ease, cubic-bezier(0.2, 0.7, 0.3, 1));
}
html[data-theme=dark] .mfil-nav__l4-link {
  color: var(--mfil-ink-mute, #c7d0de);
}
html[data-theme=dark] .mfil-nav__l4-link:hover, html[data-theme=dark] .mfil-nav__l4-link:focus {
  color: var(--mfil-ink, #ffffff);
}
.mfil-nav__l4-link:hover, .mfil-nav__l4-link:focus {
  background: var(--mfil-bg-soft-2, #f1f5f9);
  color: var(--mfil-ink, #0f172a);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.mfil-nav__see-all {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 14px 0;
  border-top: 1px solid var(--mfil-line, #e2e8f0);
  font-size: 13px;
  font-weight: 600;
  color: var(--mfil-accent, #dc2626);
  text-decoration: none;
  text-transform: uppercase;
}
html[data-theme=dark] .mfil-nav__see-all {
  border-top-color: var(--mfil-line-dark, #1e293b);
}
.mfil-nav__see-all:hover, .mfil-nav__see-all:focus {
  color: var(--mfil-accent, #dc2626);
  text-decoration: underline;
}

@media (max-width: 991px) {
  #mfil-nav > .container {
    gap: 0;
  }
  .mfil-nav__link {
    font-size: 13px;
    padding: 0 12px;
  }
  .mfil-nav__items,
  .mfil-nav__more-list {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (max-width: 767px) {
  .mfil-nav__header {
    display: flex;
  }
  .mfil-nav__toggle.mfil-nav__toggle {
    display: flex;
  }
  .mfil-nav__body {
    display: none !important;
  }
}
html.mfil-nav--force-mobile .mfil-nav__header {
  display: flex;
}
html.mfil-nav--force-mobile .mfil-nav__toggle.mfil-nav__toggle {
  display: flex;
}
html.mfil-nav--force-mobile .mfil-nav__body {
  display: none !important;
}

#mfil-mobile-nav {
  display: none;
}
@media (max-width: 767px) {
  #mfil-mobile-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 88vw;
    max-width: 360px;
    background: var(--mfil-bg-card, #fff);
    z-index: calc(var(--mfil-z-base, 100) + 99);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
  }
  #mfil-mobile-nav.is-open {
    transform: translateX(0);
  }
  html[data-theme=dark] #mfil-mobile-nav {
    background: var(--mfil-navy, #0f172a);
  }
}
html.mfil-nav--force-mobile #mfil-mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: 88vw;
  max-width: 360px;
  background: var(--mfil-bg-card, #fff);
  z-index: calc(var(--mfil-z-base, 100) + 99);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
html.mfil-nav--force-mobile #mfil-mobile-nav.is-open {
  transform: translateX(0);
}
html.mfil-nav--force-mobile[data-theme=dark] #mfil-mobile-nav {
  background: var(--mfil-navy, #0f172a);
}

#mfil-mnav-backdrop {
  display: none;
}
@media (max-width: 767px) {
  #mfil-mnav-backdrop {
    position: fixed;
    inset: 0;
    display: block;
    background: rgba(0, 0, 0, 0);
    z-index: calc(var(--mfil-z-base, 100) + 98);
    pointer-events: none;
    transition: background 0.3s ease;
  }
  #mfil-mnav-backdrop.is-open {
    background: rgba(0, 0, 0, 0.45);
    pointer-events: auto;
  }
}
html.mfil-nav--force-mobile #mfil-mnav-backdrop {
  position: fixed;
  inset: 0;
  display: block;
  background: rgba(0, 0, 0, 0);
  z-index: calc(var(--mfil-z-base, 100) + 98);
  pointer-events: none;
  transition: background 0.3s ease;
}
html.mfil-nav--force-mobile #mfil-mnav-backdrop.is-open {
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}

.mfil-mnav__header {
  display: none;
}
@media (max-width: 767px) {
  .mfil-mnav__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
    border-bottom: 1px solid var(--mfil-line, #e2e8f0);
    min-height: 52px;
    flex-shrink: 0;
  }
}
html.mfil-nav--force-mobile .mfil-mnav__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  border-bottom: 1px solid var(--mfil-line, #e2e8f0);
  min-height: 52px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .mfil-mnav__back,
  .mfil-mnav__close {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: none;
    border: none;
    border-radius: var(--mfil-rad-sm, 6px);
    cursor: pointer;
    font-size: 15px;
    color: var(--mfil-ink, #0f172a);
    line-height: 1;
    transition: color 0.2s ease;
  }
  .mfil-mnav__back:active,
  .mfil-mnav__close:active {
    background: var(--mfil-bg-soft-2, #f1f5f9);
  }
  html[data-theme=dark] .mfil-mnav__back,
  html[data-theme=dark] .mfil-mnav__close {
    color: var(--mfil-ink, #fff);
  }
}
html.mfil-nav--force-mobile .mfil-mnav__back,
html.mfil-nav--force-mobile .mfil-mnav__close {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: none;
  border: none;
  border-radius: var(--mfil-rad-sm, 6px);
  cursor: pointer;
  font-size: 15px;
  color: var(--mfil-ink, #0f172a);
  line-height: 1;
  transition: color 0.2s ease;
}
html.mfil-nav--force-mobile .mfil-mnav__back:active,
html.mfil-nav--force-mobile .mfil-mnav__close:active {
  background: var(--mfil-bg-soft-2, #f1f5f9);
}
html.mfil-nav--force-mobile[data-theme=dark] .mfil-mnav__back,
html.mfil-nav--force-mobile[data-theme=dark] .mfil-mnav__close {
  color: var(--mfil-ink, #fff);
}

@media (max-width: 767px) {
  .mfil-mnav__back svg {
    display: block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease, stroke 0.2s ease;
    transform: rotate(180deg);
  }
}
html.mfil-nav--force-mobile .mfil-mnav__back svg {
  display: block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  fill: currentColor;
  stroke: currentColor;
  transition: fill 0.2s ease, stroke 0.2s ease;
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .mfil-mnav__panels {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
  }
}
html.mfil-nav--force-mobile .mfil-mnav__panels {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
}

.mfil-mnav__extra {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding-top: 20px;
  background: var(--mfil-bg-soft, #f8fafc);
}

.mfil-hidden {
  display: none;
}

.mfil-mnav__extra-links {
  flex: 1;
  padding-left: 16px;
}
.mfil-mnav__extra-links:empty {
  display: none;
}

.mfil-mnav__extra-widgets {
  display: flex;
  margin-top: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  border-top: 1px solid var(--mfil-line, #e2e8f0);
}
.mfil-mnav__extra-widgets.mfil-hidden {
  display: none;
}

.mfil-mnav__extra-widgets__left,
.mfil-mnav__extra-widgets__center,
.mfil-mnav__extra-widgets__right {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.mfil-mnav__extra-widgets__left:empty,
.mfil-mnav__extra-widgets__center:empty,
.mfil-mnav__extra-widgets__right:empty {
  display: none;
}

.mfil-mnav__extra-widgets__left {
  justify-content: flex-start;
}

.mfil-mnav__extra-widgets__center {
  justify-content: center;
}

.mfil-mnav__extra-widgets__right {
  justify-content: flex-end;
}

#mfil-mnav-extra-widgets,
#mfil-mnav-extra-widgets * {
  -webkit-tap-highlight-color: transparent;
}

#mfil-mnav-extra-widgets .mfil-topbar__theme-toggle:hover,
#mfil-mnav-extra-widgets .mfil-topbar__theme-toggle:active {
  color: inherit;
}

.mfil-mnav__extra-link {
  display: block;
  padding: 4px 0;
  font-size: 13px;
  color: var(--mfil-ink-mute, #475569);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.mfil-mnav__extra-link:hover, .mfil-mnav__extra-link:active, .mfil-mnav__extra-link:focus {
  color: var(--mfil-ink-mute, #475569);
}

.mfil-mnav__extra-teleport-slot {
  display: block;
}
.mfil-mnav__extra-teleport-slot > * {
  all: unset !important;
  display: block !important;
  box-sizing: border-box !important;
  padding: 4px 0 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.mfil-mnav__extra-teleport-slot > *, .mfil-mnav__extra-teleport-slot > * * {
  color: var(--mfil-ink-mute, #475569) !important;
  background: transparent !important;
}
.mfil-mnav__extra-teleport-slot > *:hover, .mfil-mnav__extra-teleport-slot > *:active, .mfil-mnav__extra-teleport-slot > *:focus, .mfil-mnav__extra-teleport-slot > * *:hover, .mfil-mnav__extra-teleport-slot > * *:active, .mfil-mnav__extra-teleport-slot > * *:focus {
  color: var(--mfil-ink-mute, #475569) !important;
  background: transparent !important;
}

.mfil-mnav__extra-group {
  margin-bottom: 4px;
}
.mfil-mnav__extra-group:last-child {
  margin-bottom: 0;
}
.mfil-mnav__extra-group__title {
  padding: 4px 0 0;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mfil-ink-mute, #475569);
}

@media (max-width: 767px) {
  .mfil-mnav__panel {
    position: absolute;
    inset: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--mfil-bg-card, #fff);
    transform: translateX(105%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mfil-mnav__panel.is-active {
    transform: translateX(0);
  }
  .mfil-mnav__panel.is-prev {
    transform: translateX(-28%);
  }
  html[data-theme=dark] .mfil-mnav__panel {
    background: var(--mfil-navy, #0f172a);
  }
}
html.mfil-nav--force-mobile .mfil-mnav__panel {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--mfil-bg-card, #fff);
  transform: translateX(105%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
html.mfil-nav--force-mobile .mfil-mnav__panel.is-active {
  transform: translateX(0);
}
html.mfil-nav--force-mobile .mfil-mnav__panel.is-prev {
  transform: translateX(-28%);
}
html.mfil-nav--force-mobile[data-theme=dark] .mfil-mnav__panel {
  background: var(--mfil-navy, #0f172a);
}

@media (max-width: 767px) {
  .mfil-mnav__panel-title {
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mfil-ink-mute, #475569);
    border-bottom: 1px solid var(--mfil-line, #e2e8f0);
  }
}
html.mfil-nav--force-mobile .mfil-mnav__panel-title {
  padding: 10px 16px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mfil-ink-mute, #475569);
  border-bottom: 1px solid var(--mfil-line, #e2e8f0);
}

@media (max-width: 767px) {
  .mfil-mnav__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
}
html.mfil-nav--force-mobile .mfil-mnav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .mfil-mnav__item {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid var(--mfil-line, #e2e8f0);
  }
}
html.mfil-nav--force-mobile .mfil-mnav__item {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--mfil-line, #e2e8f0);
}

@media (max-width: 767px) {
  .mfil-mnav__link {
    flex: 1;
    padding: 14px 16px;
    font-size: 15px;
    color: var(--mfil-ink, #0f172a);
    text-decoration: none;
  }
  .mfil-mnav__link:active {
    background: var(--mfil-bg-soft-2, #f1f5f9);
  }
  .mfil-mnav__link:hover, .mfil-mnav__link:focus {
    color: var(--mfil-ink, #0f172a);
    text-decoration: none;
  }
  html[data-theme=dark] .mfil-mnav__link {
    color: var(--mfil-ink, #fff);
  }
  html[data-theme=dark] .mfil-mnav__link:hover, html[data-theme=dark] .mfil-mnav__link:focus {
    color: var(--mfil-ink, #fff);
  }
}
html.mfil-nav--force-mobile .mfil-mnav__link {
  flex: 1;
  padding: 14px 16px;
  font-size: 15px;
  color: var(--mfil-ink, #0f172a);
  text-decoration: none;
}
html.mfil-nav--force-mobile .mfil-mnav__link:active {
  background: var(--mfil-bg-soft-2, #f1f5f9);
}
html.mfil-nav--force-mobile .mfil-mnav__link:hover, html.mfil-nav--force-mobile .mfil-mnav__link:focus {
  color: var(--mfil-ink, #0f172a);
  text-decoration: none;
}
html.mfil-nav--force-mobile[data-theme=dark] .mfil-mnav__link {
  color: var(--mfil-ink, #fff);
}
html.mfil-nav--force-mobile[data-theme=dark] .mfil-mnav__link:hover, html.mfil-nav--force-mobile[data-theme=dark] .mfil-mnav__link:focus {
  color: var(--mfil-ink, #fff);
}

@media (max-width: 767px) {
  .mfil-mnav__count {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    min-width: 22px;
    height: 20px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--mfil-ink-mute, #475569);
    background: var(--mfil-bg-soft-2, #f1f5f9);
    border-radius: 4px;
    flex-shrink: 0;
    margin-right: 5px;
  }
  html[data-theme=dark] .mfil-mnav__count {
    color: var(--mfil-ink-mute, #c7d0de);
    background: var(--mfil-bg-soft-2, #152241);
  }
}
html.mfil-nav--force-mobile .mfil-mnav__count {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-width: 22px;
  height: 20px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 600;
  color: var(--mfil-ink-mute, #475569);
  background: var(--mfil-bg-soft-2, #f1f5f9);
  border-radius: 4px;
  flex-shrink: 0;
  margin-right: 5px;
}
html.mfil-nav--force-mobile[data-theme=dark] .mfil-mnav__count {
  color: var(--mfil-ink-mute, #c7d0de);
  background: var(--mfil-bg-soft-2, #152241);
}

@media (max-width: 767px) {
  .mfil-mnav__fwd {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    background: none;
    border: none;
    border-left: 1px solid var(--mfil-line, #e2e8f0);
    cursor: pointer;
    color: var(--mfil-ink-mute, #475569);
    font-size: 13px;
    flex-shrink: 0;
  }
  .mfil-mnav__fwd:active {
    background: var(--mfil-bg-soft-2, #f1f5f9);
  }
  .mfil-mnav__fwd svg {
    display: block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease, stroke 0.2s ease;
  }
}
html.mfil-nav--force-mobile .mfil-mnav__fwd {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  background: none;
  border: none;
  border-left: 1px solid var(--mfil-line, #e2e8f0);
  cursor: pointer;
  color: var(--mfil-ink-mute, #475569);
  font-size: 13px;
  flex-shrink: 0;
}
html.mfil-nav--force-mobile .mfil-mnav__fwd:active {
  background: var(--mfil-bg-soft-2, #f1f5f9);
}
html.mfil-nav--force-mobile .mfil-mnav__fwd svg {
  display: block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  fill: currentColor;
  stroke: currentColor;
  transition: fill 0.2s ease, stroke 0.2s ease;
}

@media (max-width: 767px) {
  .mfil-nav__toggle.mfil-nav__toggle svg {
    display: block;
    width: 22px;
    height: 16px;
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease, stroke 0.2s ease;
  }
  .mfil-mnav__close svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease, stroke 0.2s ease;
  }
}
html.mfil-nav--force-mobile .mfil-nav__toggle.mfil-nav__toggle svg {
  display: block;
  width: 22px;
  height: 16px;
  fill: currentColor;
  stroke: currentColor;
  transition: fill 0.2s ease, stroke 0.2s ease;
}
html.mfil-nav--force-mobile .mfil-mnav__close svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  stroke: currentColor;
  transition: fill 0.2s ease, stroke 0.2s ease;
}

#mfil-nav:focus, #mfil-nav :focus,
#mfil-mobile-nav:focus,
#mfil-mobile-nav :focus {
  outline: none;
}

.mfil-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  container-type: inline-size;
  max-width: calc(var(--mfil-boxed-width, 100%) + (100% - var(--mfil-boxed-width, 100%)) * var(--mfil-slider-bleed, 1));
  margin-left: auto;
  margin-right: auto;
}

.mfil-slider__track {
  position: relative;
  width: 100%;
  aspect-ratio: 21/6;
}
@media (max-width: 767px) {
  .mfil-slider__track {
    aspect-ratio: 4/3;
  }
}

.mfil-slider__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
  z-index: calc(var(--mfil-z-base, 100) + 1);
}

.mfil-slider__slide--active {
  opacity: 1;
  visibility: visible;
  z-index: calc(var(--mfil-z-base, 100) + 2);
}

.mfil-slider__slide-link {
  display: block;
  width: 100%;
  height: 100%;
}

.mfil-slider__pic {
  display: block;
  width: 100%;
  height: 100%;
}

.mfil-slider__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html[data-theme=dark] .mfil-slider__img {
  filter: brightness(0.92);
}

.mfil-slider__content {
  position: absolute;
  left: 24px;
  bottom: 24px;
  right: 24px;
  max-width: 520px;
  border: 0 solid #ffffff;
}

.mfil-slider__title {
  font-size: clamp(20px, 4.4cqi, 28px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.mfil-slider__subtitle {
  font-size: clamp(13px, 2.4cqi, 16px);
  font-weight: 400;
  color: #fff;
  margin: 0 0 14px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.mfil-slider__btn {
  display: inline-block;
  padding: 10px 22px;
  background: var(--mfil-accent, #e41e26);
  color: #fff;
  border: 0 solid #ffffff;
  border-radius: var(--mfil-rad-sm, 6px);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.mfil-slider__btn:hover {
  background: var(--mfil-accent-hover, #c81820);
  color: #fff;
}

.mfil-slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: none;
  background: var(--mfil-slider-arrow-bg, rgba(255, 255, 255, 0.85));
  color: var(--mfil-slider-arrow-ink, #0b192c);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: calc(var(--mfil-z-base, 100) + 5);
  transition: background 0.15s ease;
}

.mfil-slider__arrow:hover {
  background: var(--mfil-slider-arrow-bg-hover, #fff);
}

.mfil-slider__arrow svg {
  width: 50%;
  height: 50%;
}

.mfil-slider__arrow--prev {
  left: 16px;
}

.mfil-slider__arrow--next {
  right: 16px;
}

.mfil-slider__dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: calc(var(--mfil-z-base, 100) + 5);
}

.mfil-slider__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
}

.mfil-slider__dot--active {
  background: #fff;
}