/* Navibiz Business Hub — every rule is scoped to the account module. */
.navibiz-hub-menu-lock {
	overflow: hidden;
}

.navibiz-hub-page .su-page-content {
	width: min(1500px, calc(100% - 32px));
	padding-top: clamp(28px, 4vw, 58px);
}

.navibiz-hub {
	--navibiz-hub-bg: #070b14;
	--navibiz-hub-surface: #0d1320;
	--navibiz-hub-surface-2: #111827;
	--navibiz-hub-surface-3: #151d2d;
	--navibiz-hub-border: rgba(151, 166, 196, .14);
	--navibiz-hub-border-strong: rgba(139, 92, 246, .34);
	--navibiz-hub-text: #f5f7fb;
	--navibiz-hub-muted: #98a4b8;
	--navibiz-hub-muted-2: #68758b;
	--navibiz-hub-primary: #7c3aed;
	--navibiz-hub-primary-2: #9b6cff;
	--navibiz-hub-blue: #5c8dff;
	--navibiz-hub-success: #3ddc97;
	--navibiz-hub-warning: #f8c24e;
	--navibiz-hub-danger: #ff6376;
	position: relative;
	width: 100%;
	max-width: 100%;
	color: var(--navibiz-hub-text);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	line-height: 1.55;
}

.navibiz-hub *,
.navibiz-hub *::before,
.navibiz-hub *::after {
	box-sizing: border-box;
}

.navibiz-hub h1,
.navibiz-hub h2,
.navibiz-hub h3,
.navibiz-hub p,
.navibiz-hub dl,
.navibiz-hub dd,
.navibiz-hub ol,
.navibiz-hub ul {
	margin-top: 0;
}

.navibiz-hub h1,
.navibiz-hub h2,
.navibiz-hub h3 {
	color: var(--navibiz-hub-text);
	font-family: inherit;
	font-weight: 700;
	letter-spacing: -.025em;
}

.navibiz-hub h1 {
	margin-bottom: 8px;
	font-size: clamp(25px, 2.6vw, 36px);
	line-height: 1.15;
}

.navibiz-hub h2 {
	margin-bottom: 0;
	font-size: clamp(18px, 1.5vw, 22px);
	line-height: 1.25;
	margin: 10px 0;
}

.navibiz-hub h3 {
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 1.35;
}

.navibiz-hub p {
	margin-bottom: 0;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub a {
	color: inherit;
	text-decoration: none;
}

.navibiz-hub a:focus-visible,
.navibiz-hub button:focus-visible,
.navibiz-hub input:focus-visible,
.navibiz-hub select:focus-visible,
.navibiz-hub textarea:focus-visible {
	outline: 3px solid rgba(155, 108, 255, .38);
	outline-offset: 3px;
}

.navibiz-hub__icon {
	display: block;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
}

.navibiz-hub__icon--accent {
	width: 26px;
	height: 26px;
	color: var(--navibiz-hub-primary-2);
}

.navibiz-hub__layout {
	display: grid;
	grid-template-columns: 238px minmax(0, 1fr);
	align-items: start;
	gap: 22px;
}

.navibiz-hub .navibiz-hub__content,
.navibiz-hub .woocommerce-MyAccount-content.navibiz-hub__content {
	float: none !important;
	width: 100% !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.navibiz-hub__sidebar,
.navibiz-hub nav.woocommerce-MyAccount-navigation.navibiz-hub__sidebar {
	position: sticky;
	top: 115px;
	display: flex;
	float: none !important;
	flex-direction: column;
	width: 100% !important;
	max-height: calc(100vh - 106px);
	margin: 0 !important;
	padding: 18px 12px 12px;
	overflow: auto;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(18, 27, 44, .98), rgba(9, 14, 24, .98));
	box-shadow: 0 24px 70px rgba(0, 0, 0, .3);
	scrollbar-width: thin;
}

.navibiz-hub__brand {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 5px 9px 18px;
	border-bottom: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub__brand-mark {
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border-radius: 10px;
	color: #fff;
	background: linear-gradient(145deg, #5d2dd5, #a760ff);
	box-shadow: 0 9px 24px rgba(124, 58, 237, .34);
	font-size: 20px;
}

.navibiz-hub__brand strong,
.navibiz-hub__brand small {
	display: block;
}

.navibiz-hub__brand strong {
	font-size: 21px;
	line-height: 1.1;
	letter-spacing: -.04em;
}

.navibiz-hub__brand small {
	margin-top: 3px;
	color: var(--navibiz-hub-muted-2);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.navibiz-hub__nav-list {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	gap: 3px;
	width: 100%;
	margin: 13px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.navibiz-hub__nav-item {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.navibiz-hub__nav-item > a {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 11px;
	width: 100%;
	min-height: 40px;
	padding: 9px 10px !important;
	border: 1px solid transparent;
	border-radius: 9px;
	color: #aeb8ca !important;
	background: transparent !important;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
	transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.navibiz-hub__nav-item > a::before {
	display: none !important;
}

.navibiz-hub__nav-item > a:hover {
	color: #fff !important;
	background: rgba(255, 255, 255, .045) !important;
	transform: translateX(2px);
}

.navibiz-hub__nav-item.navibiz-hub-is-active > a {
	border-color: rgba(155, 108, 255, .32);
	color: #fff !important;
	background: linear-gradient(100deg, rgba(109, 55, 216, .34), rgba(124, 58, 237, .15)) !important;
	box-shadow: inset 3px 0 0 var(--navibiz-hub-primary-2), 0 9px 24px rgba(42, 20, 88, .2);
}

.navibiz-hub__nav-item.navibiz-hub-is-active .navibiz-hub__icon {
	color: #b993ff;
}

.navibiz-hub__nav-item--logout {
	margin-top: 8px !important;
	padding-top: 8px !important;
	border-top: 1px solid var(--navibiz-hub-border) !important;
}

.navibiz-hub__future {
	display: grid;
	gap: 3px;
	margin: 11px 0;
	padding: 10px 0;
	border-top: 1px solid var(--navibiz-hub-border);
	border-bottom: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub__nav-disabled {
	display: flex;
	align-items: center;
	gap: 11px;
	min-height: 38px;
	padding: 8px 10px;
	border-radius: 8px;
	color: #657086;
	font-size: 12px;
	cursor: not-allowed;
}

.navibiz-hub__nav-disabled span {
	min-width: 0;
	flex: 1;
}

.navibiz-hub__nav-disabled small {
	padding: 3px 6px;
	border-radius: 6px;
	color: #8d98ac;
	background: rgba(255, 255, 255, .045);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.navibiz-hub__level-card {
	margin-top: auto;
	padding: 13px;
	border: 1px solid rgba(139, 92, 246, .18);
	border-radius: 11px;
	background: linear-gradient(145deg, rgba(124, 58, 237, .12), rgba(255, 255, 255, .02));
}

.navibiz-hub__level-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	color: var(--navibiz-hub-muted);
	font-size: 9px;
}

.navibiz-hub__level-row strong {
	display: grid;
	width: 26px;
	height: 26px;
	place-items: center;
	border: 1px solid var(--navibiz-hub-primary-2);
	border-radius: 8px;
	color: #fff;
	background: #372068;
}

.navibiz-hub__level-card > b {
	display: block;
	margin: 5px 0 10px;
	color: #e9e3f9;
	font-size: 11px;
}

.navibiz-hub__level-card > small {
	display: block;
	margin-top: 7px;
	color: var(--navibiz-hub-muted-2);
	font-size: 9px;
}

.navibiz-hub__user-card {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 10px;
	padding: 10px 8px 2px;
}

.navibiz-hub__user-card img,
.navibiz-hub__avatar-placeholder {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 10px;
	object-fit: cover;
}

.navibiz-hub__avatar-placeholder {
	display: grid;
	place-items: center;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub__avatar-placeholder .navibiz-hub__icon {
	width: 18px;
	height: 18px;
}

.navibiz-hub__user-card > span:last-child {
	min-width: 0;
}

.navibiz-hub__user-card strong,
.navibiz-hub__user-card small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.navibiz-hub__user-card strong {
	font-size: 11px;
}

.navibiz-hub__user-card small {
	margin-top: 2px;
	color: var(--navibiz-hub-muted-2);
	font-size: 9px;
}

.navibiz-hub__menu-toggle {
	display: none;
}

.navibiz-hub__backdrop {
	position: fixed;
	inset: 0;
	background: rgba(2, 5, 12, .72);
	backdrop-filter: blur(4px);
	z-index: 9990;
}

.navibiz-hub__dashboard,
.navibiz-hub__section {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.navibiz-hub__dashboard > *,
.navibiz-hub__section > * {
	animation: navibiz-hub-rise .45s ease both;
}

.navibiz-hub__dashboard > *:nth-child(2),
.navibiz-hub__section > *:nth-child(2) {
	animation-delay: .04s;
}

.navibiz-hub__dashboard > *:nth-child(3),
.navibiz-hub__section > *:nth-child(3) {
	animation-delay: .08s;
}

.navibiz-hub__welcome {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 2px 3px 4px;
}

.navibiz-hub__welcome > div:first-child {
	min-width: 0;
}

.navibiz-hub__welcome > div:first-child > p:not(.navibiz-hub__eyebrow):not(.navibiz-hub__company):not(.navibiz-hub__diagnostic-date) {
	font-size: 15px;
}

.navibiz-hub__eyebrow {
	color: #a98aff !important;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.navibiz-hub__company,
.navibiz-hub__diagnostic-date {
	display: inline-flex;
	margin-top: 7px;
	margin-right: 12px;
	color: #c3ccda !important;
	font-size: 11px;
}

.navibiz-hub__diagnostic-date {
	color: var(--navibiz-hub-muted-2) !important;
}

.navibiz-hub__welcome-actions {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	gap: 9px;
	flex-wrap: wrap;
}

.navibiz-hub__quick-stat {
	display: grid;
	grid-template-columns: 30px auto;
	align-content: center;
	min-width: 142px;
	padding: 9px 12px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 11px;
	background: rgba(15, 22, 36, .75);
}

.navibiz-hub__quick-stat > span {
	display: grid;
	grid-row: 1 / 3;
	place-items: center;
	color: var(--navibiz-hub-warning);
}

.navibiz-hub__quick-stat small {
	color: var(--navibiz-hub-muted-2);
	font-size: 8px;
}

.navibiz-hub__quick-stat strong {
	font-size: 10px;
}

.navibiz-hub__button,
.navibiz-hub a.navibiz-hub__button,
.navibiz-hub button.navibiz-hub__button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 15px !important;
	border: 1px solid transparent !important;
	border-radius: 9px !important;
	color: #fff !important;
	box-shadow: none !important;
	font-family: inherit;
	font-weight: 750 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .18s ease, filter .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.navibiz-hub__button .navibiz-hub__icon {
	width: 16px;
	height: 16px;
	flex-basis: 16px;
}

.navibiz-hub__button--primary,
.navibiz-hub a.navibiz-hub__button--primary,
.navibiz-hub button.navibiz-hub__button--primary {
	background: linear-gradient(135deg, #6d36e8, #8f52ff) !important;
	box-shadow: 0 10px 25px rgba(88, 42, 183, .28) !important;
}

.navibiz-hub__button--secondary,
.navibiz-hub a.navibiz-hub__button--secondary,
.navibiz-hub button.navibiz-hub__button--secondary {
	border-color: rgba(155, 108, 255, .28) !important;
	background: rgba(124, 58, 237, .1) !important;
}

.navibiz-hub__button:hover {
	filter: brightness(1.1);
	transform: translateY(-2px);
}

.navibiz-hub__button[disabled],
.navibiz-hub__button[aria-disabled="true"] {
	color: #7b8699 !important;
	background: rgba(255, 255, 255, .045) !important;
	box-shadow: none !important;
	cursor: not-allowed;
	filter: none;
	transform: none;
}

.navibiz-hub__button small {
	padding: 2px 5px;
	border-radius: 5px;
	background: rgba(255, 255, 255, .08);
	font-size: 8px;
	text-transform: uppercase;
}

.navibiz-hub__button--wide {
	width: 100%;
}

.navibiz-hub__card {
	height: 100%;
	min-width: 0;
	padding: 19px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 15px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 38%),
		var(--navibiz-hub-surface);
	box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
}

.navibiz-hub__card-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 16px;
}

.navibiz-hub__card-heading > div {
	min-width: 0;
}

.navibiz-hub__top-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(280px, .82fr);
	gap: 18px;
}

.navibiz-hub__growth-card {
	background:
		radial-gradient(circle at 18% 25%, rgba(124, 58, 237, .12), transparent 24rem),
		linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 38%),
		var(--navibiz-hub-surface);
}

.navibiz-hub__badge {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 4px 7px;
	border-radius: 6px;
	color: #aeb8ca;
	background: rgba(255, 255, 255, .05);
	font-size: 8px;
	font-weight: 700;
	white-space: nowrap;
}

.navibiz-hub__badge--demo {
	color: #cbb7ff;
	background: rgba(124, 58, 237, .16);
}

.navibiz-hub__growth-layout {
	display: grid;
	grid-template-columns: minmax(260px, .95fr) minmax(300px, 1.2fr);
	align-items: center;
	gap: 22px;
}

.navibiz-hub__growth-score {
	display: grid;
	grid-template-columns: 142px minmax(0, 1fr);
	align-items: center;
	gap: 18px;
}

.navibiz-hub__growth-score h3 {
	font-size: 17px;
}

.navibiz-hub__growth-score p {
	margin-bottom: 10px;
	font-size: 11px;
}

.navibiz-hub__ring {
	position: relative;
	display: grid;
	width: 136px;
	height: 136px;
	place-items: center;
	border-radius: 50%;
	background: conic-gradient(from 210deg, var(--navibiz-hub-primary-2) calc(var(--navibiz-hub-progress) * 1%), rgba(139, 92, 246, .14) 0);
	filter: drop-shadow(0 0 20px rgba(124, 58, 237, .18));
}

.navibiz-hub__ring::before {
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(255, 255, 255, .05);
	border-radius: 50%;
	background: #0d1320;
	content: "";
}

.navibiz-hub__ring > div {
	position: relative;
	text-align: center;
	z-index: 1;
}

.navibiz-hub__ring strong,
.navibiz-hub__ring span {
	display: block;
}

.navibiz-hub__ring strong {
	font-size: 35px;
	line-height: 1;
	letter-spacing: -.05em;
}

.navibiz-hub__ring span {
	margin-top: 5px;
	color: var(--navibiz-hub-muted-2);
	font-size: 9px;
}

.navibiz-hub__ring--empty {
	background: rgba(255, 255, 255, .055);
	filter: none;
}

.navibiz-hub__change {
	display: inline-flex;
	align-items: center;
	padding: 5px 8px;
	border-radius: 7px;
	font-size: 9px;
	font-weight: 700;
}

.navibiz-hub__change.navibiz-hub-is-positive {
	color: var(--navibiz-hub-success);
	background: rgba(61, 220, 151, .08);
}

.navibiz-hub__chart-wrap {
	min-width: 0;
	padding-left: 20px;
	border-left: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub__chart-header,
.navibiz-hub__chart-labels {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.navibiz-hub__chart-header {
	margin-bottom: 8px;
}

.navibiz-hub__chart-header strong {
	font-size: 11px;
}

.navibiz-hub__chart-header span {
	padding: 4px 7px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 6px;
	color: var(--navibiz-hub-muted);
	font-size: 8px;
}

.navibiz-hub__sparkline {
	display: block;
	width: 100%;
	height: 115px;
	overflow: visible;
}

.navibiz-hub__sparkline polyline {
	fill: none;
	stroke: #9d6bff;
	stroke-width: 2.2;
	vector-effect: non-scaling-stroke;
}

.navibiz-hub__chart-grid {
	fill: none;
	stroke: rgba(255, 255, 255, .06);
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
}

.navibiz-hub__chart-labels span {
	color: var(--navibiz-hub-muted-2);
	font-size: 8px;
}

.navibiz-hub__growth-card > .navibiz-hub__button {
	margin-top: 16px;
}

.navibiz-hub__empty--growth {
	display: grid;
	grid-template-columns: 138px minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	min-height: 170px;
}

.navibiz-hub__empty--growth h3 {
	font-size: 18px;
}

.navibiz-hub__empty--growth p {
	max-width: 520px;
	margin-bottom: 15px;
}

.navibiz-hub__action-card {
	background:
		radial-gradient(circle at 88% 10%, rgba(124, 58, 237, .14), transparent 14rem),
		var(--navibiz-hub-surface);
}

.navibiz-hub__action-main {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

.navibiz-hub__action-icon,
.navibiz-hub__project-icon {
	display: grid;
	width: 46px;
	height: 46px;
	place-items: center;
	border: 1px solid rgba(155, 108, 255, .22);
	border-radius: 11px;
	color: #bc9bff;
	background: rgba(124, 58, 237, .14);
}

.navibiz-hub__action-main p,
.navibiz-hub__why p {
	font-size: 10px;
}

.navibiz-hub__why {
	margin-top: 14px;
	padding: 11px;
	border-left: 2px solid var(--navibiz-hub-primary-2);
	background: rgba(124, 58, 237, .06);
}

.navibiz-hub__why strong {
	display: block;
	margin-bottom: 3px;
	font-size: 9px;
}

.navibiz-hub__facts {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.navibiz-hub__facts > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 8px 0;
	border-bottom: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub__facts > div:last-child {
	border-bottom: 0;
}

.navibiz-hub__facts dt {
	color: var(--navibiz-hub-muted-2);
	font-size: 9px;
}

.navibiz-hub__facts dd {
	color: #e3e8f1;
	font-size: 10px;
	font-weight: 700;
	text-align: right;
}

.navibiz-hub__directions {
	padding: 17px;
}

.navibiz-hub__text-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #aa8bfa !important;
	font-size: 9px;
	font-weight: 700;
	white-space: nowrap;
}

.navibiz-hub__text-link .navibiz-hub__icon {
	width: 12px;
	height: 12px;
	flex-basis: 12px;
}

.navibiz-hub__text-link:hover {
	color: #d2c0ff !important;
}

.navibiz-hub__direction-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 9px;
}

.navibiz-hub__direction-card {
	display: flex;
	min-width: 0;
	min-height: 154px;
	padding: 12px;
	flex-direction: column;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 11px;
	background: rgba(255, 255, 255, .015);
	transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.navibiz-hub__direction-card:hover {
	border-color: var(--navibiz-hub-border-strong);
	background: rgba(124, 58, 237, .045);
	transform: translateY(-2px);
}

.navibiz-hub__direction-card.navibiz-hub-is-empty {
	opacity: .68;
}

.navibiz-hub__direction-icon {
	display: grid;
	width: 31px;
	height: 31px;
	place-items: center;
	border: 1px solid rgba(139, 92, 246, .2);
	border-radius: 8px;
	color: #aa83ff;
	background: rgba(124, 58, 237, .09);
}

.navibiz-hub__direction-icon .navibiz-hub__icon {
	width: 17px;
	height: 17px;
}

.navibiz-hub__direction-card h3 {
	min-height: 33px;
	margin: 9px 0 4px;
	font-size: 10px;
}

.navibiz-hub__direction-score {
	display: flex;
	align-items: baseline;
	gap: 3px;
	margin-bottom: 7px;
}

.navibiz-hub__direction-score strong {
	font-size: 21px;
	line-height: 1;
}

.navibiz-hub__direction-score span {
	color: var(--navibiz-hub-muted-2);
	font-size: 8px;
}

.navibiz-hub__progress,
.navibiz-hub__mini-progress {
	position: relative;
	width: 100%;
	height: 5px;
	overflow: hidden;
	border-radius: 99px;
	background: rgba(255, 255, 255, .07);
}

.navibiz-hub__progress > span,
.navibiz-hub__mini-progress > span {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #7540e8, #a56cff);
	transition: width .8s cubic-bezier(.22, .61, .36, 1);
}

.navibiz-hub__direction-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: auto;
	padding-top: 9px;
}

.navibiz-hub__direction-footer a {
	color: #9079bf;
	font-size: 8px;
}

.navibiz-hub__status {
	display: inline-flex;
	align-items: center;
	font-size: 8px;
	font-weight: 700;
}

.navibiz-hub__status::before {
	width: 5px;
	height: 5px;
	margin-right: 5px;
	border-radius: 50%;
	background: currentColor;
	content: "";
}

.navibiz-hub .navibiz-hub-is-success,
.navibiz-hub__status.navibiz-hub-is-success {
	color: var(--navibiz-hub-success);
}

.navibiz-hub .navibiz-hub-is-warning,
.navibiz-hub__status.navibiz-hub-is-warning {
	color: var(--navibiz-hub-warning);
}

.navibiz-hub .navibiz-hub-is-danger,
.navibiz-hub__status.navibiz-hub-is-danger {
	color: var(--navibiz-hub-danger);
}

.navibiz-hub .navibiz-hub-is-muted,
.navibiz-hub__status.navibiz-hub-is-muted {
	color: var(--navibiz-hub-muted-2);
}

.navibiz-hub__middle-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.navibiz-hub__middle-grid > .navibiz-hub__card {
	padding: 16px;
}

.navibiz-hub__problem-list,
.navibiz-hub__project-list,
.navibiz-hub__roadmap-list,
.navibiz-hub__badge-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.navibiz-hub__problem,
.navibiz-hub__project,
.navibiz-hub__roadmap-list > li,
.navibiz-hub__achievement {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	padding: 10px 0;
	border-bottom: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub__problem:last-child,
.navibiz-hub__project:last-child,
.navibiz-hub__roadmap-list > li:last-child,
.navibiz-hub__achievement:last-child {
	border-bottom: 0;
}

.navibiz-hub__problem > span,
.navibiz-hub__project > span:first-child,
.navibiz-hub__achievement > span {
	display: grid;
	width: 30px;
	height: 30px;
	place-items: center;
	border-radius: 8px;
	color: var(--navibiz-hub-danger);
	background: rgba(255, 99, 118, .1);
}

.navibiz-hub__problem > span .navibiz-hub__icon,
.navibiz-hub__project > span .navibiz-hub__icon,
.navibiz-hub__achievement > span .navibiz-hub__icon {
	width: 15px;
	height: 15px;
}

.navibiz-hub__problem h3,
.navibiz-hub__project h3,
.navibiz-hub__achievement h3 {
	margin: 0;
	font-size: 10px;
}

.navibiz-hub__problem p,
.navibiz-hub__project p,
.navibiz-hub__achievement p {
	margin-top: 2px;
	font-size: 8px;
}

.navibiz-hub__problem small {
	color: #745e9f;
	font-size: 7px;
}

.navibiz-hub__problem > a .navibiz-hub__icon {
	width: 13px;
	height: 13px;
	color: var(--navibiz-hub-muted-2);
}

.navibiz-hub__roadmap-list > li {
	position: relative;
	grid-template-columns: 28px minmax(0, 1fr);
}

.navibiz-hub__roadmap-list > li:not(:last-child)::after {
	position: absolute;
	top: 39px;
	bottom: -10px;
	left: 13px;
	width: 1px;
	background: var(--navibiz-hub-border);
	content: "";
}

.navibiz-hub__roadmap-number {
	display: grid;
	width: 27px;
	height: 27px;
	place-items: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: var(--navibiz-hub-surface);
	font-size: 9px;
	z-index: 1;
}

.navibiz-hub__item-title,
.navibiz-hub__project-progress,
.navibiz-hub__timeline-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.navibiz-hub__item-title h3,
.navibiz-hub__item-title h2 {
	min-width: 0;
	margin: 0;
}

.navibiz-hub__roadmap-list p {
	margin: 3px 0 7px;
	font-size: 8px;
}

.navibiz-hub__mini-progress {
	padding-right: 38px;
	overflow: visible;
}

.navibiz-hub__mini-progress small {
	position: absolute;
	top: -5px;
	right: 0;
	color: var(--navibiz-hub-muted-2);
	font-size: 7px;
}

.navibiz-hub__project {
	grid-template-columns: 30px minmax(0, 1fr);
}

.navibiz-hub__project > span:first-child {
	color: #a788ee;
	background: rgba(124, 58, 237, .11);
}

.navibiz-hub__bottom-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
	gap: 18px;
}

.navibiz-hub__recommendation-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
}

.navibiz-hub__recommendation {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 9px;
	padding: 11px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 10px;
	background: rgba(255, 255, 255, .015);
}

.navibiz-hub__recommendation > span {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 7px;
	color: #b18cff;
	background: rgba(124, 58, 237, .1);
}

.navibiz-hub__recommendation > span .navibiz-hub__icon {
	width: 15px;
	height: 15px;
}

.navibiz-hub__recommendation small {
	color: var(--navibiz-hub-warning);
	font-size: 7px;
}

.navibiz-hub__recommendation h3 {
	margin-top: 4px;
	font-size: 10px;
}

.navibiz-hub__recommendation p {
	font-size: 8px;
}

.navibiz-hub__recommendation strong {
	display: block;
	margin-top: 7px;
	color: var(--navibiz-hub-success);
	font-size: 8px;
}

.navibiz-hub__level-hex {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border: 2px solid #9b6cff;
	clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
	color: #fff;
	background: linear-gradient(145deg, #28184d, #6840be);
	font-weight: 800;
}

.navibiz-hub__xp > div:first-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.navibiz-hub__xp strong {
	font-size: 11px;
}

.navibiz-hub__xp span {
	color: var(--navibiz-hub-muted-2);
	font-size: 8px;
}

.navibiz-hub__achievement-meta {
	display: flex;
	gap: 8px;
	margin: 12px 0 5px;
}

.navibiz-hub__achievement-meta > span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 7px;
	border-radius: 7px;
	color: #c3ccda;
	background: rgba(255, 255, 255, .035);
	font-size: 8px;
}

.navibiz-hub__achievement-meta .navibiz-hub__icon {
	width: 12px;
	height: 12px;
	flex-basis: 12px;
	color: var(--navibiz-hub-warning);
}

.navibiz-hub__achievement {
	grid-template-columns: 30px minmax(0, 1fr) auto;
}

.navibiz-hub__achievement > span {
	color: #af8aff;
	background: rgba(124, 58, 237, .1);
}

.navibiz-hub__achievement > strong {
	color: var(--navibiz-hub-success);
	font-size: 8px;
}

.navibiz-hub__achievement.navibiz-hub-is-locked {
	opacity: .45;
}

.navibiz-hub__empty {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 190px;
	padding: 22px;
	flex-direction: column;
	border: 1px dashed rgba(151, 166, 196, .16);
	border-radius: 12px;
	background: rgba(255, 255, 255, .012);
	text-align: center;
}

.navibiz-hub__empty-icon {
	display: grid;
	width: 48px;
	height: 48px;
	margin-bottom: 12px;
	place-items: center;
	border: 1px solid rgba(155, 108, 255, .2);
	border-radius: 12px;
	color: #9d7be9;
	background: rgba(124, 58, 237, .08);
}

.navibiz-hub__empty-icon .navibiz-hub__icon {
	width: 23px;
	height: 23px;
}

.navibiz-hub__empty h3,
.navibiz-hub__empty h2 {
	margin-bottom: 6px;
}

.navibiz-hub__empty p {
	max-width: 500px;
	font-size: 11px;
}

.navibiz-hub__empty .navibiz-hub__button {
	margin-top: 15px;
}

.navibiz-hub__empty--compact {
	min-height: 245px;
}

.navibiz-hub__empty--page {
	min-height: 390px;
	border-style: solid;
	background:
		radial-gradient(circle at 50% 30%, rgba(124, 58, 237, .09), transparent 18rem),
		var(--navibiz-hub-surface);
}

.navibiz-hub__empty--inline {
	display: grid;
	grid-template-columns: 55px minmax(0, 1fr);
	justify-content: start;
	min-height: 0;
	padding: 18px;
	text-align: left;
}

.navibiz-hub__empty--inline .navibiz-hub__empty-icon {
	margin: 0;
}

.navibiz-hub__dashboard,
.navibiz-hub__section {
	gap: 22px;
}

.navibiz-hub__welcome {
	padding: 4px 2px 0;
}

.navibiz-hub__dashboard-hero {
	max-width: 920px;
}

.navibiz-hub__welcome > div:first-child > p:not(.navibiz-hub__eyebrow):not(.navibiz-hub__company):not(.navibiz-hub__diagnostic-date) {
	max-width: 760px;
	font-size: 16px;
	line-height: 1.6;
}

.navibiz-hub__eyebrow {
	font-size: 10px;
	letter-spacing: .18em;
}

.navibiz-hub__welcome-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 14px 0 16px;
}

.navibiz-hub__welcome-meta span {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 12px;
	border: 1px solid rgba(155, 108, 255, .16);
	border-radius: 999px;
	color: #c9d2e2;
	background: rgba(255, 255, 255, .03);
	font-size: 12px;
}

.navibiz-hub__overview-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.navibiz-hub__overview-stat {
	display: grid;
	gap: 6px;
	padding: 16px 18px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .01));
}

.navibiz-hub__overview-stat > span {
	color: var(--navibiz-hub-muted-2);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.navibiz-hub__overview-stat strong {
	font-size: 26px;
	line-height: 1.05;
	letter-spacing: -.04em;
}

.navibiz-hub__overview-stat small {
	color: var(--navibiz-hub-muted);
	font-size: 13px;
	line-height: 1.45;
}

.navibiz-hub__card {
	padding: 24px;
	border-radius: 18px;
}

.navibiz-hub__card-heading {
	gap: 18px;
	margin-bottom: 20px;
}

.navibiz-hub__top-grid {
	grid-template-columns: minmax(0, 1.65fr) minmax(320px, 1fr);
	align-items: start;
}

.navibiz-hub__growth-layout {
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
}

.navibiz-hub__growth-score {
	grid-template-columns: 160px minmax(280px, 1fr);
	gap: 22px;
}

.navibiz-hub__growth-score h3 {
	font-size: 24px;
	line-height: 1.2;
}

.navibiz-hub__growth-score p,
.navibiz-hub__action-main p,
.navibiz-hub__why p,
.navibiz-hub__problem p,
.navibiz-hub__roadmap-list p,
.navibiz-hub__recommendation p,
.navibiz-hub__achievement p {
	display: -webkit-box;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.6;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.navibiz-hub__growth-score p {
	margin-bottom: 12px;
}

.navibiz-hub__ring {
	width: 148px;
	height: 148px;
}

.navibiz-hub__ring strong {
	font-size: 40px;
}

.navibiz-hub__ring span,
.navibiz-hub__change,
.navibiz-hub__badge,
.navibiz-hub__chart-header span {
	font-size: 11px;
}

.navibiz-hub__chart-wrap {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub__chart-header {
	margin-bottom: 12px;
}

.navibiz-hub__chart-header strong {
	font-size: 13px;
}

.navibiz-hub__sparkline {
	height: 140px;
}

.navibiz-hub__chart-labels span {
	font-size: 10px;
}

.navibiz-hub__action-main {
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.navibiz-hub__action-icon,
.navibiz-hub__project-icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
}

.navibiz-hub__action-card {
	display: grid;
	gap: 18px;
}

.navibiz-hub__facts dt,
.navibiz-hub__problem small,
.navibiz-hub__recommendation small,
.navibiz-hub__text-link,
.navibiz-hub__status,
.navibiz-hub__timeline-meta span,
.navibiz-hub__timeline-meta small,
.navibiz-hub__xp span,
.navibiz-hub__achievement > strong {
	font-size: 11px;
}



.navibiz-hub__facts > div {
	display: grid;
	gap: 4px;
	padding: 14px 16px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 14px;
	background: rgba(255, 255, 255, .02);
}

.navibiz-hub__facts dd {
	font-size: 14px;
	text-align: left;
	margin: 0;
}



.navibiz-hub__history-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.navibiz-hub__history-card {
	display: grid;
	gap: 6px;
	padding: 16px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 14px;
	background: rgba(255, 255, 255, .02);
}

.navibiz-hub__history-card strong {
	font-size: 28px;
	line-height: 1;
	letter-spacing: -.04em;
}

.navibiz-hub__history-card span,
.navibiz-hub__history-card small {
	color: var(--navibiz-hub-muted);
	font-size: 12px;
}

.navibiz-hub__directions {
	padding: 22px;
}

.navibiz-hub__direction-grid {
	gap: 12px;
}

.navibiz-hub__direction-card {
	min-height: 176px;
	padding: 16px;
	border-radius: 14px;
}

.navibiz-hub__direction-icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
}

.navibiz-hub__direction-card h3 {
	min-height: 0;
	margin: 12px 0 6px;
	font-size: 13px;
	line-height: 1.45;
}

.navibiz-hub__direction-score strong {
	font-size: 28px;
}

.navibiz-hub__direction-score span {
	font-size: 11px;
}

.navibiz-hub__progress,
.navibiz-hub__mini-progress {
	height: 7px;
}

.navibiz-hub__direction-footer {
	padding-top: 12px;
}

.navibiz-hub__direction-footer a {
	font-size: 11px;
}

.navibiz-hub__middle-grid {
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 18px;
}

.navibiz-hub__middle-grid > .navibiz-hub__card,
.navibiz-hub__bottom-grid > .navibiz-hub__card {
	padding: 22px;
}

.navibiz-hub__card--problems {
	grid-column: span 5;
}

.navibiz-hub__card--roadmap {
	grid-column: span 7;
}

.navibiz-hub__problem,
.navibiz-hub__project,
.navibiz-hub__roadmap-list > li,
.navibiz-hub__achievement {
	gap: 12px;
	padding: 14px 0;
}

.navibiz-hub__problem > span,
.navibiz-hub__project > span:first-child,
.navibiz-hub__achievement > span {
	width: 34px;
	height: 34px;
	border-radius: 10px;
}

.navibiz-hub__problem h3,
.navibiz-hub__project h3,
.navibiz-hub__achievement h3,
.navibiz-hub__recommendation h3,
.navibiz-hub__roadmap-list h3 {
	font-size: 15px;
	line-height: 1.35;
}

.navibiz-hub__roadmap-list > li {
	grid-template-columns: 32px minmax(0, 1fr);
}

.navibiz-hub__roadmap-list > li:not(:last-child)::after {
	top: 44px;
	left: 15px;
}

.navibiz-hub__roadmap-number {
	width: 32px;
	height: 32px;
	font-size: 11px;
}

.navibiz-hub__timeline-meta {
	flex-wrap: wrap;
}

.navibiz-hub__project-list {
	gap: 12px;
}

.navibiz-hub__project {
	padding: 16px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 14px;
	background: rgba(255, 255, 255, .02);
	border-bottom: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub__project:last-child {
	border-bottom: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub__mini-progress {
	padding-right: 44px;
}

.navibiz-hub__mini-progress small {
	top: -3px;
	font-size: 10px;
}

.navibiz-hub__bottom-grid {
	grid-template-columns: repeat(12, minmax(0, 1fr));
	align-items: start;
}

.navibiz-hub__card--recommendations {
	grid-column: span 7;
}

.navibiz-hub__card--achievements {
	grid-column: span 5;
}

.navibiz-hub__recommendation-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.navibiz-hub__recommendation {
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 12px;
	padding: 16px;
	border-radius: 14px;
}

.navibiz-hub__recommendation > span {
	width: 34px;
	height: 34px;
	border-radius: 10px;
}

.navibiz-hub__recommendation strong {
	margin-top: 10px;
	font-size: 12px;
}

.navibiz-hub__level-hex {
	width: 48px;
	height: 48px;
}

.navibiz-hub__xp strong {
	font-size: 15px;
}

.navibiz-hub__achievement-meta {
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0 8px;
}

.navibiz-hub__achievement-meta > span {
	padding: 8px 10px;
	font-size: 11px;
}

.navibiz-hub__empty {
	min-height: 136px;
	padding: 20px;
	border-radius: 14px;
}

.navibiz-hub__empty p {
	font-size: 13px;
	line-height: 1.55;
}

.navibiz-hub__empty--compact {
	min-height: 150px;
}

.navibiz-hub__empty--projects {
	min-height: 120px;
}

.navibiz-hub__section-header,
.navibiz-hub__section-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	min-height: 146px;
	padding: 24px 27px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 16px;
	background:
		radial-gradient(circle at 88% 20%, rgba(124, 58, 237, .14), transparent 20rem),
		linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 40%),
		var(--navibiz-hub-surface);
}

.navibiz-hub__section-header > div {
	max-width: 720px;
}

.navibiz-hub__section-header p:not(.navibiz-hub__eyebrow),
.navibiz-hub__section-hero > p:not(.navibiz-hub__eyebrow) {
	max-width: 680px;
	font-size: 13px;
}

.navibiz-hub__section-icon {
	display: grid;
	width: 62px;
	height: 62px;
	flex: 0 0 62px;
	place-items: center;
	border: 1px solid rgba(155, 108, 255, .25);
	border-radius: 16px;
	color: #bd9cff;
	background: linear-gradient(145deg, rgba(124, 58, 237, .2), rgba(124, 58, 237, .06));
	box-shadow: 0 15px 35px rgba(60, 28, 123, .22);
}

.navibiz-hub__section-icon .navibiz-hub__icon {
	width: 29px;
	height: 29px;
}

.navibiz-hub__section-hero {
	min-height: 365px;
	padding: 45px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.navibiz-hub__section-hero h1 {
	font-size: clamp(31px, 4vw, 48px);
}

.navibiz-hub__section-hero .navibiz-hub__button {
	margin-top: 20px;
}

.navibiz-hub__feature-grid,
.navibiz-hub__project-grid,
.navibiz-hub__recommendations-page,
.navibiz-hub__profile-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.navibiz-hub__feature-card {
	padding: 21px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 13px;
	background: var(--navibiz-hub-surface);
}

.navibiz-hub__feature-card > span {
	display: inline-flex;
	margin-bottom: 20px;
	color: #9c7ce6;
	font-size: 11px;
	font-weight: 800;
}

.navibiz-hub__feature-card h2 {
	font-size: 16px;
}

.navibiz-hub__feature-card p {
	margin-top: 7px;
	font-size: 11px;
}

.navibiz-hub__timeline {
	position: relative;
	display: grid;
	gap: 12px;
	padding-left: 22px;
}

.navibiz-hub__timeline::before {
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: 45px;
	width: 1px;
	background: linear-gradient(var(--navibiz-hub-success), var(--navibiz-hub-primary), var(--navibiz-hub-border));
	content: "";
}

.navibiz-hub__timeline-item {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	gap: 18px;
	padding: 20px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 13px;
	background: var(--navibiz-hub-surface);
}

.navibiz-hub__timeline-number {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: var(--navibiz-hub-surface-2);
	font-weight: 800;
	z-index: 1;
}

.navibiz-hub__timeline-item h2 {
	font-size: 16px;
}

.navibiz-hub__timeline-item p {
	margin: 6px 0 12px;
	font-size: 11px;
}

.navibiz-hub__timeline-meta {
	margin-bottom: 7px;
	color: var(--navibiz-hub-muted-2);
	font-size: 9px;
}

.navibiz-hub__timeline-meta strong {
	color: #d8deea;
}

.navibiz-hub__project-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.navibiz-hub__project-card h2 {
	margin-bottom: 18px;
}

.navibiz-hub__project-card .navibiz-hub__facts {
	gap: 16px;
	margin-bottom: 0;
}

.navibiz-hub__project-progress {
	margin-bottom: 7px;
	color: var(--navibiz-hub-muted);
	font-size: 10px;
}

.navibiz-hub__project-progress strong {
	color: #fff;
}

.navibiz-hub__recommendation-card {
	position: relative;
	overflow: hidden;
}

.navibiz-hub__recommendation-index {
	position: absolute;
	top: 8px;
	right: 13px;
	color: rgba(255, 255, 255, .035);
	font-size: 62px;
	font-weight: 800;
	line-height: 1;
}

.navibiz-hub__recommendation-card > .navibiz-hub__badge {
	position: relative;
	margin-bottom: 34px;
}

.navibiz-hub__recommendation-card h2,
.navibiz-hub__recommendation-card p,
.navibiz-hub__recommendation-card .navibiz-hub__effect,
.navibiz-hub__recommendation-card .navibiz-hub__button {
	position: relative;
}

.navibiz-hub__recommendation-card p {
	min-height: 58px;
	margin: 9px 0 16px;
	font-size: 11px;
}

.navibiz-hub__effect {
	padding: 12px;
	border-radius: 9px;
	background: rgba(61, 220, 151, .055);
}

.navibiz-hub__effect small,
.navibiz-hub__effect strong {
	display: block;
}

.navibiz-hub__effect small {
	color: var(--navibiz-hub-muted-2);
	font-size: 8px;
}

.navibiz-hub__effect strong {
	margin-top: 3px;
	color: var(--navibiz-hub-success);
	font-size: 11px;
}

.navibiz-hub__recommendation-card .navibiz-hub__button {
	width: 100%;
	margin-top: 14px;
}

.navibiz-hub__utility-bar,
.navibiz-hub__profile-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 20px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 13px;
	background: var(--navibiz-hub-surface);
}

.navibiz-hub__utility-bar strong {
	font-size: 13px;
}

.navibiz-hub__utility-bar p {
	margin-top: 3px;
	font-size: 10px;
}

.navibiz-hub__table-wrap {
	overflow: auto;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 13px;
	background: var(--navibiz-hub-surface);
}

.navibiz-hub__table {
	width: 100%;
	min-width: 720px;
	border: 0;
	border-collapse: collapse;
	color: var(--navibiz-hub-text);
}

.navibiz-hub__table th,
.navibiz-hub__table td {
	padding: 14px 16px;
	border: 0;
	border-bottom: 1px solid var(--navibiz-hub-border);
	text-align: left;
}

.navibiz-hub__table th {
	color: var(--navibiz-hub-muted-2);
	background: rgba(255, 255, 255, .02);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.navibiz-hub__table td {
	color: #bfc8d8;
	font-size: 10px;
}

.navibiz-hub__table tr:last-child td {
	border-bottom: 0;
}

.navibiz-hub__document-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.navibiz-hub__document-title .navibiz-hub__icon {
	width: 17px;
	height: 17px;
	color: #9e7be8;
}

.navibiz-hub__icon-button {
	display: grid;
	width: 32px;
	height: 32px;
	padding: 0;
	place-items: center;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 8px;
	color: var(--navibiz-hub-muted-2);
	background: rgba(255, 255, 255, .025);
	cursor: not-allowed;
}

.navibiz-hub__icon-button .navibiz-hub__icon {
	width: 14px;
	height: 14px;
}

.navibiz-hub__metrics-summary {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	align-items: center;
	gap: 25px;
	padding: 25px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 15px;
	background: var(--navibiz-hub-surface);
}

.navibiz-hub__metrics-summary h2 {
	margin: 10px 0 7px;
	font-size: 23px;
}

.navibiz-hub__metric-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.navibiz-hub__metric-list > article {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 13px;
	padding: 15px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 11px;
	background: var(--navibiz-hub-surface);
}

.navibiz-hub__metric-list h2 {
	font-size: 12px;
}

.navibiz-hub__metric-list .navibiz-hub__progress {
	margin: 8px 0;
}

.navibiz-hub__portal-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.navibiz-hub__portal-card {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 18px;
	min-height: 260px;
	padding: 27px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 15px;
	background: var(--navibiz-hub-surface);
}

.navibiz-hub__portal-card--accent {
	background:
		radial-gradient(circle at 0 100%, rgba(124, 58, 237, .17), transparent 17rem),
		var(--navibiz-hub-surface);
}

.navibiz-hub__portal-card > span {
	display: grid;
	width: 56px;
	height: 56px;
	place-items: center;
	border: 1px solid rgba(155, 108, 255, .2);
	border-radius: 14px;
	color: #b28fff;
	background: rgba(124, 58, 237, .11);
}

.navibiz-hub__portal-card h2 {
	margin-bottom: 9px;
	font-size: 20px;
}

.navibiz-hub__portal-card p:not(.navibiz-hub__eyebrow) {
	min-height: 70px;
	font-size: 11px;
}

.navibiz-hub__portal-card .navibiz-hub__button {
	margin-top: 18px;
}

.navibiz-hub__profile-summary {
	justify-content: flex-start;
	padding: 22px;
}

.navibiz-hub__profile-avatar {
	display: grid;
	width: 76px;
	height: 76px;
	flex: 0 0 76px;
	place-items: center;
	overflow: hidden;
	border: 1px solid var(--navibiz-hub-border-strong);
	border-radius: 18px;
	color: #a887ed;
	background: var(--navibiz-hub-surface-2);
}

.navibiz-hub__profile-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.navibiz-hub__profile-avatar .navibiz-hub__icon {
	width: 34px;
	height: 34px;
}

.navibiz-hub__profile-summary > div:nth-child(2) {
	min-width: 0;
	flex: 1;
}

.navibiz-hub__profile-summary h2 {
	font-size: 20px;
}

.navibiz-hub__profile-summary p,
.navibiz-hub__profile-summary span {
	display: block;
	margin-top: 4px;
	color: var(--navibiz-hub-muted);
	font-size: 10px;
}

.navibiz-hub__profile-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.navibiz-hub__profile-link {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 13px;
	padding: 18px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 12px;
	background: var(--navibiz-hub-surface);
	transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.navibiz-hub__profile-link:hover {
	border-color: var(--navibiz-hub-border-strong);
	background: rgba(124, 58, 237, .045);
	transform: translateY(-2px);
}

.navibiz-hub__profile-link > span {
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border-radius: 10px;
	color: #ad8cf3;
	background: rgba(124, 58, 237, .1);
}

.navibiz-hub__profile-link > .navibiz-hub__icon {
	width: 16px;
	height: 16px;
	color: var(--navibiz-hub-muted-2);
}

.navibiz-hub__profile-link h2 {
	font-size: 14px;
}

.navibiz-hub__profile-link p {
	margin-top: 3px;
	font-size: 10px;
}

/* Native WooCommerce views stay functional inside the new shell. */
.navibiz-hub__content > .woocommerce-message,
.navibiz-hub__content > .woocommerce-info,
.navibiz-hub__content > .woocommerce-error,
.navibiz-hub__content > form,
.navibiz-hub__content > .woocommerce-Addresses,
.navibiz-hub__content > .woocommerce-order-details,
.navibiz-hub__content > .woocommerce-customer-details,
.navibiz-hub__content > p:not([class]) {
	padding: 20px !important;
	border: 1px solid var(--navibiz-hub-border) !important;
	border-radius: 13px !important;
	background: var(--navibiz-hub-surface) !important;
}

.navibiz-hub__content > form,
.navibiz-hub__content > .woocommerce-order-details,
.navibiz-hub__content > .woocommerce-customer-details {
	margin-bottom: 16px;
}

.navibiz-hub__content .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.navibiz-hub__content .woocommerce-Address {
	float: none !important;
	width: auto !important;
	padding: 18px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 12px;
	background: var(--navibiz-hub-surface);
}

.navibiz-hub__content .table-responsive,
.navibiz-hub__content .woocommerce-orders-table,
.navibiz-hub__content .woocommerce-table,
.navibiz-hub__content .shop_table {
	max-width: 100%;
}

.navibiz-hub__content .table-responsive {
	overflow-x: auto;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 12px;
}

.navibiz-hub__content table.shop_table {
	min-width: 620px;
	background: var(--navibiz-hub-surface) !important;
}

.navibiz-hub__content input[type="text"],
.navibiz-hub__content input[type="email"],
.navibiz-hub__content input[type="password"],
.navibiz-hub__content input[type="tel"],
.navibiz-hub__content select,
.navibiz-hub__content textarea {
	border-color: var(--navibiz-hub-border) !important;
	background: rgba(255, 255, 255, .035) !important;
}

.navibiz-hub__content .navibiz-hub__notice--error,
.navibiz-hub__notice--error {
	padding: 15px;
	border: 1px solid rgba(255, 99, 118, .3);
	border-radius: 10px;
	color: #ffc1c8;
	background: rgba(255, 99, 118, .08);
}

.navibiz-hub.navibiz-hub-is-loading .navibiz-hub__card {
	position: relative;
	overflow: hidden;
}

.navibiz-hub.navibiz-hub-is-loading .navibiz-hub__card::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .035) 45%, transparent 70%);
	content: "";
	animation: navibiz-hub-loading 1.3s infinite;
}

@keyframes navibiz-hub-rise {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes navibiz-hub-loading {
	from { transform: translateX(-100%); }
	to { transform: translateX(100%); }
}

@media (max-width: 1240px) {
	.navibiz-hub__layout {
		grid-template-columns: 218px minmax(0, 1fr);
		gap: 16px;
	}

	.navibiz-hub__overview-stats,
	.navibiz-hub__direction-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.navibiz-hub__top-grid,
	.navibiz-hub__bottom-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub__middle-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.navibiz-hub__card--problems,
	.navibiz-hub__card--roadmap,
	.navibiz-hub__card--recommendations,
	.navibiz-hub__card--achievements {
		grid-column: auto;
	}
}

@media (max-width: 1024px) {
	.navibiz-hub-page .su-page-content {
		width: min(100% - 24px, 960px);
	}

	.navibiz-hub__welcome {
		align-items: flex-start;
		flex-direction: column;
	}

	.navibiz-hub__welcome-actions {
		width: 100%;
		justify-content: flex-start;
	}

	.navibiz-hub__growth-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub__chart-wrap {
		margin-top: 16px;
		padding: 16px 0 0;
	}

	.navibiz-hub__recommendation-grid > :last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 860px) {
	.navibiz-hub__direction-grid,
	.navibiz-hub__feature-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.navibiz-hub__overview-stats,
	.navibiz-hub__history-grid,
	.navibiz-hub__facts {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub__middle-grid,
	.navibiz-hub__project-grid,
	.navibiz-hub__portal-grid,
	.navibiz-hub__metric-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub__project-card .navibiz-hub__facts {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 760px) {
	.navibiz-hub-page .su-page-content {
		width: calc(100% - 20px);
		padding-top: 20px;
	}

	.navibiz-hub__layout {
		display: block;
	}

	.navibiz-hub__menu-toggle {
		display: inline-flex;
		align-items: center;
		gap: 9px;
		width: 100%;
		min-height: 46px;
		margin-bottom: 12px;
		padding: 10px 14px;
		border: 1px solid var(--navibiz-hub-border);
		border-radius: 11px;
		color: #fff;
		background: var(--navibiz-hub-surface);
		font: inherit;
		font-weight: 700;
		cursor: pointer;
	}

	.navibiz-hub__menu-toggle-icon {
		display: grid;
		gap: 3px;
		width: 18px;
	}

	.navibiz-hub__menu-toggle-icon span {
		display: block;
		height: 2px;
		border-radius: 3px;
		background: #b995ff;
	}

	.navibiz-hub__sidebar,
	.navibiz-hub nav.woocommerce-MyAccount-navigation.navibiz-hub__sidebar {
		position: fixed;
		top: 10px;
		bottom: 10px;
		left: 10px;
		width: min(310px, calc(100vw - 38px)) !important;
		max-height: none;
		transform: translateX(calc(-100% - 20px));
		transition: transform .25s ease;
		z-index: 9995;
	}

	.navibiz-hub.navibiz-hub-is-menu-open .navibiz-hub__sidebar,
	.navibiz-hub.navibiz-hub-is-menu-open nav.woocommerce-MyAccount-navigation.navibiz-hub__sidebar {
		transform: translateX(0);
	}

	.navibiz-hub__action-card {
		display: block;
	}

	.navibiz-hub__section-header {
		min-height: 130px;
		padding: 20px;
	}

	.navibiz-hub__section-icon {
		width: 50px;
		height: 50px;
		flex-basis: 50px;
	}

	.navibiz-hub__section-icon .navibiz-hub__icon {
		width: 24px;
		height: 24px;
	}

	.navibiz-hub__profile-summary {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.navibiz-hub__profile-summary .navibiz-hub__button {
		width: 100%;
	}
}

@media (max-width: 560px) {
	.navibiz-hub-page .su-page-content {
		width: calc(100% - 16px);
	}

	.navibiz-hub {
		font-size: 13px;
	}

	.navibiz-hub__dashboard,
	.navibiz-hub__section {
		gap: 12px;
	}

	.navibiz-hub__overview-stats,
	.navibiz-hub__direction-grid,
	.navibiz-hub__recommendation-grid,
	.navibiz-hub__recommendations-page,
	.navibiz-hub__feature-grid,
	.navibiz-hub__profile-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub__welcome {
		padding-inline: 2px;
	}

	.navibiz-hub__welcome-actions,
	.navibiz-hub__welcome-actions .navibiz-hub__button,
	.navibiz-hub__quick-stat {
		width: 100%;
	}

	.navibiz-hub__quick-stat {
		min-height: 54px;
	}

	.navibiz-hub__card {
		padding: 16px;
		border-radius: 13px;
	}

	.navibiz-hub__growth-score,
	.navibiz-hub__empty--growth,
	.navibiz-hub__metrics-summary {
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		text-align: center;
	}

	.navibiz-hub__growth-score > div:last-child,
	.navibiz-hub__empty--growth > div:last-child {
		text-align: center;
	}

	.navibiz-hub__ring {
		width: 126px;
		height: 126px;
	}

	.navibiz-hub__recommendation-grid > :last-child {
		grid-column: auto;
	}

	.navibiz-hub__direction-card {
		min-height: 0;
	}

	.navibiz-hub__achievement-meta,
	.navibiz-hub__xp > div:first-child,
	.navibiz-hub__utility-bar {
		align-items: stretch;
		flex-direction: column;
	}

	.navibiz-hub__utility-bar .navibiz-hub__button {
		width: 100%;
	}

	.navibiz-hub__section-header {
		align-items: flex-start;
		min-height: 0;
		padding: 18px;
	}

	.navibiz-hub__section-header .navibiz-hub__section-icon {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
	}

	.navibiz-hub__section-hero {
		min-height: 355px;
		padding: 28px 16px;
	}

	.navibiz-hub__timeline {
		padding-left: 0;
	}

	.navibiz-hub__timeline::before {
		left: 36px;
	}

	.navibiz-hub__timeline-item {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 12px;
		padding: 14px;
	}

	.navibiz-hub__timeline-number {
		width: 40px;
		height: 40px;
	}

	.navibiz-hub__portal-card {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
		padding: 20px;
	}

	.navibiz-hub__portal-card p:not(.navibiz-hub__eyebrow) {
		min-height: 0;
	}

	.navibiz-hub__profile-summary {
		text-align: left;
	}

	.navibiz-hub__content .woocommerce-Addresses {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub__content .table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.navibiz-hub__content table.shop_table {
		min-width: 580px;
	}
}

@media (max-width: 380px) {
	.navibiz-hub-page .su-page-content {
		width: calc(100% - 12px);
	}

	.navibiz-hub__card,
	.navibiz-hub__section-header {
		padding: 13px;
	}

	.navibiz-hub__section-header .navibiz-hub__section-icon {
		display: none;
	}

	.navibiz-hub__profile-link {
		grid-template-columns: 38px minmax(0, 1fr) 14px;
		gap: 9px;
		padding: 13px;
	}

	.navibiz-hub__profile-link > span {
		width: 38px;
		height: 38px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.navibiz-hub *,
	.navibiz-hub *::before,
	.navibiz-hub *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}



.navibiz-hub .navibiz-hub__diagnostic-shell [hidden] {
	display: none !important;
}

.navibiz-hub .navibiz-hub__diagnostic-shell.is-diagnostic-auth-required .navibiz-hub__diagnostic-auth,
.navibiz-hub .navibiz-hub__diagnostic-shell.is-diagnostic-auth-gate .navibiz-hub__diagnostic-auth {
	display: grid;
	min-height: 480px;
	padding: clamp(32px, 7vw, 78px);
	place-items: center;
	text-align: center;
}

.navibiz-hub .navibiz-hub__diagnostic-shell.is-diagnostic-new .navibiz-hub__diagnostic-intro {
	border-color: rgba(157, 113, 239, .24);
}

.navibiz-hub .navibiz-hub__diagnostic-shell.is-diagnostic-draft .navibiz-hub__diagnostic-workspace {
	border-color: rgba(92, 141, 255, .24);
	box-shadow: 0 28px 72px rgba(6, 12, 24, .28);
}

.navibiz-hub .navibiz-hub__diagnostic-shell.is-diagnostic-completed .navibiz-hub__diagnostic-result {
	border-color: rgba(61, 220, 151, .24);
	box-shadow: 0 28px 72px rgba(5, 14, 17, .24);
}

.navibiz-hub .navibiz-hub__diagnostic-auth > div {
	max-width: 680px;
}

.navibiz-hub .navibiz-hub__diagnostic-auth h1 {
	margin: 8px 0 18px;
	font-size: clamp(34px, 5vw, 56px);
}

.navibiz-hub .navibiz-hub__diagnostic-auth p:not(.navibiz-hub__eyebrow) {
	margin: 0 auto 28px;
	color: var(--navibiz-hub-muted);
	font-size: 16px;
	line-height: 1.7;
}

.navibiz-hub .navibiz-hub__diagnostic-auth-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.navibiz-hub .navibiz-hub__diagnostic-link-button {
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, .72);
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: underline;
	text-underline-offset: 4px;
	cursor: pointer;
	transition: color .18s ease, opacity .18s ease;
}

.navibiz-hub .navibiz-hub__diagnostic-link-button:hover,
.navibiz-hub .navibiz-hub__diagnostic-link-button:focus-visible {
	color: #ffffff;
}

.navibiz-hub .navibiz-hub__diagnostic-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	align-items: center;
	gap: 48px;
	min-height: 520px;
	padding: clamp(32px, 6vw, 72px);
	overflow: hidden;
}

.navibiz-hub .navibiz-hub__diagnostic-intro h1 {
	max-width: 680px;
	margin: 8px 0 18px;
	font-size: clamp(34px, 5vw, 62px);
	line-height: 1.03;
}

.navibiz-hub .navibiz-hub__diagnostic-intro-copy > p:not(.navibiz-hub__eyebrow) {
	max-width: 700px;
	margin-bottom: 24px;
	color: var(--navibiz-hub-muted);
	font-size: 16px;
	line-height: 1.7;
}

.navibiz-hub .navibiz-hub__diagnostic-benefits {
	display: grid;
	gap: 10px;
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

.navibiz-hub .navibiz-hub__diagnostic-benefits li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #e8e4f4;
}

.navibiz-hub .navibiz-hub__diagnostic-benefits .navibiz-hub__icon {
	width: 17px;
	height: 17px;
	color: #9e7af1;
}

.navibiz-hub .navibiz-hub__diagnostic-preview {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 24px;
	text-align: center;
}

.navibiz-hub .navibiz-hub__diagnostic-preview::before {
	position: absolute;
	inset: -110px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(116, 75, 190, .24), transparent 62%);
	content: "";
	pointer-events: none;
}

.navibiz-hub .navibiz-hub__diagnostic-preview-ring {
	position: relative;
	display: grid;
	place-content: center;
	width: 210px;
	height: 210px;
	border: 1px solid rgba(177, 139, 255, .32);
	border-radius: 50%;
	background: radial-gradient(circle, #241d3d 54%, transparent 55%), conic-gradient(#9d71ef 0 82%, rgba(255, 255, 255, .08) 82%);
	box-shadow: 0 0 55px rgba(126, 83, 202, .22);
}

.navibiz-hub .navibiz-hub__diagnostic-preview-ring strong {
	font-size: 62px;
	line-height: .9;
}

.navibiz-hub .navibiz-hub__diagnostic-preview-ring span,
.navibiz-hub .navibiz-hub__diagnostic-preview > div:last-child span {
	display: block;
	margin-top: 8px;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-profile {
	max-width: 780px;
	margin: 0 auto;
}

.navibiz-hub .navibiz-hub__diagnostic-profile h2 {
	margin: 8px 0 8px;
	font-size: clamp(28px, 4vw, 42px);
}

.navibiz-hub .navibiz-hub__diagnostic-profile > p:not(.navibiz-hub__eyebrow) {
	margin-bottom: 28px;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.navibiz-hub .navibiz-hub__diagnostic-field-grid label,
.navibiz-hub .navibiz-hub__diagnostic-field {
	display: grid;
	gap: 9px;
}

.navibiz-hub .navibiz-hub__diagnostic-field-grid label > span,
.navibiz-hub .navibiz-hub__diagnostic-field legend {
	color: #f5f1ff;
	font-weight: 700;
}

.navibiz-hub .navibiz-hub__diagnostic-field-grid input,
.navibiz-hub .navibiz-hub__diagnostic-field-grid select,
.navibiz-hub .navibiz-hub__diagnostic-field input[type="text"],
.navibiz-hub .navibiz-hub__diagnostic-field input[type="number"],
.navibiz-hub .navibiz-hub__diagnostic-field textarea {
	width: 100%;
	min-height: 50px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 10px;
	color: #fff;
	background: rgba(8, 10, 21, .68);
	font: inherit;
}

.navibiz-hub .navibiz-hub__diagnostic-field textarea {
	min-height: 120px;
	resize: vertical;
}

.navibiz-hub .navibiz-hub__diagnostic-field-grid input:focus,
.navibiz-hub .navibiz-hub__diagnostic-field-grid select:focus,
.navibiz-hub .navibiz-hub__diagnostic-field input:focus,
.navibiz-hub .navibiz-hub__diagnostic-field textarea:focus {
	border-color: #9d71ef;
	outline: 3px solid rgba(157, 113, 239, .2);
}

.navibiz-hub .navibiz-hub__diagnostic-progress {
	display: grid;
	grid-template-columns: 108px minmax(0, 1fr) auto;
	align-items: center;
	gap: 22px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--navibiz-hub-border);
}

.navibiz-hub .navibiz-hub__diagnostic-progress h2 {
	margin: 3px 0 4px;
	font-size: clamp(24px, 4vw, 38px);
}

.navibiz-hub .navibiz-hub__diagnostic-progress p:last-child,
.navibiz-hub .navibiz-hub__diagnostic-progress > span {
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-progress-ring {
	display: grid;
	place-items: center;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: radial-gradient(circle, #181529 59%, transparent 61%), conic-gradient(#986be9 calc(var(--diagnostic-progress) * 1%), rgba(255, 255, 255, .08) 0);
}

.navibiz-hub .navibiz-hub__diagnostic-progress-ring strong {
	font-size: 20px;
}

.navibiz-hub .navibiz-hub__diagnostic-map {
	margin: 18px 0 28px;
	padding: 13px 16px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 12px;
	background: rgba(255, 255, 255, .025);
}

.navibiz-hub .navibiz-hub__diagnostic-map summary {
	color: #d9cff0;
	font-weight: 700;
	cursor: pointer;
}

.navibiz-hub .navibiz-hub__diagnostic-map ol {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.navibiz-hub .navibiz-hub__diagnostic-map li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	min-width: 0;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-map li button {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 0;
	border: 0;
	color: inherit;
	background: transparent;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.navibiz-hub .navibiz-hub__diagnostic-map li button:focus-visible {
	outline: 3px solid rgba(157, 113, 239, .28);
	outline-offset: 3px;
}

.navibiz-hub .navibiz-hub__diagnostic-map li button > span {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 50%;
}

.navibiz-hub .navibiz-hub__diagnostic-map li.is-active,
.navibiz-hub .navibiz-hub__diagnostic-map li.is-complete {
	color: #fff;
}

.navibiz-hub .navibiz-hub__diagnostic-map li.is-active button > span,
.navibiz-hub .navibiz-hub__diagnostic-map li.is-complete button > span {
	border-color: #9d71ef;
	background: #6642aa;
}

.navibiz-hub .navibiz-hub__diagnostic-map small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.navibiz-hub .navibiz-hub__diagnostic-question-list {
	display: grid;
	gap: 26px;
}

.navibiz-hub .navibiz-hub__diagnostic-field {
	margin: 0;
	padding: 0;
	border: 0;
}

.navibiz-hub .navibiz-hub__diagnostic-field legend {
	margin-bottom: 7px;
	font-size: 17px;
}

.navibiz-hub .navibiz-hub__diagnostic-field legend sup {
	color: #d7a0ff;
}

.navibiz-hub .navibiz-hub__diagnostic-field > small {
	margin: -3px 0 4px;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-choices {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.navibiz-hub .navibiz-hub__diagnostic-choices label {
	position: relative;
	cursor: pointer;
}

.navibiz-hub .navibiz-hub__diagnostic-choices input {
	position: absolute;
	opacity: 0;
}

.navibiz-hub .navibiz-hub__diagnostic-choices label > span {
	display: flex;
	align-items: center;
	min-height: 62px;
	padding: 13px 15px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 11px;
	background: rgba(255, 255, 255, .025);
	transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.navibiz-hub .navibiz-hub__diagnostic-choices input:checked + span {
	border-color: #9d71ef;
	background: rgba(120, 78, 195, .2);
	box-shadow: inset 0 0 0 1px rgba(157, 113, 239, .3);
}

.navibiz-hub .navibiz-hub__diagnostic-choices input:focus-visible + span {
	outline: 3px solid rgba(157, 113, 239, .28);
}

.navibiz-hub .navibiz-hub__diagnostic-scale {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.navibiz-hub .navibiz-hub__diagnostic-scale label {
	position: relative;
}

.navibiz-hub .navibiz-hub__diagnostic-scale input {
	position: absolute;
	opacity: 0;
}

.navibiz-hub .navibiz-hub__diagnostic-scale span {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 10px;
	cursor: pointer;
}

.navibiz-hub .navibiz-hub__diagnostic-scale input:checked + span {
	border-color: #9d71ef;
	background: #6843aa;
}

.navibiz-hub .navibiz-hub__diagnostic-actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 30px;
}

.navibiz-hub .navibiz-hub__diagnostic-loading,
.navibiz-hub .navibiz-hub__diagnostic-processing {
	display: grid;
	justify-items: center;
	min-height: 360px;
	place-content: center;
	text-align: center;
}

.navibiz-hub .navibiz-hub__diagnostic-loading p,
.navibiz-hub .navibiz-hub__diagnostic-processing p {
	max-width: 560px;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-spinner {
	width: 48px;
	height: 48px;
	margin-bottom: 20px;
	border: 3px solid rgba(255, 255, 255, .1);
	border-top-color: #a477f0;
	border-radius: 50%;
	animation: navibiz-diagnostic-spin .8s linear infinite;
}

@keyframes navibiz-diagnostic-spin {
	to { transform: rotate(360deg); }
}

.navibiz-hub .navibiz-hub__diagnostic-notice {
	padding: 14px 16px;
	border: 1px solid rgba(239, 101, 126, .45);
	border-radius: 10px;
	color: #ffd5dc;
	background: rgba(121, 34, 55, .24);
}

.navibiz-hub .navibiz-hub__diagnostic-result > h2 {
	max-width: 760px;
	margin: 8px 0 24px;
	font-size: clamp(26px, 4vw, 44px);
}

.navibiz-hub .navibiz-hub__diagnostic-result-index {
	display: flex;
	align-items: center;
	gap: 18px;
}

.navibiz-hub .navibiz-hub__diagnostic-result-index > strong {
	font-size: 72px;
	line-height: 1;
}

.navibiz-hub .navibiz-hub__diagnostic-result-index > span {
	color: var(--navibiz-hub-muted);
	line-height: 1.5;
}

.navibiz-hub .navibiz-hub__diagnostic-result-directions {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0 30px;
}

.navibiz-hub .navibiz-hub__diagnostic-result-directions article {
	display: grid;
	gap: 7px;
	min-height: 128px;
	padding: 15px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 12px;
	background: rgba(255, 255, 255, .025);
}

.navibiz-hub .navibiz-hub__diagnostic-result-directions article > span,
.navibiz-hub .navibiz-hub__diagnostic-result-directions article > small {
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-result-directions article > strong {
	font-size: 30px;
}

.navibiz-hub .navibiz-hub__diagnostic-result-findings {
	display: grid;
	gap: 9px;
	margin: 14px 0 26px;
	padding: 0;
	list-style: none;
}

.navibiz-hub .navibiz-hub__diagnostic-review > h2 {
	margin: 8px 0 10px;
	font-size: clamp(26px, 4vw, 42px);
}

.navibiz-hub .navibiz-hub__diagnostic-review > p:not(.navibiz-hub__eyebrow) {
	max-width: 760px;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-review-list {
	display: grid;
	gap: 10px;
	margin: 24px 0;
	padding: 0;
	list-style: none;
}

.navibiz-hub .navibiz-hub__diagnostic-review-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid var(--navibiz-hub-border);
	border-radius: 12px;
	background: rgba(255, 255, 255, .025);
}

.navibiz-hub .navibiz-hub__diagnostic-review-list strong,
.navibiz-hub .navibiz-hub__diagnostic-review-list small {
	display: block;
}

.navibiz-hub .navibiz-hub__diagnostic-review-list small {
	margin-top: 3px;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub .navibiz-hub__diagnostic-result-findings li {
	display: grid;
	gap: 4px;
	padding: 13px 15px;
	border-left: 3px solid #d47b95;
	background: rgba(255, 255, 255, .025);
}

.navibiz-hub .navibiz-hub__diagnostic-result-findings span,
.navibiz-hub .navibiz-hub__diagnostic-result-note {
	color: var(--navibiz-hub-muted);
}

@media (max-width: 900px) {
	.navibiz-hub .navibiz-hub__diagnostic-intro {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub .navibiz-hub__diagnostic-preview {
		display: none;
	}

	.navibiz-hub .navibiz-hub__diagnostic-map ol,
	.navibiz-hub .navibiz-hub__diagnostic-result-directions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {

	.navibiz-hub .navibiz-hub__diagnostic-intro {
		min-height: 0;
	}

	.navibiz-hub .navibiz-hub__diagnostic-field-grid,
	.navibiz-hub .navibiz-hub__diagnostic-choices,
	.navibiz-hub .navibiz-hub__diagnostic-result-directions {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub .navibiz-hub__diagnostic-progress {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 12px;
	}

	.navibiz-hub .navibiz-hub__diagnostic-progress > span {
		grid-column: 1 / -1;
	}

	.navibiz-hub .navibiz-hub__diagnostic-progress-ring {
		width: 68px;
		height: 68px;
	}

	.navibiz-hub .navibiz-hub__diagnostic-map ol {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub .navibiz-hub__diagnostic-actions {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.navibiz-hub .navibiz-hub__diagnostic-review-list li {
		align-items: stretch;
		flex-direction: column;
	}

	.navibiz-hub .navibiz-hub__diagnostic-actions .navibiz-hub__button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.navibiz-hub .navibiz-hub__diagnostic-spinner {
		animation-duration: .01ms;
	}
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-intro h1,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-auth h1,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-profile h2,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress h2,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-review > h2,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result > h2 {
	color: var(--navibiz-hub-text);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-intro-copy > p:not(.navibiz-hub__eyebrow),
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-auth p:not(.navibiz-hub__eyebrow),
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-profile > p:not(.navibiz-hub__eyebrow),
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-loading p,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-processing p,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-review > p:not(.navibiz-hub__eyebrow),
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-note,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-findings span {
	color: var(--navibiz-hub-muted);
}

.navibiz-hub--diagnostics-page .navibiz-hub__eyebrow {
	color: var(--navibiz-hub-blue);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-benefits {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	max-width: 760px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-benefits li {
	display: grid;
	padding: 14px 16px;
	border: 1px solid rgba(124, 58, 237, .2);
	border-radius: 16px;
	color: var(--navibiz-hub-text);
	background: rgba(17, 24, 39, .74);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-preview {
	align-self: stretch;
	justify-items: stretch;
	gap: 14px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-preview::before,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-preview-ring {
	display: none;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-preview > div {
	padding: 18px 18px 20px;
	border: 1px solid rgba(92, 141, 255, .18);
	border-radius: 18px;
	background: rgba(13, 19, 32, .84);
	text-align: left;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-preview strong {
	display: block;
	color: var(--navibiz-hub-text);
	font-size: 18px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-preview span {
	display: block;
	margin-top: 8px;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field-grid label > span,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field legend {
	color: var(--navibiz-hub-text);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field-grid input,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field-grid select,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field input[type="text"],
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field input[type="number"],
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field textarea {
	border-color: rgba(151, 166, 196, .16);
	color: var(--navibiz-hub-text);
	background: rgba(8, 12, 22, .78);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress {
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
	padding: 0 0 24px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress-header p:last-child,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress-meta {
	color: var(--navibiz-hub-muted);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress-bar {
	height: 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	overflow: hidden;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress-bar > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--navibiz-hub-blue), var(--navibiz-hub-primary-2));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list {
	gap: 20px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-helper {
	display: grid;
	gap: 6px;
	margin-top: -2px;
	margin-bottom: 6px;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-helper em {
	color: var(--navibiz-hub-warning);
	font-style: normal;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices label > span,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-scale span,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-review-list li,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-directions article,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-findings li {
	border-color: rgba(151, 166, 196, .14);
	background: rgba(17, 24, 39, .72);
	color: var(--navibiz-hub-text);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices input:checked + span,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-scale input:checked + span {
	border-color: rgba(124, 58, 237, .42);
	background: rgba(124, 58, 237, .18);
	box-shadow: inset 0 0 0 1px rgba(155, 108, 255, .18);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list--quick_cards .navibiz-hub__diagnostic-choices {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list--quick_cards .navibiz-hub__diagnostic-choices label > span {
	min-height: 92px;
	align-items: flex-start;
	border-radius: 18px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list--priorities .navibiz-hub__diagnostic-choices {
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list--channels .navibiz-hub__diagnostic-choices {
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list--sales_flow .navibiz-hub__diagnostic-field {
	position: relative;
	padding: 18px 18px 18px 52px;
	border: 1px solid rgba(151, 166, 196, .14);
	border-radius: 18px;
	background: rgba(17, 24, 39, .7);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list--sales_flow .navibiz-hub__diagnostic-field::before {
	position: absolute;
	top: 24px;
	left: 20px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: linear-gradient(180deg, var(--navibiz-hub-blue), var(--navibiz-hub-primary-2));
	box-shadow: 0 0 0 6px rgba(92, 141, 255, .12);
	content: "";
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list--readiness_scales .navibiz-hub__diagnostic-scale {
	gap: 10px;
}

/* .navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-transition,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-review,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-processing,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result {
	padding: clamp(24px, 4vw, 40px);
	border: 1px solid rgba(151, 166, 196, .14);
	border-radius: 26px;
	background: rgba(13, 19, 32, .82);
	color: var(--navibiz-hub-text);
} */

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-processing-steps {
	display: grid;
	gap: 10px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-processing-steps li {
	padding: 12px 14px;
	border: 1px solid rgba(151, 166, 196, .14);
	border-radius: 14px;
	background: rgba(17, 24, 39, .72);
	color: var(--navibiz-hub-text);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-hero {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 28px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-index,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-level {
	display: grid;
	gap: 6px;
	padding: 20px;
	border: 1px solid rgba(92, 141, 255, .16);
	border-radius: 20px;
	background: linear-gradient(160deg, rgba(20, 28, 45, .92), rgba(10, 15, 26, .92));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-index > strong,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-level > strong {
	font-size: clamp(42px, 5vw, 66px);
	line-height: 1;
	color: var(--navibiz-hub-text);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-index > span,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-level > span {
	color: var(--navibiz-hub-muted);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	margin: 18px 0 28px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card {
	display: grid;
	gap: 14px;
	padding: 18px;
	border: 1px solid rgba(92, 141, 255, .18);
	border-radius: 20px;
	background: linear-gradient(160deg, rgba(20, 28, 45, .96), rgba(12, 18, 31, .96));
	box-shadow: 0 22px 44px rgba(0, 0, 0, .22);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-index {
	color: var(--navibiz-hub-primary-2);
	font-weight: 800;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card small {
	color: var(--navibiz-hub-muted);
	text-transform: uppercase;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card h4 {
	margin: 4px 0 8px;
	color: var(--navibiz-hub-text);
	font-size: 1.05rem;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card em {
	display: inline-block;
	margin: 0 0 10px;
	color: var(--navibiz-hub-primary-2);
	font-style: normal;
	font-weight: 800;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card p,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card strong {
	display: block;
	margin: 0;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-spinner {
	border-color: rgba(255, 255, 255, .12);
	border-top-color: var(--navibiz-hub-primary-2);
}

@media (max-width: 900px) {
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-benefits {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 560px) {
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress-meta,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-hero {
		flex-direction: column;
		align-items: flex-start;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-hero {
		grid-template-columns: minmax(0, 1fr);
	}
}

.navibiz-hub__recommendations-page {
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 22px;
}

.navibiz-hub__recommendation-card.navibiz-hub__recommendation-service {
	display: grid;
	gap: 18px;
	padding: 28px;
	border: 1px solid rgba(120, 141, 255, .18);
	border-radius: 24px;
	background:
		radial-gradient(circle at top right, rgba(126, 92, 255, .14), transparent 34%),
		linear-gradient(180deg, rgba(18, 25, 42, .98), rgba(10, 14, 24, .98));
	box-shadow: 0 24px 48px rgba(0, 0, 0, .22);
}

.navibiz-hub__recommendation-card > .navibiz-hub__badge {
	margin-bottom: 8px;
	margin-right: 80px;
}

.navibiz-hub__recommendation-card h2 {
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.2;
}

.navibiz-hub__recommendation-card p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(222, 230, 245, .82);
}

.navibiz-hub__recommendation-focus {
	margin-top: -4px;
	color: var(--navibiz-hub-primary-2);
	font-size: .88rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.navibiz-hub__facts {
	margin: 0;
}

.navibiz-hub__recommendation-card .navibiz-hub__button {
	width: 100%;
	justify-content: center;
	min-height: 52px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result {
	padding: 0;
	border: 0;
	background: transparent;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-shell {
	display: grid;
	gap: 24px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-article {
	display: grid;
	gap: 20px;
	padding: clamp(22px, 3vw, 30px);
	border: 1px solid rgba(126, 146, 188, .14);
	border-radius: 26px;
	background:
		radial-gradient(circle at top right, rgba(92, 141, 255, .11), transparent 25%),
		linear-gradient(180deg, rgba(11, 18, 31, .98), rgba(8, 13, 24, .98));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-header {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(240px, .7fr);
	gap: 18px;
	align-items: start;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-header h3 {
	margin: 0 0 10px;
	font-size: clamp(24px, 2.4vw, 34px);
	line-height: 1.15;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-header p {
	color: rgba(228, 235, 248, .78);
	line-height: 1.7;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-metric {
	display: grid;
	gap: 7px;
	padding: 18px;
	border: 1px solid rgba(126, 146, 188, .12);
	border-radius: 20px;
	background: rgba(255, 255, 255, .03);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-metric strong {
	color: #fff;
	font-size: clamp(24px, 2.2vw, 32px);
	line-height: 1;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-metric span {
	color: rgba(185, 204, 240, .72);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-block {
	display: grid;
	gap: 14px;
	padding: 22px;
	border: 1px solid rgba(126, 146, 188, .12);
	border-radius: 22px;
	background: rgba(255, 255, 255, .025);
	scroll-margin-top: 74px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-block h3 {
	margin: 0;
	font-size: clamp(20px, 1.8vw, 26px);
	line-height: 1.2;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-copy {
	display: grid;
	gap: 12px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-copy p,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-lead {
	color: rgba(228, 235, 248, .82);
	line-height: 1.78;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-lead strong {
	color: #fff;
	font-weight: 700;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-block--toc {
	background: linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .015));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-toc {
	display: grid;
	gap: 10px;
	margin: 0;
	padding-left: 22px;
	color: rgba(228, 235, 248, .82);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-toc li {
	line-height: 1.6;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-toc a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dashed rgba(143, 224, 199, .45);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-toc a:hover,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-toc a:focus-visible {
	color: rgb(143, 82, 255);
	border-bottom-color: rgba(143, 82, 255, .85);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-table-wrap {
	overflow-x: auto;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-table {
	width: 100%;
	min-width: 760px;
	border-collapse: collapse;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-table th,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-table td {
	padding: 12px 14px;
	border: 1px solid rgba(126, 146, 188, .12);
	text-align: left;
	vertical-align: top;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-table th {
	color: #fff;
	background: rgba(92, 141, 255, .12);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-table td {
	color: rgba(228, 235, 248, .82);
	line-height: 1.65;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-stages {
	display: grid;
	gap: 14px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-stage {
	display: grid;
	gap: 10px;
	padding: 18px 18px 18px 20px;
	border-left: 4px solid rgba(61, 220, 151, .72);
	border-radius: 18px;
	background: rgba(61, 220, 151, .08);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-stage h4 {
	margin: 0;
	color: #fff;
	font-size: 17px;
	line-height: 1.35;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-stage ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding-left: 20px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-stage li {
	color: rgba(228, 235, 248, .82);
	line-height: 1.6;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-block--recommendations {
	gap: 18px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-note {
	margin: 0;
	color: rgba(228, 235, 248, .76);
	line-height: 1.7;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-intro {
	display: grid;
	gap: 18px;
	padding: clamp(22px, 3vw, 30px);
	border: 1px solid rgba(126, 146, 188, .14);
	border-radius: 26px;
	background: linear-gradient(180deg, rgba(12, 19, 34, .98), rgba(10, 15, 26, .94));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-snapshot-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-snapshot-card {
	display: grid;
	gap: 10px;
	padding: 18px 20px;
	border: 1px solid rgba(126, 146, 188, .12);
	border-radius: 22px;
	background: rgba(255, 255, 255, .024);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-snapshot-card span {
	color: rgba(185, 204, 240, .7);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-snapshot-card strong {
	color: #fff;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 700;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 20px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-panel {
	display: grid;
	gap: 16px;
	padding: 22px;
	border: 1px solid rgba(126, 146, 188, .12);
	border-radius: 24px;
	background: rgba(255, 255, 255, .024);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-panel h3 {
	margin: 0;
	font-size: 1.2rem;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-panel--services {
	gap: 20px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-featured {
	display: grid;
	grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
	gap: 22px;
	padding: 22px;
	border: 1px solid rgba(120, 141, 255, .18);
	border-radius: 24px;
	background:
		radial-gradient(circle at top right, rgba(124, 58, 237, .16), transparent 28%),
		linear-gradient(180deg, rgba(15, 22, 36, .98), rgba(11, 16, 28, .98));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 18px;
	border: 1px solid rgba(126, 146, 188, .14);
	border-radius: 22px;
	background: rgba(255, 255, 255, .02);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-media {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	width: 74px;
	height: 74px;
}



.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-media--placeholder {
	display: grid;
	place-items: center;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-media--placeholder span {
	color: rgba(255, 255, 255, .94);
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 800;
	letter-spacing: -.04em;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-body {
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 14px;
	min-width: 0;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-priority,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-price {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	color: rgba(235, 241, 252, .82);
	font-size: 12px;
	font-weight: 700;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-card h3 {
	margin: 0;
	font-size: clamp(20px, 2vw, 28px);
	line-height: 1.14;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-grid .navibiz-hub__diagnostic-recommendation-card h3 {
	font-size: 18px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-card p {
	color: rgba(222, 230, 245, .82);
	line-height: 1.65;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-effect {
	display: grid;
	gap: 6px;
	padding: 14px 16px;
	border-radius: 16px;
	background: rgba(9, 15, 28, .76);
	border: 1px solid rgba(126, 146, 188, .12);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-effect strong {
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(185, 204, 240, .7);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-effect span {
	color: #fff;
	font-size: 14px;
	line-height: 1.55;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-panel-heading {
	display: grid;
	gap: 8px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-panel-heading p {
	margin: 0;
	color: var(--navibiz-hub-muted);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-findings {
	gap: 14px;
	margin: 0;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-findings li {
	padding: 18px 18px 18px 20px;
	border-radius: 18px;
	border: 1px solid rgba(126, 146, 188, .12);
	background: rgba(255, 255, 255, .02);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-findings--compact li,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-findings--roadmap li {
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-action-list {
	display: grid;
	gap: 14px;
	margin: 0;
	padding-left: 22px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-action-list li {
	display: grid;
	gap: 8px;
	padding: 0 0 14px;
	border-bottom: 1px solid rgba(126, 146, 188, .12);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-action-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-action-list strong {
	color: #fff;
	font-size: 15px;
	line-height: 1.4;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-action-list span {
	color: rgba(222, 230, 245, .78);
	line-height: 1.6;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-accordion {
	display: grid;
	gap: 14px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-section {
	border: 1px solid rgba(126, 146, 188, .12);
	border-radius: 18px;
	background: rgba(255, 255, 255, .02);
	overflow: hidden;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-section summary {
	display: grid;
	gap: 6px;
	padding: 18px 20px;
	cursor: pointer;
	list-style: none;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-section summary::-webkit-details-marker {
	display: none;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-section summary span {
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-section summary small {
	color: rgba(222, 230, 245, .74);
	font-size: 14px;
	line-height: 1.55;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-section[open] summary {
	border-bottom: 1px solid rgba(126, 146, 188, .12);
	background: rgba(124, 58, 237, .06);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-content {
	padding: 18px 20px 20px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-content p {
	color: rgba(228, 235, 248, .82);
	line-height: 1.75;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-preview {
	display: grid;
	gap: 14px;
	padding: 18px 20px;
	border: 1px solid rgba(126, 146, 188, .12);
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-preview p {
	margin: 0;
	color: rgba(228, 235, 248, .84);
	line-height: 1.75;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-assumptions {
	display: grid;
	gap: 12px;
	padding: 18px 20px;
	border-radius: 18px;
	border: 1px solid rgba(248, 194, 78, .18);
	background: rgba(248, 194, 78, .07);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-assumptions strong {
	color: #fff;
	font-size: 14px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-assumptions ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding-left: 20px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-assumptions li {
	color: rgba(236, 239, 226, .88);
	line-height: 1.6;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-direction-bars {
	display: grid;
	gap: 14px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-direction-bar {
	display: grid;
	gap: 8px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-direction-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-direction-top strong {
	font-size: .98rem;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-direction-top span {
	color: var(--navibiz-hub-primary-2);
	font-weight: 800;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-direction-track {
	position: relative;
	height: 12px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-direction-track > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #7e5cff, #5c8dff);
	box-shadow: 0 0 22px rgba(92, 141, 255, .35);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-grid {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 18px;
	margin: 0;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card {
	gap: 18px;
	padding: 22px;
	border: 1px solid rgba(120, 141, 255, .16);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(15, 22, 36, .98), rgba(11, 16, 28, .98));
	box-shadow: none;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card h4 {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.25;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-focus {
	margin: 8px 0 0;
	color: var(--navibiz-hub-primary-2);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}



.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-workspace,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-auth,
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-intro {
	padding: clamp(22px, 3.8vw, 34px);
	border: 1px solid rgba(126, 146, 188, .14);
	border-radius: 30px;
	background:
		radial-gradient(circle at top right, rgba(92, 141, 255, .1), transparent 28%),
		linear-gradient(180deg, rgba(12, 18, 31, .98), rgba(9, 13, 24, .96));
	box-shadow: 0 26px 54px rgba(0, 0, 0, .22);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-intro {
	grid-template-columns: minmax(0, 1fr) 240px;
	gap: 28px;
	min-height: 0;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-benefits li {
	padding: 12px 14px;
	border-radius: 14px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-quiz-shell {
	display: grid;
	gap: 20px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress {
	padding: 0;
	border: 0;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress-header {
	display: grid;
	gap: 10px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-progress-meta {
	font-size: 12px;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-step-card {
	display: grid;
	gap: 18px;
	min-height: 420px;
	padding: clamp(22px, 3vw, 30px);
	border: 1px solid rgba(126, 146, 188, .14);
	border-radius: 26px;
	background:
		radial-gradient(circle at top left, rgba(124, 58, 237, .14), transparent 24%),
		linear-gradient(180deg, rgba(14, 22, 38, .98), rgba(10, 15, 28, .96));
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-step-kicker {
	margin: 0;
	color: rgba(185, 204, 240, .72);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-step-card h2 {
	margin: 0;
	font-size: clamp(28px, 3.4vw, 42px);
	line-height: 1.08;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-step-caption {
	max-width: 620px;
	margin: -4px 0 0;
	color: rgba(214, 224, 242, .7);
	font-size: 15px;
	line-height: 1.65;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-question-list {
	align-content: start;
	gap: 16px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field {
	gap: 12px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field input[type="text"],
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field input[type="number"],
.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field textarea {
	min-height: 58px;
	padding: 16px 18px;
	border-radius: 18px;
	border-color: rgba(151, 166, 196, .18);
	background: rgba(8, 13, 24, .82);
	font-size: 15px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field textarea {
	min-height: 160px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices {
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices label {
	display: block;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choice-control {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: start;
	gap: 14px;
	min-height: 64px;
	padding: 16px 18px;
	border: 1px solid rgba(151, 166, 196, .16);
	border-radius: 18px;
	background: rgba(255, 255, 255, .03);
	transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choice-indicator {
	position: relative;
	display: grid;
	width: 24px;
	height: 24px;
	margin-top: 1px;
	place-items: center;
	border: 1px solid rgba(185, 204, 240, .36);
	background: rgba(11, 16, 28, .88);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices label[data-choice-type="radio"] .navibiz-hub__diagnostic-choice-indicator {
	border-radius: 999px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices label[data-choice-type="checkbox"] .navibiz-hub__diagnostic-choice-indicator {
	border-radius: 8px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choice-indicator::after {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: transparent;
	content: "";
	opacity: 0;
	transform: scale(.6);
	transition: opacity .16s ease, transform .16s ease, background .16s ease, border-color .16s ease;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices label[data-choice-type="checkbox"] .navibiz-hub__diagnostic-choice-indicator::after {
	width: 12px;
	height: 7px;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	transform: rotate(45deg) scale(.7);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choice-copy strong {
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices input:checked + .navibiz-hub__diagnostic-choice-control {
	border-color: rgba(92, 141, 255, .38);
	background: linear-gradient(180deg, rgba(92, 141, 255, .14), rgba(124, 58, 237, .12));
	box-shadow: inset 0 0 0 1px rgba(92, 141, 255, .1);
	transform: translateY(-1px);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices label[data-choice-type="radio"] input:checked + .navibiz-hub__diagnostic-choice-control .navibiz-hub__diagnostic-choice-indicator::after {
	background: linear-gradient(180deg, #6da5ff, #8b5cf6);
	opacity: 1;
	transform: scale(1);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices label[data-choice-type="checkbox"] input:checked + .navibiz-hub__diagnostic-choice-control .navibiz-hub__diagnostic-choice-indicator::after {
	border-right-color: #6da5ff;
	border-bottom-color: #6da5ff;
	opacity: 1;
	transform: rotate(45deg) scale(1);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices input:checked + .navibiz-hub__diagnostic-choice-control .navibiz-hub__diagnostic-choice-indicator {
	border-color: rgba(109, 165, 255, .6);
	background: rgba(15, 25, 42, .96);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-choices input:focus-visible + .navibiz-hub__diagnostic-choice-control {
	outline: 3px solid rgba(109, 165, 255, .22);
	outline-offset: 3px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-field-error {
	min-height: 20px;
	color: #ffb8c6;
	font-size: 13px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-actions {
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 8px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 900px) {
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-intro {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-preview {
		display: none;
	}
}

@media (max-width: 560px) {
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-workspace,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-auth,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-intro {
		padding: 18px;
		border-radius: 22px;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-step-card {
		min-height: 0;
		padding: 20px 18px;
		border-radius: 20px;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-actions {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-actions .navibiz-hub__button {
		width: 100%;
	}
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card em {
	margin: 12px 0 8px;
	font-size: 1.05rem;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card p {
	color: rgba(222, 230, 245, .82);
	line-height: 1.55;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-service-card strong {
	font-size: 1rem;
	line-height: 1.45;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-actions {
	display: flex;
	justify-content: flex-end;
	gap: 14px;
	margin-top: 4px;
}

.navibiz-hub-modal-lock {
	overflow: hidden;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(7, 12, 22, .72);
	backdrop-filter: blur(6px);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-dialog {
	position: relative;
	z-index: 1;
	width: min(760px, 100%);
	max-height: calc(100vh - 48px);
	overflow: auto;
	padding: 28px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 28px;
	background: linear-gradient(180deg, rgba(13, 21, 38, .98) 0%, rgba(8, 13, 24, .98) 100%);
	box-shadow: 0 28px 90px rgba(0, 0, 0, .38);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-dismiss {
	position: absolute;
	top: 16px;
	right: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 1.8rem;
	line-height: 1;
	cursor: pointer;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-copy {
	margin-bottom: 20px;
	padding-right: 40px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-copy h2 {
	margin: 0 0 12px;
	font-size: clamp(1.8rem, 3vw, 2.4rem);
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-copy p:last-child {
	margin-bottom: 0;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-form {
	padding-top: 8px;
}

.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-form .navibiz-test-shortcode {
	display: block;
}

@media (max-width: 980px) {
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-snapshot-grid,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-header,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-meta,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-featured,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-recommendation-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 720px) {
	.navibiz-hub__recommendations-page {
		grid-template-columns: minmax(0, 1fr);
	}

	.navibiz-hub__recommendation-card.navibiz-hub__recommendation-service,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-panel,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-result-intro,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-article,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-block {
		padding: 20px;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-snapshot-card,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-content,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-section summary,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-assumptions,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-table th,
	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-report-table td {
		padding-left: 18px;
		padding-right: 18px;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-actions {
		flex-direction: column;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-actions .navibiz-hub__button {
		width: 100%;
		min-width: 0;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-modal {
		padding: 16px;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-dialog {
		padding: 22px 18px 18px;
		border-radius: 22px;
	}

	.navibiz-hub--diagnostics-page .navibiz-hub__diagnostic-budget-copy {
		padding-right: 28px;
	}
}