/**
 * صفحات ماژول — طراحی غنی (آمار، طیف، نمودار، انیمیشن)
 */

.hx-module--rich .hx-module-hero--rich {
	position: relative;
	overflow: hidden;
}

.hx-module--rich .hx-module-hero--rich::before {
	content: '';
	position: absolute;
	inset: -40% -20% auto -20%;
	height: 120%;
	background: radial-gradient(ellipse at 30% 20%, rgba(255, 255, 255, 0.18) 0%, transparent 55%),
		radial-gradient(ellipse at 80% 60%, rgba(251, 191, 36, 0.12) 0%, transparent 45%);
	pointer-events: none;
}

.hx-module--rich .hx-module-hero--rich > div {
	position: relative;
	z-index: 1;
}

.hx-reveal {
	opacity: 0;
	transform: translateY(1.25rem);
	transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: var(--hx-delay, 0ms);
}

.hx-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.hx-rich-head__eyebrow {
	display: inline-block;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--brand-600, #0284c7);
	margin-bottom: 0.5rem;
}

.hx-rich-head__title {
	font-size: clamp(1.375rem, 2.5vw, 1.875rem);
	font-weight: 800;
	color: var(--slate-800, #1e293b);
	margin: 0 0 0.75rem;
	line-height: 1.25;
}

.hx-rich-head__lead {
	font-size: 1rem;
	color: var(--slate-500, #64748b);
	max-width: 42rem;
	margin: 0;
	line-height: 1.7;
}

/* آمار */
.hx-rich-stats__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}

@media (min-width: 768px) {
	.hx-rich-stats__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.hx-rich-stats__value {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 800;
	margin: 0 0 0.25rem;
	line-height: 1;
	background: linear-gradient(135deg, #fff 0%, #bae6fd 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.hx-rich-stats__suffix {
	font-size: 0.875rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
	margin-inline-start: 0.15rem;
}

.hx-rich-stats__label {
	font-size: 0.8125rem;
	color: rgba(255, 255, 255, 0.65);
	margin: 0;
}

/* کارت طیف کسب‌وکار */
.hx-rich-spectrum__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

@media (min-width: 640px) {
	.hx-rich-spectrum__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.hx-rich-spectrum__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.hx-rich-card {
	position: relative;
	padding: 1.25rem 1.25rem 1.125rem;
	border-radius: 1rem;
	border: 1px solid var(--slate-200, #e2e8f0);
	background: #fff;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s;
}

.hx-rich-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
	border-color: var(--brand-300, #7dd3fc);
}

.hx-rich-card__tag {
	display: inline-block;
	font-size: 0.625rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0.2rem 0.5rem;
	border-radius: 999px;
	margin-bottom: 0.625rem;
}

.hx-rich-card--brand .hx-rich-card__tag { background: rgba(14, 165, 233, 0.12); color: #0369a1; }
.hx-rich-card--violet .hx-rich-card__tag { background: rgba(139, 92, 246, 0.12); color: #6d28d9; }
.hx-rich-card--accent .hx-rich-card__tag { background: rgba(245, 158, 11, 0.15); color: #b45309; }
.hx-rich-card--emerald .hx-rich-card__tag { background: rgba(16, 185, 129, 0.12); color: #047857; }
.hx-rich-card--amber .hx-rich-card__tag { background: rgba(251, 191, 36, 0.2); color: #92400e; }
.hx-rich-card--slate .hx-rich-card__tag { background: rgba(100, 116, 139, 0.15); color: #475569; }
.hx-rich-card--navy .hx-rich-card__tag { background: rgba(30, 58, 138, 0.12); color: #1e3a8a; }

.hx-rich-card__title {
	font-size: 1rem;
	font-weight: 700;
	color: var(--slate-800, #1e293b);
	margin: 0 0 0.5rem;
}

.hx-rich-card__text {
	font-size: 0.875rem;
	color: var(--slate-500, #64748b);
	margin: 0;
	line-height: 1.6;
}

/* فلو افقی */
.hx-rich-flow__track {
	display: flex;
	flex-direction: column;
	gap: 0;
}

@media (min-width: 900px) {
	.hx-rich-flow__track {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
	}
}

.hx-rich-flow__step {
	flex: 1;
	min-width: 0;
	text-align: center;
	padding: 0 0.5rem;
}

.hx-rich-flow__dot {
	display: block;
	width: 1rem;
	height: 1rem;
	margin: 0 auto 0.75rem;
	border-radius: 50%;
	background: var(--brand-500, #0ea5e9);
	box-shadow: 0 0 0 6px rgba(14, 165, 233, 0.2);
	animation: hx-pulse 2.5s ease-in-out infinite;
}

@keyframes hx-pulse {
	0%, 100% { box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.15); }
	50% { box-shadow: 0 0 0 10px rgba(14, 165, 233, 0.05); }
}

.hx-rich-flow__connector {
	display: none;
}

@media (min-width: 900px) {
	.hx-rich-flow__connector {
		display: block;
		flex: 0 0 2rem;
		height: 2px;
		margin-top: 0.45rem;
		background: linear-gradient(270deg, var(--brand-400, #38bdf8), var(--brand-200, #bae6fd));
		transform-origin: right center;
		transform: scaleX(0);
		transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) var(--hx-delay, 0ms);
	}

	.hx-rich-flow__connector.is-visible {
		transform: scaleX(1);
	}
}

.hx-rich-flow__title {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--slate-800, #1e293b);
	margin: 0 0 0.35rem;
}

.hx-rich-flow__text {
	font-size: 0.8125rem;
	color: var(--slate-500, #64748b);
	margin: 0;
	line-height: 1.5;
}

/* نمودار میله‌ای */
.hx-rich-chart__panel {
	padding: 1.5rem;
	border-radius: 1.25rem;
	border: 1px solid var(--slate-200, #e2e8f0);
	background: linear-gradient(180deg, #fff 0%, var(--light-50, #f8fafc) 100%);
}

.hx-rich-chart__row {
	display: grid;
	grid-template-columns: minmax(8rem, 11rem) 1fr;
	gap: 1rem;
	align-items: center;
	margin-bottom: 1rem;
}

.hx-rich-chart__row:last-child {
	margin-bottom: 0;
}

.hx-rich-chart__label {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--slate-700, #334155);
	display: block;
}

.hx-rich-chart__hint {
	font-size: 0.6875rem;
	color: var(--slate-400, #94a3b8);
	display: block;
	margin-top: 0.15rem;
}

.hx-rich-chart__bar-wrap {
	height: 0.625rem;
	background: var(--slate-100, #f1f5f9);
	border-radius: 999px;
	overflow: hidden;
}

.hx-rich-chart__bar {
	height: 100%;
	width: 0;
	border-radius: 999px;
	background: linear-gradient(270deg, var(--brand-500, #0ea5e9), var(--accent-400, #fbbf24));
	transition: width 1.1s cubic-bezier(0.22, 1, 0.36, 1) var(--hx-delay, 0ms);
}

.hx-rich-chart__panel.is-visible .hx-rich-chart__bar {
	width: var(--hx-pct, 0%);
}

/* کانال‌ها */
.hx-rich-channels__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

@media (min-width: 768px) {
	.hx-rich-channels__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.hx-rich-channel {
	padding: 1rem;
	border-radius: 0.75rem;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: background 0.2s, border-color 0.2s;
}

.hx-rich-channel:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(56, 189, 248, 0.4);
}

.hx-rich-channel__title {
	font-size: 0.9375rem;
	font-weight: 700;
	margin: 0 0 0.35rem;
}

.hx-rich-channel__text {
	font-size: 0.8125rem;
	color: rgba(255, 255, 255, 0.7);
	margin: 0;
	line-height: 1.5;
}

/* جدول مقایسه */
.hx-rich-compare__table {
	border-radius: 1rem;
	overflow: hidden;
	border: 1px solid var(--slate-200, #e2e8f0);
	background: #fff;
	box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

.hx-rich-compare__head,
.hx-rich-compare__row {
	display: grid;
	grid-template-columns: minmax(5rem, 1.25fr) 1fr 1fr;
	gap: 0.5rem;
	padding: 0.875rem 1rem;
	align-items: center;
}

.hx-rich-compare__head {
	background: var(--slate-50, #f8fafc);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--slate-500, #64748b);
}

.hx-rich-compare__row:not(:last-child) {
	border-bottom: 1px solid var(--slate-100, #f1f5f9);
}

.hx-rich-compare__label {
	font-weight: 600;
	font-size: 0.8125rem;
	color: var(--slate-700, #334155);
}

.hx-rich-compare__cell {
	font-size: 0.8125rem;
	line-height: 1.45;
}

.hx-rich-compare__cell--before {
	color: var(--slate-500, #64748b);
}

.hx-rich-compare__cell--after {
	color: #047857;
	font-weight: 500;
}

.hx-rich-compare__col--after {
	color: var(--brand-600, #0284c7);
}

/* مسیر مشتری */
.hx-rich-journey__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

@media (min-width: 768px) {
	.hx-rich-journey__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.hx-rich-journey__card {
	position: relative;
	padding: 1.5rem 1.25rem;
	border-radius: 1rem;
	background: var(--light-50, #f8fafc);
	border: 1px solid var(--slate-200, #e2e8f0);
	overflow: hidden;
}

.hx-rich-journey__card::before {
	content: '';
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: linear-gradient(180deg, var(--brand-500, #0ea5e9), var(--accent-400, #fbbf24));
}

[dir="rtl"] .hx-rich-journey__card::before {
	inset: 0 0 0 auto;
}

.hx-rich-journey__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 0.5rem;
	background: var(--brand-500, #0ea5e9);
	color: #fff;
	font-size: 0.875rem;
	font-weight: 800;
	margin-bottom: 0.75rem;
}

.hx-rich-journey__title {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--slate-800, #1e293b);
	margin: 0 0 0.35rem;
}

.hx-rich-journey__text {
	font-size: 0.8125rem;
	color: var(--slate-500, #64748b);
	margin: 0;
	line-height: 1.55;
}

@media (prefers-reduced-motion: reduce) {
	.hx-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.hx-rich-chart__bar {
		width: var(--hx-pct, 0%);
		transition: none;
	}

	.hx-rich-flow__dot {
		animation: none;
	}

	.hx-rich-flow__connector {
		transform: scaleX(1);
	}

	.hx-hv-cash__bars span::after,
	.hx-hv-gantt__rows span::after {
		transition: none;
	}
}

/* اسکین هیرو — هر بخش رنگ خودش */
.hx-module--skin-treasury .hx-module-hero,
.hx-module-hero--treasury { background: linear-gradient(135deg, #0f766e 0%, #14b8a6 48%, #5eead4 100%); }
.hx-module--skin-payroll .hx-module-hero,
.hx-module-hero--payroll { background: linear-gradient(135deg, #312e81 0%, #4f46e5 50%, #a5b4fc 100%); }
.hx-module--skin-assets .hx-module-hero,
.hx-module-hero--assets { background: linear-gradient(135deg, #1e293b 0%, #475569 52%, #94a3b8 100%); }
.hx-module--skin-production .hx-module-hero,
.hx-module-hero--production { background: linear-gradient(135deg, #9a3412 0%, #ea580c 48%, #fdba74 100%); }
.hx-module--skin-distribution .hx-module-hero,
.hx-module-hero--distribution { background: linear-gradient(135deg, #c2410c 0%, #f97316 50%, #fed7aa 100%); }
.hx-module--skin-warranty .hx-module-hero,
.hx-module-hero--warranty { background: linear-gradient(135deg, #155e75 0%, #0891b2 50%, #67e8f9 100%); }
.hx-module--skin-repair .hx-module-hero,
.hx-module-hero--repair { background: linear-gradient(135deg, #9f1239 0%, #e11d48 48%, #fda4af 100%); }
.hx-module--skin-projects .hx-module-hero,
.hx-module-hero--projects { background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 50%, #c4b5fd 100%); }
.hx-module--skin-agents .hx-module-hero,
.hx-module-hero--agents { background: linear-gradient(135deg, #020617 0%, #1e3a8a 55%, #38bdf8 100%); }
.hx-module--skin-accounting .hx-module-hero,
.hx-module-hero--accounting { background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 48%, #7dd3fc 100%); }
.hx-module--skin-invoice .hx-module-hero,
.hx-module-hero--invoice { background: linear-gradient(135deg, #075985 0%, #0284c7 50%, #38bdf8 100%); }
.hx-module--skin-crm .hx-module-hero,
.hx-module-hero--crm { background: linear-gradient(135deg, #9d174d 0%, #db2777 50%, #f9a8d4 100%); }
.hx-module--skin-inventory .hx-module-hero,
.hx-module-hero--inventory { background: linear-gradient(135deg, #064e3b 0%, #059669 50%, #6ee7b7 100%); }
.hx-module--skin-tax .hx-module-hero,
.hx-module-hero--tax { background: linear-gradient(135deg, #7f1d1d 0%, #dc2626 48%, #fca5a5 100%); }
.hx-module--skin-shop .hx-module-hero,
.hx-module-hero--shop { background: linear-gradient(135deg, #713f12 0%, #ca8a04 50%, #facc15 100%); }
.hx-module--skin-retail .hx-module-hero,
.hx-module-hero--retail { background: linear-gradient(135deg, #86198f 0%, #c026d3 50%, #f0abfc 100%); }
.hx-module--skin-online .hx-module-hero,
.hx-module-hero--online { background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 50%, #93c5fd 100%); }
.hx-module--skin-factory .hx-module-hero,
.hx-module-hero--factory { background: linear-gradient(135deg, #1c1917 0%, #44403c 48%, #d97706 100%); }
.hx-module--skin-energy .hx-module-hero,
.hx-module-hero--energy { background: linear-gradient(135deg, #042f2e 0%, #0f766e 52%, #5eead4 100%); }
.hx-module--skin-holding .hx-module-hero,
.hx-module-hero--holding { background: linear-gradient(135deg, #020617 0%, #1e293b 55%, #64748b 100%); }
.hx-module--skin-food .hx-module-hero,
.hx-module-hero--food { background: linear-gradient(135deg, #365314 0%, #65a30d 50%, #bef264 100%); }
.hx-module--skin-pharma .hx-module-hero,
.hx-module-hero--pharma { background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #93c5fd 100%); }
.hx-module--skin-services .hx-module-hero,
.hx-module-hero--services { background: linear-gradient(135deg, #155e75 0%, #06b6d4 50%, #a5f3fc 100%); }
.hx-module--skin-loyalty .hx-module-hero,
.hx-module-hero--loyalty { background: linear-gradient(135deg, #9f1239 0%, #f43f5e 50%, #fda4af 100%); }
.hx-module--skin-workflow .hx-module-hero,
.hx-module-hero--workflow { background: linear-gradient(135deg, #4c1d95 0%, #7c3aed 50%, #ddd6fe 100%); }
.hx-module--skin-chat .hx-module-hero,
.hx-module-hero--chat { background: linear-gradient(135deg, #14532d 0%, #16a34a 50%, #86efac 100%); }
.hx-module--skin-ai .hx-module-hero,
.hx-module-hero--ai { background: linear-gradient(135deg, #1e1b4b 0%, #4f46e5 52%, #c7d2fe 100%); }
.hx-module--skin-pakhsh .hx-module-hero,
.hx-module-hero--pakhsh { background: linear-gradient(135deg, #9a3412 0%, #ea580c 48%, #fdba74 100%); }
.hx-module--skin-connect .hx-module-hero,
.hx-module-hero--connect { background: linear-gradient(135deg, #0f172a 0%, #334155 48%, #38bdf8 100%); }

/* لایاوت داستان */
.hx-module-story-lead {
	padding: 3rem 0 1.5rem;
	background: #fff;
}
.hx-module-story-lead__grid {
	display: grid;
	gap: 2rem;
}
@media (min-width: 900px) {
	.hx-module-story-lead__grid {
		grid-template-columns: minmax(0, 1.4fr) minmax(14rem, 0.7fr);
		align-items: start;
	}
}
.hx-module-story-lead__text {
	font-size: 1.0625rem;
	line-height: 2;
	color: #334155;
	margin: 0;
	max-width: 46rem;
}
.hx-module-story-aside {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}
.hx-module-story-aside__item {
	padding: 1rem 1.1rem;
	border-radius: 1rem;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
}
.hx-module-story-aside__item strong {
	display: block;
	font-size: 0.9375rem;
	margin-bottom: 0.25rem;
	color: #0f172a;
}
.hx-module-story-aside__item span {
	font-size: 0.8125rem;
	color: #64748b;
	line-height: 1.6;
}
.hx-module-section--story .hx-module-section__text {
	max-width: 48rem;
	line-height: 1.95;
	font-size: 1rem;
}
.hx-module-story-points {
	margin: 1.25rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.65rem;
	max-width: 44rem;
}
.hx-module-story-points li {
	position: relative;
	padding: 0.65rem 0.9rem 0.65rem 1.1rem;
	border-radius: 0.75rem;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	line-height: 1.7;
}
.hx-module-story-points li::before {
	content: '';
	position: absolute;
	top: 0.85rem;
	right: 0;
	width: 3px;
	height: 1.1rem;
	border-radius: 2px;
	background: var(--hx-brand, #0284c7);
}
[dir="ltr"] .hx-module-story-points li {
	padding: 0.65rem 1.1rem 0.65rem 0.9rem;
}
[dir="ltr"] .hx-module-story-points li::before {
	right: auto;
	left: 0;
}

/* قابلیت‌ها، مسائل، گروه‌ها، مخاطبان */
.hx-rich-caps,
.hx-rich-problems,
.hx-rich-groups,
.hx-rich-audiences {
	padding: 3.25rem 0;
}
.hx-rich-caps { background: #fff; }
.hx-rich-problems { background: #0f172a; color: #e2e8f0; }
.hx-rich-problems .hx-rich-head__title { color: #fff; }
.hx-rich-groups { background: #f8fafc; }
.hx-rich-audiences { background: #fff; }

.hx-rich-caps__grid {
	display: grid;
	gap: 1.25rem;
}
@media (min-width: 768px) {
	.hx-rich-caps__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.hx-rich-caps__card {
	padding: 1.5rem 1.35rem 1.4rem;
	border: 1px solid #e2e8f0;
	border-radius: 1.1rem;
	background: #fff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}
.hx-rich-caps__num {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	color: #0284c7;
	margin-bottom: 0.55rem;
}
.hx-rich-caps__title {
	margin: 0 0 0.55rem;
	font-size: 1.0625rem;
	color: #0f172a;
}
.hx-rich-caps__text {
	margin: 0;
	color: #475569;
	line-height: 1.8;
	font-size: 0.9375rem;
}

.hx-rich-problems__grid {
	display: grid;
	gap: 1.1rem;
}
@media (min-width: 900px) {
	.hx-rich-problems__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.hx-rich-problems__card {
	padding: 1.4rem 1.25rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.hx-rich-problems__q {
	font-weight: 700;
	color: #fda4af;
	margin: 0 0 0.65rem;
	line-height: 1.6;
}
.hx-rich-problems__a {
	margin: 0;
	color: #cbd5e1;
	line-height: 1.75;
	font-size: 0.9rem;
}
.hx-rich-problems__fix {
	margin: 0.85rem 0 0;
	padding-top: 0.75rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: #7dd3fc;
	font-size: 0.8125rem;
	line-height: 1.65;
}

.hx-rich-groups__grid {
	display: grid;
	gap: 1.15rem;
}
@media (min-width: 768px) {
	.hx-rich-groups__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
	.hx-rich-groups__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.hx-rich-groups__col {
	padding: 1.35rem 1.2rem;
	border-radius: 1rem;
	background: #fff;
	border: 1px solid #e2e8f0;
}
.hx-rich-groups__title {
	margin: 0 0 0.85rem;
	font-size: 0.95rem;
	color: #0f172a;
}
.hx-rich-groups__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.45rem;
}
.hx-rich-groups__list li {
	position: relative;
	padding-right: 0.9rem;
	font-size: 0.84rem;
	line-height: 1.65;
	color: #475569;
}
.hx-rich-groups__list li::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0.55rem;
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background: #0ea5e9;
}

.hx-rich-audiences__grid {
	display: grid;
	gap: 1.1rem;
}
@media (min-width: 768px) {
	.hx-rich-audiences__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
	.hx-rich-audiences__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.hx-rich-audiences__card {
	padding: 1.35rem 1.2rem;
	border-radius: 1rem;
	background: #f0f9ff;
	border: 1px solid #bae6fd;
}
.hx-rich-audiences__title {
	margin: 0 0 0.45rem;
	font-size: 0.95rem;
	color: #0c4a6e;
}
.hx-rich-audiences__text {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.7;
	color: #334155;
}

/* نماهای اختصاصی هیرو */
.hx-hv { display: none; }
@media (min-width: 900px) {
	.hx-hv { display: block; }
}
.hx-hv-card {
	border-radius: 1.25rem;
	background: rgba(15, 23, 42, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.18);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 60px rgba(2, 6, 23, 0.28);
	overflow: hidden;
	min-height: 16rem;
}
.hx-hv-card__head {
	padding: 0.85rem 1.1rem;
	font-size: 0.8rem;
	font-weight: 700;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.92);
}
.hx-hv-ledger table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.78rem;
	color: #fff;
}
.hx-hv-ledger th,
.hx-hv-ledger td {
	padding: 0.65rem 0.85rem;
	text-align: right;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.hx-hv-ledger th { color: rgba(255, 255, 255, 0.55); font-weight: 600; }
.hx-hv-cash__bars {
	display: flex;
	align-items: flex-end;
	gap: 0.85rem;
	height: 12rem;
	padding: 1.25rem 1.1rem 1rem;
}
.hx-hv-cash__bars span {
	flex: 1;
	height: var(--hx-h, 50%);
	border-radius: 0.6rem 0.6rem 0.25rem 0.25rem;
	background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.35));
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 0.4rem;
}
.hx-hv-cash__bars i {
	font-style: normal;
	font-size: 0.7rem;
	color: #0f766e;
	font-weight: 700;
}
.hx-hv-people ul {
	list-style: none;
	margin: 0;
	padding: 1rem;
	display: grid;
	gap: 0.75rem;
}
.hx-hv-people li {
	padding: 0.8rem 0.9rem;
	border-radius: 0.85rem;
	background: rgba(255, 255, 255, 0.1);
}
.hx-hv-people b { display: block; color: #fff; font-size: 0.85rem; }
.hx-hv-people span { color: rgba(255,255,255,0.72); font-size: 0.75rem; }
.hx-hv-machine__grid,
.hx-hv-wh__bins {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.7rem;
	padding: 1.1rem;
}
.hx-hv-machine__grid span,
.hx-hv-wh__bins span {
	padding: 1.1rem 0.75rem;
	border-radius: 0.85rem;
	background: rgba(255,255,255,0.12);
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 0.85rem;
}
.hx-hv-wh__bins span.is-full { background: rgba(74, 222, 128, 0.28); }
.hx-hv-wh__bins span.is-low { background: rgba(251, 113, 133, 0.32); }
.hx-hv-bom__tree,
.hx-hv-org__tree {
	padding: 1.25rem 1.1rem 1.4rem;
	text-align: center;
	color: #fff;
}
.hx-hv-bom__tree strong,
.hx-hv-org__tree strong {
	display: inline-block;
	padding: 0.55rem 1rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.16);
	margin-bottom: 1rem;
}
.hx-hv-bom__tree div,
.hx-hv-org__tree div {
	display: flex;
	justify-content: center;
	gap: 0.55rem;
	flex-wrap: wrap;
}
.hx-hv-bom__tree span,
.hx-hv-org__tree span {
	padding: 0.55rem 0.75rem;
	border-radius: 0.7rem;
	background: rgba(255,255,255,0.1);
	font-size: 0.78rem;
}
.hx-hv-routes__map {
	position: relative;
	height: 13rem;
	padding: 1.2rem;
}
.hx-hv-routes__map i {
	position: absolute;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 6px rgba(255,255,255,0.18);
}
.hx-hv-routes__map i:nth-child(1) { top: 22%; right: 18%; }
.hx-hv-routes__map i:nth-child(2) { top: 38%; right: 48%; }
.hx-hv-routes__map i:nth-child(3) { top: 62%; right: 32%; }
.hx-hv-routes__map i:nth-child(4) { top: 70%; right: 68%; }
.hx-hv-routes__map span {
	position: absolute;
	font-size: 0.7rem;
	color: #fff;
	background: rgba(15,23,42,0.35);
	padding: 0.2rem 0.45rem;
	border-radius: 999px;
}
.hx-hv-routes__map span:nth-of-type(1) { top: 12%; right: 22%; }
.hx-hv-routes__map span:nth-of-type(2) { top: 28%; right: 54%; }
.hx-hv-routes__map span:nth-of-type(3) { top: 52%; right: 18%; }
.hx-hv-routes__map span:nth-of-type(4) { top: 78%; right: 58%; }
.hx-hv-shield { padding-bottom: 1.4rem; text-align: center; color: #fff; }
.hx-hv-shield__badge {
	margin: 1.6rem auto 0.9rem;
	width: 8.5rem;
	height: 8.5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(circle at 40% 30%, #fff, #67e8f9 55%, #155e75);
	color: #0e7490;
	font-weight: 800;
	font-size: 0.9rem;
}
.hx-hv-shield p { margin: 0; font-size: 0.8rem; color: rgba(255,255,255,0.8); }
.hx-hv-kanban__cols {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.55rem;
	padding: 1rem;
}
.hx-hv-kanban__cols div {
	background: rgba(255,255,255,0.08);
	border-radius: 0.75rem;
	padding: 0.7rem 0.5rem;
	min-height: 9rem;
}
.hx-hv-kanban__cols b {
	display: block;
	color: #fff;
	font-size: 0.75rem;
	margin-bottom: 0.6rem;
}
.hx-hv-kanban__cols i {
	display: block;
	height: 2rem;
	border-radius: 0.45rem;
	background: rgba(255,255,255,0.16);
	margin-bottom: 0.4rem;
}
.hx-hv-gantt__rows {
	display: grid;
	gap: 0.85rem;
	padding: 1.25rem 1.1rem;
}
.hx-hv-gantt__rows span {
	position: relative;
	color: #fff;
	font-size: 0.78rem;
	padding: 0.55rem 0.7rem;
	min-height: 2.4rem;
}
.hx-hv-gantt__rows span::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 0.45rem;
	width: var(--hx-w, 50%);
	border-radius: 999px;
	background: #fde68a;
}
.hx-hv-agent__chat {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	padding: 1.15rem;
}
.hx-hv-agent__chat p {
	margin: 0;
	max-width: 88%;
	padding: 0.7rem 0.85rem;
	border-radius: 0.9rem;
	font-size: 0.8rem;
	line-height: 1.6;
}
.hx-hv-agent__chat .is-user {
	align-self: flex-start;
	background: rgba(255,255,255,0.12);
	color: #fff;
}
.hx-hv-agent__chat .is-bot {
	align-self: flex-end;
	background: #38bdf8;
	color: #0f172a;
	font-weight: 600;
}
.hx-hv-pos__slip,
.hx-hv-tax__box {
	margin: 1.25rem;
	padding: 1.25rem 1.1rem;
	border-radius: 0.9rem;
	background: #fff;
	color: #0f172a;
	display: grid;
	gap: 0.45rem;
}
.hx-hv-pos__slip b,
.hx-hv-tax__box b { font-size: 1rem; }
.hx-hv-pos__slip span,
.hx-hv-tax__box span { font-size: 0.8rem; color: #64748b; }
.hx-hv-pos__slip em {
	font-style: normal;
	font-size: 0.75rem;
	color: #0284c7;
	font-weight: 700;
}
.hx-hv-plant__line {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.45rem;
	padding: 1.4rem 1rem;
}
.hx-hv-plant__line span {
	padding: 2.2rem 0.4rem;
	text-align: center;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	border-radius: 0.75rem;
	background: rgba(255,255,255,0.12);
}