/**
 * Havenlytics V3 — Inner pages
 * Composed from design system primitives.
 *
 * @package Havenlytics_Theme
 */

.hvnly-page {
	background: var(--hvnly--surface-0);
}

.hvnly-page-hero {
	padding: var(--hvnly--space-20) 0 var(--hvnly--space-16);
	background:
		radial-gradient(700px 400px at 20% 0%, rgba(108, 96, 254, 0.10), transparent 60%),
		var(--hvnly--surface-0);
	border-bottom: 1px solid var(--hvnly--border);
}

.hvnly-page-hero h1 {
	font-size: var(--hvnly--text-display-md);
	margin-bottom: var(--hvnly--space-7);
}

.hvnly-page-hero p {
	font-size: var(--hvnly--text-lg);
	color: var(--hvnly--ink-400);
	max-width: 640px;
}

.hvnly-page-content {
	padding: var(--hvnly--space-section) 0;
}

.hvnly-page-content .hvnly-container {
	max-width: 800px;
}

.hvnly-page-content h2,
.hvnly-page-content h3,
.hvnly-page-content h4 {
	margin-top: var(--hvnly--space-16);
	margin-bottom: var(--hvnly--space-7);
}

.hvnly-page-content p,
.hvnly-page-content ul,
.hvnly-page-content ol {
	margin-bottom: var(--hvnly--space-7);
	font-size: var(--hvnly--text-lg);
}

.hvnly-page-content ul,
.hvnly-page-content ol {
	padding-left: var(--hvnly--space-11);
	list-style: disc;
}

.hvnly-page-content ol {
	list-style: decimal;
}

.hvnly-page-content a {
	color: var(--hvnly--core-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.hvnly-page-content a:hover {
	color: var(--hvnly--core-secondary);
}

.hvnly-page-cta {
	padding: var(--hvnly--space-section) 0;
}

@media (max-width: 768px) {
	.hvnly-page-hero {
		padding: var(--hvnly--space-16) 0 var(--hvnly--space-13);
	}

	.hvnly-page-content,
	.hvnly-page-cta {
		padding: var(--hvnly--space-section-mobile) 0;
	}
}

/* ── Inner / product page hero (shared) ───────────────────────── */
.hvnly-inner-page,
.hvnly-product-page {
	background: var(--hvnly--surface-0);
}

.hvnly-inner-hero {
	position: relative;
	padding: var(--hvnly--space-20) 0 var(--hvnly--space-18);
	overflow: hidden;
	background:
		radial-gradient(800px 460px at 18% -10%, rgba(108, 96, 254, 0.14), transparent 60%),
		radial-gradient(640px 420px at 100% 8%, rgba(138, 123, 255, 0.12), transparent 60%),
		var(--hvnly--surface-0);
	border-bottom: 1px solid var(--hvnly--border);
}

.hvnly-inner-hero__grid {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(var(--hvnly--border) 1px, transparent 1px),
		linear-gradient(90deg, var(--hvnly--border) 1px, transparent 1px);
	background-size: 64px 64px;
	mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%);
	opacity: 0.45;
}

.hvnly-inner-hero__inner {
	position: relative;
	text-align: center;
	max-width: var(--hvnly--container-content);
	margin: 0 auto;
}

.hvnly-inner-hero h1 {
	font-size: var(--hvnly--text-display-md);
	letter-spacing: var(--hvnly--tracking-tight);
	margin-bottom: var(--hvnly--space-8);
}

.hvnly-inner-hero .hvnly-lead {
	font-size: var(--hvnly--text-xl);
	color: var(--hvnly--ink-400);
	max-width: 640px;
	margin: 0 auto var(--hvnly--space-14);
}

.hvnly-inner-hero--page {
	padding: var(--hvnly--space-20) 0 var(--hvnly--space-16);
}

.hvnly-inner-hero--page .hvnly-lead {
	margin-bottom: 0;
}

.hvnly-default-page .hvnly-container--page {
	max-width: var(--hvnly--container-page);
}

/* Content typography → assets/css/global.css (.hvnly-prose, .hvnly-single-content) */

.hvnly-inner-hero .hvnly-hero-cta {
	margin-bottom: 0;
}

.hvnly-product-features .hvnly-feature-grid {
	margin-top: var(--hvnly--space-4);
}

.hvnly-product-split .hvnly-split-text .hvnly-btn {
	margin-top: var(--hvnly--space-4);
}

.hvnly-page-content__inner,
.hvnly-product-content__inner {
	max-width: 800px;
	margin: 0 auto;
}

.hvnly-page-content__inner h2,
.hvnly-page-content__inner h3,
.hvnly-page-content__inner h4,
.hvnly-product-content__inner h2,
.hvnly-product-content__inner h3,
.hvnly-product-content__inner h4 {
	margin-top: var(--hvnly--space-16);
	margin-bottom: var(--hvnly--space-7);
}

.hvnly-page-content__inner p,
.hvnly-page-content__inner ul,
.hvnly-page-content__inner ol,
.hvnly-product-content__inner p,
.hvnly-product-content__inner ul,
.hvnly-product-content__inner ol {
	margin-bottom: var(--hvnly--space-7);
	font-size: var(--hvnly--text-lg);
	color: var(--hvnly--ink-600);
}

.hvnly-page-content__inner a,
.hvnly-product-content__inner a {
	color: var(--hvnly--core-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.hvnly-product-cta,
.hvnly-product-page .hvnly-block-final-cta,
.hvnly-inner-page .hvnly-block-final-cta {
	padding-bottom: var(--hvnly--space-section);
}

/* ── FAQ ─────────────────────────────────────────────────────── */
.hvnly-faq {
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-6);
	max-width: 800px;
	margin: 0 auto;
}

.hvnly-faq-item {
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-md);
	background: var(--hvnly--surface-0);
	overflow: hidden;
}

.hvnly-faq-question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--hvnly--space-8);
	padding: var(--hvnly--space-9) var(--hvnly--space-11);
	background: none;
	border: 0;
	text-align: left;
	font: inherit;
	font-size: var(--hvnly--text-lg);
	font-weight: var(--hvnly--weight-semibold);
	color: var(--hvnly--ink-800);
	cursor: pointer;
}

.hvnly-faq-question::after {
	content: '+';
	font-size: 22px;
	color: var(--hvnly--core-primary);
	flex-shrink: 0;
	transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
}

.hvnly-faq-question.hvnly-active::after {
	content: '+';
	transform: rotate(45deg);
}

.hvnly-faq-answer {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	padding: 0 var(--hvnly--space-11);
	transition:
		grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.24s ease,
		padding 0.24s ease;
}

.hvnly-faq-answer__inner {
	overflow: hidden;
}

.hvnly-faq-answer.hvnly-show {
	grid-template-rows: 1fr;
	opacity: 1;
	padding-bottom: var(--hvnly--space-9);
}

.hvnly-faq-answer p {
	font-size: var(--hvnly--text-md);
	color: var(--hvnly--ink-500);
	line-height: 1.65;
	margin: 0;
}

.hvnly-faq-footer {
	text-align: center;
	margin-top: var(--hvnly--space-14);
	color: var(--hvnly--ink-500);
}

.hvnly-faq-footer a {
	color: var(--hvnly--core-primary);
	font-weight: var(--hvnly--weight-semibold);
}

/* ── Downloads ───────────────────────────────────────────────── */
.hvnly-download-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--hvnly--space-9);
}

.hvnly-download-card {
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	padding: var(--hvnly--space-14);
	background: var(--hvnly--surface-0);
	box-shadow: var(--hvnly--shadow-sm);
}

.hvnly-download-card__icon {
	width: 48px;
	height: 48px;
	border-radius: var(--hvnly--radius-md);
	display: grid;
	place-items: center;
	background: var(--hvnly--surface-100);
	color: var(--hvnly--core-primary);
	font-size: 20px;
	margin-bottom: var(--hvnly--space-8);
}

.hvnly-download-card h3 {
	margin-bottom: var(--hvnly--space-5);
}

.hvnly-download-card p {
	color: var(--hvnly--ink-500);
	margin-bottom: var(--hvnly--space-8);
}

.hvnly-download-card__meta {
	font-size: 13px;
	color: var(--hvnly--ink-400);
	margin-bottom: var(--hvnly--space-10);
}

/* ── Support ─────────────────────────────────────────────────── */
.hvnly-support-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--hvnly--space-9);
}

.hvnly-support-card {
	display: block;
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	padding: var(--hvnly--space-14);
	background: var(--hvnly--surface-0);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s var(--hvnly--ease), box-shadow 0.2s var(--hvnly--ease);
}

.hvnly-support-card:hover {
	border-color: var(--hvnly--core-primary);
	box-shadow: var(--hvnly--shadow-md);
}

.hvnly-support-card i {
	font-size: 24px;
	color: var(--hvnly--core-primary);
	margin-bottom: var(--hvnly--space-8);
}
.hvnly-support-card 
.hvnly-support-card__link
 i {
	font-size: 12px;
	color: var(--hvnly--core-primary);
	margin-bottom: 0;
}
.hvnly-support-card h3 {
	margin-bottom: var(--hvnly--space-5);
}

.hvnly-support-card p {
	color: var(--hvnly--ink-500);
	margin-bottom: var(--hvnly--space-10);
}

.hvnly-support-card__link {
	font-size: 14px;
	font-weight: var(--hvnly--weight-semibold);
	color: var(--hvnly--core-primary);
}

/* ── Documentation nav ───────────────────────────────────────── */
.hvnly-doc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--hvnly--space-9);
}

.hvnly-doc-card {
	display: block;
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	padding: var(--hvnly--space-13);
	background: var(--hvnly--surface-0);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s var(--hvnly--ease), transform 0.2s var(--hvnly--ease);
}

.hvnly-doc-card:hover {
	border-color: var(--hvnly--core-primary);
	transform: translateY(-2px);
}

.hvnly-doc-card i {
	font-size: 22px;
	color: var(--hvnly--core-primary);
	margin-bottom: var(--hvnly--space-7);
}

.hvnly-doc-card h3 {
	margin-bottom: var(--hvnly--space-5);
}

.hvnly-doc-card p {
	color: var(--hvnly--ink-500);
	font-size: 15px;
}

/* ── Changelog ───────────────────────────────────────────────── */
.hvnly-changelog {
	max-width: 820px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-11);
}

.hvnly-changelog-entry {
	border: 1px solid var(--hvnly--border);
	border-radius: 5px;
	padding: var(--hvnly--space-12);
	background: var(--hvnly--surface-0);
}

.hvnly-changelog-entry__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--hvnly--space-6);
	margin-bottom: var(--hvnly--space-8);
}

.hvnly-changelog-entry__version {
	font-size: var(--hvnly--text-xl);
	font-weight: var(--hvnly--weight-bold);
	color: var(--hvnly--ink-800);
}

.hvnly-changelog-entry__head time {
	font-size: 14px;
	color: var(--hvnly--ink-400);
}

.hvnly-changelog-entry__tag {
	font-size: 12px;
	font-weight: var(--hvnly--weight-bold);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 4px 10px;
	border-radius: 5px;
	background: rgba(108, 96, 254, 0.12);
	color: var(--hvnly--core-primary);
}

.hvnly-changelog-entry__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.hvnly-changelog-entry__list li {
	display: flex;
	gap: 10px;
	font-size: 15px;
	color: var(--hvnly--ink-600);
}

.hvnly-changelog-entry__list i {
	color: var(--hvnly--success);
	margin-top: 3px;
}

/* ── Contact ─────────────────────────────────────────────────── */
.hvnly-contact-layout {
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: var(--hvnly--space-18);
	align-items: start;
}

.hvnly-contact-channels {
	list-style: none;
	padding: 0;
	margin: var(--hvnly--space-12) 0 0;
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-10);
}

.hvnly-contact-channels li {
	display: flex;
	gap: var(--hvnly--space-8);
	align-items: flex-start;
}

.hvnly-contact-channels i {
	width: 40px;
	height: 40px;
	border-radius: var(--hvnly--radius-md);
	display: grid;
	place-items: center;
	background: var(--hvnly--surface-100);
	color: var(--hvnly--core-primary);
	flex-shrink: 0;
}

.hvnly-contact-channels strong {
	display: block;
	margin-bottom: 4px;
}

.hvnly-contact-channels a {
	color: var(--hvnly--core-primary);
}

.hvnly-contact-form__card {
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	padding: var(--hvnly--space-14);
	background: var(--hvnly--surface-0);
	box-shadow: var(--hvnly--shadow-sm);    max-width: 800px;
    margin: 0px auto;
}

.hvnly-contact-form__card h3 {
	margin-bottom: var(--hvnly--space-5);
}

.hvnly-contact-form__card > p {
	color: var(--hvnly--ink-500);
	margin-bottom: var(--hvnly--space-11);
}

.hvnly-contact-form__fallback {
	color: var(--hvnly--ink-400);
	font-style: italic;
}

/* ── Stats ───────────────────────────────────────────────────── */
.hvnly-stats-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--hvnly--space-9);
	text-align: center;
	padding: var(--hvnly--space-16) 0;
	border-top: 1px solid var(--hvnly--border);
	border-bottom: 1px solid var(--hvnly--border);
}

.hvnly-stat__value {
	font-size: var(--hvnly--text-display-sm);
	font-weight: var(--hvnly--weight-extrabold);
	color: var(--hvnly--ink-800);
	letter-spacing: var(--hvnly--tracking-tight);
}

.hvnly-stat__label {
	font-size: 15px;
	color: var(--hvnly--ink-500);
	margin-top: var(--hvnly--space-4);
}

/* ── Default page template ─────────────────────────────────────── */
.hvnly-default-page__content {
	max-width: 800px;
	margin: 0 auto;
}

.hvnly-default-page__header {
	margin-bottom: var(--hvnly--space-14);
	text-align: center;
}

.hvnly-default-page__title {
	font-size: var(--hvnly--text-display-sm);
	margin-bottom: var(--hvnly--space-6);
}

.hvnly-default-page__excerpt {
	font-size: var(--hvnly--text-xl);
	color: var(--hvnly--ink-500);
	max-width: 640px;
	margin: 0 auto;
}

.hvnly-default-page__featured {
	margin-bottom: var(--hvnly--space-12);
	border-radius: var(--hvnly--radius-lg);
	overflow: hidden;
	border: 1px solid var(--hvnly--border);
	box-shadow: var(--hvnly--shadow-md);
}

.hvnly-default-page__featured img {
	width: 100%;
	height: auto;
	display: block;
}

.hvnly-default-page__body {
	padding-bottom: var(--hvnly--space-section);
}

@media (max-width: 980px) {
	.hvnly-download-grid,
	.hvnly-support-grid,
	.hvnly-doc-grid {
		grid-template-columns: 1fr 1fr;
	}

	.hvnly-contact-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.hvnly-inner-hero {
		padding: var(--hvnly--space-16) 0 var(--hvnly--space-14);
	}

	.hvnly-inner-hero h1 {
		font-size: var(--hvnly--text-display-sm);
	}

	.hvnly-product-cta,
	.hvnly-product-page .hvnly-block-final-cta,
	.hvnly-inner-page .hvnly-block-final-cta {
		padding-bottom: var(--hvnly--space-section-mobile);
	}

	.hvnly-download-grid,
	.hvnly-support-grid,
	.hvnly-doc-grid,
	.hvnly-stats-grid {
		grid-template-columns: 1fr;
	}

	.hvnly-default-page__body {
		padding-bottom: var(--hvnly--space-section-mobile);
	}
}

/* ── Tutorials hub ─────────────────────────────────────────────── */
.hvnly-tutorials-hub__toolbar {
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-10);
	margin-bottom: var(--hvnly--space-14);
}

.hvnly-tutorials-hub__search {
	position: relative;
}

.hvnly-tutorials-hub__search i {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--hvnly--ink-400);
}

.hvnly-tutorials-hub__search .hvnly-input {
	width: 100%;
	padding-left: 44px;
}

.hvnly-tutorials-hub__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.hvnly-tutorials-hub__cat {
	padding: 8px 16px;
	border-radius: var(--hvnly--radius-pill);
	border: 1px solid var(--hvnly--border);
	background: var(--hvnly--surface-0);
	color: var(--hvnly--ink-600);
	font-size: 14px;
	font-weight: var(--hvnly--weight-semibold);
	cursor: pointer;
	transition: background 0.2s var(--hvnly--ease), color 0.2s var(--hvnly--ease), border-color 0.2s var(--hvnly--ease);
}

.hvnly-tutorials-hub__cat.is-active,
.hvnly-tutorials-hub__cat:hover {
	background: var(--hvnly--core-gradient);
	border-color: transparent;
	color: #fff;
}

.hvnly-tutorials-hub__pagination {
	justify-content: center;
	margin-top: var(--hvnly--space-14);
}

.hvnly-tutorials-hub__empty {
	text-align: center;
	color: var(--hvnly--ink-500);
	padding: var(--hvnly--space-14) 0;
}

/* ── Phase 3 inner page blocks ───────────────────────────────── */
.hvnly-chip {
	padding: 8px 16px;
	border-radius: var(--hvnly--radius-pill);
	border: 1px solid var(--hvnly--border);
	background: var(--hvnly--surface-0);
	color: var(--hvnly--ink-600);
	font-size: 14px;
	font-weight: var(--hvnly--weight-semibold);
	cursor: pointer;
	transition: background 0.2s var(--hvnly--ease), color 0.2s var(--hvnly--ease), border-color 0.2s var(--hvnly--ease);
}

.hvnly-chip--active,
.hvnly-chip:hover {
	background: var(--hvnly--core-gradient);
	border-color: transparent;
	color: #fff;
}

.hvnly-faq-hub__toolbar {
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-10);
	margin-bottom: var(--hvnly--space-14);
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.hvnly-faq-hub__search {
	position: relative;
}

.hvnly-faq-hub__search i {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--hvnly--ink-400);
}

.hvnly-faq-hub__search .hvnly-input {
	width: 100%;
	padding-left: 44px;
}

.hvnly-faq-hub__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.hvnly-faq-hub__empty,
.hvnly-doc-hub__empty {
	text-align: center;
	color: var(--hvnly--ink-500);
	margin-top: var(--hvnly--space-10);
}

.hvnly-doc-hub__search-field {
	position: relative;
	max-width: 640px;
	margin: 0 auto var(--hvnly--space-6);
}

.hvnly-doc-hub__search-field i {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--hvnly--ink-400);
}

.hvnly-doc-hub__search-field .hvnly-input {
	width: 100%;
	padding-left: 44px;
}

.hvnly-doc-hub__search-hint {
	text-align: center;
	color: var(--hvnly--ink-400);
	font-size: 14px;
	margin-bottom: var(--hvnly--space-14);
}

.hvnly-doc-hub__label {
	font-size: var(--hvnly--text-lg);
	font-weight: var(--hvnly--weight-bold);
	margin-bottom: var(--hvnly--space-8);
}

.hvnly-doc-hub__quick {
	margin-bottom: var(--hvnly--space-16);
}

.hvnly-doc-hub__quick-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--hvnly--space-8);
}

.hvnly-doc-hub__quick-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: var(--hvnly--space-9) var(--hvnly--space-10);
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-md);
	background: var(--hvnly--surface-0);
	text-decoration: none;
	color: inherit;
	font-weight: var(--hvnly--weight-semibold);
	transition: border-color 0.2s var(--hvnly--ease);
}

.hvnly-doc-hub__quick-link:hover {
	border-color: var(--hvnly--core-primary);
}

.hvnly-doc-hub__quick-link i {
	color: var(--hvnly--core-primary);
}

.hvnly-doc-hub__columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--hvnly--space-14);
}

.hvnly-doc-hub__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-8);
}

.hvnly-doc-hub__list a {
	display: block;
	padding: var(--hvnly--space-9) var(--hvnly--space-10);
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-md);
	background: var(--hvnly--surface-0);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s var(--hvnly--ease);
}

.hvnly-doc-hub__list a:hover {
	border-color: var(--hvnly--core-primary);
}

.hvnly-doc-hub__list strong {
	display: block;
	margin-bottom: 4px;
}

.hvnly-doc-hub__list span {
	display: block;
	font-size: 14px;
	color: var(--hvnly--ink-500);
}

.hvnly-doc-hub__badge {
	display: inline-block;
	font-size: 11px;
	font-weight: var(--hvnly--weight-bold);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 3px 8px;
	border-radius: var(--hvnly--radius-sm);
	background: rgba(108, 96, 254, 0.12);
	color: var(--hvnly--core-primary);
	margin-bottom: 6px;
}

.hvnly-doc-hub__list--updates time {
	display: block;
	font-size: 13px;
	color: var(--hvnly--ink-400);
	margin-bottom: 4px;
}

.hvnly-downloads-detail__grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: var(--hvnly--space-14);
	margin-bottom: var(--hvnly--space-14);
}

.hvnly-downloads-detail__panel {
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	padding: var(--hvnly--space-13);
	background: var(--hvnly--surface-0);
}

.hvnly-downloads-detail__panel h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: var(--hvnly--space-10);
}

.hvnly-downloads-detail__panel h3 i {
	color: var(--hvnly--core-primary);
}

.hvnly-downloads-detail__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-8);
}

.hvnly-downloads-detail__list li {
	display: flex;
	justify-content: space-between;
	gap: var(--hvnly--space-8);
	padding-bottom: var(--hvnly--space-6);
	border-bottom: 1px solid var(--hvnly--border);
}

.hvnly-downloads-detail__list strong {
	color: var(--hvnly--ink-700);
}

.hvnly-downloads-detail__list span {
	color: var(--hvnly--ink-500);
	text-align: right;
}

.hvnly-downloads-detail__steps {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-9);
}

.hvnly-downloads-detail__steps li {
	display: flex;
	gap: var(--hvnly--space-8);
}

.hvnly-downloads-detail__step-num {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--hvnly--core-gradient);
	color: #fff;
	font-size: 13px;
	font-weight: var(--hvnly--weight-bold);
	flex-shrink: 0;
}

.hvnly-downloads-detail__steps p {
	margin-top: 4px;
	color: var(--hvnly--ink-500);
	font-size: 14px;
}

.hvnly-downloads-detail__links {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--hvnly--space-8);
}

.hvnly-downloads-detail__link {
	display: flex;
	align-items: center;
	gap: var(--hvnly--space-8);
	padding: var(--hvnly--space-10) var(--hvnly--space-11);
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-md);
	background: var(--hvnly--surface-0);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s var(--hvnly--ease);
}

.hvnly-downloads-detail__link:hover {
	border-color: var(--hvnly--core-primary);
}

.hvnly-downloads-detail__link i:first-child {
	font-size: 22px;
	color: var(--hvnly--core-primary);
}

.hvnly-downloads-detail__link strong {
	display: block;
}

.hvnly-downloads-detail__link span {
	display: block;
	font-size: 14px;
	color: var(--hvnly--ink-500);
}

.hvnly-downloads-detail__external {
	margin-left: auto;
	color: var(--hvnly--ink-400);
	font-size: 14px;
}

.hvnly-showcase-gallery__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--hvnly--space-10);
	margin-bottom: var(--hvnly--space-16);
}

.hvnly-showcase-gallery__card {
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	overflow: hidden;
	background: var(--hvnly--surface-0);
}

.hvnly-showcase-gallery__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.hvnly-showcase-gallery__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hvnly-showcase-gallery__tag {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 4px 10px;
	border-radius: var(--hvnly--radius-full);
	background: rgba(22, 20, 41, 0.75);
	color: #fff;
	font-size: 12px;
	font-weight: var(--hvnly--weight-semibold);
}

.hvnly-showcase-gallery__body {
	padding: var(--hvnly--space-11);
}

.hvnly-showcase-gallery__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: var(--hvnly--space-8);
	font-size: 14px;
	font-weight: var(--hvnly--weight-semibold);
	color: var(--hvnly--core-primary);
	text-decoration: none;
}

.hvnly-showcase-gallery__subhead {
	text-align: center;
	margin-bottom: var(--hvnly--space-12);
}

.hvnly-showcase-gallery__quotes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--hvnly--space-10);
}

.hvnly-showcase-gallery__quote {
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	padding: var(--hvnly--space-12);
	background: var(--hvnly--surface-0);
	margin: 0;
}

.hvnly-showcase-gallery__quote p {
	font-size: 15px;
	color: var(--hvnly--ink-600);
	line-height: 1.65;
	margin-bottom: var(--hvnly--space-9);
}

.hvnly-showcase-gallery__quote footer strong {
	display: block;
}

.hvnly-showcase-gallery__quote footer span {
	font-size: 14px;
	color: var(--hvnly--ink-400);
}

.hvnly-about-vision {
	max-width: 760px;
	margin: 0 auto var(--hvnly--space-16);
	text-align: center;
}

.hvnly-about-vision p {
	color: var(--hvnly--ink-500);
	margin-top: var(--hvnly--space-8);
}

.hvnly-about-timeline__subhead {
	font-size: var(--hvnly--text-xl);
	font-weight: var(--hvnly--weight-bold);
	margin-bottom: var(--hvnly--space-10);
}

.hvnly-about-timeline__track {
	margin-bottom: var(--hvnly--space-16);
}

.hvnly-timeline {
	position: relative;
	padding-left: 28px;
}

.hvnly-timeline::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background: var(--hvnly--border);
}

.hvnly-timeline__item {
	position: relative;
	padding-bottom: var(--hvnly--space-12);
}

.hvnly-timeline__marker {
	position: absolute;
	left: -28px;
	top: 6px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--hvnly--core-primary);
	border: 3px solid var(--hvnly--surface-0);
	box-shadow: 0 0 0 1px var(--hvnly--border);
}

.hvnly-timeline__content time {
	display: block;
	font-size: 13px;
	color: var(--hvnly--ink-400);
	margin-bottom: 4px;
}

.hvnly-timeline__content p {
	color: var(--hvnly--ink-500);
	margin-top: 6px;
}

.hvnly-timeline__badge {
	display: inline-block;
	margin-top: 8px;
	font-size: 11px;
	font-weight: var(--hvnly--weight-bold);
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 5px;
}

.hvnly-timeline__badge--done {
	background: rgba(34, 197, 94, 0.12);
	color: var(--hvnly--success);
}

.hvnly-timeline__badge--planned {
	background: rgba(108, 96, 254, 0.12);
	color: var(--hvnly--core-primary);
}

.hvnly-about-tech__lead {
	color: var(--hvnly--ink-500);
	margin-bottom: var(--hvnly--space-12);
	max-width: 640px;
}

.hvnly-about-tech__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--hvnly--space-9);
}

.hvnly-about-tech__item {
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	padding: var(--hvnly--space-12);
	background: var(--hvnly--surface-0);
}

.hvnly-about-tech__item i {
	font-size: 22px;
	color: var(--hvnly--core-primary);
	margin-bottom: var(--hvnly--space-7);
}

.hvnly-about-tech__item p {
	font-size: 14px;
	color: var(--hvnly--ink-500);
	margin-top: 6px;
}

.hvnly-contact-address {
	margin-top: var(--hvnly--space-12);
	padding-top: var(--hvnly--space-10);
	border-top: 1px solid var(--hvnly--border);
	color: var(--hvnly--ink-500);
}

.hvnly-contact-native-form .hvnly-field,
.hvnly-contact-native-form .hvnly-form__field {
	margin-bottom: 0;
}

.hvnly-contact-form__note {
	margin-top: var(--hvnly--space-8);
	color: var(--hvnly--success);
	font-size: 14px;
}

.hvnly-contact-shortcuts__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--hvnly--space-10);
}

.hvnly-contact-shortcuts__card {
	display: block;
	padding: var(--hvnly--space-13);
	border: 1px solid var(--hvnly--border);
	border-radius: var(--hvnly--radius-lg);
	background: var(--hvnly--surface-0);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s var(--hvnly--ease);
}

.hvnly-contact-shortcuts__card:hover {
	border-color: var(--hvnly--core-primary);
}

.hvnly-contact-shortcuts__card i {
	font-size: 24px;
	color: var(--hvnly--core-primary);
	margin-bottom: var(--hvnly--space-8);
}
.hvnly-contact-shortcuts__card  span i {
    font-size: 12px;    padding: 0;
    margin: 0;

}
.hvnly-contact-shortcuts__card span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: var(--hvnly--space-8);
	font-size: 14px;
	font-weight: var(--hvnly--weight-semibold);
	color: var(--hvnly--core-primary);
}

.hvnly-changelog--timeline .hvnly-changelog-entry {
	position: relative;
	padding-left: var(--hvnly--space-12);
}

.hvnly-changelog-entry__rail {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	border-radius: 3px;
	background: var(--hvnly--core-gradient);
}

.hvnly-changelog-entry__summary {
	color: var(--hvnly--ink-500);
	margin-bottom: var(--hvnly--space-8);
}

.hvnly-changelog-entry__badge {
	font-size: 11px;
	font-weight: var(--hvnly--weight-bold);
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 5px;
	background: var(--hvnly--surface-100);
	color: var(--hvnly--ink-500);
}

.hvnly-changelog-entry__code {
	margin-top: var(--hvnly--space-10);
	border-radius: var(--hvnly--radius-md);
	overflow: hidden;
	border: 1px solid var(--hvnly--border);
}

.hvnly-changelog-entry__code-label {
	padding: 8px 12px;
	font-size: 12px;
	font-weight: var(--hvnly--weight-semibold);
	background: var(--hvnly--surface-100);
	color: var(--hvnly--ink-500);
	border-bottom: 1px solid var(--hvnly--border);
}

.hvnly-changelog-entry__code pre {
	margin: 0;
	padding: var(--hvnly--space-10);
	background: #161429;
	overflow-x: auto;
}

.hvnly-changelog-entry__code code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13px;
	color: #E7E5F3;
	white-space: pre;
}

.hvnly-changelog-cta {
	max-width: 820px;
	margin: var(--hvnly--space-6) auto 0;
	padding-top: var(--hvnly--space-14);
	text-align: center;
	border-top: 1px solid var(--hvnly--border);
}

.hvnly-changelog-cta__title {
	margin: 0 0 var(--hvnly--space-6);
	font-size: var(--hvnly--text-xl);
	font-weight: var(--hvnly--weight-bold);
	color: var(--hvnly--ink-800);
}

.hvnly-changelog-cta__text {
	margin: 0 0 var(--hvnly--space-10);
	font-size: 15px;
	line-height: 1.6;
	color: var(--hvnly--ink-500);
}

.hvnly-changelog-cta .hvnly-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

@media (max-width: 980px) {
	.hvnly-doc-hub__quick-grid,
	.hvnly-doc-hub__columns,
	.hvnly-downloads-detail__grid,
	.hvnly-downloads-detail__links,
	.hvnly-showcase-gallery__grid,
	.hvnly-showcase-gallery__quotes,
	.hvnly-about-tech__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.hvnly-doc-hub__quick-grid,
	.hvnly-doc-hub__columns,
	.hvnly-downloads-detail__grid,
	.hvnly-downloads-detail__links,
	.hvnly-showcase-gallery__grid,
	.hvnly-showcase-gallery__quotes,
	.hvnly-about-tech__grid,
	.hvnly-contact-shortcuts__grid {
		grid-template-columns: 1fr;
	}

	.hvnly-support-grid {
		grid-template-columns: 1fr;
	}
}

/* Documentation article reader (plugin data + theme presentation) */
.hvnly-doc-reader {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	min-height: calc(100vh - var(--hvnly--header-height, 72px));
	background: var(--hvnly--surface-0);
}

.hvnly-doc-reader__sidebar {
	border-right: 1px solid var(--hvnly--border-200);
	background: var(--hvnly--surface-50);
	padding: var(--hvnly--space-8) var(--hvnly--space-6);
	position: sticky;
	top: var(--hvnly--header-height, 72px);
	align-self: start;
	max-height: calc(100vh - var(--hvnly--header-height, 72px));
	overflow: auto;
}

.hvnly-doc-reader__sidebar-head {
	display: flex;
	flex-direction: column;
	gap: var(--hvnly--space-6);
	margin-bottom: var(--hvnly--space-8);
}

.hvnly-doc-reader__brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: var(--hvnly--weight-bold);
	color: var(--hvnly--ink-900);
	text-decoration: none;
}

.hvnly-doc-reader__search-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--hvnly--border-200);
	border-radius: 12px;
	background: #fff;
	color: var(--hvnly--ink-600);
	cursor: pointer;
}

.hvnly-doc-reader__nav-group + .hvnly-doc-reader__nav-group {
	margin-top: var(--hvnly--space-8);
}

.hvnly-doc-reader__nav-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--hvnly--ink-500);
	margin-bottom: var(--hvnly--space-4);
}

.hvnly-doc-reader__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hvnly-doc-reader__nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	color: var(--hvnly--ink-700);
	text-decoration: none;
}

.hvnly-doc-reader__nav-link:hover,
.hvnly-doc-reader__nav-link.is-active {
	background: var(--hvnly--surface-100);
	color: var(--hvnly--ink-900);
}

.hvnly-doc-reader__main {
	min-width: 0;
}

.hvnly-doc-reader__breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: var(--hvnly--space-8) var(--hvnly--space-10) 0;
	font-size: 14px;
	color: var(--hvnly--ink-500);
}

.hvnly-doc-reader__breadcrumbs a {
	color: var(--hvnly--ink-700);
	text-decoration: none;
}

.hvnly-doc-reader__header h1 {
	margin-bottom: var(--hvnly--space-6);
}

.hvnly-doc-reader__lead {
	color: var(--hvnly--ink-500);
	max-width: 760px;
}

.hvnly-doc-reader__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: var(--hvnly--space-6);
	color: var(--hvnly--ink-500);
	font-size: 14px;
}

.hvnly-doc-reader__version {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--hvnly--surface-100);
}

.hvnly-doc-reader__layout {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: var(--hvnly--space-10);
	margin-top: var(--hvnly--space-10);
}

.hvnly-doc-reader__content :is(h2, h3, h4) {
	scroll-margin-top: calc(var(--hvnly--header-height, 72px) + 24px);
}

.hvnly-doc-reader__toggle {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 30;
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 50%;
	background: var(--hvnly--core-gradient);
	color: #fff;
	box-shadow: var(--hvnly--shadow-lg);
	cursor: pointer;
}

.hvnly-docs-feedback {
	margin-top: var(--hvnly--space-14);
	padding: var(--hvnly--space-10);
	border-radius: 16px;
	background: var(--hvnly--surface-50);
	text-align: center;
}

.hvnly-doc-reader__feedback-title {
	font-size: var(--hvnly--text-lg);
	margin-bottom: var(--hvnly--space-6);
}

.hvnly-docs-feedback-buttons {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.hvnly-docs-feedback-buttons button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	border: 0;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
}

.hvnly-docs-feedback-yes { background: #00B46A; }
.hvnly-docs-feedback-no { background: #FF4D4F; }

.hvnly-docs-feedback-comment {
	margin-top: var(--hvnly--space-6);
}

.hvnly-docs-feedback-comment textarea {
	width: 100%;
	min-height: 100px;
	padding: 12px;
	border: 1px solid var(--hvnly--border-200);
	border-radius: 12px;
}

.hvnly-docs-feedback-submit {
	margin-top: 12px;
	padding: 12px 24px;
	border: 0;
	border-radius: 999px;
	background: var(--hvnly--brand-600);
	color: #fff;
	cursor: pointer;
}

.hvnly-doc-code {
	position: relative;
}

.hvnly-doc-code__copy {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 6px 12px;
	border: 0;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	cursor: pointer;
}

.hvnly-doc-search-modal[hidden] {
	display: none;
}

.hvnly-doc-search-modal {
	position: fixed;
	inset: 0;
	z-index: 100;
}

.hvnly-doc-search-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.55);
}

.hvnly-doc-search-modal__panel {
	position: relative;
	width: min(720px, calc(100% - 32px));
	margin: 10vh auto 0;
	background: #fff;
	border-radius: 16px;
	padding: var(--hvnly--space-8);
	box-shadow: var(--hvnly--shadow-lg);
}

.hvnly-doc-search-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--hvnly--space-6);
}

.hvnly-doc-search-modal__close {
	border: 0;
	background: transparent;
	font-size: 20px;
	cursor: pointer;
}

.hvnly-doc-search-modal__result {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid var(--hvnly--border-200);
	text-decoration: none;
	color: inherit;
}

.hvnly-doc-search-modal__result strong {
	display: block;
}

.hvnly-doc-search-modal__result span {
	display: block;
	color: var(--hvnly--ink-500);
	font-size: 14px;
}

.hvnly-doc-search-modal__empty {
	color: var(--hvnly--ink-500);
}

@media (max-width: 1100px) {
	.hvnly-doc-reader__layout {
		grid-template-columns: 1fr;
	}

	.hvnly-doc-reader__toc {
		position: static;
	}
}

@media (max-width: 980px) {
	.hvnly-doc-reader {
		grid-template-columns: 1fr;
	}

	.hvnly-doc-reader__sidebar {
		position: fixed;
		top: var(--hvnly--header-height, 72px);
		left: 0;
		bottom: 0;
		width: min(320px, 88vw);
		z-index: 40;
		transform: translateX(-110%);
		transition: transform 0.25s var(--hvnly--ease);
	}

	.hvnly-doc-reader.is-sidebar-open .hvnly-doc-reader__sidebar {
		transform: translateX(0);
	}

	.hvnly-doc-reader__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

/* ==========================================================================
   Analytics Dashboard landing page (scoped)
   ========================================================================== */

.hvnly-analytics-page {
	overflow-x: clip;
}

.hvnly-analytics-hero {
	padding-top: clamp(3rem, 6vw, 5rem);
	padding-bottom: clamp(3rem, 6vw, 5rem);
}

.hvnly-analytics-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: clamp(2rem, 4vw, 3.5rem);
	align-items: center;
}

.hvnly-analytics-hero h1 {
	font-size: clamp(2rem, 4vw, 3.25rem);
	line-height: 1.12;
	margin: 0.75rem 0 1rem;
}

.hvnly-analytics-hero .hvnly-lead {
	max-width: 38rem;
	margin-bottom: 1.25rem;
}

.hvnly-analytics-hero__highlights {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55rem 1rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
}

.hvnly-analytics-hero__highlights li {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	color: var(--hvnly--text-muted);
	font-size: 0.95rem;
}

.hvnly-analytics-hero__highlights i {
	color: var(--hvnly--primary);
}

.hvnly-analytics-hero__stage {
	position: relative;
}

.hvnly-analytics-hero__panel {
	box-shadow: var(--hvnly--shadow-lg, 0 24px 60px rgba(20, 16, 50, 0.14));
}

.hvnly-analytics-float {
	position: absolute;
	z-index: 2;
	display: grid;
	gap: 0.15rem;
	min-width: 7.5rem;
	padding: 0.85rem 1rem;
	border-radius: var(--hvnly--radius-lg, 16px);
	background: var(--hvnly--surface, #fff);
	border: 1px solid var(--hvnly--border, rgba(20, 16, 50, 0.08));
	box-shadow: var(--hvnly--shadow-md, 0 12px 30px rgba(20, 16, 50, 0.12));
}

.hvnly-analytics-float strong {
	font-size: 1.15rem;
	line-height: 1.1;
}

.hvnly-analytics-float span {
	font-size: 0.78rem;
	color: var(--hvnly--text-muted);
}

.hvnly-analytics-float--1 {
	top: 8%;
	left: -4%;
}

.hvnly-analytics-float--2 {
	right: -3%;
	top: 42%;
}

.hvnly-analytics-float--3 {
	left: 8%;
	bottom: 4%;
}

.hvnly-analytics-metrics__grid,
.hvnly-analytics-audience__grid,
.hvnly-analytics-charts__grid {
	display: grid;
	gap: 1.25rem;
}

.hvnly-analytics-metrics__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hvnly-analytics-metric-card,
.hvnly-analytics-audience-card,
.hvnly-analytics-chart-card {
	background: var(--hvnly--surface, #fff);
	border: 1px solid var(--hvnly--border, rgba(20, 16, 50, 0.08));
	border-radius: var(--hvnly--radius-lg, 16px);
	box-shadow: var(--hvnly--shadow-sm, 0 8px 20px rgba(20, 16, 50, 0.06));
	transition: transform 0.2s var(--hvnly--ease, ease), box-shadow 0.2s var(--hvnly--ease, ease);
}

.hvnly-analytics-metric-card:hover,
.hvnly-analytics-audience-card:hover,
.hvnly-analytics-chart-card:hover,
.hvnly-analytics-features .hvnly-feature:hover {
	transform: translateY(-3px);
	box-shadow: var(--hvnly--shadow-md, 0 14px 30px rgba(20, 16, 50, 0.1));
}

.hvnly-analytics-metric-card {
	padding: 1.35rem 1.25rem;
}

.hvnly-analytics-metric-card__icon,
.hvnly-analytics-audience-card__icon,
.hvnly-analytics-benefit-list__icon,
.hvnly-analytics-timeline__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 12px;
	background: color-mix(in srgb, var(--hvnly--primary) 12%, transparent);
	color: var(--hvnly--primary);
	margin-bottom: 0.85rem;
}

.hvnly-analytics-metric-card h3,
.hvnly-analytics-audience-card h3,
.hvnly-analytics-chart-card h3,
.hvnly-analytics-timeline__step h3 {
	margin: 0 0 0.4rem;
	font-size: 1.05rem;
}

.hvnly-analytics-metric-card p,
.hvnly-analytics-audience-card p,
.hvnly-analytics-chart-card p,
.hvnly-analytics-timeline__step p {
	margin: 0;
	color: var(--hvnly--text-muted);
	font-size: 0.92rem;
	line-height: 1.55;
}

.hvnly-analytics-dashboard__figure {
	margin: 0;
}

.hvnly-analytics-dashboard__figure .hvnly-builder-panel {
	box-shadow: var(--hvnly--shadow-lg, 0 24px 60px rgba(20, 16, 50, 0.14));
}

.hvnly-analytics-dashboard__figure figcaption {
	margin-top: 1rem;
	text-align: center;
	color: var(--hvnly--text-muted);
	font-weight: 500;
}

.hvnly-analytics-video__stage {
	max-width: 980px;
	margin: 0 auto;
}

.hvnly-analytics-video__trigger {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: var(--hvnly--radius-lg, 16px);
	overflow: hidden;
	cursor: pointer;
	background: transparent;
	box-shadow: var(--hvnly--shadow-lg, 0 24px 60px rgba(20, 16, 50, 0.14));
}

.hvnly-analytics-video__trigger img {
	display: block;
	width: 100%;
	height: auto;
}

.hvnly-analytics-video__play {
	position: absolute;
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%);
	width: 4.25rem;
	height: 4.25rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--hvnly--primary);
	color: #fff;
	box-shadow: 0 10px 30px rgba(108, 96, 254, 0.4);
}

.hvnly-analytics-charts__grid,
.hvnly-analytics-audience__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hvnly-analytics-chart-card__media img {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid var(--hvnly--border, rgba(20, 16, 50, 0.08));
}

.hvnly-analytics-chart-card__body,
.hvnly-analytics-audience-card {
	padding: 1.25rem;
}

.hvnly-analytics-benefit-list {
	list-style: none;
	margin: 1.25rem 0 0;
	padding: 0;
	display: grid;
	gap: 0.85rem;
}

.hvnly-analytics-benefit-list li {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.85rem;
	align-items: start;
}

.hvnly-analytics-benefit-list__icon {
	margin: 0;
}

.hvnly-analytics-benefit-list strong {
	display: block;
	margin-bottom: 0.15rem;
}

.hvnly-analytics-benefit-list em {
	font-style: normal;
	color: var(--hvnly--text-muted);
	font-size: 0.92rem;
}

.hvnly-analytics-comparison__table-wrap {
	overflow-x: auto;
	border: 1px solid var(--hvnly--border, rgba(20, 16, 50, 0.08));
	border-radius: var(--hvnly--radius-lg, 16px);
	background: var(--hvnly--surface, #fff);
	box-shadow: var(--hvnly--shadow-sm, 0 8px 20px rgba(20, 16, 50, 0.06));
}

.hvnly-analytics-comparison__table {
	width: 100%;
	border-collapse: collapse;
	min-width: 560px;
}

.hvnly-analytics-comparison__table th,
.hvnly-analytics-comparison__table td {
	padding: 0.95rem 1.1rem;
	text-align: left;
	border-bottom: 1px solid var(--hvnly--border, rgba(20, 16, 50, 0.08));
}

.hvnly-analytics-comparison__table thead th {
	background: color-mix(in srgb, var(--hvnly--primary) 8%, transparent);
	font-size: 0.92rem;
}

.hvnly-analytics-comparison__table tbody th {
	font-weight: 600;
}

.hvnly-analytics-comparison__table td {
	text-align: center;
}

.hvnly-analytics-yes {
	color: var(--hvnly--success, #16a34a);
}

.hvnly-analytics-no {
	color: var(--hvnly--text-muted);
	opacity: 0.7;
}

.hvnly-analytics-timeline {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 1rem;
}

.hvnly-analytics-timeline__step {
	position: relative;
	background: var(--hvnly--surface, #fff);
	border: 1px solid var(--hvnly--border, rgba(20, 16, 50, 0.08));
	border-radius: var(--hvnly--radius-lg, 16px);
	padding: 1.15rem 1rem 1.25rem;
	box-shadow: var(--hvnly--shadow-sm, 0 8px 20px rgba(20, 16, 50, 0.06));
}

.hvnly-analytics-timeline__index {
	position: absolute;
	top: 0.85rem;
	right: 0.85rem;
	width: 1.55rem;
	height: 1.55rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 700;
	background: color-mix(in srgb, var(--hvnly--primary) 12%, transparent);
	color: var(--hvnly--primary);
}

@media (max-width: 1200px) {
	.hvnly-analytics-metrics__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hvnly-analytics-timeline {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 992px) {
	.hvnly-analytics-hero__grid {
		grid-template-columns: 1fr;
	}

	.hvnly-analytics-float--1 {
		left: 2%;
	}

	.hvnly-analytics-float--2 {
		right: 2%;
	}
}

@media (max-width: 768px) {
	.hvnly-analytics-metrics__grid,
	.hvnly-analytics-charts__grid,
	.hvnly-analytics-audience__grid,
	.hvnly-analytics-timeline {
		grid-template-columns: 1fr 1fr;
	}

	.hvnly-analytics-hero__highlights {
		grid-template-columns: 1fr;
	}

	.hvnly-analytics-float {
		display: none;
	}
}

@media (max-width: 560px) {
	.hvnly-analytics-metrics__grid,
	.hvnly-analytics-charts__grid,
	.hvnly-analytics-audience__grid,
	.hvnly-analytics-timeline {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Extension landing pages (scoped)
   ========================================================================== */

.hvnly-extension-page {
	overflow-x: clip;
}

.hvnly-ext-hero {
	padding-top: clamp(3rem, 6vw, 5rem);
	padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.hvnly-ext-hero h1 {
	font-size: clamp(2rem, 4vw, 3.1rem);
	line-height: 1.12;
	margin: 0.75rem 0 1rem;
}

.hvnly-ext-hero .hvnly-lead {
	max-width: 40rem;
	margin-bottom: 1.35rem;
}

.hvnly-ext-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: clamp(2rem, 4vw, 3.25rem);
	align-items: center;
}

.hvnly-ext-hero .hvnly-eyebrow {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.hvnly-ext-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.35rem;
}

.hvnly-ext-card,
.hvnly-ext-benefit {
	position: relative;
	background: var(--hvnly--surface, #fff);
	border: 1px solid var(--hvnly--border, rgba(20, 16, 50, 0.08));
	border-radius: var(--hvnly--radius-lg, 16px);
	padding: 1.5rem;
	box-shadow: var(--hvnly--shadow-sm, 0 8px 20px rgba(20, 16, 50, 0.06));
	transition: transform 0.2s var(--hvnly--ease, ease), box-shadow 0.2s var(--hvnly--ease, ease);
}

.hvnly-ext-card:hover,
.hvnly-ext-benefit:hover {
	transform: translateY(-3px);
	box-shadow: var(--hvnly--shadow-md, 0 14px 30px rgba(20, 16, 50, 0.1));
}

.hvnly-ext-card__badge {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.7rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--hvnly--core-primary);
	background: color-mix(in srgb, var(--hvnly--primary, var(--hvnly--core-primary)) 12%, transparent);
}

.hvnly-ext-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0.9rem 0 0.85rem;
	border-radius: 12px;
	background: color-mix(in srgb, var(--hvnly--primary, var(--hvnly--core-primary)) 12%, transparent);
	color: var(--hvnly--core-primary);
}

.hvnly-ext-card h3,
.hvnly-ext-benefit h3,
.hvnly-ext-workflow h3 {
	margin: 0 0 0.45rem;
	font-size: 1.1rem;
}

.hvnly-ext-card p,
.hvnly-ext-benefit p,
.hvnly-ext-workflow p {
	margin: 0;
	color: var(--hvnly--text-muted, var(--hvnly--ink-600));
	line-height: 1.55;
}

.hvnly-ext-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 1.15rem;
}

.hvnly-ext-workflow {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1rem;
}

.hvnly-ext-workflow li {
	position: relative;
	background: var(--hvnly--surface, #fff);
	border: 1px solid var(--hvnly--border, rgba(20, 16, 50, 0.08));
	border-radius: var(--hvnly--radius-lg, 16px);
	padding: 1.2rem 1rem;
}

.hvnly-ext-workflow__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	margin-bottom: 0.75rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--hvnly--core-primary);
	background: color-mix(in srgb, var(--hvnly--primary, var(--hvnly--core-primary)) 12%, transparent);
}

.hvnly-ext-benefits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}

@media (max-width: 1100px) {
	.hvnly-ext-grid,
	.hvnly-ext-workflow,
	.hvnly-ext-benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.hvnly-ext-hero__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.hvnly-ext-grid,
	.hvnly-ext-workflow,
	.hvnly-ext-benefits {
		grid-template-columns: 1fr;
	}
}