.aipoints-ai-points {
	--aipoints-bg: #ffffff;
	--aipoints-border: #e2e8f0;
	--aipoints-border-soft: #edf2f7;
	--aipoints-text: #0f172a;
	--aipoints-muted: #475569;
	--aipoints-accent: #16a34a;
	--aipoints-accent-2: #22c55e;
	--aipoints-accent-soft: rgba(34, 197, 94, 0.14);
	--aipoints-card-bg: #f8fafc;
	--aipoints-item-hover-bg: #ffffff;
	--aipoints-item-hover-border: #dbe4ee;
	--aipoints-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
	--aipoints-shadow-hover: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.aipoints-ai-points-stack {
	display: grid;
	gap: 20px;
}

.aipoints-ai-points__inner {
	background: var(--aipoints-bg);
	border: 1px solid var(--aipoints-border);
	border-radius: 28px;
	box-shadow: var(--aipoints-shadow);
	padding: 24px;
}

.aipoints-ai-points__title {
	margin: 0 0 20px;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--aipoints-text);
}

.aipoints-ai-points__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.aipoints-ai-points__item {
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 16px 18px 16px 46px;
	background: var(--aipoints-card-bg);
	border: 1px solid var(--aipoints-border-soft);
	border-radius: 18px;
	box-sizing: border-box;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease,
		background-color 0.2s ease;
}

.aipoints-ai-points__item:hover {
	transform: translateY(-2px);
	background: var(--aipoints-item-hover-bg);
	border-color: var(--aipoints-item-hover-border);
	box-shadow: var(--aipoints-shadow-hover);
}

.aipoints-ai-points__item::before {
	content: "";
	position: absolute;
	top: 19px;
	left: 18px;
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--aipoints-accent), var(--aipoints-accent-2));
	box-shadow: 0 0 0 5px var(--aipoints-accent-soft);
}

.aipoints-ai-points__text {
	display: block;
	margin: 0;
	font-size: 16px;
	line-height: 1.65;
	font-weight: 500;
	color: var(--aipoints-muted);
	overflow-wrap: anywhere;
	word-break: normal;
}

.aipoints-ai-points--style-auto.aipoints-ai-points--benefits {
	--aipoints-accent: #2563eb;
	--aipoints-accent-2: #60a5fa;
	--aipoints-accent-soft: rgba(37, 99, 235, 0.14);
	--aipoints-card-bg: #f8fbff;
	--aipoints-border: #dbeafe;
	--aipoints-border-soft: #dbeafe;
	--aipoints-item-hover-border: #bfdbfe;
}

.aipoints-ai-points--style-auto.aipoints-ai-points--benefits .aipoints-ai-points__item::before {
	border-radius: 4px;
}

.aipoints-ai-points--style-auto.aipoints-ai-points--for_you {
	--aipoints-accent: #7c3aed;
	--aipoints-accent-2: #a78bfa;
	--aipoints-accent-soft: rgba(124, 58, 237, 0.14);
	--aipoints-card-bg: #fbf8ff;
	--aipoints-border: #ede9fe;
	--aipoints-border-soft: #e9d5ff;
	--aipoints-item-hover-border: #dccbff;
}

.aipoints-ai-points--style-auto.aipoints-ai-points--for_you .aipoints-ai-points__item {
	background: linear-gradient(180deg, #ffffff 0%, #fbf8ff 100%);
}

.aipoints-ai-points--style-compact .aipoints-ai-points__inner {
	padding: 18px;
	border-radius: 22px;
}

.aipoints-ai-points--style-compact .aipoints-ai-points__title {
	margin-bottom: 14px;
	font-size: 20px;
}

.aipoints-ai-points--style-compact .aipoints-ai-points__list {
	gap: 10px;
}

.aipoints-ai-points--style-compact .aipoints-ai-points__item {
	padding: 14px 14px 14px 40px;
	border-radius: 14px;
}

.aipoints-ai-points--style-compact .aipoints-ai-points__item::before {
	top: 19px;
	left: 16px;
	width: 10px;
	height: 10px;
	box-shadow: 0 0 0 4px var(--aipoints-accent-soft);
}

.aipoints-ai-points--style-compact .aipoints-ai-points__text {
	font-size: 15px;
	line-height: 1.55;
}

@media (max-width: 991px) {
	.aipoints-ai-points__list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.aipoints-ai-points {
		margin: 24px 0;
	}

	.aipoints-ai-points__inner {
		padding: 18px;
		border-radius: 20px;
	}

	.aipoints-ai-points__title {
		margin-bottom: 16px;
		font-size: 20px;
	}

	.aipoints-ai-points__list {
		gap: 12px;
	}

	.aipoints-ai-points__item {
		padding: 14px 15px 14px 40px;
		border-radius: 14px;
	}

	.aipoints-ai-points__item::before {
		top: 16px;
		left: 16px;
		width: 10px;
		height: 10px;
		box-shadow: 0 0 0 4px var(--aipoints-accent-soft);
	}

	.aipoints-ai-points__text {
		font-size: 15px;
		line-height: 1.55;
	}
}

@media (prefers-reduced-motion: reduce) {
	.aipoints-ai-points__item {
		transition: none;
	}

	.aipoints-ai-points__item:hover {
		transform: none;
	}
}

.aipoints-ai-points--style-uniform {
	--aipoints-bg: #ffffff;
	--aipoints-border: #e2e8f0;
	--aipoints-border-soft: #edf2f7;
	--aipoints-card-bg: #f8fafc;
	--aipoints-accent: #16a34a;
	--aipoints-accent-2: #22c55e;
	--aipoints-accent-soft: rgba(34, 197, 94, 0.14);
	--aipoints-item-hover-border: #dbe4ee;
}

.aipoints-ai-points--style-uniform .aipoints-ai-points__inner {
	border-radius: 24px;
}

.aipoints-ai-points--style-uniform .aipoints-ai-points__item {
	background: #f8fafc;
}

.aipoints-ai-points--style-uniform .aipoints-ai-points__item::before {
	border-radius: 999px;
}

.aipoints-ai-points--style-auto.aipoints-ai-points--what_learn .aipoints-ai-points__inner {
	border-left: 4px solid #16a34a;
}

.aipoints-ai-points--style-auto.aipoints-ai-points--benefits .aipoints-ai-points__inner {
	border-left: 4px solid #2563eb;
}

.aipoints-ai-points--style-auto.aipoints-ai-points--for_you .aipoints-ai-points__inner {
	border-left: 4px solid #7c3aed;
}

.aipoints-ai-points--style-compact .aipoints-ai-points__list {
	grid-template-columns: 1fr;
}

.aipoints-ai-points--style-compact .aipoints-ai-points__item:hover {
	transform: none;
}