.page-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 18px;
  color: var(--page-kicker-color, var(--muted));
}

.page-kicker-en {
  color: inherit;
  font: 11px/1.35 var(--mono);
  letter-spacing: .08em;
  white-space: nowrap;
}

.page-kicker-divider {
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 1px;
  background: var(--page-kicker-rule, var(--line));
}

.page-kicker-title {
  color: inherit;
  font: 12px/1.35 var(--sans);
  letter-spacing: .12em;
  white-space: nowrap;
}

#demo .page-kicker {
  --page-kicker-color: var(--muted);
  --page-kicker-rule: rgba(91, 92, 136, .36);
}

#pricing .page-kicker {
  --page-kicker-color: var(--pricing-muted);
  --page-kicker-rule: #b8aec6;
}

#architecture .page-kicker {
  --page-kicker-color: #65707b;
  --page-kicker-rule: #c8cbd0;
}

#about .page-kicker {
  --page-kicker-color: #657083;
  --page-kicker-rule: #d4d7dd;
}

@media (max-width: 600px) {
  .page-kicker { gap: 9px; margin-bottom: 16px; }
  .page-kicker-en { font-size: 10px; letter-spacing: .07em; }
  .page-kicker-divider { flex-basis: 16px; width: 16px; }
  .page-kicker-title { font-size: 11px; letter-spacing: .1em; }
}