.welcome {
	max-width: 720px;
	padding: clamp(22px, 4vw, 40px);
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.welcome-mark {
	width: 48px;
	height: 48px;
	border-radius: 4px;
	display: grid;
	place-content: center;
	background: var(--accent);
	color: var(--on-accent);
}

.welcome-mark .i {
	width: 26px;
	height: 26px;
}

.welcome-points {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-block: 4px;
}

.welcome-points li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	align-items: start;
}

.welcome-points .i {
	color: var(--accent);
	margin-top: 2px;
}

.welcome-scan {
	display: flex;
	flex-direction: column;
	gap: 10px;
}