
.bd-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.bd-rec-title { display: flex; align-items: center; gap: 0.5em; flex-wrap: wrap; font-size: 1.4em; font-weight: 700; letter-spacing: -0.02em; color: var(--app-text); }
.bd-rec-title .badge { font-size: 0.55em; letter-spacing: 0; }
.bd-report { display: grid; gap: 0.9em; align-content: start; }
.bd-report-cols { display: grid; gap: 0.9em 1.8em; align-items: start; }
@media (min-width: 62em) { .bd-report-cols { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } }
.bd-report-col { display: grid; gap: 0.9em; align-content: start; min-width: 0; }
.bd-hero .bd-contacts { margin-top: 0.5em; }
.bd-hero .bd-gather { max-width: 34em; }
@media (min-width: 48em) { .bd-hero .bd-gather { grid-template-columns: repeat(4, auto); justify-content: start; gap: 0.45em 1.6em; max-width: none; } }
.bd-report-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.8em; }
.bd-report-head div { display: grid; }
.bd-report-head small { font-size: 0.8em; color: var(--app-text-3); }
.bd-report-head b { font-size: 1.35em; font-weight: 700; letter-spacing: -0.02em; color: var(--app-text); }
.bd-progress { height: 0.4em; border-radius: 1em; background: var(--app-bg-alt); overflow: hidden; }
.bd-progress i { display: block; height: 100%; border-radius: 1em; background: linear-gradient(90deg, var(--orange-light), var(--orange-deep)); transform-origin: 0 50%; transition: transform 1.7s var(--ease-smooth); }
.js [data-step="0"] .bd-progress i { transform: scaleX(0.05); transition: none; }
.js [data-step="1"] .bd-progress i { transform: scaleX(0.7); }
.bd-gather { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45em 1em; font-size: 0.92em; color: var(--app-text-2); }
.bd-gather li { display: flex; align-items: center; gap: 0.5em; transition: opacity 0.4s var(--ease-smooth); }
.js [data-step="0"] .bd-gather li { opacity: 0.35; }
.js [data-step="1"] .bd-gather li:nth-child(n+3) { opacity: 0.35; }
.bd-sec { padding-top: 0.8em; border-top: 1px solid var(--app-border); }
.bd-sec .bd-h { margin-bottom: 0.3em; font-size: 0.74em; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--app-text-3); }
.bd-sec p, .bd-points li { color: var(--app-text-2); }
.bd-points { display: grid; gap: 0.3em; padding-left: 1.3em; list-style: decimal; }
.page-business-development .screen sup { margin-left: 0.2em; padding: 0 0.4em; border-radius: 0.4em; font-size: 0.72em; font-weight: 700; color: var(--purple-text); background: var(--purple-bg); vertical-align: 0.25em; }
.bd-sources ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0.2em 1.2em; padding-left: 1.3em; list-style: decimal; font-size: 0.92em; color: var(--app-text-2); }
.bd-sources .k-note { margin-top: 0.7em; }
.bd-stages { display: flex; flex-wrap: wrap; gap: 0.3em; margin-bottom: 0.9em; }
.bd-stages li { flex: 1 1 auto; padding: 0.35em 0.6em; border-radius: 0.6em; font-size: 0.8em; font-weight: 600; text-align: center; white-space: nowrap; color: var(--app-text-3); background: var(--app-bg-alt); transition: background-color 0.4s, color 0.4s; }
.bd-stages .is-done { color: var(--blue-text); background: var(--blue-bg); }
.bd-stages .bd-st-neg { color: var(--amber-text); background: var(--amber-bg); }
.bd-stages .bd-st-won { color: var(--green-text); background: var(--green-bg); }
.js [data-step="0"] .bd-st-won, .js [data-step="1"] .bd-st-won { color: var(--app-text-3); background: var(--app-bg-alt); }
.bd-next { display: grid; gap: 0.1em; padding: 0.7em 0.9em; margin-bottom: 0.9em; border-radius: 0.8em; background: var(--orange-wash); box-shadow: inset 0 0 0 1px var(--orange-line); }
.bd-next b { font-size: 0.78em; color: var(--orange-text); }
.bd-timeline { display: grid; gap: 0.6em; padding-left: 1.1em; border-left: 2px solid var(--app-border); }
.bd-timeline li { position: relative; display: grid; }
.bd-timeline li::before { content: ""; position: absolute; left: calc(-1.1em - 5px); top: 0.4em; width: 8px; height: 8px; border-radius: 50%; background: var(--ink-faint); }
.bd-timeline .is-new::before { background: var(--green); }
.bd-timeline b { font-weight: 600; color: var(--app-text); }
.bd-timeline span { font-size: 0.86em; color: var(--app-text-3); }
.bd-convert { display: flex; justify-content: flex-end; margin-top: 0.9em; }
.js [data-step="2"] .bd-convert .k-btn--primary { animation: kPulse 1.2s ease-in-out infinite; }
.bd-launch { width: 100%; display: grid; justify-items: center; }
.bd-depth { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5em; margin-top: 0.9em; }
.bd-depth li { display: grid; gap: 0.1em; padding: 0.6em 0.7em; border-radius: 0.8em; border: 1px solid var(--app-border); background: var(--card); }
.bd-depth b { font-weight: 600; color: var(--app-text); }
.bd-depth span { font-size: 0.82em; color: var(--app-text-3); }
.bd-depth .on { border-color: var(--orange); background: var(--orange-wash); box-shadow: 0 0 0 0.2em var(--orange-wash); }
.bd-contacts .bd-unv { background: var(--red-bg); border-color: transparent; }
.page-business-development .bd-contacts + .bd-convert + .k-note { margin-top: 0.8em; }
.bd-tag { display: inline-block; margin-bottom: 0.8em; padding: 0.15em 0.7em; border-radius: var(--radius-sm); font-size: 0.8em; font-weight: 600; color: var(--amber-text); background: var(--amber-bg); }
.bd-range { display: grid; gap: 0.7em; }
.bd-range li { display: grid; grid-template-columns: 10.5em 1fr auto; gap: 0.9em; align-items: center; color: var(--app-text-2); }
.bd-range b { color: var(--app-text); font-variant-numeric: tabular-nums; }
.bd-bar { position: relative; height: 0.5em; border-radius: 1em; background: var(--app-bg-alt); overflow: hidden; }
.bd-bar i { position: absolute; inset: 0; left: calc(var(--a) * 100%); right: calc((1 - var(--b)) * 100%); border-radius: 1em; background: linear-gradient(90deg, var(--orange-light), var(--orange-deep)); transform-origin: 0 50%; }
.bd-small { margin-top: 0.9em; font-size: 0.86em; }
@media (max-width: 30em) { .bd-range li { grid-template-columns: 1fr auto; } .bd-bar { display: none; } }
.bd-vidio { display: grid; gap: var(--space-4); align-items: center; }
@media (min-width: 30em) { .bd-vidio { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr); } }
.bd-video { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 10; margin-bottom: 0.7em; border-radius: 0.9em; background: var(--ink); overflow: hidden; }
.bd-play { width: 2.6em; height: 2.6em; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 0.45em color-mix(in srgb, var(--on-ink) 14%, transparent); clip-path: none; position: relative; }
.bd-play::after { content: ""; position: absolute; left: 39%; top: 30%; border-left: 0.9em solid var(--on-orange); border-block: 0.55em solid transparent; }
.bd-scrub { position: absolute; left: 0.7em; right: 2.8em; bottom: 0.7em; height: 0.25em; border-radius: 1em; background: color-mix(in srgb, var(--on-ink) 25%, transparent); overflow: hidden; }
.bd-scrub i { display: block; height: 100%; background: var(--orange-light); transform-origin: 0 50%; }
.js .is-live .bd-scrub i { animation: bdScrub 3.4s linear 0.6s both; }
.bd-video small { position: absolute; right: 0.7em; bottom: 0.35em; font-size: 0.7em; color: var(--on-ink-soft); }
@keyframes bdScrub { from { transform: scaleX(0); } to { transform: none; } }
.bd-react { display: flex; flex-wrap: wrap; gap: 0.3em; margin-top: 0.5em; }
.bd-react span { padding: 0.25em 0.6em; border-radius: var(--radius-sm); font-size: 0.78em; font-weight: 600; color: var(--app-text-2); border: 1px solid var(--app-border); background: var(--card); }
.bd-react .on { color: var(--green-text); background: var(--green-bg); border-color: transparent; }
.js .is-live .bd-watch .k-bar i { animation-duration: 3.2s; animation-delay: 0.7s; }
.bd-watch .k-note { margin-top: 0.9em; }
.bd-card-wrap { display: grid; gap: var(--space-3); max-width: 30rem; }
.bd-bizcard { display: grid; grid-template-columns: auto auto; justify-content: space-between; gap: 1.2em; align-items: center; width: min(100%, 31em); margin-inline: auto; padding: 1em 1.3em; border-radius: 0.5em; background: var(--sheet); border: 1px solid var(--line); box-shadow: var(--shadow); font-size: 12px; color: var(--ink-soft); }
.bd-bizcard p { display: grid; gap: 0.15em; min-width: 0; }
.bd-bizcard p + p { padding-left: 1.2em; border-left: 3px solid var(--orange); overflow-wrap: anywhere; }
@media (max-width: 30em) { .bd-bizcard { font-size: 11px; gap: 0.9em; padding-inline: 1em; } .bd-bizcard p + p { padding-left: 0.9em; } }
.bd-bizcard b { font-family: var(--font-display); font-weight: 600; letter-spacing: var(--track-display); font-size: 1.3em; color: var(--ink); }
.bd-brief .k-kv { margin-bottom: 1em; }
.bd-brief .k-note + .k-note { margin-top: 0.6em; }
.bd-brief-foot { display: flex; justify-content: flex-end; gap: 0.5em; }
.bd-contact { margin-top: 0.6em; }
.bd-hero .bd-h { display: flex; align-items: center; justify-content: space-between; gap: 0.6em; flex-wrap: wrap; }
.bd-hero .bd-h .badge { font-size: 1.2em; text-transform: none; letter-spacing: 0; }
.bd-hero .bd-range { margin-top: 0.6em; }
.bd-hero .bd-small { margin-top: 0.7em; }
.jp-screen .k-modal--wide { width: min(100%, 36em); }
.jp-screen--plain .k-ba { width: 100%; }
.jp-screen .bd-vidio { max-width: 31rem; }
.bd-video { flex: none; }
.bd-sources--row { margin-top: 0.9em; }
.bd-sources--row + .bd-convert { margin-top: 0.7em; }
.bd-convert + .k-note { margin-top: 0.7em; }
.bd-sources--row ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 40em) { .bd-sources--row ol { grid-template-columns: repeat(4, auto); justify-content: start; gap: 0.2em 2.2em; } }
.bd-h2 { margin: 1.1em 0 0.6em; padding-top: 0.9em; border-top: 1px solid var(--app-border); font-size: 0.74em; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--app-text-3); }
.bd-agencies li { grid-template-columns: 10.5em 1fr auto; gap: 0.9em; }
.bd-agencies li > b { white-space: nowrap; }
.bd-agencies .k-bar { height: 0.5em; }
@media (max-width: 30em) { .bd-agencies li { grid-template-columns: 5.5em 1fr auto; } }
@media (min-width: 60em) { .page-business-development #more .jp--row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (min-width: 60em) { .page-business-development .cta--row .cta-title { max-width: none; } }
@media (max-width: 35.99em) { .js .page-business-development #more .jx-tabs > li:last-child { grid-column: 1 / -1; } }
.bd-depth li { align-content: start; }
@media (min-width: 62em) {
  .bd-hero .bd-report, .bd-hero .bd-report-col { gap: 0.65em; }
  .bd-hero .bd-sec { padding-top: 0.6em; }
  .bd-hero .bd-range { gap: 0.5em; }
  .bd-hero .bd-sources .k-note { margin-top: 0.55em; }
}
@media (min-width: 60em) {
  .page-business-development #more .jp--row > .jp-copy { padding-block: 1.35rem; }
  .page-business-development #more .jx-tab { padding-block: 0.3rem; }
  .page-business-development #more .jx-side .h-display { margin-bottom: var(--space-3); }
  html:not(.js) .page-business-development #more .jx--side > .jx-stage { grid-column: 1; grid-row: auto; }
  html:not(.js) .page-business-development #more .jx-tabs { display: flex; flex-wrap: wrap; gap: var(--space-2); }
  html:not(.js) .page-business-development #more .jx-tab { border-color: var(--line-strong); }
}
