:root {
	--arkon-chrome-navy: #071d3a;
	--arkon-chrome-blue: #0878e8;
	--arkon-chrome-text: #172033;
	--arkon-chrome-muted: #64748b;
	--arkon-chrome-line: rgba(7, 29, 58, 0.12);
	--arkon-chrome-surface: rgba(255, 255, 255, 0.94);
}

.site-header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 999;
	font-family: Inter, Arial, sans-serif !important;
	background: rgba(244, 248, 252, 0.92);
	border-bottom: 1px solid var(--arkon-chrome-line);
	box-shadow: 0 12px 34px rgba(7, 29, 58, 0.06);
	backdrop-filter: blur(18px);
}

.site-header.wp-block-template-part .wp-block-navigation a,
.site-header.wp-block-template-part .wp-block-navigation-item__content {
	font-family: Inter, Arial, sans-serif !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	font-weight: 600;
	letter-spacing: normal !important;
	transition: color 180ms ease, opacity 180ms ease;
}

.site-header.wp-block-template-part .wp-block-button__link,
.site-header.wp-block-template-part .wp-element-button,
.site-header.wp-block-template-part button {
	font-family: Inter, Arial, sans-serif !important;
}

.site-header.wp-block-template-part .wp-block-navigation,
.site-header.wp-block-template-part .wp-block-navigation__container {
	gap: 16px !important;
}

@media (min-width: 783px) {
	.site-header.wp-block-template-part .advance-header__inner {
		flex-wrap: nowrap !important;
	}
}

.site-header.wp-block-template-part .wp-block-navigation a:hover,
.site-header.wp-block-template-part .wp-block-navigation-item__content:hover {
	color: var(--arkon-chrome-blue) !important;
}

.site-header.wp-block-template-part img {
	max-height: 58px;
	width: auto;
	object-fit: contain;
}

.arkon-breadcrumb,
.arkon-system-breadcrumb,
.arkon-system-archive__breadcrumb,
.arkon-solution-breadcrumb,
.arkon-references-breadcrumb {
	max-width: 1180px;
	margin: 0 auto 24px;
	padding: 0 24px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--arkon-chrome-muted);
}

.arkon-breadcrumb__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.arkon-breadcrumb__item,
.arkon-breadcrumb__separator {
	display: inline-flex;
	align-items: center;
}

.arkon-breadcrumb__item a,
.arkon-system-breadcrumb a,
.arkon-system-archive__breadcrumb a,
.arkon-solution-breadcrumb a,
.arkon-references-breadcrumb a {
	color: var(--arkon-chrome-muted);
	text-decoration: none;
	font-weight: 600;
	transition: color 180ms ease;
}

.arkon-breadcrumb__item a:hover,
.arkon-system-breadcrumb a:hover,
.arkon-system-archive__breadcrumb a:hover,
.arkon-solution-breadcrumb a:hover,
.arkon-references-breadcrumb a:hover {
	color: var(--arkon-chrome-blue);
}

.arkon-breadcrumb__item.is-current,
.arkon-breadcrumb__item.is-current span {
	color: var(--arkon-chrome-text);
	font-weight: 700;
}

.arkon-breadcrumb__separator {
	color: rgba(100, 116, 139, 0.72);
	font-weight: 700;
}

.arkon-floating-whatsapp {
	position: fixed;
	right: clamp(16px, 2.4vw, 28px);
	bottom: clamp(16px, 2.4vw, 28px);
	z-index: 1000;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 56px;
	padding: 0 20px;
	border-radius: 999px;
	background: #25d366;
	color: #ffffff !important;
	font-weight: 800;
	letter-spacing: -0.01em;
	text-decoration: none !important;
	box-shadow: 0 18px 40px rgba(37, 211, 102, 0.36), 0 6px 18px rgba(7, 29, 58, 0.16);
	transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.arkon-floating-whatsapp:hover,
.arkon-floating-whatsapp:focus-visible {
	background: #1ebe5d;
	transform: translateY(-2px) scale(1.02);
	box-shadow: 0 22px 48px rgba(37, 211, 102, 0.42), 0 8px 22px rgba(7, 29, 58, 0.18);
}

.arkon-floating-whatsapp__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: currentColor;
}

.arkon-floating-whatsapp__svg {
	display: block;
	width: 28px;
	height: 28px;
}

.arkon-floating-whatsapp__label,
.arkon-floating-whatsapp__text {
	display: inline-flex;
	align-items: center;
}

.arkon-footer-whatsapp {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.arkon-chrome-utility {
	min-height: 70vh;
	display: grid;
	place-items: center;
	padding: 96px 24px;
	background: #f4f8fc;
}

.arkon-chrome-utility__card {
	width: min(720px, 100%);
	box-sizing: border-box;
	padding: clamp(32px, 5vw, 64px);
	border-radius: 28px;
	background: #ffffff;
	box-shadow: 0 22px 70px rgba(7, 29, 58, 0.10);
	text-align: center;
}

.arkon-chrome-utility__eyebrow {
	margin: 0 0 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--arkon-chrome-blue);
}

.arkon-chrome-utility__card h1 {
	margin: 0 0 16px;
	font-size: clamp(34px, 6vw, 56px);
	line-height: 1.05;
	color: var(--arkon-chrome-navy);
}

.arkon-chrome-utility__card p {
	margin: 0 auto;
	max-width: 58ch;
	font-size: 18px;
	line-height: 1.7;
	color: var(--arkon-chrome-muted);
}

.arkon-chrome-utility__actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 28px;
}

.arkon-chrome-utility__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 999px;
	font-weight: 800;
	text-decoration: none !important;
}

.arkon-chrome-utility__button--primary {
	background: var(--arkon-chrome-blue);
	color: #ffffff !important;
}

.arkon-chrome-utility__button--secondary {
	border: 1px solid var(--arkon-chrome-line);
	color: var(--arkon-chrome-navy) !important;
	background: #ffffff;
}

.arkon-system-technical,
.arkon-system-technical *,
.arkon-system-archive,
.arkon-system-archive *,
.arkon-chrome-utility,
.arkon-chrome-utility *,
.arkon-a4-grid,
.arkon-a4-grid * {
	box-sizing: border-box;
}

.arkon-system-technical__section,
.arkon-system-archive__card,
.arkon-system-archive__card-link,
.arkon-system-archive__media,
.arkon-a4-card {
	max-width: 100%;
}

@media (max-width: 782px) {
	.site-header.wp-block-template-part {
		position: relative;
	}

	.site-header.wp-block-template-part img {
		max-height: 50px;
	}

	.arkon-breadcrumb,
	.arkon-system-breadcrumb,
	.arkon-system-archive__breadcrumb,
	.arkon-solution-breadcrumb,
	.arkon-references-breadcrumb {
		padding-inline: 18px;
		margin-bottom: 18px;
		font-size: 13px;
	}

	.arkon-floating-whatsapp {
		right: 14px;
		bottom: 14px;
		min-height: 52px;
		padding: 0 16px;
	}
}

@media (max-width: 430px) {
	.arkon-floating-whatsapp__label,
	.arkon-floating-whatsapp__text {
		display: none;
	}

	.arkon-floating-whatsapp {
		width: 54px;
		height: 54px;
		min-height: 54px;
		padding: 0;
		justify-content: center;
	}
}


/* Global ARKON breadcrumb architecture: separator is explicit HTML only. */
.arkon-breadcrumb {
	width: min(100% - 32px, 1200px);
	max-width: 1200px;
	margin: 0 auto;
	padding: 28px 0 18px;
	font-family: inherit;
}
.arkon-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.arkon-breadcrumb__item,
.arkon-breadcrumb__separator {
	font-size: 14px;
	line-height: 1.5;
}
.arkon-breadcrumb__item a {
	color: #64748b;
	font-weight: 600;
	text-decoration: none;
}
.arkon-breadcrumb__item a:hover { color: #0878e8; }
.arkon-breadcrumb__item.is-current,
.arkon-breadcrumb__item.is-current span {
	color: #172033;
	font-weight: 700;
}
.arkon-breadcrumb__separator {
	color: rgba(100, 116, 139, .72);
	font-weight: 700;
}
.arkon-breadcrumb li::before,
.arkon-breadcrumb li::after,
.arkon-breadcrumb__item::before,
.arkon-breadcrumb__item::after {
  content: none !important;
}

body.page .hostinger-ai-page-title,
body.page .wp-block-post-title {
  display: block !important;
  visibility: visible !important;
}

.arkon-systems .arkon-section-cta {
	margin-top: 40px;
}

.arkon-a4-card img,
.arkon-a4-card img.wp-post-image,
.arkon-system-archive__media img {
	width: 100% !important;
	height: 220px !important;
	aspect-ratio: 16 / 10;
	object-fit: cover !important;
	display: block;
}

@media (max-width: 1024px) {
	.arkon-systems .arkon-section-cta {
		margin-top: 32px;
	}

	.arkon-a4-card img,
	.arkon-a4-card img.wp-post-image,
	.arkon-system-archive__media img {
		height: 210px !important;
	}
}

@media (max-width: 767px) {
	.arkon-systems .arkon-section-cta {
		margin-top: 28px;
	}

	.arkon-a4-card img,
	.arkon-a4-card img.wp-post-image,
	.arkon-system-archive__media img {
		height: 210px !important;
	}

	.arkon-system-technical__section,
	.arkon-system-archive__card,
	.arkon-system-archive__card-link,
	.arkon-system-archive__media,
	.arkon-chrome-utility__card {
		width: 100%;
		max-width: 100%;
	}

	.arkon-system-archive__grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.arkon-system-technical__section {
		padding-inline: clamp(20px, 6vw, 32px);
	}
}
@media (max-width: 430px) {
	.arkon-breadcrumb { width: min(100% - 24px, 1200px); padding: 20px 0 12px; }
	.arkon-breadcrumb__item,
	.arkon-breadcrumb__separator { font-size: 13px; }

	.arkon-breadcrumb,
	.arkon-system-breadcrumb,
	.arkon-system-archive__breadcrumb,
	.arkon-solution-breadcrumb,
	.arkon-references-breadcrumb {
		padding-inline: 16px;
		overflow-wrap: anywhere;
	}

	.arkon-chrome-utility {
		padding-inline: 16px;
	}

	.arkon-chrome-utility__card {
		width: 100%;
		max-width: calc(100vw - 32px);
		padding-inline: 24px;
	}
}