#hbf-hero-video {
  position: relative;
  overflow: hidden;
  background: #000;
  border-bottom: 1px solid var(--hbf-divider-color);
  height: clamp(360px, 29.3229167vw, 563px);
  min-height: 360px;
}

#hbf-hero-video,
#hbf-hero-video * {
  box-sizing: border-box;
}

#hbf-hero-video .hbfhv-poster,
#hbf-hero-video .hbfhv-video,
#hbf-hero-video .hbfhv-overlay,
#hbf-hero-video .hbfhv-dots,
#hbf-hero-video .hbfhv-shell {
  position: absolute;
  inset: 0;
}

#hbf-hero-video .hbfhv-poster,
#hbf-hero-video .hbfhv-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  background: #000;
}

#hbf-hero-video .hbfhv-poster {
  z-index: 0;
  pointer-events: none;
  background-image: var(--hbfhv-poster-desktop);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity .55s ease;
  will-change: opacity;
}

#hbf-hero-video .hbfhv-video {
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .55s ease;
  will-change: opacity;
}

#hbf-hero-video.is-video-ready .hbfhv-video {
  opacity: 1;
}

#hbf-hero-video.is-video-ready .hbfhv-poster {
  opacity: 0;
}

#hbf-hero-video .hbfhv-overlay {
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,0.14) 0%, rgba(0,0,0,0.22) 100%);
}

#hbf-hero-video .hbfhv-dots {
  pointer-events: none;
  z-index: 2;
  opacity: 1;
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.05) 0 1px, transparent 1.2px),
    radial-gradient(circle, rgba(0,0,0,0.05) 0 1px, transparent 1.2px);
  background-size: 6px 6px, 6px 6px;
  background-position: 0 0, 3px 3px;
}

#hbf-hero-video .hbfhv-shell {
  z-index: 3;
  display: grid;
  place-items: center;
  padding: 0 var(--hbf-container-x);
  pointer-events: none;
}

#hbf-hero-video .hbfhv-title {
  margin: 0;
  color: #ffffff;
  text-align: center;
  font-size: clamp(34px, 8vw, 88px);
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1.1s ease, transform 1.1s ease, filter 1.1s ease;
  filter: blur(0);
  text-shadow: 0 12px 40px rgba(0,0,0,0.28);
}

#hbf-hero-video.is-faded .hbfhv-title {
  opacity: 0;
  transform: translateY(-8px);
  filter: blur(8px);
}

@media (max-width: 767px) {
  #hbf-hero-video {
    min-height: 60vh;
    height: 60vh;
  }

  #hbf-hero-video .hbfhv-poster {
    background-image: var(--hbfhv-poster-mobile);
  }

  #hbf-hero-video .hbfhv-title {
    max-width: 10ch;
  }
}

@media (max-height: 500px) and (orientation: landscape) {
  #hbf-hero-video {
    min-height: 72vh;
    height: 72vh;
  }
}

#hbf-hero {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--hbf-divider-color);
    background:
      var(--hbf-overlay-1),
      var(--hbf-overlay-2),
      var(--hbf-overlay-3),
      linear-gradient(180deg, var(--hbf-bg) 0%, var(--hbf-bg-soft) 100%);
  }

  #hbf-hero .hbfh4-wrap {
    position: relative;
  }

  #hbf-hero .hbfh4-grid {
    min-height: min(88vh, 920px);
    align-items: center;
  }

  #hbf-hero .hbfh4-copy {
    grid-column: 1 / span 7;
    min-width: 0;
    max-width: 760px;
  }

  #hbf-hero .hbfh4-title {
    max-width: 11ch;
  }

  #hbf-hero .hbfh4-subtitle {
    margin-top: var(--hbf-space-7);
    margin-bottom: var(--hbf-space-7);
    max-width: 25em;
  }

  #hbf-hero .hbfh4-lead {
    max-width: 42em;
  }

  #hbf-hero .hbfh4-highlight {
    margin-top: var(--hbf-space-7);
    max-width: 44em;
  }

  #hbf-hero .hbfh4-actions {
    margin-top: var(--hbf-space-8);
  }

  #hbf-hero .hbfh4-footnote {
    margin-top: var(--hbf-space-6);
    max-width: 44em;
  }

  #hbf-hero .hbfh4-side {
    grid-column: 9 / span 4;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
  }

  #hbf-hero .hbfh4-card {
    width: 100%;
    max-width: 370px;
  }

  #hbf-hero .hbfh4-card .hbf-card__inner {
    padding: 24px 24px 22px;
  }

  #hbf-hero .hbfh4-card-label {
    margin-bottom: 14px;
  }

  #hbf-hero .hbfh4-card-title {
    margin-bottom: 14px;
  }

  #hbf-hero .hbfh4-card-text {
    margin-bottom: 18px;
  }

  #hbf-hero .hbfh4-points {
    display: grid;
    gap: 12px;
  }

  #hbf-hero .hbfh4-point {
    padding-top: 12px;
    border-top: 1px solid var(--hbf-border);
  }

  #hbf-hero .hbfh4-point-title {
    margin: 0;
    color: var(--hbf-text);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 650;
    letter-spacing: -0.01em;
  }

  #hbf-hero .hbfh4-point-text {
    margin-top: 6px;
  }

  @media (max-width: 1199px) {
    #hbf-hero .hbfh4-copy {
      grid-column: 1 / span 8;
      max-width: 100%;
    }

    #hbf-hero .hbfh4-side {
      grid-column: 9 / span 4;
    }

    #hbf-hero .hbfh4-subtitle {
      max-width: 24em;
    }
  }

  @media (max-width: 991px) {
    #hbf-hero .hbfh4-grid {
      min-height: auto;
      row-gap: var(--hbf-space-8);
    }

    #hbf-hero .hbfh4-copy,
    #hbf-hero .hbfh4-side {
      grid-column: 1 / -1;
      max-width: 100%;
    }

    #hbf-hero .hbfh4-side {
      justify-content: flex-start;
    }

    #hbf-hero .hbfh4-card {
      max-width: 560px;
    }

    #hbf-hero .hbfh4-subtitle {
      max-width: 30ch;
      margin-top: var(--hbf-space-6);
      margin-bottom: var(--hbf-space-6);
    }
  }

  @media (max-width: 640px) {
    #hbf-hero .hbfh4-title,
    #hbf-hero .hbfh4-subtitle,
    #hbf-hero .hbfh4-lead,
    #hbf-hero .hbfh4-highlight,
    #hbf-hero .hbfh4-footnote {
      max-width: 100%;
    }

    #hbf-hero .hbfh4-subtitle {
      margin-top: var(--hbf-space-5);
      margin-bottom: var(--hbf-space-5);
    }

    #hbf-hero .hbfh4-card .hbf-card__inner {
      padding: 22px 20px 20px;
    }

    #hbf-hero .hbfh4-actions {
      margin-top: var(--hbf-space-7);
    }
  }

#hbf-system-definition {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--hbf-divider-color);
    background: linear-gradient(180deg, var(--hbf-bg) 0%, var(--hbf-bg-soft) 100%);
  }

  #hbf-system-definition .hbfw4-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
      linear-gradient(180deg, rgba(7,14,10,0.42) 0%, rgba(7,14,10,0.34) 100%),
      url("../media/image/system_definition/system_definition_bg_desktop.webp");
    background-size: cover;
    background-position: center center;
    opacity: 0.78;
    transform: scale(1.02);
  }

  html[data-site-theme="light"] #hbf-system-definition .hbfw4-bg {
    background-image:
      linear-gradient(180deg, rgba(7,14,10,0.42) 0%, rgba(7,14,10,0.34) 100%),
      url("../media/image/system_definition/system_definition_bg_desktop.webp");
    opacity: 0.99;
  }

  #hbf-system-definition .hbfw4-wrap,
  #hbf-system-definition .hbfw4-head,
  #hbf-system-definition .hbfw4-cards,
  #hbf-system-definition .hbfw4-band {
    position: relative;
    z-index: 1;
  }

  #hbf-system-definition .hbfw4-head {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--hbf-grid-gap);
    align-items: end;
    margin-bottom: var(--hbf-space-9);
  }

  #hbf-system-definition .hbfw4-head-left {
    grid-column: 1 / span 5;
    min-width: 0;
    max-width: 520px;
  }

  #hbf-system-definition .hbfw4-head-right {
    grid-column: 6 / span 7;
    min-width: 0;
    max-width: 760px;
    align-self: end;
    padding-bottom: 6px;
  }

  #hbf-system-definition .hbfw4-intro {
    max-width: 44em;
    color: rgba(255,255,255,0.94);
    font-weight: 600;
  }

  #hbf-system-definition .hbfw4-title,
  #hbf-system-definition .hbfw4-kicker,
  #hbf-system-definition .hbfw4-card-title,
  #hbf-system-definition .hbfw4-point-title,
  #hbf-system-definition .hbfw4-meta-value,
  #hbf-system-definition .hbfw4-band-copy .hbf-text-body {
    color: #ffffff;
  }

  #hbf-system-definition .hbfw4-kicker {
    border-color: rgba(255,255,255,0.20);
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.84);
  }

  #hbf-system-definition .hbfw4-cards {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--hbf-grid-gap);
  }

  #hbf-system-definition .hbfw4-card {
    min-height: 100%;
    border-radius: var(--hbf-radius-lg);
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: none;
  }

  html[data-site-theme="light"] #hbf-system-definition .hbfw4-card {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
  }

  #hbf-system-definition .hbfw4-card:nth-child(1) {
    grid-column: 1 / span 4;
  }

  #hbf-system-definition .hbfw4-card:nth-child(2) {
    grid-column: 5 / span 4;
  }

  #hbf-system-definition .hbfw4-card:nth-child(3) {
    grid-column: 9 / span 4;
  }

  #hbf-system-definition .hbfw4-card .hbf-card__inner {
    padding: 28px 24px 24px;
  }

  #hbf-system-definition .hbfw4-card .hbf-text-body,
  #hbf-system-definition .hbfw4-card .hbf-text-small,
  #hbf-system-definition .hbfw4-band .hbf-text-small {
    color: rgba(255,255,255,0.82);
  }

  #hbf-system-definition .hbfw4-card:nth-child(1) .hbf-card__meta {
    color: #ffffff;
    background: color-mix(in srgb, var(--hbf-accent-primary) 62%, transparent);
    border-color: color-mix(in srgb, var(--hbf-accent-primary) 78%, transparent);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset;
  }

  #hbf-system-definition .hbfw4-card:nth-child(2) .hbf-card__meta {
    color: #ffffff;
    background: color-mix(in srgb, var(--hbf-accent-tertiary) 68%, transparent);
    border-color: color-mix(in srgb, var(--hbf-accent-tertiary) 82%, transparent);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset;
  }

  #hbf-system-definition .hbfw4-card:nth-child(3) .hbf-card__meta {
    color: #ffffff;
    background: color-mix(in srgb, var(--hbf-accent-quaternary) 68%, transparent);
    border-color: color-mix(in srgb, var(--hbf-accent-quaternary) 82%, transparent);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.08) inset;
  }

  #hbf-system-definition .hbfw4-card-title {
    margin-bottom: 14px;
  }

  #hbf-system-definition .hbfw4-band {
    margin-top: var(--hbf-space-8);
    padding: 28px 28px;
    border-radius: var(--hbf-radius-lg);
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.11);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: none;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--hbf-grid-gap);
    align-items: center;
  }

  html[data-site-theme="light"] #hbf-system-definition .hbfw4-band {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.14);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
  }

  #hbf-system-definition .hbfw4-band-copy {
    grid-column: 1 / span 8;
    min-width: 0;
    max-width: 48em;
  }

  #hbf-system-definition .hbfw4-band-meta {
    grid-column: 9 / span 4;
    min-width: 0;
    display: grid;
    gap: 10px;
    justify-content: end;
    text-align: right;
  }

  #hbf-system-definition .hbfw4-meta-item {
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.16);
  }

  #hbf-system-definition .hbfw4-meta-value {
    margin: 0;
    font-size: 20px;
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-weight: 700;
    color: #ffffff;
  }

  #hbf-system-definition .hbfw4-meta-label {
    margin-top: 5px;
    color: rgba(255,255,255,0.76);
  }

  @media (max-width: 991px) {
    #hbf-system-definition .hbfw4-head-left,
    #hbf-system-definition .hbfw4-head-right,
    #hbf-system-definition .hbfw4-card:nth-child(1),
    #hbf-system-definition .hbfw4-card:nth-child(2),
    #hbf-system-definition .hbfw4-card:nth-child(3),
    #hbf-system-definition .hbfw4-band-copy,
    #hbf-system-definition .hbfw4-band-meta {
      grid-column: 1 / -1;
      max-width: 100%;
    }

    #hbf-system-definition .hbfw4-head {
      align-items: start;
    }

    #hbf-system-definition .hbfw4-head-right {
      padding-bottom: 0;
    }

    #hbf-system-definition .hbfw4-band-meta {
      justify-content: start;
      text-align: left;
    }
  }

  @media (max-width: 640px) {
    #hbf-system-definition .hbfw4-head {
      margin-bottom: var(--hbf-space-8);
    }

    #hbf-system-definition .hbfw4-card .hbf-card__inner {
      padding: 22px 20px 20px;
    }

    #hbf-system-definition .hbfw4-band {
      padding: 20px 18px;
      border-radius: 18px;
    }

    #hbf-system-definition .hbfw4-meta-value {
      font-size: 18px;
    }
  }

#hbf-why-hbf {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--hbf-divider-color);
    background: var(--hbf-bg);
  }
  #hbf-why-hbf .hbfw7-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
      linear-gradient(180deg, rgba(8,14,14,0.18) 0%, rgba(8,14,14,0.16) 100%),
      url("../media/image/strategic_rationale/strategic_rationale_bg_desktop.webp");
    background-size: cover;
    background-position: center center;
    opacity: 0.15;
    transform: scale(1.03);
  }
  #hbf-why-hbf .hbfw7-gradients {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      radial-gradient(26% 18% at 8% 14%, rgba(31,106,80,0.34) 0%, rgba(31,106,80,0.14) 34%, transparent 72%),
      radial-gradient(18% 14% at 26% 32%, rgba(126,157,134,0.20) 0%, rgba(126,157,134,0.08) 32%, transparent 72%),
      radial-gradient(24% 18% at 42% 62%, rgba(41,88,107,0.28) 0%, rgba(41,88,107,0.10) 34%, transparent 74%),
      radial-gradient(18% 14% at 58% 48%, rgba(31,106,80,0.18) 0%, rgba(31,106,80,0.08) 32%, transparent 72%),
      radial-gradient(24% 16% at 74% 74%, rgba(126,157,134,0.18) 0%, rgba(126,157,134,0.07) 32%, transparent 74%),
      radial-gradient(28% 18% at 88% 18%, rgba(41,88,107,0.22) 0%, rgba(41,88,107,0.08) 34%, transparent 74%);
    filter: blur(18px);
    opacity: 1;
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-gradients {
    background:
      radial-gradient(24% 16% at 8% 14%, rgba(31,106,80,0.18) 0%, rgba(31,106,80,0.07) 34%, transparent 72%),
      radial-gradient(18% 14% at 24% 34%, rgba(191,199,190,0.24) 0%, rgba(191,199,190,0.10) 32%, transparent 72%),
      radial-gradient(22% 16% at 42% 64%, rgba(41,88,107,0.14) 0%, rgba(41,88,107,0.06) 34%, transparent 74%),
      radial-gradient(18% 14% at 58% 46%, rgba(31,106,80,0.10) 0%, rgba(31,106,80,0.04) 32%, transparent 72%),
      radial-gradient(22% 16% at 74% 74%, rgba(126,157,134,0.16) 0%, rgba(126,157,134,0.06) 32%, transparent 74%),
      radial-gradient(26% 18% at 88% 18%, rgba(41,88,107,0.12) 0%, rgba(41,88,107,0.05) 34%, transparent 74%);
    opacity: 0.92;
  }
  #hbf-why-hbf .hbfw7-wrap,
  #hbf-why-hbf .hbfw7-topline,
  #hbf-why-hbf .hbfw7-main {
    position: relative;
    z-index: 1;
  }
  #hbf-why-hbf .hbfw7-frame {
    position: relative;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 28px;
    padding: clamp(20px, 2vw, 28px);
    background: rgba(255,255,255,0.02);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-frame {
    border-color: rgba(95,123,97,0.18);
    background: rgba(255,255,255,0.04);
  }
  #hbf-why-hbf .hbfw7-topline {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--hbf-grid-gap);
    align-items: center;
    margin-bottom: 10px;
  }
  #hbf-why-hbf .hbfw7-topline-left {
    grid-column: 1 / span 5;
    min-width: 0;
  }
  #hbf-why-hbf .hbfw7-topline-right {
    grid-column: 6 / span 7;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }
  #hbf-why-hbf .hbfw7-microline {
    width: min(180px, 100%);
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--hbf-divider-color) 18%, var(--hbf-divider-color) 82%, transparent 100%);
    margin-top: 16px;
  }
  #hbf-why-hbf .hbfw7-topnote {
    width: min(100%, 720px);
    margin: 0 auto;
    text-align: center;
    color: rgba(255,255,255,0.84);
    font-size: var(--hbf-small);
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: 0.01em;
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-topnote {
    color: var(--hbf-text);
  }
  #hbf-why-hbf .hbfw7-main {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--hbf-grid-gap);
    align-items: center;
    margin-top: 0;
  }
  #hbf-why-hbf .hbfw7-copy {
    grid-column: 1 / span 5;
    min-width: 0;
    padding-top: 0;
    align-self: center;
  }
  #hbf-why-hbf .hbfw7-title {
    max-width: 9.5ch;
    color: #ffffff;
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-title {
    color: var(--hbf-text);
  }
  #hbf-why-hbf .hbfw7-lead {
    margin-top: var(--hbf-space-7);
    max-width: 34em;
    color: rgba(255,255,255,0.90);
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-lead {
    color: var(--hbf-text-soft);
  }
  #hbf-why-hbf .hbfw7-copyline {
    margin-top: var(--hbf-space-7);
    width: min(280px, 100%);
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.20) 68%, transparent 100%);
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-copyline {
    background: linear-gradient(90deg, rgba(35,49,43,0.22) 0%, rgba(35,49,43,0.14) 68%, transparent 100%);
  }
  #hbf-why-hbf .hbfw7-points {
    margin-top: var(--hbf-space-7);
    display: grid;
    gap: 18px;
  }
  #hbf-why-hbf .hbfw7-point {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 12px;
    align-items: start;
  }
  #hbf-why-hbf .hbfw7-point-dot {
    width: 10px;
    height: 10px;
    margin-top: 8px;
    border-radius: 50%;
    background: var(--hbf-accent-primary);
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--hbf-accent-primary) 14%, transparent);
  }
  #hbf-why-hbf .hbfw7-point:nth-child(2) .hbfw7-point-dot {
    background: var(--hbf-accent-tertiary);
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--hbf-accent-tertiary) 14%, transparent);
  }
  #hbf-why-hbf .hbfw7-point:nth-child(3) .hbfw7-point-dot {
    background: var(--hbf-accent-quaternary);
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--hbf-accent-quaternary) 14%, transparent);
  }
  #hbf-why-hbf .hbfw7-point-title {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.22;
    font-weight: 650;
    letter-spacing: -0.02em;
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-point-title {
    color: var(--hbf-text);
  }
  #hbf-why-hbf .hbfw7-point-text {
    margin-top: 6px;
    color: rgba(255,255,255,0.80);
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-point-text {
    color: var(--hbf-muted);
  }
  #hbf-why-hbf .hbfw7-media {
    grid-column: 6 / span 7;
    min-width: 0;
    position: relative;
    align-self: start;
  }
  #hbf-why-hbf .hbfw7-media-topspace {
    height: 0;
  }
  #hbf-why-hbf .hbfw7-media-main {
    position: relative;
    min-height: 820px;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.16);
    background:
      linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.18) 100%),
      url("../media/image/strategic_rationale/field_tested_structure.webp");
    background-size: cover;
    background-position: center center;
    box-shadow: var(--hbf-shadow-lg);
  }
  html[data-site-theme="light"] #hbf-why-hbf .hbfw7-media-main {
    border-color: rgba(255,255,255,0.18);
  }
  #hbf-why-hbf .hbfw7-media-main::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10,16,19,0.04) 0%, rgba(10,16,19,0.16) 100%);
    pointer-events: none;
  }
  #hbf-why-hbf .hbfw7-media-chip {
    position: absolute;
    left: 22px;
    top: 22px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.18);
    color: #ffffff;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    font-size: 12px;
    line-height: 1;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  #hbf-why-hbf .hbfw7-media-caption {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    z-index: 2;
    display: grid;
    gap: 10px;
    padding: 18px 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.16);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
  #hbf-why-hbf .hbfw7-media-caption-title {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: -0.02em;
  }
  #hbf-why-hbf .hbfw7-media-caption-text {
    margin: 0;
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
  }
  @media (max-width: 1199px) {
    #hbf-why-hbf .hbfw7-copy {
      grid-column: 1 / span 5;
    }
    #hbf-why-hbf .hbfw7-media {
      grid-column: 6 / span 7;
    }
  }
  @media (max-width: 991px) {
    #hbf-why-hbf .hbfw7-topline-left,
    #hbf-why-hbf .hbfw7-topline-right,
    #hbf-why-hbf .hbfw7-copy,
    #hbf-why-hbf .hbfw7-media {
      grid-column: 1 / -1;
      max-width: 100%;
    }
    #hbf-why-hbf .hbfw7-topline {
      align-items: start;
      margin-bottom: 16px;
    }
    #hbf-why-hbf .hbfw7-topline-right {
      justify-content: flex-start;
    }
    #hbf-why-hbf .hbfw7-topnote {
      width: 100%;
      text-align: left;
    }
    #hbf-why-hbf .hbfw7-media-topspace {
      display: none;
    }
    #hbf-why-hbf .hbfw7-media-main {
      min-height: 620px;
    }
  }
  @media (max-width: 640px) {
    #hbf-why-hbf .hbfw7-title,
    #hbf-why-hbf .hbfw7-lead {
      max-width: 100%;
    }
    #hbf-why-hbf .hbfw7-frame {
      padding: 16px;
      border-radius: 22px;
    }
    #hbf-why-hbf .hbfw7-media-main {
      min-height: 520px;
      border-radius: 22px;
    }
    #hbf-why-hbf .hbfw7-media-chip {
      left: 16px;
      top: 16px;
    }
    #hbf-why-hbf .hbfw7-media-caption {
      left: 16px;
      right: 16px;
      bottom: 16px;
      padding: 16px;
    }
    #hbf-why-hbf .hbfw7-point {
      grid-template-columns: 18px 1fr;
      gap: 10px;
    }
    #hbf-why-hbf .hbfw7-point-title {
      font-size: 17px;
    }
  }

#hbf-photo-banner {
    position: relative;
    overflow: hidden;
    min-height: 80vh;
    height: 80vh;
    border-bottom: 1px solid var(--hbf-divider-color);
    background: #0a1013;
  }

  #hbf-photo-banner,
  #hbf-photo-banner * {
    box-sizing: border-box;
  }

  #hbf-photo-banner .hbfpb-image,
  #hbf-photo-banner .hbfpb-overlay,
  #hbf-photo-banner .hbfpb-shell {
    position: absolute;
    inset: 0;
  }

  #hbf-photo-banner .hbfpb-image {
    background:
      url("../media/image/visual_statement/visual_statement_bg_desktop.webp")
      center center / cover no-repeat;
    transform: scale(1.02);
  }

  #hbf-photo-banner .hbfpb-overlay {
    pointer-events: none;
  }

  html[data-site-theme="dark"] #hbf-photo-banner .hbfpb-overlay {
    background:
      linear-gradient(90deg, rgba(7,10,15,0.64) 0%, rgba(7,10,15,0.42) 22%, rgba(7,10,15,0.16) 46%, rgba(7,10,15,0.02) 68%, rgba(7,10,15,0.00) 100%),
      linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.18) 100%);
  }

  html[data-site-theme="light"] #hbf-photo-banner .hbfpb-overlay {
    background:
      linear-gradient(90deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.00) 100%),
      linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.08) 0%);
  }

  #hbf-photo-banner .hbfpb-shell {
    z-index: 2;
    display: flex;
    align-items: flex-start;
  }

  #hbf-photo-banner .hbfpb-inner {
    width: 100%;
    max-width: var(--hbf-max);
    margin: 0 auto;
    padding: var(--hbf-section-y) var(--hbf-container-x);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  #hbf-photo-banner .hbfpb-content {
    width: 100%;
    max-width: 410px;
    align-self: flex-start;
  }

  #hbf-photo-banner .hbfpb-glass {
    position: relative;
    width: 100%;
    padding: 20px 20px 18px;
    border-radius: 24px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: var(--hbf-shadow-md);
    overflow: hidden;
  }

  #hbf-photo-banner .hbfpb-glass::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  html[data-site-theme="dark"] #hbf-photo-banner .hbfpb-glass {
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.10);
  }

  html[data-site-theme="dark"] #hbf-photo-banner .hbfpb-glass::before {
    background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.015) 100%);
  }

  html[data-site-theme="light"] #hbf-photo-banner .hbfpb-glass {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
  }

  html[data-site-theme="light"] #hbf-photo-banner .hbfpb-glass::before {
    background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.04) 0%);
  }

  #hbf-photo-banner .hbfpb-glass-inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 16px;
  }

  #hbf-photo-banner .hbfpb-kicker {
    color: #ffffff;
    border-color: rgba(255,255,255,0.16);
    background: rgba(255,255,255,0.06);
  }

  #hbf-photo-banner .hbfpb-title {
    margin: 0;
    max-width: 11ch;
    color: #ffffff;
  }

  #hbf-photo-banner .hbfpb-text {
    margin: 0;
    max-width: 25ch;
    color: rgba(255,255,255,0.86);
  }

  @media (max-width: 991px) {
    #hbf-photo-banner {
      min-height: 72vh;
      height: 72vh;
    }

    #hbf-photo-banner .hbfpb-content {
      max-width: 390px;
    }
  }

  @media (max-width: 640px) {
    #hbf-photo-banner {
      min-height: 68vh;
      height: 68vh;
    }

    #hbf-photo-banner .hbfpb-inner {
      padding: var(--hbf-section-y) var(--hbf-container-x);
    }

    #hbf-photo-banner .hbfpb-content {
      max-width: 100%;
    }

    #hbf-photo-banner .hbfpb-glass {
      padding: 18px 18px 16px;
      border-radius: 20px;
    }

    #hbf-photo-banner .hbfpb-title,
    #hbf-photo-banner .hbfpb-text {
      max-width: 100%;
    }
  }

  @media (max-height: 500px) and (orientation: landscape) {
    #hbf-photo-banner {
      min-height: 62vh;
      height: 62vh;
    }
  }

#hbf-why-now {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
      --hbfp17-phase12-height: clamp(520px, calc(100vh - 360px), 600px);
      --hbfp17-gap: 80px;
    }
    #hbf-why-now,
    #hbf-why-now * {
      box-sizing: border-box;
    }
    #hbf-why-now .hbfp17-bg,
    #hbf-why-now .hbfp17-noise {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }
    #hbf-why-now .hbfp17-bg {
      z-index: 0;
      background-image: url("../media/image/cards/why_now_01.webp");
      background-size: cover;
      background-position: center center;
      filter: blur(34px);
      transform: scale(1.08);
    }
    html[data-site-theme="light"] #hbf-why-now .hbfp17-bg {
      opacity: 0.15;
    }
    html[data-site-theme="dark"] #hbf-why-now .hbfp17-bg {
      opacity: 0.10;
    }
    #hbf-why-now .hbfp17-noise {
      z-index: 0;
      opacity: 0.04;
      mix-blend-mode: soft-light;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
    }

    #hbf-why-now .hbfp17-scrollzone {
      position: relative;
      z-index: 1;
      min-height: auto;
      padding-top: calc(var(--hbf-section-y) * 0.04);
      padding-bottom: calc(var(--hbfp17-gap) + 40px);
    }

    #hbf-why-now .hbfp17-screen {
      position: relative;
      min-height: auto;
      display: flex;
      align-items: flex-start;
      padding-top: 0;
    }
    #hbf-why-now .hbfp17-screen + .hbfp17-screen {
      margin-top: var(--hbfp17-gap);
    }

    #hbf-why-now .hbfp17-frame {
      position: relative;
      width: 100%;
      max-width: var(--hbf-max);
      margin: 0 auto;
      padding-left: var(--hbf-container-x);
      padding-right: var(--hbf-container-x);
    }

    #hbf-why-now .hbfp17-phase-top {
      margin-bottom: 10px;
    }

    #hbf-why-now .hbfp17-grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: var(--hbf-grid-gap);
      align-items: start;
    }

    #hbf-why-now .hbfp17-copy,
    #hbf-why-now .hbfp17-visual {
      min-width: 0;
    }

    #hbf-why-now .hbfp17-copy--left {
      grid-column: 1 / span 6;
    }
    #hbf-why-now .hbfp17-copy--right {
      grid-column: 7 / span 6;
    }
    #hbf-why-now .hbfp17-visual--right {
      grid-column: 7 / span 6;
    }
    #hbf-why-now .hbfp17-visual--left {
      grid-column: 1 / span 6;
    }

    #hbf-why-now .hbfp17-title,
    #hbf-why-now .hbfp17-aux-title,
    #hbf-why-now .hbfp17-phase3-title {
      margin: 0;
      color: var(--hbf-text);
      font-size: var(--hbf-h2);
      line-height: var(--hbf-line-tight);
      letter-spacing: var(--hbf-letter-tight);
      font-weight: 700;
      text-wrap: balance;
      max-width: 13ch;
    }

    #hbf-why-now .hbfp17-card-title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(24px, 2vw, 30px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-wrap: normal;
      max-width: none;
    }

    #hbf-why-now .hbfp17-lead {
      margin-top: var(--hbf-space-7);
      max-width: 38em;
    }
    #hbf-why-now .hbfp17-highlight-wrap {
      margin-top: var(--hbf-space-7);
      max-width: 38em;
    }
    #hbf-why-now .hbfp17-highlight {
      width: 100%;
      padding: 24px 24px;
      border-radius: 24px;
      border: 1px solid rgba(21,123,99,0.34);
      background: linear-gradient(180deg, rgba(14,102,82,0.98) 0%, rgba(9,72,58,0.98) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 16px 34px rgba(10,94,75,0.18);
    }
    #hbf-why-now .hbfp17-highlight p {
      margin: 0;
      color: #ffffff;
      font-size: clamp(18px, 2vw, 22px);
      line-height: 1.42;
      font-weight: 700;
      letter-spacing: -0.02em;
    }

    #hbf-why-now .hbfp17-copy--left .hbfp17-copy-inner,
    #hbf-why-now .hbfp17-copy--right .hbfp17-aux,
    #hbf-why-now .hbfp17-copy--left.hbfp17-copy--phase3 .hbfp17-copy-inner {
      width: 100%;
    }

    #hbf-why-now .hbfp17-copy--left .hbfp17-copy-inner {
      min-height: var(--hbfp17-phase12-height);
      display: grid;
      align-content: start;
    }
    #hbf-why-now .hbfp17-card--phase1,
    #hbf-why-now .hbfp17-card--phase2,
    #hbf-why-now .hbfp17-card--phase3 {
      min-height: calc(var(--hbfp17-phase12-height) - 10px);
    }
    #hbf-why-now .hbfp17-copy--right .hbfp17-aux {
      min-height: calc(var(--hbfp17-phase12-height) - 10px);
      display: grid;
      align-content: center;
      gap: var(--hbf-space-7);
    }
    #hbf-why-now .hbfp17-copy--left.hbfp17-copy--phase3 .hbfp17-copy-inner {
      min-height: calc(var(--hbfp17-phase12-height) - 10px);
      display: grid;
      align-content: center;
      gap: var(--hbf-space-7);
    }

    #hbf-why-now .hbfp17-card {
      width: 100%;
      border-radius: 30px;
      border: 1px solid var(--hbf-card-border);
      background: color-mix(in srgb, var(--hbf-surface-2) 90%, transparent);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      box-shadow: var(--hbf-shadow-lg);
      overflow: hidden;
    }
    html[data-site-theme="dark"] #hbf-why-now .hbfp17-card {
      background: rgba(20,31,38,0.72);
      border-color: rgba(111,145,126,0.18);
    }
    html[data-site-theme="light"] #hbf-why-now .hbfp17-card {
      background: rgba(255,255,255,0.90);
      border-color: rgba(95,123,97,0.18);
      box-shadow: 0 24px 70px rgba(25,122,98,0.08);
    }

    #hbf-why-now .hbfp17-card-inner {
      height: 100%;
      display: grid;
      gap: 16px;
      padding: 26px 26px 22px;
      grid-template-rows: auto auto auto auto 1fr auto;
    }
    #hbf-why-now .hbfp17-card-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
    }
    #hbf-why-now .hbfp17-card-badge {
      width: 62px;
      height: 62px;
      display: grid;
      place-items: center;
      border-radius: 18px;
      background: color-mix(in srgb, var(--hbf-accent-secondary) 18%, transparent);
      border: 1px solid color-mix(in srgb, var(--hbf-accent-secondary) 24%, transparent);
      color: var(--hbf-text);
      font-size: 17px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: -0.02em;
    }
    #hbf-why-now .hbfp17-card-tag {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 0 12px;
      border-radius: 999px;
      background: color-mix(in srgb, var(--hbf-accent-primary) 16%, transparent);
      border: 1px solid color-mix(in srgb, var(--hbf-accent-primary) 22%, transparent);
      color: var(--hbf-text);
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    #hbf-why-now .hbfp17-card-media {
      width: 100%;
      aspect-ratio: 21 / 9;
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid var(--hbf-card-border);
      background:
        linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.18) 100%),
        url("../media/image/strategic_rationale/field_tested_structure.webp");
      background-size: cover;
      background-position: center center;
    }
    #hbf-why-now .hbfp17-card--phase3 .hbfp17-card-media {
      background:
        linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.18) 100%),
        url("../media/image/cards/why_now_03.webp");
      background-size: cover;
      background-position: center center;
    }
    html[data-site-theme="light"] #hbf-why-now .hbfp17-card-media {
      border-color: rgba(95,123,97,0.18);
    }

    #hbf-why-now .hbfp17-card-text {
      margin: 0;
      max-width: 34em;
      align-self: center;
    }
    #hbf-why-now .hbfp17-card-rail {
      margin-top: auto;
      display: grid;
      gap: 12px;
    }
    #hbf-why-now .hbfp17-card-line {
      height: 1px;
      background: linear-gradient(90deg, var(--hbf-divider-color) 0%, transparent 100%);
    }
    #hbf-why-now .hbfp17-card-micro {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
      color: var(--hbf-soft);
      font-size: 12px;
      line-height: 1.45;
      font-weight: 600;
      letter-spacing: 0.02em;
    }
    html[data-site-theme="dark"] #hbf-why-now .hbfp17-card-micro {
      color: rgba(255,255,255,0.70);
    }

    #hbf-why-now .hbfp17-bottom-note {
      margin-top: 14px;
      padding-top: 16px;
      border-top: 1px solid var(--hbf-border);
    }
    #hbf-why-now .hbfp17-bottom-note p {
      margin: 0;
      max-width: none;
    }

    #hbf-why-now .hbfp17-aux-text {
      margin: 0;
    }
    #hbf-why-now .hbfp17-aux-highlight {
      padding: 20px 22px;
      border-radius: 22px;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.92);
      box-shadow: 0 14px 30px rgba(15,23,32,0.05);
    }
    #hbf-why-now .hbfp17-aux-highlight p {
      margin: 0;
      color: #182128;
      font-size: clamp(17px, 1.8vw, 21px);
      line-height: 1.42;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    #hbf-why-now .hbfp17-phase3-highlight {
      padding: 22px 24px;
      border-radius: 22px;
      background: rgba(255,255,255,0.92);
      border: 1px solid rgba(255,255,255,0.12);
      box-shadow: 0 14px 30px rgba(15,23,32,0.05);
    }
    #hbf-why-now .hbfp17-phase3-highlight p {
      margin: 0;
      color: #182128;
      font-size: clamp(17px, 1.8vw, 21px);
      line-height: 1.42;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    @media (max-width: 991px) {
      #hbf-why-now {
        --hbfp17-gap: 24px;
      }
    
      #hbf-why-now .hbfp17-scrollzone {
        min-height: auto;
        padding-top: 24px;
        padding-bottom: 24px;
      }
    
      #hbf-why-now .hbfp17-screen {
        min-height: auto;
        padding-top: 16px;
      }
    
      #hbf-why-now .hbfp17-screen + .hbfp17-screen {
        margin-top: 24px;
      }
    
      #hbf-why-now .hbfp17-copy--left,
      #hbf-why-now .hbfp17-copy--right,
      #hbf-why-now .hbfp17-visual--right,
      #hbf-why-now .hbfp17-visual--left {
        grid-column: 1 / -1;
        max-width: 100%;
      }
    
      #hbf-why-now .hbfp17-card--phase1,
      #hbf-why-now .hbfp17-card--phase2,
      #hbf-why-now .hbfp17-card--phase3,
      #hbf-why-now .hbfp17-copy--left .hbfp17-copy-inner,
      #hbf-why-now .hbfp17-copy--right .hbfp17-aux,
      #hbf-why-now .hbfp17-copy--left.hbfp17-copy--phase3 .hbfp17-copy-inner {
        min-height: auto;
      }
    
      #hbf-why-now .hbfp17-title,
      #hbf-why-now .hbfp17-aux-title,
      #hbf-why-now .hbfp17-phase3-title {
       max-width: 100%;
     }
    
     #hbf-why-now .hbfp17-copy--left,
      #hbf-why-now .hbfp17-copy--right,
      #hbf-why-now .hbfp17-visual--left,
      #hbf-why-now .hbfp17-visual--right {
        order: initial;
      }
    
     #hbf-why-now .hbfp17-screen:nth-of-type(2) .hbfp17-copy--right {
        order: 1;
      }
    
      #hbf-why-now .hbfp17-screen:nth-of-type(2) .hbfp17-visual--left {
        order: 2;
      }
    }
    
    @media (max-width: 640px) {
      #hbf-why-now {
        --hbfp17-gap: 24px;
      }
    
      #hbf-why-now .hbfp17-scrollzone {
        padding-top: 24px;
        padding-bottom: 24px;
      }
    
      #hbf-why-now .hbfp17-screen {
       padding-top: 16px;
       min-height: auto;
     }
    
      #hbf-why-now .hbfp17-screen + .hbfp17-screen {
        margin-top: 24px;
      }
    
     #hbf-why-now .hbfp17-title,
     #hbf-why-now .hbfp17-aux-title,
      #hbf-why-now .hbfp17-phase3-title {
       font-size: var(--hbf-h2);
        line-height: var(--hbf-line-tight);
        letter-spacing: var(--hbf-letter-tight);
      }
    
      #hbf-why-now .hbfp17-card-title {
        font-size: 22px;
      }
    
     #hbf-why-now .hbfp17-title,
     #hbf-why-now .hbfp17-lead,
     #hbf-why-now .hbfp17-highlight-wrap,
     #hbf-why-now .hbfp17-bottom-note,
     #hbf-why-now .hbfp17-aux,
     #hbf-why-now .hbfp17-aux-text {
      max-width: 100%;
      }
    
     #hbf-why-now .hbfp17-card,
      #hbf-why-now .hbfp17-phase3-highlight,
      #hbf-why-now .hbfp17-aux-highlight,
      #hbf-why-now .hbfp17-highlight {
        border-radius: 22px;
      }
    
     #hbf-why-now .hbfp17-card-inner {
       padding: 20px 18px 18px;
       gap: 16px;
     }
    
     #hbf-why-now .hbfp17-card-badge {
       width: 48px;
       height: 48px;
       border-radius: 14px;
       font-size: 15px;
     }
    
      #hbf-why-now .hbfp17-card-media {
        border-radius: 14px;
      }
    
      #hbf-why-now .hbfp17-highlight,
      #hbf-why-now .hbfp17-aux-highlight,
      #hbf-why-now .hbfp17-phase3-highlight {
        padding: 18px 18px;
      }
    
     #hbf-why-now .hbfp17-highlight-wrap,
      #hbf-why-now .hbfp17-lead {
        margin-top: 24px;
      }
    
     #hbf-why-now .hbfp17-bottom-note {
       margin-top: 24px;
       padding-top: 16px;
     }
    }

#hbf-funded-now {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--hbf-divider-color);
    background: var(--hbf-bg);
  }
  #hbf-funded-now,
  #hbf-funded-now * {
    box-sizing: border-box;
  }

  #hbf-funded-now .hbffv2e-bg,
  #hbf-funded-now .hbffv2e-overlay,
  #hbf-funded-now .hbffv2e-noise {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  #hbf-funded-now .hbffv2e-bg {
    z-index: 0;
    background:
      url("../media/image/system_definition/system_definition_bg_desktop.webp")
      center center / cover no-repeat;
    transform: scale(1.05);
    filter: blur(8px);
  }

  html[data-site-theme="dark"] #hbf-funded-now .hbffv2e-bg {
    opacity: 0.38;
  }
  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-bg {
    opacity: 1;
  }

  #hbf-funded-now .hbffv2e-overlay {
    z-index: 0;
  }

  html[data-site-theme="dark"] #hbf-funded-now .hbffv2e-overlay {
    background:
      radial-gradient(64% 56% at 12% 18%, rgba(117, 205, 165, 0.18) 0%, transparent 54%),
      radial-gradient(56% 48% at 76% 20%, rgba(255,255,255,0.06) 0%, transparent 50%),
      radial-gradient(72% 60% at 62% 80%, rgba(27, 110, 86, 0.20) 0%, transparent 58%),
      linear-gradient(180deg, rgba(7,12,14,0.72) 0%, rgba(7,12,14,0.66) 100%);
  }

  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-overlay {
    background:
      radial-gradient(60% 52% at 14% 18%, rgba(116, 198, 156, 0.10) 0%, transparent 52%),
      radial-gradient(54% 48% at 78% 24%, rgba(255,255,255,0.01) 0%, transparent 48%),
      radial-gradient(68% 58% at 62% 78%, rgba(29, 120, 90, 0.08) 0%, transparent 58%);
  }

  #hbf-funded-now .hbffv2e-noise {
    z-index: 0;
    opacity: 0.05;
    mix-blend-mode: soft-light;
    background-image:
      radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
      radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
      radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
    background-size: 34px 34px, 42px 42px, 38px 38px;
  }

  #hbf-funded-now .hbffv2e-shell {
    position: relative;
    z-index: 1;
  }

  #hbf-funded-now .hbffv2e-head {
    display: grid;
    gap: 18px;
    max-width: 920px;
    margin-bottom: 34px;
  }

  #hbf-funded-now .hbffv2e-title {
    max-width: 11ch;
    margin: 0;
    color: #ffffff;
  }

  #hbf-funded-now .hbffv2e-lead {
    max-width: 50em;
    margin: 0;
    color: rgba(255,255,255,0.92);
  }

  #hbf-funded-now .hbffv2e-layout {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--hbf-grid-gap);
    align-items: start;
  }

  #hbf-funded-now .hbffv2e-card,
  #hbf-funded-now .hbffv2e-summary__panel {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,0.16);
    box-shadow: var(--hbf-shadow-lg);
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    background: rgba(255,255,255,0.03);
  }

  #hbf-funded-now .hbffv2e-card::before,
  #hbf-funded-now .hbffv2e-summary__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%);
  }

  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-card {
    background: rgba(255,255,255,0.02);
    border-color: rgba(255,255,255,0.22);
    box-shadow: 0 22px 54px rgba(18,56,38,0.10);
  }
  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-card::before {
    background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
  }

  #hbf-funded-now .hbffv2e-card__inner,
  #hbf-funded-now .hbffv2e-summary__inner {
    position: relative;
    z-index: 1;
    padding: 24px 24px 22px;
    display: grid;
    gap: 14px;
  }

  #hbf-funded-now .hbffv2e-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  #hbf-funded-now .hbffv2e-card__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 14px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.02em;
  }

  #hbf-funded-now .hbffv2e-card__tag {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  html[data-site-theme="dark"] #hbf-funded-now .hbffv2e-card__index,
  html[data-site-theme="dark"] #hbf-funded-now .hbffv2e-card__tag,
  html[data-site-theme="dark"] #hbf-funded-now .hbffv2e-summary__panel--logic {
    background: linear-gradient(180deg, rgba(14,102,82,0.98) 0%, rgba(9,72,58,0.98) 100%);
    border: 1px solid rgba(21,123,99,0.34);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.06),
      0 16px 34px rgba(10,94,75,0.18);
  }

  html[data-site-theme="dark"] #hbf-funded-now .hbffv2e-card__tag {
    color: #d8efe4;
  }

  html[data-site-theme="dark"] #hbf-funded-now .hbffv2e-summary__panel--negative {
    background: linear-gradient(180deg, rgba(68,0,0,0.96) 0%, rgba(48,0,0,0.96) 100%);
    border: 1px solid rgba(110,24,24,0.34);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 16px 34px rgba(68,0,0,0.18);
  }

  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-card__index,
  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-card__tag {
    background: linear-gradient(180deg, rgba(14,102,82,0.50) 0%, rgba(9,72,58,0.50) 100%);
    border: 1px solid rgba(21,123,99,0.20);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 10px 22px rgba(10,94,75,0.10);
  }

  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-card__tag {
    color: #e8fff5;
  }

  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-summary__panel--logic {
    background: linear-gradient(180deg, rgba(14,102,82,0.50) 0%, rgba(9,72,58,0.50) 100%);
    border: 1px solid rgba(21,123,99,0.20);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 10px 22px rgba(10,94,75,0.10);
  }
  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-summary__panel--logic::before {
    background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
  }

  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-summary__panel--negative {
    background: linear-gradient(180deg, rgba(68,0,0,0.50) 0%, rgba(48,0,0,0.50) 100%);
    border: 1px solid rgba(110,24,24,0.20);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.04),
      0 10px 22px rgba(68,0,0,0.10);
  }
  html[data-site-theme="light"] #hbf-funded-now .hbffv2e-summary__panel--negative::before {
    background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
  }

  #hbf-funded-now .hbffv2e-card__title,
  #hbf-funded-now .hbffv2e-summary__title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(22px, 1.9vw, 28px);
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-weight: 700;
    text-wrap: balance;
  }

  #hbf-funded-now .hbffv2e-card__text,
  #hbf-funded-now .hbffv2e-summary__text {
    margin: 0;
    color: rgba(255,255,255,0.90);
  }

  #hbf-funded-now .hbffv2e-card__line {
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0.16) 0%, transparent 100%);
  }

  #hbf-funded-now .hbffv2e-card__micro {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    color: rgba(255,255,255,0.66);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: 0.02em;
  }

  #hbf-funded-now .hbffv2e-card--main {
    grid-column: 1 / span 6;
  }
  #hbf-funded-now .hbffv2e-card--secondary {
    grid-column: 8 / span 5;
    margin-top: 26px;
  }
  #hbf-funded-now .hbffv2e-card--small-a {
    grid-column: 2 / span 4;
    margin-top: -8px;
  }
  #hbf-funded-now .hbffv2e-card--small-b {
    grid-column: 7 / span 3;
    margin-top: 22px;
  }
  #hbf-funded-now .hbffv2e-card--small-c {
    grid-column: 10 / span 3;
    margin-top: -14px;
  }

  #hbf-funded-now .hbffv2e-summary {
    margin-top: 26px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--hbf-grid-gap);
    align-items: stretch;
  }

  #hbf-funded-now .hbffv2e-summary__left {
    grid-column: 1 / span 7;
  }
  #hbf-funded-now .hbffv2e-summary__right {
    grid-column: 8 / span 5;
  }

  #hbf-funded-now .hbffv2e-summary__panel--negative .hbffv2e-summary__title,
  #hbf-funded-now .hbffv2e-summary__panel--negative .hbffv2e-summary__text,
  #hbf-funded-now .hbffv2e-summary__panel--logic .hbffv2e-summary__title,
  #hbf-funded-now .hbffv2e-summary__panel--logic .hbffv2e-summary__text {
    color: #ffffff;
  }

  @media (max-width: 991px) {
    #hbf-funded-now .hbffv2e-card--main,
    #hbf-funded-now .hbffv2e-card--secondary,
    #hbf-funded-now .hbffv2e-card--small-a,
    #hbf-funded-now .hbffv2e-card--small-b,
    #hbf-funded-now .hbffv2e-card--small-c,
    #hbf-funded-now .hbffv2e-summary__left,
    #hbf-funded-now .hbffv2e-summary__right {
      grid-column: 1 / -1;
      margin-top: 0;
    }
    #hbf-funded-now .hbffv2e-layout,
    #hbf-funded-now .hbffv2e-summary {
      gap: 18px;
    }
    #hbf-funded-now .hbffv2e-summary {
      margin-top: 18px;
    }
  }

  @media (max-width: 640px) {
    #hbf-funded-now .hbffv2e-head {
      margin-bottom: 24px;
    }
    #hbf-funded-now .hbffv2e-card,
    #hbf-funded-now .hbffv2e-summary__panel {
      border-radius: 22px;
    }
    #hbf-funded-now .hbffv2e-card__inner,
    #hbf-funded-now .hbffv2e-summary__inner {
      padding: 20px 18px 18px;
    }
    #hbf-funded-now .hbffv2e-card__title,
    #hbf-funded-now .hbffv2e-summary__title {
      font-size: 22px;
    }
  }

#hbf-after-predev {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
    }
    #hbf-after-predev,
    #hbf-after-predev * {
      box-sizing: border-box;
    }

    #hbf-after-predev .hbfa62b-bg,
    #hbf-after-predev .hbfa62b-overlay,
    #hbf-after-predev .hbfa62b-noise {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #hbf-after-predev .hbfa62b-bg {
      z-index: 0;
      background:
        url("../media/image/visual_statement/visual_statement_bg_desktop.webp")
        center center / cover no-repeat;
      transform: scale(1.04);
      filter: blur(14px);
    }

    html[data-site-theme="dark"] #hbf-after-predev .hbfa62b-bg {
      opacity: 0.18;
    }
    html[data-site-theme="light"] #hbf-after-predev .hbfa62b-bg {
      opacity: 0.12;
    }

    #hbf-after-predev .hbfa62b-overlay {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-after-predev .hbfa62b-overlay {
      background:
        radial-gradient(72% 56% at 14% 18%, rgba(117, 205, 165, 0.12) 0%, transparent 54%),
        radial-gradient(56% 48% at 76% 20%, rgba(255,255,255,0.05) 0%, transparent 50%),
        radial-gradient(72% 60% at 62% 80%, rgba(27,110,86,0.16) 0%, transparent 58%),
        linear-gradient(180deg, rgba(8,12,14,0.88) 0%, rgba(8,12,14,0.82) 100%);
    }

    html[data-site-theme="light"] #hbf-after-predev .hbfa62b-overlay {
      background:
        radial-gradient(66% 50% at 14% 18%, rgba(116,198,156,0.09) 0%, transparent 52%),
        radial-gradient(54% 44% at 78% 24%, rgba(255,255,255,0.04) 0%, transparent 48%),
        radial-gradient(66% 56% at 62% 78%, rgba(29,120,90,0.07) 0%, transparent 58%),
        linear-gradient(180deg, rgba(248,251,249,0.92) 0%, rgba(244,248,246,0.90) 100%);
    }

    #hbf-after-predev .hbfa62b-noise {
      z-index: 0;
      opacity: 0.05;
      mix-blend-mode: soft-light;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
    }

    #hbf-after-predev .hbfa62b-shell {
      position: relative;
      z-index: 1;
    }

    #hbf-after-predev .hbfa62b-head {
      display: grid;
      gap: 18px;
      max-width: 920px;
      margin-bottom: 34px;
    }

    #hbf-after-predev .hbfa62b-title {
      max-width: 12ch;
      margin: 0;
      color: var(--hbf-text);
    }

    #hbf-after-predev .hbfa62b-lead {
      max-width: 52em;
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-after-predev .hbfa62b-logic {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr) 54px minmax(0, 1fr);
      gap: 0;
      align-items: stretch;
    }

    #hbf-after-predev .hbfa62b-card {
      position: relative;
      min-width: 0;
      border-radius: 28px;
      overflow: hidden;
      border: 1px solid var(--hbf-card-border);
      box-shadow: var(--hbf-shadow-lg);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
    }

    #hbf-after-predev .hbfa62b-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-after-predev .hbfa62b-card {
      background: rgba(255,255,255,0.03);
      border-color: rgba(255,255,255,0.12);
    }
    html[data-site-theme="dark"] #hbf-after-predev .hbfa62b-card::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-after-predev .hbfa62b-card {
      background: rgba(255,255,255,0.42);
      border-color: rgba(95,123,97,0.14);
      box-shadow: 0 22px 54px rgba(18,56,38,0.08);
    }
    html[data-site-theme="light"] #hbf-after-predev .hbfa62b-card::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 100%);
    }

    #hbf-after-predev .hbfa62b-card__inner {
      position: relative;
      z-index: 1;
      height: 100%;
      padding: 26px 24px 22px;
      display: grid;
      gap: 16px;
      grid-template-rows: auto auto auto 1fr auto;
    }

    #hbf-after-predev .hbfa62b-card__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    #hbf-after-predev .hbfa62b-card__index {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 46px;
      height: 46px;
      padding: 0 14px;
      border-radius: 14px;
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    #hbf-after-predev .hbfa62b-card__tag {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 999px;
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    #hbf-after-predev .hbfa62b-card--phase1 .hbfa62b-card__index,
    #hbf-after-predev .hbfa62b-card--phase1 .hbfa62b-card__tag {
      background: linear-gradient(180deg, rgba(14,102,82,0.98) 0%, rgba(9,72,58,0.98) 100%);
      border: 1px solid rgba(21,123,99,0.34);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 16px 34px rgba(10,94,75,0.18);
      color: #e3fff1;
    }

    #hbf-after-predev .hbfa62b-card--phase2 .hbfa62b-card__index,
    #hbf-after-predev .hbfa62b-card--phase2 .hbfa62b-card__tag {
      background: linear-gradient(180deg, rgba(181,158,125,0.96) 0%, rgba(149,125,96,0.96) 100%);
      border: 1px solid rgba(126,98,70,0.28);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 14px 30px rgba(92,67,48,0.12);
      color: #ffffff;
    }

    #hbf-after-predev .hbfa62b-card--phase3 .hbfa62b-card__index,
    #hbf-after-predev .hbfa62b-card--phase3 .hbfa62b-card__tag {
      background: linear-gradient(180deg, rgba(43,79,136,0.98) 0%, rgba(24,52,97,0.98) 100%);
      border: 1px solid rgba(84,124,188,0.36);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 16px 34px rgba(24,52,97,0.24);
      color: #ffffff;
    }

    #hbf-after-predev .hbfa62b-card__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(24px, 1.9vw, 30px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-wrap: balance;
    }

    #hbf-after-predev .hbfa62b-card__text {
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-after-predev .hbfa62b-card__micro {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      color: var(--hbf-soft);
      font-size: 12px;
      line-height: 1.45;
      font-weight: 600;
      letter-spacing: 0.02em;
    }

    #hbf-after-predev .hbfa62b-card__line {
      height: 1px;
      background: linear-gradient(90deg, var(--hbf-divider-color) 0%, transparent 100%);
    }

    #hbf-after-predev .hbfa62b-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    #hbf-after-predev .hbfa62b-arrow::before {
      content: "";
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--hbf-accent-primary) 44%, var(--hbf-border-strong)) 24%, color-mix(in srgb, var(--hbf-accent-primary) 44%, var(--hbf-border-strong)) 76%, transparent 100%);
    }

    #hbf-after-predev .hbfa62b-arrow::after {
      content: "";
      position: absolute;
      right: 8px;
      width: 12px;
      height: 12px;
      border-top: 2px solid color-mix(in srgb, var(--hbf-accent-primary) 44%, var(--hbf-border-strong));
      border-right: 2px solid color-mix(in srgb, var(--hbf-accent-primary) 44%, var(--hbf-border-strong));
      transform: rotate(45deg);
    }

    #hbf-after-predev .hbfa62b-summary {
      margin-top: 24px;
      position: relative;
      border-radius: 24px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.12);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      background: rgba(255,255,255,0.03);
      box-shadow: var(--hbf-shadow-md);
    }

    #hbf-after-predev .hbfa62b-summary::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-after-predev .hbfa62b-summary {
      background: rgba(255,255,255,0.38);
      border-color: rgba(95,123,97,0.12);
    }

    #hbf-after-predev .hbfa62b-summary__inner {
      position: relative;
      z-index: 1;
      padding: 22px 24px;
      display: grid;
      gap: 12px;
    }

    #hbf-after-predev .hbfa62b-summary__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(20px, 1.5vw, 24px);
      line-height: 1.14;
      letter-spacing: -0.02em;
      font-weight: 700;
    }

    #hbf-after-predev .hbfa62b-summary__text {
      margin: 0;
      color: var(--hbf-text-soft);
      max-width: 66em;
    }

    @media (max-width: 991px) {
      #hbf-after-predev .hbfa62b-logic {
        grid-template-columns: 1fr;
        gap: 18px;
      }
      #hbf-after-predev .hbfa62b-arrow {
        min-height: 22px;
      }
      #hbf-after-predev .hbfa62b-arrow::before {
        width: 2px;
        height: 100%;
        background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--hbf-accent-primary) 44%, var(--hbf-border-strong)) 24%, color-mix(in srgb, var(--hbf-accent-primary) 44%, var(--hbf-border-strong)) 76%, transparent 100%);
      }
      #hbf-after-predev .hbfa62b-arrow::after {
        right: auto;
        bottom: 2px;
        top: auto;
        width: 10px;
        height: 10px;
        border-top: 2px solid color-mix(in srgb, var(--hbf-accent-primary) 44%, var(--hbf-border-strong));
        border-right: 2px solid color-mix(in srgb, var(--hbf-accent-primary) 44%, var(--hbf-border-strong));
        transform: rotate(135deg);
      }
    }

    @media (max-width: 640px) {
      #hbf-after-predev .hbfa62b-head {
        margin-bottom: 24px;
      }
      #hbf-after-predev .hbfa62b-card,
      #hbf-after-predev .hbfa62b-summary {
        border-radius: 22px;
      }
      #hbf-after-predev .hbfa62b-card__inner,
      #hbf-after-predev .hbfa62b-summary__inner {
        padding: 20px 18px 18px;
      }
      #hbf-after-predev .hbfa62b-card__title {
        font-size: 22px;
      }
    }

#hbf-project-architecture {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
    }
    #hbf-project-architecture,
    #hbf-project-architecture * {
      box-sizing: border-box;
    }

    #hbf-project-architecture .hbfpa72-bg,
    #hbf-project-architecture .hbfpa72-overlay,
    #hbf-project-architecture .hbfpa72-noise {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #hbf-project-architecture .hbfpa72-bg {
      z-index: 0;
      background:
        url("../media/image/project_architecture/project_architecture_bg_desktop.webp")
        center center / cover no-repeat;
      transform: scale(1.04);
      filter: blur(8px);
    }

    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-bg {
      opacity: 0;
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-bg {
      opacity: 0.96;
    }

    #hbf-project-architecture .hbfpa72-overlay {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-overlay {
      background:
        linear-gradient(180deg, rgba(8,12,18,0.90) 0%, rgba(8,12,18,0.84) 100%);
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-overlay {
      background:
        linear-gradient(180deg, rgba(242,247,244,0.16) 0%, rgba(236,242,239,0.20) 100%);
    }

    #hbf-project-architecture .hbfpa72-noise {
      z-index: 0;
      mix-blend-mode: soft-light;
    }

    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-noise {
      opacity: 0.05;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-noise {
      opacity: 0.14;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.20) 0 2.4px, transparent 3.2px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.14) 0 2.8px, transparent 3.6px),
        radial-gradient(circle at 36% 70%, rgba(30,45,39,0.10) 0 2.2px, transparent 3.1px),
        radial-gradient(circle at 60% 54%, rgba(255,255,255,0.10) 0 3.2px, transparent 4.1px);
      background-size: 68px 68px, 84px 84px, 72px 72px, 96px 96px;
    }

    #hbf-project-architecture .hbfpa72-shell {
      position: relative;
      z-index: 1;
    }

    #hbf-project-architecture .hbfpa72-head {
      display: grid;
      gap: 18px;
      max-width: 980px;
      margin-bottom: 34px;
    }

    #hbf-project-architecture .hbfpa72-title {
      max-width: 10ch;
      margin: 0;
      color: var(--hbf-text);
    }

    #hbf-project-architecture .hbfpa72-lead {
      max-width: 54em;
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-project-architecture .hbfpa72-board {
      position: relative;
      display: grid;
      gap: var(--hbf-grid-gap);
    }

    #hbf-project-architecture .hbfpa72-row {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: var(--hbf-grid-gap);
      align-items: stretch;
      position: relative;
    }

    #hbf-project-architecture .hbfpa72-card {
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      border: 1px solid var(--hbf-card-border);
      backdrop-filter: blur(22px);
      -webkit-backdrop-filter: blur(22px);
      box-shadow: var(--hbf-shadow-lg);
      min-width: 0;
    }

    #hbf-project-architecture .hbfpa72-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-card {
      background: rgba(255,255,255,0.03);
      border-color: rgba(255,255,255,0.12);
    }

    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-card::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-card {
      background: rgba(255,255,255,0.16);
      border-color: rgba(255,255,255,0.26);
      box-shadow: 0 24px 60px rgba(18,56,38,0.10);
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-card::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.06) 100%);
    }

    #hbf-project-architecture .hbfpa72-card__inner {
      position: relative;
      z-index: 1;
      height: 100%;
      padding: 24px 24px 22px;
      display: grid;
      gap: 14px;
    }

    #hbf-project-architecture .hbfpa72-card__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    #hbf-project-architecture .hbfpa72-card__index {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      height: 44px;
      padding: 0 12px;
      border-radius: 14px;
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    #hbf-project-architecture .hbfpa72-card__tag {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 999px;
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #ffffff;
    }

    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-1,
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-1b {
      background: linear-gradient(180deg, rgba(34,58,92,0.96) 0%, rgba(21,37,61,0.96) 100%);
      border: 1px solid rgba(90,126,176,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(21,37,61,0.22);
    }
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-2,
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-2b {
      background: linear-gradient(180deg, rgba(42,72,110,0.96) 0%, rgba(26,46,74,0.96) 100%);
      border: 1px solid rgba(96,136,188,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(26,46,74,0.22);
    }
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-3,
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-3b {
      background: linear-gradient(180deg, rgba(52,86,126,0.96) 0%, rgba(31,56,88,0.96) 100%);
      border: 1px solid rgba(104,146,200,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(31,56,88,0.22);
    }
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-4,
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-4b {
      background: linear-gradient(180deg, rgba(63,98,139,0.96) 0%, rgba(38,63,98,0.96) 100%);
      border: 1px solid rgba(118,156,208,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(38,63,98,0.22);
    }
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-5,
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-5b {
      background: linear-gradient(180deg, rgba(74,110,149,0.96) 0%, rgba(46,72,108,0.96) 100%);
      border: 1px solid rgba(126,166,216,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(46,72,108,0.22);
    }
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-6,
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-tone-6b {
      background: linear-gradient(180deg, rgba(84,122,160,0.96) 0%, rgba(52,81,118,0.96) 100%);
      border: 1px solid rgba(134,174,224,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(52,81,118,0.22);
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-1,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-1b {
      background: linear-gradient(180deg, rgba(14,102,82,0.94) 0%, rgba(9,72,58,0.94) 100%);
      border: 1px solid rgba(21,123,99,0.24);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 28px rgba(9,72,58,0.14);
    }
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-2,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-2b {
      background: linear-gradient(180deg, rgba(18,108,86,0.94) 0%, rgba(12,78,63,0.94) 100%);
      border: 1px solid rgba(28,128,104,0.24);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 28px rgba(12,78,63,0.14);
    }
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-3,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-3b {
      background: linear-gradient(180deg, rgba(24,114,90,0.94) 0%, rgba(15,84,68,0.94) 100%);
      border: 1px solid rgba(35,135,110,0.24);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 28px rgba(15,84,68,0.14);
    }
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-4,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-4b {
      background: linear-gradient(180deg, rgba(31,122,96,0.94) 0%, rgba(19,90,72,0.94) 100%);
      border: 1px solid rgba(42,144,118,0.24);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 28px rgba(19,90,72,0.14);
    }
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-5,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-5b {
      background: linear-gradient(180deg, rgba(38,130,102,0.94) 0%, rgba(23,96,77,0.94) 100%);
      border: 1px solid rgba(50,150,124,0.24);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 28px rgba(23,96,77,0.14);
    }
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-6,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-tone-6b {
      background: linear-gradient(180deg, rgba(46,138,109,0.94) 0%, rgba(28,102,82,0.94) 100%);
      border: 1px solid rgba(58,158,132,0.24);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 14px 28px rgba(28,102,82,0.14);
    }

    #hbf-project-architecture .hbfpa72-card__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(24px, 1.8vw, 30px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-wrap: balance;
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-card__title,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-card__text,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-card__micro,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-summary__title,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-summary__text,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-title,
    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-lead {
      color: #ffffff;
    }

    #hbf-project-architecture .hbfpa72-card__text {
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-project-architecture .hbfpa72-card__line {
      height: 1px;
      background: linear-gradient(90deg, var(--hbf-divider-color) 0%, transparent 100%);
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-card__line {
      background: linear-gradient(90deg, rgba(255,255,255,0.20) 0%, transparent 100%);
    }

    #hbf-project-architecture .hbfpa72-card__micro {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      color: var(--hbf-soft);
      font-size: 12px;
      line-height: 1.45;
      font-weight: 600;
      letter-spacing: 0.02em;
    }

    #hbf-project-architecture .hbfpa72-card--a {
      grid-column: 1 / span 4;
    }
    #hbf-project-architecture .hbfpa72-card--b {
      grid-column: 5 / span 4;
    }
    #hbf-project-architecture .hbfpa72-card--c {
      grid-column: 9 / span 4;
    }
    #hbf-project-architecture .hbfpa72-card--d {
      grid-column: 2 / span 3;
    }
    #hbf-project-architecture .hbfpa72-card--e {
      grid-column: 5 / span 4;
    }
    #hbf-project-architecture .hbfpa72-card--f {
      grid-column: 9 / span 3;
    }

    #hbf-project-architecture .hbfpa72-summary {
      margin-top: 24px;
      position: relative;
      border-radius: 24px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.12);
      box-shadow: var(--hbf-shadow-md);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      background: rgba(255,255,255,0.03);
    }

    #hbf-project-architecture .hbfpa72-summary::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-summary {
      background: linear-gradient(180deg, rgba(14,102,82,0.94) 0%, rgba(9,72,58,0.94) 100%);
      border-color: rgba(21,123,99,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(9,72,58,0.16);
    }

    html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
    }

    #hbf-project-architecture .hbfpa72-summary__inner {
      position: relative;
      z-index: 1;
      padding: 22px 24px;
      display: grid;
      gap: 12px;
    }

    #hbf-project-architecture .hbfpa72-summary__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(20px, 1.5vw, 24px);
      line-height: 1.14;
      letter-spacing: -0.02em;
      font-weight: 700;
    }

    #hbf-project-architecture .hbfpa72-summary__text {
      margin: 0;
      color: var(--hbf-text-soft);
      max-width: 70em;
    }

    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-summary {
      background: linear-gradient(180deg, rgba(24,52,97,0.92) 0%, rgba(14,30,58,0.92) 100%);
      border-color: rgba(84,124,188,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(24,52,97,0.18);
    }

    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-summary__title,
    html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-summary__text {
      color: #ffffff;
    }

    @media (max-width: 991px) {
      #hbf-project-architecture .hbfpa72-row {
        grid-template-columns: 1fr;
        gap: 18px;
      }
      #hbf-project-architecture .hbfpa72-card--a,
      #hbf-project-architecture .hbfpa72-card--b,
      #hbf-project-architecture .hbfpa72-card--c,
      #hbf-project-architecture .hbfpa72-card--d,
      #hbf-project-architecture .hbfpa72-card--e,
      #hbf-project-architecture .hbfpa72-card--f {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 640px) {
      #hbf-project-architecture .hbfpa72-head {
        margin-bottom: 24px;
      }
      #hbf-project-architecture .hbfpa72-card,
      #hbf-project-architecture .hbfpa72-summary {
        border-radius: 22px;
      }
      #hbf-project-architecture .hbfpa72-card__inner,
      #hbf-project-architecture .hbfpa72-summary__inner {
        padding: 20px 18px 18px;
      }
      #hbf-project-architecture .hbfpa72-card__title {
        font-size: 22px;
      }
    }

#hbf-malaysia-portugal {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
    }
    #hbf-malaysia-portugal,
    #hbf-malaysia-portugal * {
      box-sizing: border-box;
    }

    #hbf-malaysia-portugal .hbfwpm-bg,
    #hbf-malaysia-portugal .hbfwpm-overlay,
    #hbf-malaysia-portugal .hbfwpm-noise {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #hbf-malaysia-portugal .hbfwpm-bg {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-bg {
      background:
        radial-gradient(74% 58% at 10% 16%, rgba(94, 170, 205, 0.52) 0%, transparent 56%),
        radial-gradient(58% 46% at 84% 18%, rgba(110, 196, 170, 0.40) 0%, transparent 50%),
        radial-gradient(76% 64% at 64% 82%, rgba(45, 115, 176, 0.56) 0%, transparent 58%),
        radial-gradient(46% 38% at 30% 66%, rgba(146, 212, 255, 0.26) 0%, transparent 54%),
        radial-gradient(44% 34% at 86% 72%, rgba(72, 154, 132, 0.24) 0%, transparent 52%);
    }

    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-bg {
      background:
        radial-gradient(64% 58% at 14% 18%, rgba(14,102,82,0.22) 0%, transparent 56%),
        radial-gradient(52% 44% at 84% 20%, rgba(255,255,255,0.10) 0%, transparent 48%),
        radial-gradient(64% 58% at 64% 82%, rgba(32,122,96,0.18) 0%, transparent 58%),
        linear-gradient(135deg, rgba(14,102,82,0.14) 0%, rgba(196,210,203,0.10) 100%);
    }

    #hbf-malaysia-portugal .hbfwpm-overlay {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-overlay {
      background:
        linear-gradient(180deg, rgba(8,12,18,0.58) 0%, rgba(8,12,18,0.54) 100%);
    }

    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-overlay {
      background:
        linear-gradient(180deg, rgba(244,248,246,0.68) 0%, rgba(241,246,243,0.72) 100%);
    }

    #hbf-malaysia-portugal .hbfwpm-noise {
      z-index: 0;
      mix-blend-mode: soft-light;
    }

    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-noise {
      opacity: 0.05;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
    }

    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-noise {
      opacity: 0.10;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.18) 0 2.2px, transparent 3px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.12) 0 2.5px, transparent 3.3px),
        radial-gradient(circle at 36% 70%, rgba(30,45,39,0.08) 0 2px, transparent 2.8px);
      background-size: 62px 62px, 78px 78px, 70px 70px;
    }

    #hbf-malaysia-portugal .hbfwpm-shell {
      position: relative;
      z-index: 1;
    }

    #hbf-malaysia-portugal .hbfwpm-head {
      display: grid;
      gap: 18px;
      max-width: 980px;
      margin-bottom: 34px;
    }

    #hbf-malaysia-portugal .hbfwpm-title {
      max-width: 11ch;
      margin: 0;
      color: var(--hbf-text);
    }

    #hbf-malaysia-portugal .hbfwpm-lead {
      max-width: 56em;
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-malaysia-portugal .hbfwpm-stage {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 188px minmax(0, 1fr);
      gap: 24px;
      align-items: stretch;
    }

    #hbf-malaysia-portugal .hbfwpm-card,
    #hbf-malaysia-portugal .hbfwpm-bridge,
    #hbf-malaysia-portugal .hbfwpm-summary {
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      border: 1px solid var(--hbf-card-border);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: var(--hbf-shadow-lg);
    }

    #hbf-malaysia-portugal .hbfwpm-card::before,
    #hbf-malaysia-portugal .hbfwpm-bridge::before,
    #hbf-malaysia-portugal .hbfwpm-summary::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-card,
    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-bridge,
    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-summary {
      background: rgba(255,255,255,0.03);
      border-color: rgba(255,255,255,0.12);
    }

    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-card::before,
    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-bridge::before,
    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-card,
    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-bridge,
    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-summary {
      background: rgba(255,255,255,0.48);
      border-color: rgba(255,255,255,0.30);
      box-shadow: 0 24px 60px rgba(18,56,38,0.10);
    }

    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-card::before,
    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-bridge::before,
    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.07) 100%);
    }

    #hbf-malaysia-portugal .hbfwpm-card__inner,
    #hbf-malaysia-portugal .hbfwpm-bridge__inner,
    #hbf-malaysia-portugal .hbfwpm-summary__inner {
      position: relative;
      z-index: 1;
      height: 100%;
      padding: 24px 24px 22px;
      display: grid;
      gap: 14px;
    }

    #hbf-malaysia-portugal .hbfwpm-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    #hbf-malaysia-portugal .hbfwpm-num {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      height: 44px;
      padding: 0 12px;
      border-radius: 14px;
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    #hbf-malaysia-portugal .hbfwpm-tag {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 999px;
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #ffffff;
    }

    #hbf-malaysia-portugal .hbfwpm-accent-pt {
      background: linear-gradient(180deg, rgba(58,88,128,0.98) 0%, rgba(37,61,96,0.98) 100%);
      border: 1px solid rgba(92,126,170,0.32);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(37,61,96,0.18);
    }

    #hbf-malaysia-portugal .hbfwpm-accent-my {
      background: linear-gradient(180deg, rgba(14,102,82,0.98) 0%, rgba(9,72,58,0.98) 100%);
      border: 1px solid rgba(21,123,99,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(9,72,58,0.18);
    }

    #hbf-malaysia-portugal .hbfwpm-accent-bridge {
      background: linear-gradient(180deg, rgba(181,158,125,0.98) 0%, rgba(149,125,96,0.98) 100%);
      border: 1px solid rgba(126,98,70,0.28);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(92,67,48,0.14);
    }

    #hbf-malaysia-portugal .hbfwpm-card__title,
    #hbf-malaysia-portugal .hbfwpm-bridge__title,
    #hbf-malaysia-portugal .hbfwpm-summary__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(24px, 1.8vw, 30px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-wrap: balance;
    }

    #hbf-malaysia-portugal .hbfwpm-card__text,
    #hbf-malaysia-portugal .hbfwpm-bridge__text,
    #hbf-malaysia-portugal .hbfwpm-summary__text {
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-malaysia-portugal .hbfwpm-line {
      height: 1px;
      background: linear-gradient(90deg, var(--hbf-divider-color) 0%, transparent 100%);
    }

    #hbf-malaysia-portugal .hbfwpm-list {
      display: grid;
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    #hbf-malaysia-portugal .hbfwpm-list li {
      display: grid;
      gap: 4px;
      padding-left: 18px;
      position: relative;
      min-width: 0;
    }

    #hbf-malaysia-portugal .hbfwpm-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--hbf-accent-primary) 82%, white 18%);
      box-shadow: 0 0 0 5px color-mix(in srgb, var(--hbf-accent-primary) 14%, transparent);
    }

    #hbf-malaysia-portugal .hbfwpm-item-title {
      color: var(--hbf-text);
      font-size: 15px;
      line-height: 1.35;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    #hbf-malaysia-portugal .hbfwpm-item-text {
      color: var(--hbf-text-soft);
      font-size: 14px;
      line-height: 1.5;
    }

    #hbf-malaysia-portugal .hbfwpm-bridge {
      display: grid;
      align-items: center;
      min-height: 100%;
    }

    #hbf-malaysia-portugal .hbfwpm-bridge__inner {
      justify-items: center;
      text-align: center;
      gap: 18px;
      padding: 24px 18px 22px;
    }

    #hbf-malaysia-portugal .hbfwpm-bridge__title {
      font-size: clamp(20px, 1.4vw, 24px);
    }

    #hbf-malaysia-portugal .hbfwpm-bridge__text {
      max-width: 16em;
    }

    #hbf-malaysia-portugal .hbfwpm-bridge__arrows {
      width: 100%;
      display: grid;
      gap: 14px;
      justify-items: center;
    }

    #hbf-malaysia-portugal .hbfwpm-bridge__arrow {
      width: 84px;
      height: 2px;
      background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--hbf-accent-primary) 52%, var(--hbf-border-strong)) 20%, color-mix(in srgb, var(--hbf-accent-primary) 52%, var(--hbf-border-strong)) 80%, transparent 100%);
      position: relative;
    }

    #hbf-malaysia-portugal .hbfwpm-bridge__arrow::after {
      content: "";
      position: absolute;
      right: 6px;
      top: 50%;
      width: 10px;
      height: 10px;
      border-top: 2px solid color-mix(in srgb, var(--hbf-accent-primary) 52%, var(--hbf-border-strong));
      border-right: 2px solid color-mix(in srgb, var(--hbf-accent-primary) 52%, var(--hbf-border-strong));
      transform: translateY(-50%) rotate(45deg);
    }

    #hbf-malaysia-portugal .hbfwpm-bridge__arrow--left::after {
      right: auto;
      left: 6px;
      transform: translateY(-50%) rotate(-135deg);
    }

    #hbf-malaysia-portugal .hbfwpm-summary {
      margin-top: 24px;
      background: linear-gradient(180deg, rgba(14,102,82,0.94) 0%, rgba(9,72,58,0.94) 100%);
      border-color: rgba(21,123,99,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(9,72,58,0.16);
    }

    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-summary {
      background: linear-gradient(180deg, rgba(24,52,97,0.92) 0%, rgba(14,30,58,0.92) 100%);
      border-color: rgba(84,124,188,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(24,52,97,0.18);
    }

    #hbf-malaysia-portugal .hbfwpm-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-summary__title,
    html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-summary__text {
      color: #ffffff;
    }

    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-summary__title,
    html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-summary__text {
      color: #163126;
    }

    @media (max-width: 991px) {
      #hbf-malaysia-portugal .hbfwpm-stage {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      #hbf-malaysia-portugal .hbfwpm-bridge__inner {
        padding: 22px 18px 20px;
      }

      #hbf-malaysia-portugal .hbfwpm-bridge__arrows {
        grid-auto-flow: column;
        justify-content: center;
      }
    }

    @media (max-width: 640px) {
      #hbf-malaysia-portugal .hbfwpm-head {
        margin-bottom: 24px;
      }

      #hbf-malaysia-portugal .hbfwpm-card,
      #hbf-malaysia-portugal .hbfwpm-bridge,
      #hbf-malaysia-portugal .hbfwpm-summary {
        border-radius: 22px;
      }

      #hbf-malaysia-portugal .hbfwpm-card__inner,
      #hbf-malaysia-portugal .hbfwpm-summary__inner {
        padding: 20px 18px 18px;
      }

      #hbf-malaysia-portugal .hbfwpm-card__title {
        font-size: 22px;
      }
    }

#hbf-photo-glass-left {
      position: relative;
      overflow: hidden;
      min-height: 80vh;
      height: 80vh;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: #0a1013;
    }

    #hbf-photo-glass-left,
    #hbf-photo-glass-left * {
      box-sizing: border-box;
    }

    #hbf-photo-glass-left .hbfpgl-image,
    #hbf-photo-glass-left .hbfpgl-overlay,
    #hbf-photo-glass-left .hbfpgl-shell {
      position: absolute;
      inset: 0;
    }

    #hbf-photo-glass-left .hbfpgl-image {
      background:
        url("../media/image/execution_frame/execution_frame_bg_desktop.webp")
        center center / cover no-repeat;
      transform: scale(1.02);
    }

    #hbf-photo-glass-left .hbfpgl-overlay {
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-photo-glass-left .hbfpgl-overlay {
      background:
        linear-gradient(180deg, rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.26) 100%);
    }

    html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-overlay {
      background:
        linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.08) 100%);
    }

    #hbf-photo-glass-left .hbfpgl-shell {
      z-index: 2;
      display: flex;
      align-items: flex-start;
    }

    #hbf-photo-glass-left .hbfpgl-inner {
      width: 100%;
      max-width: var(--hbf-max);
      margin: 0 auto;
      padding: 34px var(--hbf-container-x);
    }

    #hbf-photo-glass-left .hbfpgl-glass {
      width: min(470px, 100%);
      min-height: 50%;
      padding: 26px 24px 24px;
      border-radius: 28px;
      border: 1px solid rgba(255,255,255,0.18);
      background: rgba(255,255,255,0.06);
      backdrop-filter: blur(22px);
      -webkit-backdrop-filter: blur(22px);
      box-shadow: 0 24px 80px rgba(0,0,0,0.12);
    }

    html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-glass {
      background: rgba(255,255,255,0.16);
      border-color: rgba(255,255,255,0.26);
      box-shadow: 0 24px 60px rgba(18,56,38,0.10);
    }

    #hbf-photo-glass-left .hbfpgl-kicker {
      margin-bottom: 18px;
    }

    #hbf-photo-glass-left .hbfpgl-title {
      margin: 0 0 16px;
      font-size: clamp(30px, 4.8vw, 58px);
      line-height: 1.02;
      letter-spacing: -0.04em;
      font-weight: 700;
      max-width: 9ch;
      text-wrap: balance;
    }

    html[data-site-theme="dark"] #hbf-photo-glass-left .hbfpgl-title {
      color: #ffffff;
    }

    html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-title {
      color: #182128;
    }

    #hbf-photo-glass-left .hbfpgl-text {
      margin: 0 0 20px;
      font-size: clamp(16px, 1.6vw, 18px);
      line-height: 1.6;
      max-width: 31em;
    }

    html[data-site-theme="dark"] #hbf-photo-glass-left .hbfpgl-text {
      color: rgba(255,255,255,0.88);
    }

    html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-text {
      color: rgba(24,33,40,0.88);
    }

    #hbf-photo-glass-left .hbfpgl-line {
      height: 1px;
      margin: 0 0 18px;
      background: linear-gradient(90deg, rgba(255,255,255,0.20) 0%, transparent 100%);
    }

    html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-line {
      background: linear-gradient(90deg, rgba(24,33,40,0.16) 0%, transparent 100%);
    }

    #hbf-photo-glass-left .hbfpgl-note {
      margin: 0;
      font-size: 15px;
      line-height: 1.55;
      font-weight: 600;
      letter-spacing: -0.01em;
    }

    html[data-site-theme="dark"] #hbf-photo-glass-left .hbfpgl-note {
      color: rgba(255,255,255,0.92);
    }

    html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-note {
      color: #182128;
    }

    @media (max-width: 640px) {
      #hbf-photo-glass-left {
        min-height: 76vh;
        height: 76vh;
      }

      #hbf-photo-glass-left .hbfpgl-inner {
        padding: 22px var(--hbf-container-x);
      }

      #hbf-photo-glass-left .hbfpgl-glass {
        min-height: auto;
        padding: 22px 20px 20px;
        border-radius: 22px;
      }

      #hbf-photo-glass-left .hbfpgl-title {
        max-width: 100%;
      }
    }

    @media (max-height: 500px) and (orientation: landscape) {
      #hbf-photo-glass-left {
        min-height: 92vh;
        height: 92vh;
      }
    }

#hbf-founder-execution {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
    }
    #hbf-founder-execution,
    #hbf-founder-execution * {
      box-sizing: border-box;
    }

    #hbf-founder-execution .hbffl-bg,
    #hbf-founder-execution .hbffl-photo,
    #hbf-founder-execution .hbffl-overlay,
    #hbf-founder-execution .hbffl-noise {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #hbf-founder-execution .hbffl-bg {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-bg {
      background:
        radial-gradient(72% 62% at 8% 12%, rgba(170, 220, 255, 0.66) 0%, transparent 56%),
        radial-gradient(58% 46% at 84% 18%, rgba(182, 255, 234, 0.54) 0%, transparent 50%),
        radial-gradient(76% 64% at 66% 84%, rgba(92, 170, 255, 0.62) 0%, transparent 58%),
        radial-gradient(44% 38% at 30% 60%, rgba(235, 245, 255, 0.40) 0%, transparent 54%),
        radial-gradient(42% 34% at 92% 76%, rgba(120, 212, 190, 0.38) 0%, transparent 52%);
    }

    html[data-site-theme="light"] #hbf-founder-execution .hbffl-bg {
      background:
        radial-gradient(74% 64% at 10% 12%, rgba(116,198,156,0.32) 0%, transparent 56%),
        radial-gradient(54% 42% at 84% 16%, rgba(255,255,255,0.20) 0%, transparent 48%),
        radial-gradient(76% 66% at 66% 84%, rgba(32,122,96,0.28) 0%, transparent 58%),
        radial-gradient(44% 38% at 26% 62%, rgba(220, 232, 226, 0.16) 0%, transparent 54%),
        radial-gradient(42% 34% at 92% 76%, rgba(184, 198, 192, 0.14) 0%, transparent 52%);
    }

    #hbf-founder-execution .hbffl-photo {
      z-index: 0;
      background:
        url("../media/image/founder_led_execution/founder_led_execution_bg_desktop.webp")
        center center / cover no-repeat;
      transform: scale(1.04);
      filter: blur(6px);
    }

    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-photo {
      opacity: 0.65;
    }

    html[data-site-theme="light"] #hbf-founder-execution .hbffl-photo {
      opacity: 0.95;
    }

    #hbf-founder-execution .hbffl-overlay {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-overlay {
      background:
        linear-gradient(180deg, rgba(8,12,18,0.62) 0%, rgba(8,12,18,0.58) 100%);
    }

    html[data-site-theme="light"] #hbf-founder-execution .hbffl-overlay {
      background:
        linear-gradient(180deg, rgba(244,248,246,0.70) 0%, rgba(241,246,243,0.74) 100%);
    }

    #hbf-founder-execution .hbffl-noise {
      z-index: 0;
      mix-blend-mode: soft-light;
    }

    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-noise {
      opacity: 0.35;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
    }

    html[data-site-theme="light"] #hbf-founder-execution .hbffl-noise {
      opacity: 0.10;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.18) 0 2.2px, transparent 3px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.12) 0 2.5px, transparent 3.3px),
        radial-gradient(circle at 36% 70%, rgba(30,45,39,0.08) 0 2px, transparent 2.8px);
      background-size: 62px 62px, 78px 78px, 70px 70px;
    }

    #hbf-founder-execution .hbffl-shell {
      position: relative;
      z-index: 1;
    }

    #hbf-founder-execution .hbffl-head {
      display: grid;
      gap: 18px;
      max-width: 980px;
      margin-bottom: 34px;
    }

    #hbf-founder-execution .hbffl-title {
      max-width: 12ch;
      margin: 0;
      color: var(--hbf-text);
    }

    #hbf-founder-execution .hbffl-lead {
      max-width: 58em;
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-founder-execution .hbffl-stage {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
      gap: 24px;
      align-items: stretch;
    }

    #hbf-founder-execution .hbffl-card,
    #hbf-founder-execution .hbffl-summary {
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      border: 1px solid var(--hbf-card-border);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: var(--hbf-shadow-lg);
    }

    #hbf-founder-execution .hbffl-card::before,
    #hbf-founder-execution .hbffl-summary::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-card,
    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-summary {
      background: rgba(255,255,255,0.03);
      border-color: rgba(255,255,255,0.12);
    }

    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-card::before,
    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-founder-execution .hbffl-card,
    html[data-site-theme="light"] #hbf-founder-execution .hbffl-summary {
      background: rgba(255,255,255,0.48);
      border-color: rgba(255,255,255,0.30);
      box-shadow: 0 24px 60px rgba(18,56,38,0.10);
    }

    html[data-site-theme="light"] #hbf-founder-execution .hbffl-card::before,
    html[data-site-theme="light"] #hbf-founder-execution .hbffl-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.07) 100%);
    }

    #hbf-founder-execution .hbffl-card__inner,
    #hbf-founder-execution .hbffl-summary__inner {
      position: relative;
      z-index: 1;
      height: 100%;
      padding: 24px 24px 22px;
      display: grid;
      gap: 14px;
    }

    #hbf-founder-execution .hbffl-kv {
      display: grid;
      gap: 24px;
    }

    #hbf-founder-execution .hbffl-kv__main {
      min-height: 100%;
    }

    #hbf-founder-execution .hbffl-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    #hbf-founder-execution .hbffl-num {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      height: 44px;
      padding: 0 12px;
      border-radius: 14px;
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    #hbf-founder-execution .hbffl-tag {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 999px;
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #ffffff;
    }

    #hbf-founder-execution .hbffl-accent-main {
      background: linear-gradient(180deg, rgba(58,88,128,0.98) 0%, rgba(37,61,96,0.98) 100%);
      border: 1px solid rgba(92,126,170,0.32);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(37,61,96,0.18);
    }

    #hbf-founder-execution .hbffl-accent-exec {
      background: linear-gradient(180deg, rgba(14,102,82,0.98) 0%, rgba(9,72,58,0.98) 100%);
      border: 1px solid rgba(21,123,99,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(9,72,58,0.18);
    }

    #hbf-founder-execution .hbffl-accent-transition {
      background: linear-gradient(180deg, rgba(181,158,125,0.98) 0%, rgba(149,125,96,0.98) 100%);
      border: 1px solid rgba(126,98,70,0.28);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(92,67,48,0.14);
    }

    #hbf-founder-execution .hbffl-title-3,
    #hbf-founder-execution .hbffl-summary__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(24px, 1.8vw, 30px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-wrap: balance;
    }

    #hbf-founder-execution .hbffl-text,
    #hbf-founder-execution .hbffl-summary__text {
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-founder-execution .hbffl-line {
      height: 1px;
      background: linear-gradient(90deg, var(--hbf-divider-color) 0%, transparent 100%);
    }

    #hbf-founder-execution .hbffl-list {
      display: grid;
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    #hbf-founder-execution .hbffl-list li {
      display: grid;
      gap: 4px;
      padding-left: 18px;
      position: relative;
      min-width: 0;
    }

    #hbf-founder-execution .hbffl-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--hbf-accent-primary) 82%, white 18%);
      box-shadow: 0 0 0 5px color-mix(in srgb, var(--hbf-accent-primary) 14%, transparent);
    }

    #hbf-founder-execution .hbffl-item-title {
      color: var(--hbf-text);
      font-size: 15px;
      line-height: 1.35;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    #hbf-founder-execution .hbffl-item-text {
      color: var(--hbf-text-soft);
      font-size: 14px;
      line-height: 1.5;
    }

    #hbf-founder-execution .hbffl-side {
      display: grid;
      gap: 24px;
      align-content: start;
    }

    #hbf-founder-execution .hbffl-summary {
      margin-top: 24px;
      background: linear-gradient(180deg, rgba(14,102,82,0.94) 0%, rgba(9,72,58,0.94) 100%);
      border-color: rgba(21,123,99,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(9,72,58,0.16);
    }

    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-summary {
      background: linear-gradient(180deg, rgba(24,52,97,0.92) 0%, rgba(14,30,58,0.92) 100%);
      border-color: rgba(84,124,188,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(24,52,97,0.18);
    }

    #hbf-founder-execution .hbffl-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-summary__title,
    html[data-site-theme="dark"] #hbf-founder-execution .hbffl-summary__text {
      color: #ffffff;
    }

    html[data-site-theme="light"] #hbf-founder-execution .hbffl-summary__title,
    html[data-site-theme="light"] #hbf-founder-execution .hbffl-summary__text {
      color: #163126;
    }

    @media (max-width: 991px) {
      #hbf-founder-execution .hbffl-stage {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      #hbf-founder-execution .hbffl-side,
      #hbf-founder-execution .hbffl-kv {
        gap: 18px;
      }
    }

    @media (max-width: 640px) {
      #hbf-founder-execution .hbffl-head {
        margin-bottom: 24px;
      }

      #hbf-founder-execution .hbffl-card,
      #hbf-founder-execution .hbffl-summary {
        border-radius: 22px;
      }

      #hbf-founder-execution .hbffl-card__inner,
      #hbf-founder-execution .hbffl-summary__inner {
        padding: 20px 18px 18px;
      }

      #hbf-founder-execution .hbffl-title-3 {
        font-size: 22px;
      }
    }

#hbf-scale-talent {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
    }
    #hbf-scale-talent,
    #hbf-scale-talent * {
      box-sizing: border-box;
    }

    #hbf-scale-talent .hbfst-bg,
    #hbf-scale-talent .hbfst-photo,
    #hbf-scale-talent .hbfst-overlay,
    #hbf-scale-talent .hbfst-noise {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #hbf-scale-talent .hbfst-bg {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-bg {
      background:
        radial-gradient(72% 64% at 10% 12%, rgba(94,170,205,0.34) 0%, transparent 56%),
        radial-gradient(58% 46% at 84% 18%, rgba(110,196,170,0.28) 0%, transparent 50%),
        radial-gradient(78% 66% at 66% 84%, rgba(45,115,176,0.38) 0%, transparent 58%),
        radial-gradient(46% 38% at 30% 60%, rgba(146,212,255,0.16) 0%, transparent 54%),
        radial-gradient(42% 34% at 92% 76%, rgba(72,154,132,0.14) 0%, transparent 52%);
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-bg {
      background:
        radial-gradient(74% 66% at 10% 12%, rgba(116,198,156,0.28) 0%, transparent 56%),
        radial-gradient(54% 42% at 84% 16%, rgba(255,255,255,0.16) 0%, transparent 48%),
        radial-gradient(76% 66% at 66% 84%, rgba(32,122,96,0.24) 0%, transparent 58%),
        radial-gradient(44% 38% at 26% 62%, rgba(220,232,226,0.14) 0%, transparent 54%),
        radial-gradient(42% 34% at 92% 76%, rgba(184,198,192,0.12) 0%, transparent 52%);
    }

    #hbf-scale-talent .hbfst-photo {
      z-index: 0;
      background:
        url("../media/image/scale_talent/scale_talent_bg_desktop.webp")
        center center / cover no-repeat;
      transform: scale(1.04);
      filter: blur(8px);
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-photo {
      opacity: 0.48;
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo {
      opacity: 0.88;
    }

    #hbf-scale-talent .hbfst-overlay {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-overlay {
      background:
        linear-gradient(180deg, rgba(8,12,18,0.62) 0%, rgba(8,12,18,0.58) 100%);
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-overlay {
      background:
        linear-gradient(180deg, rgba(244,248,246,0.01) 0%, rgba(241,246,243,0.01) 100%);
    }

    #hbf-scale-talent .hbfst-noise {
      z-index: 0;
      mix-blend-mode: soft-light;
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-noise {
      opacity: 0.05;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-noise {
      opacity: 0.10;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.18) 0 2.2px, transparent 3px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.12) 0 2.5px, transparent 3.3px),
        radial-gradient(circle at 36% 70%, rgba(30,45,39,0.08) 0 2px, transparent 2.8px);
      background-size: 62px 62px, 78px 78px, 70px 70px;
    }

    #hbf-scale-talent .hbfst-shell {
      position: relative;
      z-index: 1;
    }

    #hbf-scale-talent .hbfst-head {
      display: grid;
      gap: 18px;
      max-width: 980px;
      margin-bottom: 34px;
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-title,
    html[data-site-theme="light"] #hbf-scale-talent .hbfst-title {
      color: #ffffff;
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-lead,
    html[data-site-theme="light"] #hbf-scale-talent .hbfst-lead {
      color: rgba(255,255,255,0.86);
    }

    #hbf-scale-talent .hbfst-stage {
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
      gap: 24px;
      align-items: stretch;
    }

    #hbf-scale-talent .hbfst-card,
    #hbf-scale-talent .hbfst-summary {
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      border: 1px solid var(--hbf-card-border);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: var(--hbf-shadow-lg);
    }

    #hbf-scale-talent .hbfst-card::before,
    #hbf-scale-talent .hbfst-summary::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-card,
    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-summary {
      background: rgba(255,255,255,0.03);
      border-color: rgba(255,255,255,0.12);
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-card::before,
    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-card,
    html[data-site-theme="light"] #hbf-scale-talent .hbfst-summary {
      background: rgba(255,255,255,0.48);
      border-color: rgba(255,255,255,0.30);
      box-shadow: 0 24px 60px rgba(18,56,38,0.10);
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-card::before,
    html[data-site-theme="light"] #hbf-scale-talent .hbfst-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.07) 100%);
    }

    #hbf-scale-talent .hbfst-card__inner,
    #hbf-scale-talent .hbfst-summary__inner {
      position: relative;
      z-index: 1;
      height: 100%;
      padding: 24px 24px 22px;
      display: grid;
      gap: 14px;
    }

    #hbf-scale-talent .hbfst-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    #hbf-scale-talent .hbfst-num {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      height: 44px;
      padding: 0 12px;
      border-radius: 14px;
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    #hbf-scale-talent .hbfst-tag {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 999px;
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #ffffff;
    }

    #hbf-scale-talent .hbfst-accent-main {
      background: linear-gradient(180deg, rgba(58,88,128,0.98) 0%, rgba(37,61,96,0.98) 100%);
      border: 1px solid rgba(92,126,170,0.32);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(37,61,96,0.18);
    }

    #hbf-scale-talent .hbfst-accent-1 {
      background: linear-gradient(180deg, rgba(14,102,82,0.98) 0%, rgba(9,72,58,0.98) 100%);
      border: 1px solid rgba(21,123,99,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(9,72,58,0.18);
    }

    #hbf-scale-talent .hbfst-accent-2 {
      background: linear-gradient(180deg, rgba(181,158,125,0.98) 0%, rgba(149,125,96,0.98) 100%);
      border: 1px solid rgba(126,98,70,0.28);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(92,67,48,0.14);
    }

    #hbf-scale-talent .hbfst-accent-3 {
      background: linear-gradient(180deg, rgba(58,88,128,0.98) 0%, rgba(37,61,96,0.98) 100%);
      border: 1px solid rgba(92,126,170,0.32);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(37,61,96,0.18);
    }

    #hbf-scale-talent .hbfst-accent-4 {
      background: linear-gradient(180deg, rgba(33,120,95,0.98) 0%, rgba(20,87,69,0.98) 100%);
      border: 1px solid rgba(40,140,112,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(20,87,69,0.18);
    }

    #hbf-scale-talent .hbfst-accent-5 {
      background: linear-gradient(180deg, rgba(97,126,145,0.98) 0%, rgba(63,84,99,0.98) 100%);
      border: 1px solid rgba(118,145,162,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(63,84,99,0.16);
    }

    #hbf-scale-talent .hbfst-title-3,
    #hbf-scale-talent .hbfst-summary__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(24px, 1.8vw, 30px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-wrap: balance;
    }

    #hbf-scale-talent .hbfst-text,
    #hbf-scale-talent .hbfst-summary__text {
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-scale-talent .hbfst-line {
      height: 1px;
      background: linear-gradient(90deg, var(--hbf-divider-color) 0%, transparent 100%);
    }

    #hbf-scale-talent .hbfst-left {
      display: grid;
      height: 100%;
    }

    #hbf-scale-talent .hbfst-photo-card {
      min-height: 100%;
      height: 100%;
      display: grid;
      align-items: stretch;
    }

    #hbf-scale-talent .hbfst-photo-card__media {
      position: absolute;
      inset: 0;
      background:
        url("../media/image/cards/scale_talent_photo.webp")
        center center / cover no-repeat;
      opacity: 0.52;
      filter: saturate(0.95) contrast(1.02);
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-photo-card__media {
      opacity: 0.36;
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card__media {
      opacity: 0.50;
    }

    #hbf-scale-talent .hbfst-photo-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(10,18,14,0.04) 0%, rgba(10,18,14,0.44) 100%);
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-photo-card::after {
      background: linear-gradient(180deg, rgba(8,12,18,0.10) 0%, rgba(8,12,18,0.62) 100%);
    }

    #hbf-scale-talent .hbfst-photo-card .hbfst-card__inner {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-rows: auto 1fr auto auto;
      align-content: stretch;
      height: 100%;
    }

    #hbf-scale-talent .hbfst-photo-card .hbfst-top {
      align-self: start;
    }

    #hbf-scale-talent .hbfst-photo-card .hbfst-title-3,
    #hbf-scale-talent .hbfst-photo-card .hbfst-text {
      color: #ffffff;
      align-self: end;
    }

    #hbf-scale-talent .hbfst-right {
      display: grid;
      height: 100%;
    }

    #hbf-scale-talent .hbfst-pipeline {
      display: grid;
      gap: 18px;
      height: 100%;
    }

    #hbf-scale-talent .hbfst-step {
      position: relative;
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr);
      gap: 16px;
      align-items: start;
    }

    #hbf-scale-talent .hbfst-step:not(:last-child)::after {
      content: "";
      position: absolute;
      left: 31px;
      top: 58px;
      bottom: -18px;
      width: 2px;
      background: linear-gradient(180deg, color-mix(in srgb, var(--hbf-accent-primary) 54%, var(--hbf-border-strong)) 0%, color-mix(in srgb, var(--hbf-accent-primary) 34%, transparent) 100%);
      border-radius: 999px;
    }

    #hbf-scale-talent .hbfst-step__badge {
      position: relative;
      z-index: 1;
      width: 64px;
      height: 64px;
      border-radius: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 16px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -0.02em;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
    }

    #hbf-scale-talent .hbfst-step__body {
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid var(--hbf-card-border);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      box-shadow: var(--hbf-shadow-md);
    }

    #hbf-scale-talent .hbfst-step__body::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-step__body {
      background: rgba(255,255,255,0.03);
      border-color: rgba(255,255,255,0.12);
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-step__body::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-step__body {
      background: rgba(255,255,255,0.42);
      border-color: rgba(255,255,255,0.26);
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-step__body::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.06) 100%);
    }

    #hbf-scale-talent .hbfst-step__inner {
      position: relative;
      z-index: 1;
      padding: 18px 18px 16px;
      display: grid;
      gap: 8px;
    }

    #hbf-scale-talent .hbfst-step__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: 20px;
      line-height: 1.14;
      letter-spacing: -0.02em;
      font-weight: 700;
    }

    #hbf-scale-talent .hbfst-step__text {
      margin: 0;
      color: var(--hbf-text-soft);
      font-size: 14px;
      line-height: 1.54;
    }

    #hbf-scale-talent .hbfst-summary {
      margin-top: 24px;
      background: linear-gradient(180deg, rgba(14,102,82,0.94) 0%, rgba(9,72,58,0.94) 100%);
      border-color: rgba(21,123,99,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(9,72,58,0.16);
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-summary {
      background: linear-gradient(180deg, rgba(24,52,97,0.92) 0%, rgba(14,30,58,0.92) 100%);
      border-color: rgba(84,124,188,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(24,52,97,0.18);
    }

    #hbf-scale-talent .hbfst-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-summary__title,
    html[data-site-theme="dark"] #hbf-scale-talent .hbfst-summary__text {
      color: #ffffff;
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-summary {
      background: linear-gradient(180deg, rgba(14,102,82,0.94) 0%, rgba(9,72,58,0.94) 100%);
      border-color: rgba(21,123,99,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(9,72,58,0.16);
    }

    html[data-site-theme="light"] #hbf-scale-talent .hbfst-summary__title,
    html[data-site-theme="light"] #hbf-scale-talent .hbfst-summary__text {
      color: #ffffff;
    }

    @media (max-width: 991px) {
      #hbf-scale-talent .hbfst-stage {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      #hbf-scale-talent .hbfst-left,
      #hbf-scale-talent .hbfst-right,
      #hbf-scale-talent .hbfst-pipeline,
      #hbf-scale-talent .hbfst-photo-card {
        height: auto;
      }
    }

    @media (max-width: 640px) {
      #hbf-scale-talent .hbfst-head {
        margin-bottom: 24px;
      }

      #hbf-scale-talent .hbfst-card,
      #hbf-scale-talent .hbfst-summary,
      #hbf-scale-talent .hbfst-step__body {
        border-radius: 22px;
      }

      #hbf-scale-talent .hbfst-card__inner,
      #hbf-scale-talent .hbfst-summary__inner {
        padding: 20px 18px 18px;
      }

      #hbf-scale-talent .hbfst-title-3 {
        font-size: 22px;
      }

      #hbf-scale-talent .hbfst-step {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
      }

      #hbf-scale-talent .hbfst-step__badge {
        width: 56px;
        height: 56px;
        border-radius: 18px;
      }

      #hbf-scale-talent .hbfst-step:not(:last-child)::after {
        left: 27px;
        top: 52px;
      }
    }

#hbf-current-status {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
    }
    #hbf-current-status,
    #hbf-current-status * {
      box-sizing: border-box;
    }

    #hbf-current-status .hbfcs-photo,
    #hbf-current-status .hbfcs-overlay,
    #hbf-current-status .hbfcs-noise {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #hbf-current-status .hbfcs-photo {
      z-index: 0;
      background:
        url("../media/image/current_status/current_status_bg_desktop.webp")
        center center / cover no-repeat;
      transform: scale(1.04);
      filter: blur(8px);
    }

    html[data-site-theme="dark"] #hbf-current-status .hbfcs-photo {
      opacity: 0.78;
    }

    html[data-site-theme="light"] #hbf-current-status .hbfcs-photo {
      opacity: 0.78;
    }

    #hbf-current-status .hbfcs-overlay {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-current-status .hbfcs-overlay {
      background:
        linear-gradient(180deg, rgba(8,12,18,0.12) 0%, rgba(8,12,18,0.16) 100%);
    }

    html[data-site-theme="light"] #hbf-current-status .hbfcs-overlay {
      background:
        linear-gradient(180deg, rgba(244,248,246,0.06) 0%, rgba(241,246,243,0.08) 100%);
    }

    #hbf-current-status .hbfcs-noise {
      z-index: 0;
      mix-blend-mode: soft-light;
    }

    html[data-site-theme="dark"] #hbf-current-status .hbfcs-noise {
      opacity: 0.05;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
    }

    html[data-site-theme="light"] #hbf-current-status .hbfcs-noise {
      opacity: 0.10;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.18) 0 2.2px, transparent 3px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.12) 0 2.5px, transparent 3.3px),
        radial-gradient(circle at 36% 70%, rgba(30,45,39,0.08) 0 2px, transparent 2.8px);
      background-size: 62px 62px, 78px 78px, 70px 70px;
    }

    #hbf-current-status .hbfcs-shell {
      position: relative;
      z-index: 1;
    }

    #hbf-current-status .hbfcs-head {
      display: grid;
      gap: 18px;
      max-width: 920px;
      margin-bottom: 34px;
    }

    #hbf-current-status .hbfcs-title {
      max-width: 10ch;
      margin: 0;
      color: var(--hbf-text);
    }

    #hbf-current-status .hbfcs-lead {
      max-width: 58em;
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-current-status .hbfcs-stage {
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
      gap: 24px;
      align-items: stretch;
    }

    #hbf-current-status .hbfcs-card {
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      border: 1px solid var(--hbf-card-border);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: var(--hbf-shadow-lg);
      min-width: 0;
      grid-column: 1 / span 1;
    }

    #hbf-current-status .hbfcs-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-current-status .hbfcs-card {
      background: rgba(255,255,255,0.03);
      border-color: rgba(255,255,255,0.12);
    }

    html[data-site-theme="dark"] #hbf-current-status .hbfcs-card::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-current-status .hbfcs-card {
      background: rgba(255,255,255,0.56);
      border-color: rgba(255,255,255,0.34);
      box-shadow: 0 24px 60px rgba(18,56,38,0.10);
    }

    html[data-site-theme="light"] #hbf-current-status .hbfcs-card::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.08) 100%);
    }

    #hbf-current-status .hbfcs-card__inner {
      position: relative;
      z-index: 1;
      height: 100%;
      padding: 24px 24px 22px;
    }

    #hbf-current-status .hbfcs-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 16px;
    }

    #hbf-current-status .hbfcs-tag {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 999px;
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #ffffff;
    }

    #hbf-current-status .hbfcs-tag--main {
      background: linear-gradient(180deg, rgba(58,88,128,0.98) 0%, rgba(37,61,96,0.98) 100%);
      border: 1px solid rgba(92,126,170,0.32);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(37,61,96,0.18);
    }

    #hbf-current-status .hbfcs-title-3 {
      margin: 0 0 12px;
      color: var(--hbf-text);
      font-size: clamp(24px, 1.8vw, 30px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-wrap: balance;
    }

    #hbf-current-status .hbfcs-text {
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-current-status .hbfcs-line {
      height: 1px;
      margin: 18px 0;
      background: linear-gradient(90deg, var(--hbf-divider-color) 0%, transparent 100%);
    }

    html[data-site-theme="light"] #hbf-current-status .hbfcs-line {
      background: linear-gradient(90deg, rgba(22,49,38,0.16) 0%, transparent 100%);
    }

    #hbf-current-status .hbfcs-list {
      display: grid;
      gap: 14px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    #hbf-current-status .hbfcs-list li {
      display: grid;
      grid-template-columns: 14px minmax(0, 1fr);
      gap: 14px;
      align-items: start;
    }

    #hbf-current-status .hbfcs-dot {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      margin-top: 4px;
      box-shadow: 0 0 0 8px transparent;
    }

    #hbf-current-status .hbfcs-dot--1 {
      background: #0e6652;
      box-shadow: 0 0 0 8px rgba(14,102,82,0.12);
    }

    #hbf-current-status .hbfcs-dot--2 {
      background: #b59e7d;
      box-shadow: 0 0 0 8px rgba(181,158,125,0.14);
    }

    #hbf-current-status .hbfcs-dot--3 {
      background: #3a5880;
      box-shadow: 0 0 0 8px rgba(58,88,128,0.12);
    }

    #hbf-current-status .hbfcs-item-title {
      margin: 0 0 4px;
      color: var(--hbf-text);
      font-size: 17px;
      line-height: 1.28;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    #hbf-current-status .hbfcs-item-text {
      margin: 0;
      color: var(--hbf-text-soft);
      font-size: 14px;
      line-height: 1.58;
    }

    @media (max-width: 991px) {
      #hbf-current-status .hbfcs-stage {
        grid-template-columns: 1fr;
        gap: 18px;
      }
      #hbf-current-status .hbfcs-card {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 640px) {
      #hbf-current-status .hbfcs-head {
        margin-bottom: 24px;
      }
      #hbf-current-status .hbfcs-card {
        border-radius: 22px;
      }
      #hbf-current-status .hbfcs-card__inner {
        padding: 20px 18px 18px;
      }
      #hbf-current-status .hbfcs-title-3 {
        font-size: 22px;
      }
    }

#hbf-dialogue-engagement {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
    }
    #hbf-dialogue-engagement,
    #hbf-dialogue-engagement * {
      box-sizing: border-box;
    }

    #hbf-dialogue-engagement .hbfde-bg,
    #hbf-dialogue-engagement .hbfde-photo,
    #hbf-dialogue-engagement .hbfde-overlay,
    #hbf-dialogue-engagement .hbfde-noise {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #hbf-dialogue-engagement .hbfde-bg {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-bg {
      background:
        radial-gradient(72% 62% at 10% 12%, rgba(94,170,205,0.24) 0%, transparent 56%),
        radial-gradient(58% 46% at 84% 18%, rgba(110,196,170,0.18) 0%, transparent 50%),
        radial-gradient(76% 64% at 66% 84%, rgba(45,115,176,0.26) 0%, transparent 58%),
        radial-gradient(44% 38% at 30% 60%, rgba(146,212,255,0.10) 0%, transparent 54%);
    }

    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-bg {
      background:
        radial-gradient(74% 66% at 10% 12%, rgba(116,198,156,0.20) 0%, transparent 56%),
        radial-gradient(54% 42% at 84% 16%, rgba(255,255,255,0.12) 0%, transparent 48%),
        radial-gradient(76% 66% at 66% 84%, rgba(32,122,96,0.16) 0%, transparent 58%),
        radial-gradient(44% 38% at 26% 62%, rgba(220,232,226,0.10) 0%, transparent 54%);
    }

    #hbf-dialogue-engagement .hbfde-photo {
      z-index: 0;
      background:
        url("../media/image/project_architecture/project_architecture_bg_desktop.webp")
        center center / cover no-repeat;
      transform: scale(1.04);
      filter: blur(8px);
    }

    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-photo {
      opacity: 0.12;
    }

    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-photo {
      opacity: 0.18;
    }

    #hbf-dialogue-engagement .hbfde-overlay {
      z-index: 0;
    }

    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-overlay {
      background:
        linear-gradient(180deg, rgba(8,12,18,0.72) 0%, rgba(8,12,18,0.68) 100%);
    }

    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-overlay {
      background:
        linear-gradient(180deg, rgba(244,248,246,0.78) 0%, rgba(241,246,243,0.82) 100%);
    }

    #hbf-dialogue-engagement .hbfde-noise {
      z-index: 0;
      mix-blend-mode: soft-light;
    }

    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-noise {
      opacity: 0.05;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
    }

    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-noise {
      opacity: 0.10;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.18) 0 2.2px, transparent 3px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.12) 0 2.5px, transparent 3.3px),
        radial-gradient(circle at 36% 70%, rgba(30,45,39,0.08) 0 2px, transparent 2.8px);
      background-size: 62px 62px, 78px 78px, 70px 70px;
    }

    #hbf-dialogue-engagement .hbfde-shell {
      position: relative;
      z-index: 1;
    }

    #hbf-dialogue-engagement .hbfde-head {
      display: grid;
      gap: 18px;
      max-width: 980px;
      margin-bottom: 34px;
    }

    #hbf-dialogue-engagement .hbfde-title {
      max-width: 12ch;
      margin: 0;
      color: var(--hbf-text);
    }

    #hbf-dialogue-engagement .hbfde-lead {
      max-width: 58em;
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-dialogue-engagement .hbfde-stage {
      display: grid;
      grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
      gap: 24px;
      align-items: stretch;
    }

    #hbf-dialogue-engagement .hbfde-card,
    #hbf-dialogue-engagement .hbfde-summary {
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      border: 1px solid var(--hbf-card-border);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: var(--hbf-shadow-lg);
    }

    #hbf-dialogue-engagement .hbfde-card::before,
    #hbf-dialogue-engagement .hbfde-summary::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-card,
    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-summary {
      background: rgba(255,255,255,0.03);
      border-color: rgba(255,255,255,0.12);
    }

    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-card::before,
    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-card,
    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-summary {
      background: rgba(255,255,255,0.56);
      border-color: rgba(255,255,255,0.34);
      box-shadow: 0 24px 60px rgba(18,56,38,0.10);
    }

    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-card::before,
    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.08) 100%);
    }

    #hbf-dialogue-engagement .hbfde-card__inner,
    #hbf-dialogue-engagement .hbfde-summary__inner {
      position: relative;
      z-index: 1;
      height: 100%;
      padding: 24px 24px 22px;
      display: grid;
      gap: 16px;
    }

    #hbf-dialogue-engagement .hbfde-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
    }

    #hbf-dialogue-engagement .hbfde-tag {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 999px;
      font-size: 11px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #ffffff;
    }

    #hbf-dialogue-engagement .hbfde-tag--main {
      background: linear-gradient(180deg, rgba(58,88,128,0.98) 0%, rgba(37,61,96,0.98) 100%);
      border: 1px solid rgba(92,126,170,0.32);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(37,61,96,0.18);
    }

    #hbf-dialogue-engagement .hbfde-tag--predev {
      background: linear-gradient(180deg, rgba(14,102,82,0.98) 0%, rgba(9,72,58,0.98) 100%);
      border: 1px solid rgba(21,123,99,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(9,72,58,0.18);
    }

    #hbf-dialogue-engagement .hbfde-tag--strategic {
      background: linear-gradient(180deg, rgba(181,158,125,0.98) 0%, rgba(149,125,96,0.98) 100%);
      border: 1px solid rgba(126,98,70,0.28);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(92,67,48,0.14);
    }

    #hbf-dialogue-engagement .hbfde-tag--institutional {
      background: linear-gradient(180deg, rgba(33,120,95,0.98) 0%, rgba(20,87,69,0.98) 100%);
      border: 1px solid rgba(40,140,112,0.30);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(20,87,69,0.18);
    }

    #hbf-dialogue-engagement .hbfde-title-3,
    #hbf-dialogue-engagement .hbfde-summary__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: clamp(24px, 1.8vw, 30px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-wrap: balance;
    }

    #hbf-dialogue-engagement .hbfde-text,
    #hbf-dialogue-engagement .hbfde-summary__text {
      margin: 0;
      color: var(--hbf-text-soft);
    }

    #hbf-dialogue-engagement .hbfde-line {
      height: 1px;
      background: linear-gradient(90deg, var(--hbf-divider-color) 0%, transparent 100%);
    }

    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-line {
      background: linear-gradient(90deg, rgba(22,49,38,0.16) 0%, transparent 100%);
    }

    #hbf-dialogue-engagement .hbfde-list {
      display: grid;
      gap: 16px;
    }

    #hbf-dialogue-engagement .hbfde-item {
      display: grid;
      gap: 8px;
    }

    #hbf-dialogue-engagement .hbfde-item__title {
      margin: 0;
      color: var(--hbf-text);
      font-size: 18px;
      line-height: 1.24;
      font-weight: 700;
      letter-spacing: -0.02em;
    }

    #hbf-dialogue-engagement .hbfde-item__text {
      margin: 0;
      color: var(--hbf-text-soft);
      font-size: 14px;
      line-height: 1.58;
    }

    #hbf-dialogue-engagement .hbfde-right {
      display: grid;
      gap: 18px;
      align-content: start;
      height: 100%;
    }

    #hbf-dialogue-engagement .hbfde-summary {
      margin-top: 24px;
      background: linear-gradient(180deg, rgba(14,102,82,0.94) 0%, rgba(9,72,58,0.94) 100%);
      border-color: rgba(21,123,99,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(9,72,58,0.16);
    }

    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-summary {
      background: linear-gradient(180deg, rgba(24,52,97,0.92) 0%, rgba(14,30,58,0.92) 100%);
      border-color: rgba(84,124,188,0.24);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 18px 34px rgba(24,52,97,0.18);
    }

    #hbf-dialogue-engagement .hbfde-summary::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
    }

    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-summary__title,
    html[data-site-theme="dark"] #hbf-dialogue-engagement .hbfde-summary__text {
      color: #ffffff;
    }

    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-summary__title,
    html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-summary__text {
      color: #163126;
    }

    @media (max-width: 991px) {
      #hbf-dialogue-engagement .hbfde-stage {
        grid-template-columns: 1fr;
        gap: 18px;
      }
    }

    @media (max-width: 640px) {
      #hbf-dialogue-engagement .hbfde-head {
        margin-bottom: 24px;
      }

      #hbf-dialogue-engagement .hbfde-card,
      #hbf-dialogue-engagement .hbfde-summary {
        border-radius: 22px;
      }

      #hbf-dialogue-engagement .hbfde-card__inner,
      #hbf-dialogue-engagement .hbfde-summary__inner {
        padding: 20px 18px 18px;
      }

      #hbf-dialogue-engagement .hbfde-title-3 {
        font-size: 22px;
      }
    }

#hbf-contact-founders {
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--hbf-divider-color);
      background: var(--hbf-bg);
      min-height: 980px;
    }
    #hbf-contact-founders,
    #hbf-contact-founders * {
      box-sizing: border-box;
    }

    #hbf-contact-founders .hbfc17-bg,
    #hbf-contact-founders .hbfc17-gradients,
    #hbf-contact-founders .hbfc17-noise,
    #hbf-contact-founders .hbfc17-spider,
    #hbf-contact-founders .hbfc17-spider-svg,
    #hbf-contact-founders .hbfc17-spider-nodes {
      position: absolute;
      inset: 0;
    }

    #hbf-contact-founders .hbfc17-bg,
    #hbf-contact-founders .hbfc17-gradients,
    #hbf-contact-founders .hbfc17-noise,
    #hbf-contact-founders .hbfc17-spider-svg {
      pointer-events: none;
    }

    #hbf-contact-founders .hbfc17-spider,
    #hbf-contact-founders .hbfc17-spider-nodes {
      pointer-events: auto;
    }

    #hbf-contact-founders .hbfc17-bg {
      z-index: 0;
      background:
        url("../media/image/contact/contact_bg_desktop.webp")
        center center / cover no-repeat;
      transform: scale(1.04);
      filter: blur(8px);
      opacity: 1;
    }

    #hbf-contact-founders .hbfc17-gradients {
      z-index: 1;
    }

    html[data-site-theme="dark"] #hbf-contact-founders .hbfc17-gradients {
      background:
        radial-gradient(56% 48% at 12% 18%, rgba(98,148,189,0.30) 0%, transparent 56%),
        radial-gradient(44% 38% at 76% 16%, rgba(134,193,170,0.22) 0%, transparent 48%),
        radial-gradient(58% 52% at 70% 82%, rgba(56,106,165,0.24) 0%, transparent 58%),
        linear-gradient(180deg, rgba(7,10,15,0.50) 0%, rgba(7,10,15,0.56) 100%);
    }

    html[data-site-theme="light"] #hbf-contact-founders .hbfc17-gradients {
      background:
        radial-gradient(56% 48% at 12% 18%, rgba(255,255,255,0.06) 0%, transparent 56%),
        radial-gradient(44% 38% at 76% 16%, rgba(255,255,255,0.06) 0%, transparent 48%),
        radial-gradient(58% 52% at 70% 82%, rgba(255,255,255,0.05) 0%, transparent 58%),
        linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 100%);
    }

    #hbf-contact-founders .hbfc17-noise {
      z-index: 2;
      opacity: 0.05;
      mix-blend-mode: soft-light;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.08) 0 1.6px, transparent 1.9px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.06) 0 1.3px, transparent 1.7px);
      background-size: 34px 34px, 42px 42px, 38px 38px;
      pointer-events: none;
    }

    #hbf-contact-founders .hbfc17-spider {
      z-index: 7;
      overflow: hidden;
    }

    #hbf-contact-founders .hbfc17-spider-svg {
      z-index: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    #hbf-contact-founders .hbfc17-spider-svg line {
      stroke: rgba(255,255,255,0.30);
      stroke-width: 1.2;
      vector-effect: non-scaling-stroke;
    }

    #hbf-contact-founders .hbfc17-spider-svg line.is-secondary {
      stroke: rgba(255,255,255,0.18);
      stroke-width: 0.8;
    }

    #hbf-contact-founders .hbfc17-spider-nodes {
      z-index: 1;
    }

    #hbf-contact-founders .hbfc17-node {
      position: absolute;
      transform: translate(-50%, -50%);
      pointer-events: auto;
      user-select: none;
      -webkit-user-select: none;
      touch-action: none;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      max-width: 260px;
      padding: 7px 12px 7px 9px;
      border-radius: 999px;
      white-space: nowrap;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      background: rgba(255,255,255,0.02);
      border: 1px solid rgba(255,255,255,0.10);
      cursor: grab;
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
      z-index: 2;
    }

    #hbf-contact-founders .hbfc17-node,
    #hbf-contact-founders .hbfc17-node * {
      pointer-events: auto;
    }

    #hbf-contact-founders .hbfc17-node:active {
      cursor: grabbing;
    }

    #hbf-contact-founders .hbfc17-node__dot {
      width: 10px;
      height: 10px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: #ffffff;
      box-shadow: 0 0 0 6px rgba(255,255,255,0.08);
    }

    #hbf-contact-founders .hbfc17-node__label {
      color: #ffffff;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 600;
      letter-spacing: 0.01em;
      pointer-events: auto;
    }

    #hbf-contact-founders .hbfc17-node--root {
      padding: 10px 16px 10px 12px;
      background: rgba(255,255,255,0.07);
      border-color: rgba(255,255,255,0.20);
    }

    #hbf-contact-founders .hbfc17-node--root .hbfc17-node__label {
      font-size: 16px;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    #hbf-contact-founders .hbfc17-node--primary {
      background: rgba(255,255,255,0.035);
      border-color: rgba(255,255,255,0.14);
    }

    #hbf-contact-founders .hbfc17-node--secondary {
      background: rgba(255,255,255,0.018);
      border-color: rgba(255,255,255,0.08);
    }

    #hbf-contact-founders .hbfc17-shell {
      position: relative;
      z-index: 8;
      width: 100%;
      max-width: var(--hbf-max);
      margin: 0 auto;
      padding: 34px var(--hbf-container-x) 120px;
      pointer-events: none;
    }

    #hbf-contact-founders .hbfc17-head {
      display: grid;
      gap: 34px;
      max-width: 52%;
      margin-top: 34px;
      margin-bottom: 78px;
      position: relative;
      z-index: 9;
      pointer-events: none;
      user-select: none;
      -webkit-user-select: none;
    }

    #hbf-contact-founders .hbfc17-head .hbf-kicker,
    #hbf-contact-founders .hbfc17-head .hbfc17-title {
      pointer-events: none;
      user-select: none;
      -webkit-user-select: none;
    }

    #hbf-contact-founders .hbfc17-title {
      margin: 0;
      max-width: 13ch;
      color: #ffffff;
    }

    #hbf-contact-founders .hbfc17-stage {
      display: grid;
      grid-template-columns: minmax(380px, 480px) minmax(0, 1fr);
      gap: 44px;
      align-items: start;
      position: relative;
      z-index: 10;
      pointer-events: none;
    }

    #hbf-contact-founders .hbfc17-stage-spacer {
      min-height: 240px;
      pointer-events: none;
    }

    #hbf-contact-founders .hbfc17-glass,
    #hbf-contact-founders .hbfc17-glass * {
      pointer-events: auto;
    }

    #hbf-contact-founders .hbfc17-glass {
      position: relative;
      z-index: 11;
      width: min(100%, 480px);
      min-height: 790px;
      overflow: hidden;
      border-radius: 34px;
      border: 1px solid rgba(255,255,255,0.22);
      backdrop-filter: blur(26px);
      -webkit-backdrop-filter: blur(26px);
      box-shadow: 0 28px 80px rgba(0,0,0,0.10);
      isolation: isolate;
    }

    #hbf-contact-founders .hbfc17-glass::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    #hbf-contact-founders .hbfc17-glass::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      backdrop-filter: blur(140px);
      -webkit-backdrop-filter: blur(140px);
      background: linear-gradient(180deg, rgba(13,46,33,0.15) 0%, rgba(13,46,33,0.15) 100%);
      opacity: 1;
    }

    #hbf-contact-founders .hbfc17-glass__noise {
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 0.11;
      mix-blend-mode: soft-light;
      background-image:
        radial-gradient(circle at 18% 22%, rgba(255,255,255,0.16) 0 1.8px, transparent 2.3px),
        radial-gradient(circle at 76% 30%, rgba(255,255,255,0.10) 0 1.6px, transparent 2.2px),
        radial-gradient(circle at 38% 70%, rgba(255,255,255,0.08) 0 1.4px, transparent 2px),
        radial-gradient(circle at 64% 58%, rgba(255,255,255,0.07) 0 1.5px, transparent 2px);
      background-size: 40px 40px, 54px 54px, 46px 46px, 62px 62px;
    }

    html[data-site-theme="dark"] #hbf-contact-founders .hbfc17-glass {
      background: rgba(255,255,255,0.008);
      border-color: rgba(255,255,255,0.20);
    }

    html[data-site-theme="dark"] #hbf-contact-founders .hbfc17-glass::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.010) 100%);
    }

    html[data-site-theme="light"] #hbf-contact-founders .hbfc17-glass {
      background: rgba(255,255,255,0.02);
      border-color: rgba(255,255,255,0.22);
    }

    html[data-site-theme="light"] #hbf-contact-founders .hbfc17-glass::before {
      background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    }

    #hbf-contact-founders .hbfc17-glass__inner {
      position: relative;
      z-index: 3;
      height: 100%;
      padding: 36px 42px 30px;
      display: grid;
      grid-template-rows: auto auto auto auto auto auto auto;
      gap: 0;
    }

    #hbf-contact-founders .hbfc17-copy-ok {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      padding: 8px 12px;
      border-radius: 999px;
      font-size: 11px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #ffffff;
      background: rgba(20,87,69,0.92);
      border: 1px solid rgba(255,255,255,0.16);
      opacity: 0;
      transform: translate3d(-9999px,-9999px,0);
      transition: opacity .18s ease;
      pointer-events: none;
    }

    #hbf-contact-founders .hbfc17-copy-ok.is-visible {
      opacity: 1;
    }

    #hbf-contact-founders .hbfc17-meta {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      margin-bottom: 26px;
      color: rgba(255,255,255,0.72);
      font-size: 11px;
      line-height: 1.2;
      font-weight: 700;
      letter-spacing: 0.10em;
      text-transform: uppercase;
    }

    #hbf-contact-founders .hbfc17-story {
      margin: 0 0 34px;
      color: #ffffff;
      font-size: clamp(28px, 2.6vw, 36px);
      line-height: 1.02;
      letter-spacing: -0.03em;
      font-weight: 700;
      max-width: 12ch;
    }

    #hbf-contact-founders .hbfc17-line {
      height: 1px;
      margin-bottom: 34px;
      background: linear-gradient(90deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.02) 100%);
    }

    #hbf-contact-founders .hbfc17-copy {
      display: grid;
      gap: 14px;
      margin-bottom: 55px;
    }

    #hbf-contact-founders .hbfc17-copy p,
    #hbf-contact-founders .hbfc17-note,
    #hbf-contact-founders .hbfc17-hint {
      margin: 0;
      color: rgba(255,255,255,0.88);
    }

    #hbf-contact-founders .hbfc17-email-row {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 6px;
      min-width: 0;
    }

    #hbf-contact-founders .hbfc17-email-copy {
      appearance: none;
      border: 0;
      cursor: pointer;
      padding: 0;
      background: transparent;
      color: #ffffff;
      font-size: clamp(22px, 2vw, 28px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      font-weight: 700;
      text-align: left;
      transition: transform .16s ease, opacity .16s ease;
      transform-origin: left center;
      min-width: 0;
      max-width: calc(100% - 54px);
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    #hbf-contact-founders .hbfc17-email-copy:hover {
      transform: translateY(-1px) scale(1.01);
      opacity: 0.92;
    }

    #hbf-contact-founders .hbfc17-email-copy:active {
      transform: scale(0.985);
      opacity: 0.86;
    }

    #hbf-contact-founders .hbfc17-email-open {
      width: 42px;
      height: 42px;
      flex: 0 0 auto;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.04);
      color: #ffffff;
      text-decoration: none;
      transition: transform .18s ease, background .18s ease, border-color .18s ease;
    }

    #hbf-contact-founders .hbfc17-email-open:hover {
      transform: translateY(-1px);
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.20);
    }

    #hbf-contact-founders .hbfc17-hint {
      display: block;
      margin-bottom: 26px;
      color: rgba(255,255,255,0.62);
      font-size: 12px;
      line-height: 1.55;
      text-align: right;
      white-space: pre-line;
    }

    #hbf-contact-founders .hbfc17-photo-wide {
      width: 100%;
      aspect-ratio: 16 / 9;
      margin-bottom: 18px;
      border-radius: 22px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.12);
      background:
        linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.18) 100%),
        url("../media/image/cards/contact_glass_photo.webp")
        center center / cover no-repeat;
    }

    #hbf-contact-founders .hbfc17-note {
      color: rgba(255,255,255,0.80);
    }

    @media (max-width: 991px) {
      #hbf-contact-founders {
        min-height: auto;
      }

      #hbf-contact-founders .hbfc17-head {
        max-width: 100%;
        margin-bottom: 38px;
      }

      #hbf-contact-founders .hbfc17-stage {
        grid-template-columns: 1fr;
        gap: 0;
      }

      #hbf-contact-founders .hbfc17-stage-spacer {
        display: none;
      }
    }

    @media (max-width: 767px) {
      #hbf-contact-founders .hbfc17-spider {
        display: none;
      }

      #hbf-contact-founders .hbfc17-shell {
        padding: 24px var(--hbf-container-x) 84px;
      }

      #hbf-contact-founders .hbfc17-head {
        gap: 24px;
        margin-top: 10px;
        margin-bottom: 30px;
      }

      #hbf-contact-founders .hbfc17-glass {
        width: 100%;
        min-height: auto;
        border-radius: 26px;
      }

      #hbf-contact-founders .hbfc17-glass__inner {
        padding: 24px 20px 20px;
      }

      #hbf-contact-founders .hbfc17-story {
        font-size: 30px;
        margin-bottom: 26px;
      }

      #hbf-contact-founders .hbfc17-line {
        margin-bottom: 26px;
      }

      #hbf-contact-founders .hbfc17-copy {
        margin-bottom: 44px;
      }

      #hbf-contact-founders .hbfc17-email-row {
        justify-content: center;
      }

      #hbf-contact-founders .hbfc17-photo-wide {
        border-radius: 18px;
      }

      #hbf-contact-founders .hbfc17-email-copy {
        font-size: 22px;
        overflow-wrap: anywhere;
      }

      #hbf-contact-founders .hbfc17-hint {
        margin-bottom: 18px;
      }
    }

#hbf-footer-image {
      position: relative;
      overflow: hidden;
      min-height: 20vh;
      height: 20vh;
      border-bottom: 1px solid var(--hbf-divider-color);
      background:
        radial-gradient(120% 140% at 12% 18%, rgba(26,54,68,0.30) 0%, rgba(26,54,68,0.10) 30%, transparent 58%),
        radial-gradient(110% 130% at 82% 74%, rgba(18,66,52,0.24) 0%, rgba(18,66,52,0.08) 34%, transparent 60%),
        linear-gradient(135deg, #06090d 0%, #0a1116 42%, #0d1514 100%);
    }

    #hbf-footer-image,
    #hbf-footer-image * {
      box-sizing: border-box;
    }

    #hbf-footer-image .hbffi-noise,
    #hbf-footer-image .hbffi-shell {
      position: absolute;
      inset: 0;
    }

    #hbf-footer-image .hbffi-noise {
      pointer-events: none;
      z-index: 1;
      mix-blend-mode: soft-light;
      opacity: 0.05;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.10) 0 1.2px, transparent 1.6px),
        radial-gradient(circle at 78% 28%, rgba(255,255,255,0.06) 0 1.4px, transparent 1.8px),
        radial-gradient(circle at 36% 70%, rgba(255,255,255,0.04) 0 1.1px, transparent 1.5px);
      background-size: 30px 30px, 38px 38px, 34px 34px;
    }

    #hbf-footer-image .hbffi-shell {
      z-index: 2;
      display: grid;
      place-items: center;
    }

    #hbf-footer-image .hbffi-inner {
      position: relative;
      width: 100%;
      max-width: var(--hbf-max);
      margin: 0 auto;
      padding: 0 var(--hbf-container-x);
    }

    #hbf-footer-image .hbffi-bottom {
      display: grid;
      gap: 8px;
      justify-items: center;
      text-align: center;
      width: 100%;
    }

    #hbf-footer-image .hbffi-copy {
      margin: 0;
      font-size: 13px;
      line-height: 1.4;
      letter-spacing: 0.04em;
      font-weight: 500;
      opacity: 0.92;
      color: rgba(255,255,255,0.94);
      text-shadow: 0 8px 24px rgba(0,0,0,0.34);
    }

    #hbf-footer-image .hbffi-privacy {
      appearance: none;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      font: inherit;
      font-size: 13px;
      line-height: 1.4;
      letter-spacing: 0.04em;
      font-weight: 500;
      text-decoration: underline;
      text-underline-offset: 3px;
      opacity: 0.92;
      color: rgba(255,255,255,0.94);
      text-shadow: 0 8px 24px rgba(0,0,0,0.34);
      transition: opacity .18s ease, transform .18s ease;
    }

    #hbf-footer-image .hbffi-privacy:hover {
      opacity: 1;
      transform: translateY(-1px);
    }

    #hbf-footer-image .hbffi-privacy:focus-visible {
      outline: none;
      box-shadow: 0 0 0 3px var(--hbf-focus-ring);
      border-radius: 6px;
    }

    @media (max-width: 640px) {
      #hbf-footer-image .hbffi-copy,
      #hbf-footer-image .hbffi-privacy {
        font-size: 12px;
      }
    }

/* Host media map: mobile background overrides */
@media (max-width: 640px) {
  #hbf-system-definition .hbfw4-bg,
  html[data-site-theme="light"] #hbf-system-definition .hbfw4-bg {
    background-image:
      linear-gradient(180deg, rgba(7,14,10,0.42) 0%, rgba(7,14,10,0.34) 100%),
      url("../media/image/system_definition/system_definition_bg_mobile.webp");
  }

  #hbf-why-hbf .hbfw7-bg {
    background-image:
      linear-gradient(180deg, rgba(8,14,14,0.18) 0%, rgba(8,14,14,0.16) 100%),
      url("../media/image/strategic_rationale/strategic_rationale_bg_mobile.webp");
  }

  #hbf-photo-banner .hbfpb-image {
    background: url("../media/image/visual_statement/visual_statement_bg_mobile.webp") center center / cover no-repeat;
  }

  #hbf-funded-now .hbffv2e-bg {
    background: url("../media/image/system_definition/system_definition_bg_mobile.webp") center center / cover no-repeat;
  }

  #hbf-photo-glass-left .hbfpgl-image {
    background: url("../media/image/execution_frame/execution_frame_bg_mobile.webp") center center / cover no-repeat;
  }

  #hbf-founder-execution .hbffl-photo {
    background: url("../media/image/founder_led_execution/founder_led_execution_bg_mobile.webp") center center / cover no-repeat;
  }

  #hbf-current-status .hbfcs-photo {
    background: url("../media/image/current_status/current_status_bg_mobile.webp") center center / cover no-repeat;
  }

  #hbf-contact-founders .hbfc17-bg {
    background: url("../media/image/contact/contact_bg_mobile.webp") center center / cover no-repeat;
  }
}

/* Hotfix: stable position for Contact Founders copy toast.
   The toast is positioned by ui.js relative to the glass card and appears above the email row. */
#hbf-contact-founders .hbfc17-copy-ok {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 20;
  opacity: 0;
  transform: translate3d(0, 6px, 0);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}

#hbf-contact-founders .hbfc17-copy-ok.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}


/* HBF media architecture additions - proper asset separation */
@media (max-width: 640px) {
  #hbf-project-architecture .hbfpa72-bg {
    background-image: url("../media/image/project_architecture/project_architecture_bg_mobile.webp");
  }

  #hbf-scale-talent .hbfst-photo {
    background-image: url("../media/image/scale_talent/scale_talent_bg_mobile.webp");
  }
}

/* Contact glass spacing correction across browsers */
#hbf-contact-founders .hbfc17-glass {
  justify-self: start;
}

#hbf-contact-founders .hbfc17-copy,
#hbf-contact-founders .hbfc17-hint,
#hbf-contact-founders .hbfc17-note {
  max-width: 100%;
}

@media (max-width: 991px) {
  #hbf-contact-founders .hbfc17-stage {
    grid-template-columns: 1fr;
  }
  #hbf-contact-founders .hbfc17-glass {
    width: min(100%, 520px);
  }
}

@media (max-width: 767px) {
  #hbf-contact-founders .hbfc17-glass {
    width: 100%;
  }
}

/* Keep spider dots white in both themes */
#hbf-contact-founders .hbfc17-node__dot {
  background: #ffffff;
  box-shadow: 0 0 0 6px rgba(255,255,255,0.08);
}
/* ==========================================================================
   HBF final visual tuning v2
   Scope: section-level corrections after real media upload.
   Kept inside sections.css by design: no theme overrides in media-protect.css.
   ========================================================================== */

/* 1. Hero / Pre-development: add a subtle irregular light-theme gradient */
html[data-site-theme="light"] #hbf-hero {
  background:
    radial-gradient(58% 42% at 18% 28%, rgba(197, 207, 201, 0.42) 0%, rgba(197, 207, 201, 0.18) 42%, transparent 70%),
    radial-gradient(48% 36% at 78% 18%, rgba(226, 230, 224, 0.34) 0%, rgba(226, 230, 224, 0.14) 44%, transparent 72%),
    radial-gradient(62% 44% at 72% 82%, rgba(176, 196, 186, 0.24) 0%, rgba(176, 196, 186, 0.10) 38%, transparent 72%),
    linear-gradient(180deg, #ffffff 0%, #f7f9f6 100%);
}

/* 2. Why now: ash-blue dark background and correct three card images */
html[data-site-theme="dark"] #hbf-why-now {
  background: #0a1016;
}

html[data-site-theme="dark"] #hbf-why-now .hbfp17-bg {
  opacity: 1;
  filter: none;
  transform: none;
  background:
    radial-gradient(70% 42% at 12% 18%, rgba(89, 122, 150, 0.28) 0%, rgba(89, 122, 150, 0.12) 38%, transparent 70%),
    radial-gradient(78% 48% at 86% 34%, rgba(56, 83, 112, 0.34) 0%, rgba(56, 83, 112, 0.14) 42%, transparent 72%),
    radial-gradient(86% 54% at 42% 88%, rgba(29, 56, 82, 0.42) 0%, rgba(29, 56, 82, 0.18) 40%, transparent 76%),
    linear-gradient(180deg, #0a1016 0%, #0d141c 52%, #090f15 100%);
}

#hbf-why-now .hbfp17-card-media {
  border: 0;
  background-size: cover;
  background-position: center center;
  box-shadow: inset 0 0 0 1px var(--hbf-card-border);
}

#hbf-why-now .hbfp17-card--phase1 .hbfp17-card-media {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.18) 100%),
    url("../media/image/cards/why_now_01.webp");
}

#hbf-why-now .hbfp17-card--phase2 .hbfp17-card-media {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.18) 100%),
    url("../media/image/cards/why_now_02.webp");
}

#hbf-why-now .hbfp17-card--phase3 .hbfp17-card-media {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.18) 100%),
    url("../media/image/cards/why_now_03.webp");
}

/* 3. Project architecture: make the light-theme background image clearly visible */
html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-bg {
  opacity: 0.92;
  filter: none;
  transform: none;
  background:
    url("../media/image/project_architecture/project_architecture_bg_desktop.webp")
    center center / cover no-repeat;
}

html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-overlay {
  background:
    radial-gradient(58% 48% at 12% 18%, rgba(255, 255, 255, 0.16) 0%, transparent 58%),
    radial-gradient(52% 44% at 82% 18%, rgba(255, 255, 255, 0.10) 0%, transparent 54%),
    linear-gradient(180deg, rgba(242, 247, 244, 0.06) 0%, rgba(236, 242, 239, 0.10) 100%);
}

/* 4. Malaysia / Portugal: keep Functional split badges beige in both themes */
#hbf-malaysia-portugal .hbfwpm-accent-bridge,
html[data-site-theme="light"] #hbf-malaysia-portugal .hbfwpm-accent-bridge,
html[data-site-theme="dark"] #hbf-malaysia-portugal .hbfwpm-accent-bridge {
  background: linear-gradient(180deg, rgba(181, 158, 125, 0.98) 0%, rgba(149, 125, 96, 0.98) 100%);
  border: 1px solid rgba(126, 98, 70, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 16px 34px rgba(92, 67, 48, 0.14);
  color: #ffffff;
}

/* 5. Execution Frame: text over a photo remains white in light theme */
html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-text,
html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-note {
  color: rgba(255, 255, 255, 0.90);
}

html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-line {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.03) 100%);
}

/* 6. Founder-led execution: light theme keeps text dark over the bright image */
html[data-site-theme="light"] #hbf-founder-execution .hbffl-title,
html[data-site-theme="light"] #hbf-founder-execution .hbffl-title-3,
html[data-site-theme="light"] #hbf-founder-execution .hbffl-item-title,
html[data-site-theme="light"] #hbf-founder-execution .hbffl-summary__title {
  color: #163126;
}

html[data-site-theme="light"] #hbf-founder-execution .hbffl-lead,
html[data-site-theme="light"] #hbf-founder-execution .hbffl-text,
html[data-site-theme="light"] #hbf-founder-execution .hbffl-item-text,
html[data-site-theme="light"] #hbf-founder-execution .hbffl-summary__text {
  color: rgba(22, 49, 38, 0.82);
}

/* 7. Scale and Talent: background visible; photo-card remains dark/readable in light theme */
html[data-site-theme="dark"] #hbf-scale-talent .hbfst-photo,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo {
  filter: blur(8px);
  transform: scale(1.04);
  background:
    url("../media/image/scale_talent/scale_talent_bg_desktop.webp")
    center center / cover no-repeat;
}

html[data-site-theme="dark"] #hbf-scale-talent .hbfst-photo {
  opacity: 0.42;
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo {
  opacity: 0.68;
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card__media {
  opacity: 0.36;
  filter: saturate(0.95) contrast(1.02);
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card::after {
  background: linear-gradient(180deg, rgba(8, 12, 18, 0.10) 0%, rgba(8, 12, 18, 0.62) 100%);
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card .hbfst-title-3,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card .hbfst-text {
  color: #ffffff;
}

/* 8. Current status: light theme headings stay dark over a light photo */
html[data-site-theme="light"] #hbf-current-status .hbfcs-title,
html[data-site-theme="light"] #hbf-current-status .hbfcs-title-3,
html[data-site-theme="light"] #hbf-current-status .hbfcs-item-title {
  color: #163126;
}

html[data-site-theme="light"] #hbf-current-status .hbfcs-lead,
html[data-site-theme="light"] #hbf-current-status .hbfcs-text,
html[data-site-theme="light"] #hbf-current-status .hbfcs-item-text {
  color: rgba(22, 49, 38, 0.82);
}

/* 9. Dialogue and Engagement: add a visible irregular light-theme gradient */
html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-bg {
  background:
    radial-gradient(68% 48% at 14% 16%, rgba(191, 199, 190, 0.42) 0%, rgba(191, 199, 190, 0.16) 42%, transparent 72%),
    radial-gradient(54% 42% at 86% 18%, rgba(226, 230, 224, 0.34) 0%, rgba(226, 230, 224, 0.12) 42%, transparent 70%),
    radial-gradient(78% 52% at 64% 84%, rgba(172, 194, 184, 0.28) 0%, rgba(172, 194, 184, 0.10) 38%, transparent 74%),
    linear-gradient(180deg, #ffffff 0%, #f6f8f5 100%);
}

html[data-site-theme="light"] #hbf-dialogue-engagement .hbfde-photo {
  opacity: 0.10;
}

/* 10. Contact: keep email on one line in desktop/tablet layouts */
#hbf-contact-founders .hbfc17-email-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 12px;
  width: 100%;
}

#hbf-contact-founders .hbfc17-email-copy {
  max-width: 100%;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  font-size: clamp(18px, 1.62vw, 26px);
  line-height: 1.08;
  text-align: left;
}

@media (max-width: 991px) {
  #hbf-contact-founders .hbfc17-email-copy {
    font-size: clamp(18px, 3.5vw, 25px);
  }
}

@media (max-width: 767px) {
  #hbf-contact-founders .hbfc17-email-row {
    grid-template-columns: minmax(0, 1fr) 42px;
    justify-content: initial;
  }

  #hbf-contact-founders .hbfc17-email-copy {
    font-size: clamp(16px, 4.8vw, 22px);
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (max-width: 640px) {
  html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-bg {
    background:
      url("../media/image/project_architecture/project_architecture_bg_mobile.webp")
      center center / cover no-repeat;
  }

  html[data-site-theme="dark"] #hbf-scale-talent .hbfst-photo,
  html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo {
    background:
      url("../media/image/scale_talent/scale_talent_bg_mobile.webp")
      center center / cover no-repeat;
  }
}


/* ==========================================================================
   HBF final visual tuning v3
   Scope: final section-level and mobile corrections after image upload.
   This replaces the previous broad light-mode hotfix with targeted rules only.
   ========================================================================== */

/* Strategic rationale / Why HBF: in light theme the text-side point headings are dark. */
html[data-site-theme="light"] #hbf-why-hbf .hbfw7-point-title {
  color: var(--hbf-text) !important;
}

html[data-site-theme="light"] #hbf-why-hbf .hbfw7-point-text {
  color: var(--hbf-muted) !important;
}

/* Project architecture: background image is visible in both themes. */
#hbf-project-architecture .hbfpa72-bg {
  background:
    url("../media/image/project_architecture/project_architecture_bg_desktop.webp")
    center center / cover no-repeat !important;
  transform: scale(1.03);
  filter: none;
}

html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-bg {
  opacity: 0.34 !important;
}

html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-bg {
  opacity: 0.82 !important;
}

html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-overlay {
  background:
    radial-gradient(66% 54% at 16% 18%, rgba(8, 12, 18, 0.34) 0%, transparent 58%),
    radial-gradient(58% 48% at 82% 22%, rgba(8, 12, 18, 0.26) 0%, transparent 54%),
    linear-gradient(180deg, rgba(8, 12, 18, 0.66) 0%, rgba(8, 12, 18, 0.58) 100%) !important;
}

html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-overlay {
  background:
    radial-gradient(58% 48% at 12% 18%, rgba(255, 255, 255, 0.20) 0%, transparent 58%),
    radial-gradient(52% 44% at 82% 18%, rgba(255, 255, 255, 0.14) 0%, transparent 54%),
    linear-gradient(180deg, rgba(242, 247, 244, 0.12) 0%, rgba(236, 242, 239, 0.16) 100%) !important;
}

/* Scale and Talent Pipeline: all text over the photo card remains white in light theme. */
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card .hbfst-title-3,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card .hbfst-text,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card .hbf-text-body,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card [class$="-text"],
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card [class*="__text"] {
  color: #ffffff !important;
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card__media {
  opacity: 0.52;
  filter: saturate(0.95) contrast(1.02);
}

/* Visual Statement mobile: keep the vertical mobile artwork tall enough for the glass card. */
@media (max-width: 640px) {
  #hbf-photo-banner {
    min-height: 560px !important;
    height: 560px !important;
  }

  #hbf-photo-banner .hbfpb-image {
    background:
      url("../media/image/visual_statement/visual_statement_bg_mobile.webp")
      center center / cover no-repeat !important;
    transform: scale(1.04);
  }

  #hbf-photo-banner .hbfpb-inner {
    padding: 22px var(--hbf-container-x) !important;
  }
}

/* What is funded now mobile: hide blur sampling at the sides of the vertical background. */
@media (max-width: 640px) {
  #hbf-funded-now .hbffv2e-bg {
    background:
      url("../media/image/system_definition/system_definition_bg_mobile.webp")
      center center / cover no-repeat !important;
    transform: scale(1.16);
    filter: blur(8px);
  }
}

/* Project Architecture mobile: use the mobile background and keep it visible in both themes. */
@media (max-width: 640px) {
  #hbf-project-architecture .hbfpa72-bg {
    background:
      url("../media/image/project_architecture/project_architecture_bg_mobile.webp")
      center center / cover no-repeat !important;
    transform: scale(1.04);
    filter: none;
  }

  html[data-site-theme="dark"] #hbf-project-architecture .hbfpa72-bg {
    opacity: 0.38 !important;
  }

  html[data-site-theme="light"] #hbf-project-architecture .hbfpa72-bg {
    opacity: 0.86 !important;
  }
}

/* Execution Frame mobile: keep the vertical mobile artwork tall enough for the glass card. */
@media (max-width: 640px) {
  #hbf-photo-glass-left {
    min-height: 710px !important;
    height: 710px !important;
  }

  #hbf-photo-glass-left .hbfpgl-image {
    background:
      url("../media/image/execution_frame/execution_frame_bg_mobile.webp")
      center center / cover no-repeat !important;
    transform: scale(1.04);
  }

  #hbf-photo-glass-left .hbfpgl-inner {
    padding: 22px var(--hbf-container-x) !important;
  }
}

/* Contact mobile: hide blur sampling at the sides of the vertical background. */
@media (max-width: 640px) {
  #hbf-contact-founders .hbfc17-bg {
    background:
      url("../media/image/contact/contact_bg_mobile.webp")
      center center / cover no-repeat !important;
    transform: scale(1.16);
    filter: blur(8px);
  }
}



/* ==========================================================================
   HBF final polish v4
   Scope: mobile menu behavior, Execution Frame text color, Scale/Talent light BG.
   ========================================================================== */

/* Execution Frame: text over the photo remains white in both themes.
   The kicker remains controlled by its own kicker styling. */
html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-title,
html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-text,
html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-note {
  color: #ffffff !important;
}

html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-line {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
}

/* Scale and Talent Pipeline: keep the section background image dark and unwashed
   in the light theme. */
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo {
  opacity: 1 !important;
  filter: blur(8px) !important;
  transform: scale(1.04) !important;
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-overlay {
  background: transparent !important;
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-noise {
  opacity: 0.04 !important;
}

/* Keep all text on the Scale/Talent photo card white in the light theme. */
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card .hbfst-title-3,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card .hbfst-text,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card .hbf-text-body,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card [class$="-text"],
html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo-card [class*="__text"] {
  color: #ffffff !important;
}

/* ==========================================================================
   HBF final polish v5 - Execution Frame mobile color and Scale/Talent light BG
   ========================================================================== */
@media (max-width: 640px) {
  html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-title,
  html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-text,
  html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-note {
    color: #ffffff !important;
  }

  html[data-site-theme="light"] #hbf-photo-glass-left .hbfpgl-line {
    background: linear-gradient(90deg, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.04) 100%) !important;
  }
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-photo {
  opacity: 1 !important;
  filter: blur(8px) !important;
  transform: scale(1.04) !important;
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-overlay {
  background: transparent !important;
}

/* Final Scale and Talent Pipeline polish:
   - section background stays softly blurred in light theme;
   - right-side pipeline text stays white in light theme. */
html[data-site-theme="light"] #hbf-scale-talent .hbfst-step__title,
html[data-site-theme="light"] #hbf-scale-talent .hbfst-step__text {
  color: #ffffff !important;
}

/* Final Scale and Talent Pipeline step glass contrast:
   make the right-side step cards darker and more transparent in light theme
   so the white text stays readable over the background image. */
html[data-site-theme="light"] #hbf-scale-talent .hbfst-step__body {
  background: rgba(10, 16, 19, 0.28) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 18px 42px rgba(10, 16, 19, 0.18) !important;
}

html[data-site-theme="light"] #hbf-scale-talent .hbfst-step__body::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%),
    linear-gradient(180deg, rgba(10, 16, 19, 0.14) 0%, rgba(10, 16, 19, 0.24) 100%) !important;
}