.new-business-development-page {
  --new-business-blue: #2457a6;
  --new-business-blue-dark: #173765;
  --new-business-cyan: #23a6b5;
  --new-business-purple: #7656d6;
  --new-business-orange: #d97a45;
  --new-business-line: rgba(36, 87, 166, .18);
  background: linear-gradient(180deg, #f7fbff 0%, #fff 32%, #f3f8fd 100%);
}

.new-business-hero {
  background: radial-gradient(circle at 84% 18%, rgba(35, 166, 181, .12), transparent 28%), linear-gradient(135deg, #fff 0%, #eef7ff 100%);
}

.new-business-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: clamp(36px, 7vw, 110px);
  align-items: center;
}

.new-business-hero__content { min-width: 0; }

.new-business-hero__lead,
.new-business-approach__copy,
.new-business-platform__copy,
.new-business-growth-detail__copy {
  color: var(--tb-muted);
  line-height: 1.95;
}

.new-business-hero__lead { margin-top: 26px; max-width: 680px; }

.new-business-hero__lead p + p,
.new-business-platform__copy p + p,
.new-business-growth-detail__copy p + p { margin-top: 18px; }

.new-business-hero__message,
.new-business-approach__emphasis { color: var(--new-business-blue-dark); font-weight: 800; }

.new-business-hero__message { margin: 30px 0 24px; font-size: clamp(1.1rem, 2vw, 1.45rem); }

.new-business-hero-visual {
  display: grid;
  justify-items: center;
  gap: 14px;
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid var(--new-business-line);
  border-radius: 28px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 20px 48px rgba(36, 87, 166, .1);
}

.new-business-hero-visual > span,
.new-business-process > span,
.new-business-platform-map > span { color: var(--new-business-cyan); font-size: 1.5rem; line-height: 1; }

.new-business-hero-visual__node {
  display: grid;
  width: min(100%, 300px);
  gap: 8px;
  justify-items: center;
  padding: 22px 18px;
  border: 2px solid var(--new-business-cyan);
  border-radius: 16px;
  background: #fff;
  color: var(--new-business-blue-dark);
  text-align: center;
}

.new-business-hero-visual__node small,
.new-business-platform-map small,
.new-business-process small { color: var(--new-business-blue); font-size: .72rem; font-weight: 800; letter-spacing: .14em; }

.new-business-hero-visual__node strong { font-size: 1.12rem; }
.new-business-hero-visual__node--accent { border-color: var(--new-business-purple); }
.new-business-hero-visual__node--accent small { color: var(--new-business-purple); }
.new-business-hero-visual__node--result { border-color: var(--new-business-orange); }
.new-business-hero-visual__node--result small { color: var(--new-business-orange); }

.new-business-approach__copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .65fr);
  gap: clamp(30px, 7vw, 100px);
  align-items: center;
  margin-top: 34px;
}

.new-business-approach__emphasis {
  margin: 0;
  padding: 26px 30px;
  border-left: 5px solid var(--new-business-cyan);
  background: linear-gradient(135deg, rgba(35, 166, 181, .1), rgba(118, 86, 214, .08));
  font-size: clamp(1.25rem, 2.4vw, 1.8rem);
  line-height: 1.65;
}

.new-business-process {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 14px;
  align-items: center;
  margin-top: 46px;
}

.new-business-process article {
  display: grid;
  min-height: 128px;
  align-content: center;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--new-business-line);
  border-radius: 16px;
  background: #fff;
  text-align: center;
}

.new-business-process article strong { color: var(--new-business-blue-dark); line-height: 1.55; }

.new-business-examples__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 38px;
}

.new-business-example {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--new-business-line);
  border-top: 5px solid var(--new-business-blue);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(23, 55, 101, .06);
}

.new-business-example--membership { border-top-color: var(--new-business-cyan); }
.new-business-example--community { border-top-color: var(--new-business-purple); }
.new-business-example--new { border-top-color: var(--new-business-orange); }
.new-business-example__label { color: var(--new-business-blue); font-size: .76rem; font-weight: 800; letter-spacing: .14em; }
.new-business-example h3 { color: var(--new-business-blue-dark); font-size: clamp(1.3rem, 2.2vw, 1.75rem); line-height: 1.55; }
.new-business-example p,
.new-business-growth-detail__copy p { color: var(--tb-muted); line-height: 1.85; }

.new-business-example ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.new-business-example li,
.new-business-platform__features span {
  padding: 6px 11px;
  border: 1px solid var(--new-business-line);
  border-radius: 999px;
  color: var(--new-business-blue-dark);
  font-size: .8rem;
  font-weight: 700;
}

.new-business-platform__copy { max-width: 850px; margin-top: 34px; }
.new-business-platform__features { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }

.new-business-platform-map {
  display: grid;
  justify-items: center;
  gap: 16px;
  margin: 48px auto 0;
  max-width: 860px;
  text-align: center;
}

.new-business-platform-map > div {
  display: grid;
  min-width: min(100%, 360px);
  gap: 8px;
  padding: 20px 28px;
  border: 2px solid var(--new-business-cyan);
  border-radius: 16px;
  background: #fff;
  color: var(--new-business-blue-dark);
}

.new-business-platform-map__parts {
  display: flex !important;
  flex-wrap: wrap;
  min-width: 0 !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-color: var(--new-business-purple) !important;
}

.new-business-platform-map__parts b { color: var(--new-business-purple); font-size: 1.3rem; }
.new-business-platform-map__result { border-color: var(--new-business-orange) !important; }

.new-business-platform__ai {
  max-width: 760px;
  margin: 42px auto 0;
  padding: 26px 30px;
  border-left: 5px solid var(--new-business-cyan);
  background: rgba(35, 166, 181, .08);
}

.new-business-platform__ai h3 { color: var(--new-business-blue-dark); font-size: 1.15rem; }
.new-business-platform__ai p { margin-top: 12px; color: var(--tb-muted); line-height: 1.8; }
.new-business-start__copy { max-width: 820px; margin-top: 24px; color: var(--tb-muted); line-height: 1.9; }

.new-business-growth {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 44px;
}

.new-business-growth span,
.new-business-growth strong { padding: 14px 18px; border: 1px solid var(--new-business-line); border-radius: 12px; background: #fff; color: var(--new-business-blue-dark); font-weight: 800; }
.new-business-growth strong { border-color: var(--new-business-orange); background: rgba(217, 122, 69, .1); }
.new-business-growth b { color: var(--new-business-cyan); }

.new-business-flow__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 38px;
}

.new-business-flow__grid article { padding: 26px; border: 1px solid var(--new-business-line); border-radius: 18px; background: #fff; }
.new-business-flow__grid article > b { color: var(--new-business-cyan); font-size: 1.4rem; letter-spacing: .08em; }
.new-business-flow__grid h3 { margin-top: 16px; color: var(--new-business-blue-dark); font-size: 1.2rem; }
.new-business-flow__grid p { margin-top: 12px; color: var(--tb-muted); line-height: 1.8; }
.new-business-growth-detail__copy { max-width: 820px; margin-top: 34px; }

.new-business-contact { background: linear-gradient(135deg, #eaf8fa 0%, #f1edff 100%); text-align: center; }
.new-business-contact .section-lead { margin: 28px auto 30px; max-width: 700px; }
.new-business-contact__note { margin-top: 18px; color: var(--tb-muted); font-size: .9rem; }

@media (max-width: 900px) {
  .new-business-hero__grid { grid-template-columns: 1fr; }
  .new-business-hero-visual { max-width: 560px; }
  .new-business-process { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .new-business-examples__grid,
  .new-business-flow__grid,
  .new-business-approach__copy { grid-template-columns: 1fr; }
  .new-business-hero-visual { padding: 22px 16px; }
  .new-business-approach__emphasis,
  .new-business-platform__ai { padding: 20px; }
  .new-business-growth { display: grid; grid-template-columns: 1fr; }
  .new-business-growth b { justify-self: center; }
  .new-business-example,
  .new-business-flow__grid article { padding: 22px 20px; }
}