/* JP-SEC-HEADER — Elementor widget jp-header — Figma Final Homepage header */

.jp-header {
	/* Figma Frame 2147223888 — 1440 × 86, pad 20×120, nav gap 30 */
	/* Keep in sync with --jp-shell-* (style.css / jp-responsive-fix.css) */
	--jp-header-bar-max: var(--jp-shell-max, 1440px);
	--jp-header-h: 86px;
	--jp-header-pad-x: var(--jp-shell-pad-x, clamp(24px, calc(120 * 100vw / 1440), 120px));
	--jp-header-pad-y: 20px;
	--jp-header-btn-radius: 6px;
	--jp-header-nav-gap: 30px;
	--jp-header-actions-gap: 12px;
	--jp-header-blur: 16px;
	--jp-header-nav-size: 14px;
	--jp-header-nav-line: 18px;
	--jp-header-logo-size: 38px;
	--jp-header-logo-line: 1.2;
	--jp-header-logo-spacing: 0;
	--jp-header-btn-h: 46px;
	--jp-header-btn-pad-x: 34px;
	--jp-header-btn-pad-y: 14px;
	--jp-header-bar-radius: 0;
	--jp-header-bar-shadow-open: none;
	/* Figma CTA — #5603AD fill / white text (solid + overlay) */
	--jp-header-cta-fill: #5603ad;
	--jp-header-cta-text: #ffffff;
	--jp-header-cta-border: #5603ad;
	--jp-header-cta-reveal-fill: #3d0280;
	--jp-header-cta-reveal-text: #ffffff;
	--jp-header-cta-reveal-dur: 0.45s;
	--jp-header-login-bg-solid: #ffffff;
	--jp-header-login-border-solid: #000000;
	--jp-header-surface-dur: 0.2s;
	--jp-header-panel-h: 105px;
	position: relative;
	z-index: 1000;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-inline: max(16px, calc((100% - var(--jp-header-bar-max)) / 2));
	box-sizing: border-box;
	font-family: var(--jp-font-nav, "Plus Jakarta Sans", sans-serif);
	font-size: var(--jp-header-nav-size, 14px);
	font-weight: 500;
	line-height: var(--jp-header-nav-line, 18px);
	letter-spacing: 0;
	background: transparent;
	color: inherit;
}

/* Contained bar — not full viewport (Figma 1307px centered in 1440) */
.jp-header__bar {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: var(--jp-header-bar-max);
	margin-inline: auto;
	border-radius: 0 0 var(--jp-header-bar-radius) var(--jp-header-bar-radius);
	overflow: visible;
	background: transparent;
	transition: color var(--jp-header-surface-dur) ease, box-shadow var(--jp-header-surface-dur) ease;
}

/* Solid white surface on scroll/dropdown — no frosted glass at rest */
.jp-header__bar::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	background: #ffffff;
	box-shadow: none;
	opacity: 0;
	transition: opacity var(--jp-header-surface-dur) ease, box-shadow var(--jp-header-surface-dur) ease;
	pointer-events: none;
}

.jp-header__inner,
.jp-header__dropdown-track {
	position: relative;
	z-index: 1;
}

/* Row 2 — mega panels (absolute overlay; does not expand document flow) */
.jp-header__dropdown-track {
	width: 100%;
}

.jp-header__dropdown-track .jp-header__submenu {
	display: block !important;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
	pointer-events: none;
	transition: opacity var(--jp-header-surface-dur) ease, max-height var(--jp-header-surface-dur) ease, visibility var(--jp-header-surface-dur) ease;
}

.jp-header__dropdown-track .jp-header__submenu.is-active {
	opacity: 1;
	visibility: visible;
	max-height: 220px;
	overflow: visible;
	pointer-events: auto;
}

.jp-header__inner {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: var(--jp-header-pad-y, 20px) var(--jp-header-pad-x);
	min-height: var(--jp-header-h);
	box-sizing: border-box;
	overflow: visible;
}

.jp-header.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	margin-top: 0;
	padding-top: 0;
}

body.admin-bar .jp-header.is-sticky {
	top: var(--wp-admin--admin-bar--height, 32px);
}

body.admin-bar .jp-header {
	--jp-header-offset-top: var(--wp-admin--admin-bar--height, 32px);
}

/* WP admin bar ≤782px is absolute (no layout push) — do not reserve 46px gap */
@media screen and (max-width: 782px) {
	body.admin-bar .jp-header {
		--jp-header-offset-top: 0px;
	}

	body.admin-bar .jp-header.is-sticky {
		top: 0;
	}
}

/* At rest: fully clear — no glass / blur (JP Figma transparent header) */
.jp-header:not(.is-scrolled):not(.is-dropdown-open):not(.is-nav-open):not(:has(.jp-header__item--has-children:hover)):not(:has(.jp-header__dropdown-track:hover)):not(:has(.jp-header__dropdown-track .jp-header__submenu:hover)) .jp-header__bar {
	background: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

.jp-header:not(.is-scrolled):not(.is-dropdown-open):not(.is-nav-open):not(:has(.jp-header__item--has-children:hover)):not(:has(.jp-header__dropdown-track:hover)):not(:has(.jp-header__dropdown-track .jp-header__submenu:hover)) .jp-header__bar::before {
	opacity: 0 !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

/* Desktop: 3 columns — logo | nav (center) | CTAs (right) */
@media (min-width: 1101px) {
	.jp-header {
		--jp-header-pad-x: var(--jp-shell-pad-x, clamp(24px, calc(120 * 100vw / 1440), 120px));
	}

	.jp-header__inner {
		display: grid;
		grid-template-areas: "logo nav actions";
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		column-gap: 40px;
		align-items: center;
	}

	.jp-header__logo {
		grid-area: logo;
		justify-self: start;
	}

	.jp-header__nav,
	.jp-header__inner > .jp-header__nav {
		grid-area: nav;
		justify-self: center;
		flex: none;
		width: max-content;
		max-width: min(100%, 720px);
		position: static;
		inset: auto;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		background: transparent;
		padding: 0;
		max-height: none;
		overflow: visible;
	}

	.jp-header__menu {
		flex-wrap: nowrap;
	}

	.jp-header__actions {
		grid-area: actions;
		justify-self: end;
	}

	.jp-header__bar-end {
		display: none !important;
	}
}

/* Logo — Figma Frame 2147225057 (273×38) */
.jp-header__logo {
	display: inline-flex;
	align-items: center;
	gap: 3.41px;
	max-width: 273px;
	height: 38px;
	text-decoration: none;
	font-family: var(--jp-font-heading, "Manrope", sans-serif);
	font-weight: 800;
	font-size: var(--jp-header-logo-size, 31.25px);
	line-height: var(--jp-header-logo-line, 1.2);
	letter-spacing: var(--jp-header-logo-spacing, -1.5625px);
	color: inherit;
	flex-shrink: 0;
}

.jp-header__logo-mark {
	width: 46px;
	height: 23px;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none'%3E%3Cpath stroke='currentColor' stroke-width='2' stroke-linecap='round' d='M6 26c4-14 8-20 11-22M11 26c3-10 6-16 9-18M16 26c2-8 4-13 7-15M21 26c2-6 3-10 5-12M26 26c1-4 2-7 3-9'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.jp-header__logo-text {
	display: inline-flex;
	align-items: center;
	height: 38px;
	white-space: nowrap;
}

.jp-header__logo-img {
	height: 38px;
	width: auto;
	max-width: 273px;
	display: block;
	object-fit: contain;
	object-position: left center;
	transition: filter var(--jp-header-surface-dur, 0.4s) ease;
}

/* Nav */
.jp-header__nav {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.jp-header__menu {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 4px var(--jp-header-nav-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

.jp-header__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	text-decoration: none;
	font-family: var(--jp-font-subtitle-alt, "Inter", sans-serif);
	font-size: var(--jp-header-nav-size, 14px);
	font-weight: 400;
	line-height: var(--jp-header-nav-line, 20px);
	color: inherit;
	padding: 0 0 2px;
	transition: opacity 0.2s;
}

/* Figma 2147223886 — Plus Jakarta Sans 500 / 14 / 18 for all top-level links */
.jp-header__menu > .jp-header__item > .jp-header__link {
	font-family: var(--jp-font-nav, "Plus Jakarta Sans", sans-serif);
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0;
}

.jp-header__link:hover {
	opacity: 0.85;
}

/* Current page + parent section */
.jp-header__item.is-current > .jp-header__link,
.jp-header__item.current-menu-ancestor > .jp-header__link,
.jp-header__item.current-menu-item > .jp-header__link {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 10px;
}

.jp-header__panel-item.is-current > .jp-header__panel-link,
.jp-header__panel-item.current-menu-item > .jp-header__panel-link {
	background: linear-gradient(88.55deg, #f2f1fe -5.64%, #ffefdb 98.77%);
}

/* Figma — chevron-right rotated 90° (20×20) */
.jp-header__chev {
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	margin-top: 0;
	background-color: currentColor;
	opacity: 1;
	transition: transform var(--jp-header-surface-dur) ease;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 5 12.5 10 7.5 15' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 5 12.5 10 7.5 15' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	transform: rotate(90deg);
}

/* Dropdown — Figma ItemsList (desktop floating card) */
.jp-header__item {
	position: relative;
}

.jp-header__item--has-children {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.jp-header__chev-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	color: inherit;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

@media (min-width: 1101px) {
	.jp-header__nav {
		position: relative;
	}

	.jp-header__menu {
		position: static;
	}

	.jp-header__item--has-children {
		position: relative;
		gap: 4px;
	}

	/* Bar shell = top row only; dropdown floats over page content */
	.jp-header__bar {
		height: var(--jp-header-h);
		min-height: var(--jp-header-h);
	}

	.jp-header__dropdown-track {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 2;
		pointer-events: none;
		height: 0;
		overflow: visible;
	}

	.jp-header.is-dropdown-open .jp-header__dropdown-track {
		pointer-events: auto;
		height: auto;
		min-height: 24px;
	}

	.jp-header.is-dropdown-open .jp-header__dropdown-track::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: -16px;
		height: 16px;
		pointer-events: auto;
	}

	.jp-header__dropdown-track .jp-header__submenu.is-active {
		pointer-events: auto;
	}

	.jp-header__dropdown-track .jp-header__submenu {
		position: absolute;
		top: 8px;
		left: 0;
		margin: 0;
		padding: 0;
		border: none;
		background: transparent;
		box-shadow: none;
		width: 452px;
		max-width: min(452px, calc(100vw - 32px));
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-4px);
		transition: opacity var(--jp-header-surface-dur) ease, transform var(--jp-header-surface-dur) ease, visibility 0s linear var(--jp-header-surface-dur);
	}

	.jp-header__dropdown-track .jp-header__submenu.is-active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
		transition: opacity var(--jp-header-surface-dur) ease, transform var(--jp-header-surface-dur) ease, visibility 0s;
	}

	/* ItemsList is a floating card — do not stretch white bar */
	.jp-header:has(.jp-header__item--has-children:hover) .jp-header__bar::before,
	.jp-header:has(.jp-header__dropdown-track:hover) .jp-header__bar::before,
	.jp-header:has(.jp-header__dropdown-track .jp-header__submenu.is-active) .jp-header__bar::before,
	.jp-header.is-dropdown-open .jp-header__bar::before {
		bottom: 0;
	}

	.jp-header__item--has-children:hover > .jp-header__link,
	.jp-header__item--has-children.is-dropdown-active > .jp-header__link {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 10px;
	}

	.jp-header__item--has-children:hover > .jp-header__chev-btn .jp-header__chev,
	.jp-header__item--has-children.is-dropdown-active > .jp-header__chev-btn .jp-header__chev {
		transform: rotate(-90deg);
	}

	.jp-header:has(.jp-header__item--has-children:hover) .jp-header__bar::before,
	.jp-header:has(.jp-header__dropdown-track:hover) .jp-header__bar::before,
	.jp-header:has(.jp-header__dropdown-track .jp-header__submenu:hover) .jp-header__bar::before,
	.jp-header.is-dropdown-open .jp-header__bar::before {
		opacity: 1;
		box-shadow: none;
	}

	.jp-header:has(.jp-header__item--has-children:hover) .jp-header__bar,
	.jp-header:has(.jp-header__dropdown-track:hover) .jp-header__bar,
	.jp-header:has(.jp-header__dropdown-track .jp-header__submenu:hover) .jp-header__bar,
	.jp-header.is-dropdown-open .jp-header__bar {
		color: var(--jp-color-text, #1d1a15);
	}

	.jp-header:has(.jp-header__item--has-children:hover),
	.jp-header:has(.jp-header__dropdown-track:hover),
	.jp-header.is-dropdown-open {
		color: var(--jp-color-text, #1d1a15);
	}

	.jp-header__panel-inner {
		display: block;
		padding: 14px;
		background: #ffffff;
		border: 1px solid #f6f6f6;
		border-radius: 12px;
		box-shadow: none;
		opacity: 1;
		transform: none;
	}

	.jp-header__panel-label {
		display: none;
	}

	.jp-header__panel-links {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.jp-header__panel-item {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		border: 1px solid #f6f6f6;
		border-radius: 12px;
		background: #ffffff;
		overflow: hidden;
	}

	.jp-header__panel-item:hover,
	.jp-header__panel-item.is-current,
	.jp-header__panel-item.current-menu-item {
		background: linear-gradient(88.55deg, #f2f1fe -5.64%, #ffefdb 98.77%);
		border-color: #f6f6f6;
	}

	.jp-header__panel-link {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 16px;
		width: 100%;
		box-sizing: border-box;
		padding: 22px;
		border-radius: 8px;
		text-decoration: none;
		color: #181927;
		transition: opacity 0.15s ease;
	}

	.jp-header__panel-link:hover {
		opacity: 1;
	}

	.jp-header__panel-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		flex-shrink: 0;
		border-radius: 8px;
		background-color: #5b21b6;
		background-image: none;
		-webkit-mask: none;
		mask: none;
		position: relative;
	}

	.jp-header__panel-icon::before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background-color: #ffffff;
		-webkit-mask: center / contain no-repeat;
		mask: center / contain no-repeat;
	}

	.jp-header__panel-text {
		flex: 1;
		min-width: 0;
		font-family: var(--jp-font-nav, "Plus Jakarta Sans", sans-serif);
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 1;
		color: #181927;
	}

	/* Figma — no arrow chevrons in the dropdown panel items */
	.jp-header__panel-chev {
		display: none;
		width: 16px;
		height: 16px;
		flex-shrink: 0;
		background-color: #64748b;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4 10 8 6 12' stroke='%23000' stroke-width='2.28571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4 10 8 6 12' stroke='%23000' stroke-width='2.28571' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	/* Plugin (Menu Icons) SVGs are used as-is — no chip, no recolor.
	   Beat Menu Icons `.menu-item ._svg { width: 1em }` specificity. */
	.jp-header__panel-icon--plugin {
		background: transparent !important;
		border-radius: 0;
	}

	.jp-header__panel-icon--plugin::before {
		display: none !important;
	}

	.jp-header .jp-header__panel-icon--plugin img._mi,
	.jp-header .jp-header__panel-icon--plugin img._svg,
	.jp-header .jp-header__panel-icon--plugin svg {
		display: block !important;
		width: 32px !important;
		height: 32px !important;
		max-width: none !important;
		margin: 0 !important;
		object-fit: contain;
		filter: none !important;
	}

	.jp-header__panel-icon--plugin ._mi,
	.jp-header__panel-icon--plugin ._svg {
		margin: 0;
		line-height: 0;
	}

	.jp-header__panel-icon--timer::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='13' r='8' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 9v4l2.5 1.5M9 3h6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='13' r='8' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 9v4l2.5 1.5M9 3h6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	.jp-header__panel-icon--users::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4.5 19c0-2.2 1.8-4 4-4h1M19.5 19c0-2.2-1.8-4-4-4h-1M12 19c0-2.2 1.3-4 3-4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4.5 19c0-2.2 1.8-4 4-4h1M19.5 19c0-2.2-1.8-4-4-4h-1M12 19c0-2.2 1.3-4 3-4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

	.jp-header__panel-icon--briefcase::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M4 7h16v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 12h16' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M4 7h16v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 12h16' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
	}

	.jp-header__panel-icon--shield::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3 5 6v6c0 4.5 3 7.5 7 9 4-1.5 7-4.5 7-9V6l-7-3Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3 5 6v6c0 4.5 3 7.5 7 9 4-1.5 7-4.5 7-9V6l-7-3Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	.jp-header__panel-icon--doc::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 3h6l4 4v14a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 16h6' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 3h6l4 4v14a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 16h6' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

	.jp-header__panel-icon--blog::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8.5a2 2 0 0 1-2 2H9l-4 3v-3H7a2 2 0 0 1-2-2V6Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 9h6M9 12h4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8.5a2 2 0 0 1-2 2H9l-4 3v-3H7a2 2 0 0 1-2-2V6Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 9h6M9 12h4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

	.jp-header__panel-icon--partner::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4 19c0-2.2 1.8-4 4-4M20 19c0-2.2-1.8-4-4-4M12 19c0-2.2 1.3-4 3-4s3 1.8 3 4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4 19c0-2.2 1.8-4 4-4M20 19c0-2.2-1.8-4-4-4M12 19c0-2.2 1.3-4 3-4s3 1.8 3 4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}
}

/* CTAs — header-scoped only (global button widget = JP-WIDGET-BUTTON) */
.jp-header__actions {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.jp-header__actions-inner {
	display: flex;
	align-items: center;
	gap: var(--jp-header-actions-gap);
}

.jp-header__actions--mobile {
	display: none;
}

/* Phone drawer CTA — hidden until ≤700 + nav open */
.jp-header__actions--drawer {
	display: none;
}

.jp-header__login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--jp-header-btn-h, 56px);
	padding: var(--jp-header-btn-pad-y, 12px) var(--jp-header-btn-pad-x, 24px);
	border-radius: var(--jp-header-btn-radius);
	font-family: inherit;
	font-size: var(--jp-header-nav-size, 14px);
	font-weight: 500;
	line-height: var(--jp-header-nav-line, 20px);
	text-decoration: none;
	color: inherit;
	background: transparent;
	border: 1px solid currentColor;
	transition: opacity 0.2s, background var(--jp-header-surface-dur) ease, border-color var(--jp-header-surface-dur) ease, color var(--jp-header-surface-dur) ease;
}

.jp-header__login:hover {
	opacity: 0.88;
}

.jp-header__cta,
.jp-header__cta--bar {
	position: relative;
	z-index: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--jp-header-btn-h, 56px);
	padding: var(--jp-header-btn-pad-y, 12px) var(--jp-header-btn-pad-x, 24px);
	border-radius: var(--jp-header-btn-radius);
	font-family: inherit;
	font-size: var(--jp-header-nav-size, 14px);
	font-weight: 500;
	line-height: var(--jp-header-nav-line, 20px);
	text-decoration: none;
	flex-shrink: 0;
	overflow: hidden;
	background-color: var(--jp-header-cta-fill);
	background-image: linear-gradient(
		45deg,
		var(--jp-header-cta-reveal-fill) 50%,
		var(--jp-header-cta-fill) 50%
	);
	background-size: 300%;
	background-position: 100%;
	background-repeat: no-repeat;
	color: var(--jp-header-cta-text);
	border: 1px solid var(--jp-header-cta-fill);
	box-shadow: none;
	transition:
		background-position 0.55s ease-in-out,
		color 0.55s ease-in-out,
		border-color 0.55s ease-in-out,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.jp-header__cta-label {
	position: relative;
	z-index: 2;
}

/* Julia Payne Figma — purple CTA always (#5603AD); darker on hover */
.jp-header--overlay:not(.is-scrolled):not(.is-dropdown-open):not(.is-nav-open):not(:has(.jp-header__item--has-children:hover)):not(:has(.jp-header__dropdown-track:hover)):not(:has(.jp-header__dropdown-track .jp-header__submenu:hover)),
.jp-header--solid,
.jp-header--solid.is-scrolled,
.jp-header.is-scrolled,
.jp-header.is-dropdown-open,
.jp-header.is-nav-open,
.jp-header:has(.jp-header__item--has-children:hover),
.jp-header:has(.jp-header__dropdown-track:hover),
.jp-header:has(.jp-header__dropdown-track .jp-header__submenu:hover) {
	--jp-header-cta-fill: #5603ad;
	--jp-header-cta-text: #ffffff;
	--jp-header-cta-border: #5603ad;
	--jp-header-cta-reveal-fill: #3d0280;
	--jp-header-cta-reveal-text: #ffffff;
}

@media (hover: hover) and (pointer: fine) {
	.jp-header__cta:hover,
	.jp-header__cta--bar:hover {
		background-position: 0;
		color: var(--jp-header-cta-reveal-text);
		border-color: var(--jp-header-cta-reveal-fill);
		box-shadow: 0 4px 16px rgba(86, 3, 173, 0.32);
		transform: translateY(-1px);
		transition:
			background-position 0.75s ease-in-out,
			color 0.75s ease-in-out,
			border-color 0.75s ease-in-out,
			box-shadow 0.2s ease,
			transform 0.2s ease;
	}

	.jp-header__cta:active,
	.jp-header__cta--bar:active {
		background-position: 0;
		background-color: var(--jp-header-cta-reveal-fill);
		color: var(--jp-header-cta-reveal-text);
		border-color: var(--jp-header-cta-reveal-fill);
		box-shadow: none;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.jp-header__cta,
	.jp-header__cta--bar {
		transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
	}

	.jp-header__cta:hover,
	.jp-header__cta--bar:hover {
		transform: none;
	}

	.jp-header__cta:active,
	.jp-header__cta--bar:active {
		background-color: var(--jp-header-cta-reveal-fill);
		color: var(--jp-header-cta-reveal-text);
		border-color: var(--jp-header-cta-reveal-fill);
		box-shadow: none;
	}
}

/* Mobile toggle */
.jp-header__toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-left: auto;
	padding: 0;
	border: none;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.15);
	color: inherit;
	cursor: pointer;
}

.jp-header__toggle-icon {
	display: block;
	width: 22px;
	height: 2px;
	background: currentColor;
	position: relative;
	border-radius: 1px;
}

.jp-header__toggle-icon::before,
.jp-header__toggle-icon::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: currentColor;
	border-radius: 1px;
	transition: transform 0.25s ease, top 0.25s ease;
}

.jp-header__toggle-icon::before {
	top: -7px;
}

.jp-header__toggle-icon::after {
	top: 7px;
}

.jp-header.is-nav-open .jp-header__toggle-icon {
	background: transparent;
}

.jp-header.is-nav-open .jp-header__toggle-icon::before {
	top: 0;
	transform: rotate(45deg);
}

.jp-header.is-nav-open .jp-header__toggle-icon::after {
	top: 0;
	transform: rotate(-45deg);
}

/* Overlay at rest — optional tint only if --jp-header-overlay-bar-opacity is set */
.jp-header--overlay:not(.is-scrolled):not(.is-dropdown-open):not(:has(.jp-header__item--has-children:hover)):not(:has(.jp-header__dropdown-track:hover)) .jp-header__bar::before {
	opacity: var(--jp-header-overlay-bar-opacity, 0);
	background: var(--jp-header-overlay-bar-bg, #ffffff);
	box-shadow: none;
}

.jp-header--overlay:not(.is-scrolled):has(.jp-header__item--has-children:hover) .jp-header__bar::before,
.jp-header--overlay:not(.is-scrolled):has(.jp-header__dropdown-track:hover) .jp-header__bar::before,
.jp-header--overlay.is-dropdown-open:not(.is-scrolled) .jp-header__bar::before {
	opacity: 1;
	box-shadow: none;
}

/* Light pages for now — dark ink on clear bar (hero can force on-dark later) */
.jp-header--overlay:not(.is-scrolled):not(.is-dropdown-open):not(:has(.jp-header__item--has-children:hover)):not(:has(.jp-header__dropdown-track:hover)) {
	color: var(--jp-color-text, #1d1a15);
}

.jp-header--overlay:not(.is-scrolled):not(.is-dropdown-open) .jp-header__bar {
	box-shadow: none;
}

.jp-header--overlay:not(.is-scrolled):not(.is-dropdown-open):not(:has(.jp-header__item--has-children:hover)):not(:has(.jp-header__dropdown-track:hover)) .jp-header__login {
	color: var(--jp-color-text, #1d1a15);
	border-color: var(--jp-color-text, #1d1a15);
}

/* White bar only when scrolled / dropdown open — never frosted glass at rest */
.jp-header.is-scrolled .jp-header__bar::before,
.jp-header.is-dropdown-open .jp-header__bar::before,
.jp-header:has(.jp-header__item--has-children:hover) .jp-header__bar::before,
.jp-header:has(.jp-header__dropdown-track:hover) .jp-header__bar::before,
.jp-header:has(.jp-header__dropdown-track .jp-header__submenu:hover) .jp-header__bar::before {
	opacity: 1;
	box-shadow: none;
}

.jp-header.is-scrolled .jp-header__bar,
.jp-header--solid .jp-header__bar,
.jp-header.is-dropdown-open .jp-header__bar,
.jp-header:has(.jp-header__item--has-children:hover) .jp-header__bar,
.jp-header:has(.jp-header__dropdown-track:hover) .jp-header__bar,
.jp-header:has(.jp-header__dropdown-track .jp-header__submenu:hover) .jp-header__bar {
	color: var(--jp-color-text, #1d1a15);
}

.jp-header.is-scrolled .jp-header__login,
.jp-header--solid .jp-header__login,
.jp-header.is-dropdown-open .jp-header__login,
.jp-header:has(.jp-header__item--has-children:hover) .jp-header__login,
.jp-header:has(.jp-header__dropdown-track:hover) .jp-header__login {
	color: var(--jp-header-login-border-solid, #000);
	background: var(--jp-header-login-bg-solid, #fff);
	border-color: var(--jp-header-login-border-solid, #000);
}

/* White PNG logo — flip to black when header bar is light (dropdown, scroll, solid, mobile nav) */
.jp-header--solid .jp-header__logo-img,
.jp-header.is-scrolled .jp-header__logo-img,
.jp-header.is-dropdown-open .jp-header__logo-img,
.jp-header.is-nav-open .jp-header__logo-img,
.jp-header:has(.jp-header__item--has-children:hover) .jp-header__logo-img,
.jp-header:has(.jp-header__dropdown-track:hover) .jp-header__logo-img,
.jp-header:has(.jp-header__dropdown-track .jp-header__submenu:hover) .jp-header__logo-img {
	filter: brightness(0);
}

/* Spacer when sticky — overlay hero: 0 until scroll; never includes dropdown height */
.jp-header-spacer {
	display: block;
	height: 0;
}

.jp-header--solid.is-sticky + .jp-header-spacer.is-active {
	height: var(--jp-header-inner-h, var(--jp-header-h));
}

.jp-header--overlay.is-sticky.is-scrolled + .jp-header-spacer.is-active {
	height: var(--jp-header-inner-h, var(--jp-header-h));
}

/* Bar end — mobile CTA + toggle (Figma 390px header) */
.jp-header__bar-end {
	display: none;
}

/* Tablet and below — Figma mobile bar + drawer (≤1100px; desktop nav from 1101px) */
@media (max-width: 1100px) {
	.jp-header {
		/* Figma Frame 5 — 390×56 mobile bar */
		--jp-header-h: 56px;
		--jp-header-btn-h: 40px;
		--jp-header-inner-h: 56px;
		--jp-header-bar-h: 56px;
		--jp-header-pad-x: 20px;
		--jp-header-bar-end-gap: 12px;
		--jp-header-logo-size: 23.0267px;
		--jp-header-logo-spacing: -1.15133px;
		--jp-header-mobile-cta-size: 12px;
		--jp-header-mobile-border: rgba(230, 219, 202, 0.1);
		--jp-header-mobile-divider: rgba(197, 140, 96, 0.1);
		--jp-header-mobile-ink: #1a1814;
		--jp-header-mobile-icon: #306d84;
		--jp-header-mobile-chevron: #a9a8a6;
		--jp-header-drawer-pad-y: 0px;
		/* Figma Frame 2147225048 — 115×28 lockup scaled to ~48px bar height */
		--jp-header-mobile-logo-h: 48px;
		--jp-header-mobile-logo-size: 39.5px;
		--jp-header-mobile-logo-max-w: 200px;
		--jp-header-mobile-mark-w: 57.6px;
		--jp-header-mobile-mark-h: 28.6px;
		padding: 0;
		margin: 0;
		width: 100%;
		max-width: none;
	}

	body.admin-bar .jp-header {
		--jp-header-offset-top: 0px;
	}

	body.admin-bar .jp-header.is-sticky {
		top: 0;
	}

	.jp-header__bar {
		width: 100%;
		max-width: none;
		border-radius: 0;
		border-bottom: 1px solid var(--jp-header-mobile-border);
	}

	.jp-header__inner {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 0;
		padding: 0 var(--jp-header-pad-x);
		min-height: var(--jp-header-h);
		height: var(--jp-header-h);
		box-sizing: border-box;
	}

	.jp-header__logo {
		flex-shrink: 0;
		min-width: 0;
		max-width: min(var(--jp-header-mobile-logo-max-w, 200px), calc(100% - 152px));
		height: var(--jp-header-mobile-logo-h, 48px);
		gap: 8px;
		font-family: var(--jp-font-heading, "Manrope", sans-serif);
		font-weight: 800;
		font-size: var(--jp-header-mobile-logo-size, 39.5px);
		letter-spacing: var(--jp-header-logo-spacing, -1.15133px);
		line-height: 1.2;
	}

	.jp-header__logo-mark {
		width: var(--jp-header-mobile-mark-w, 57.6px);
		height: var(--jp-header-mobile-mark-h, 28.6px);
	}

	.jp-header__logo-text {
		height: var(--jp-header-mobile-logo-h, 48px);
	}

	.jp-header__logo-img {
		display: block;
		width: auto !important;
		height: var(--jp-header-mobile-logo-h, 48px) !important;
		max-height: var(--jp-header-mobile-logo-h, 48px) !important;
		max-width: min(var(--jp-header-mobile-logo-max-w, 200px), calc(100vw - 168px)) !important;
		object-fit: contain;
		object-position: left center;
	}

	.jp-header__bar-end {
		display: flex;
		align-items: center;
		gap: var(--jp-header-bar-end-gap, 12px);
		margin-left: auto;
		flex-shrink: 0;
	}

	.jp-header__actions--bar {
		display: flex;
		align-items: center;
	}

	.jp-header__cta--bar {
		min-height: var(--jp-header-btn-h, 40px);
		height: var(--jp-header-btn-h, 40px);
		min-width: 113px;
		padding: 12px 24px;
		font-size: var(--jp-header-mobile-cta-size, 12px);
		font-weight: 500;
		line-height: 20px;
		white-space: nowrap;
		border-radius: 8px;
	}

	/* Julia Payne tablet/mobile — purple Book a Call (Figma Home Tablet) */
	.jp-header--overlay:not(.is-scrolled):not(.is-nav-open) .jp-header__cta--bar {
		--jp-header-cta-fill: #5603ad;
		--jp-header-cta-text: #ffffff;
		--jp-header-cta-border: #5603ad;
		--jp-header-cta-reveal-fill: #3d0280;
		--jp-header-cta-reveal-text: #ffffff;
	}

	/* Light hero — dark logo + dark hamburger on white bar */
	.jp-header--overlay:not(.is-scrolled):not(.is-nav-open) .jp-header__logo,
	.jp-header--overlay:not(.is-scrolled):not(.is-nav-open) .jp-header__toggle {
		color: #181927;
	}

	.jp-header__inner > .jp-header__actions {
		display: none !important;
	}

	.jp-header__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 20px;
		height: 20px;
		min-width: 20px;
		min-height: 20px;
		margin-left: 0;
		padding: 0;
		background: transparent !important;
		border: none;
		border-radius: 0;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
	}

	/* Figma Frame — 20×20, three 1px lines @ 30% / 50% / 70% */
	.jp-header__toggle-icon {
		position: absolute;
		left: 22.5%;
		width: 55%;
		height: 1px;
		top: 10px;
		margin: 0;
		border-radius: 0;
	}

	.jp-header__toggle-icon::before,
	.jp-header__toggle-icon::after {
		left: 0;
		width: 100%;
		height: 1px;
		border-radius: 0;
	}

	.jp-header__toggle-icon::before {
		top: -4px;
	}

	.jp-header__toggle-icon::after {
		top: 4px;
	}

	.jp-header.is-nav-open .jp-header__toggle-icon {
		background: transparent;
		top: 10px;
	}

	.jp-header.is-nav-open .jp-header__toggle-icon::before {
		top: 0;
	}

	.jp-header.is-nav-open .jp-header__toggle-icon::after {
		top: 0;
	}

	/* Open menu — solid white bar (Figma “Clicked”) */
	.jp-header.is-nav-open .jp-header__bar::before {
		opacity: 1;
		box-shadow: none;
	}

	.jp-header.is-nav-open,
	.jp-header.is-nav-open .jp-header__link,
	.jp-header.is-nav-open .jp-header__logo,
	.jp-header.is-nav-open .jp-header__toggle {
		color: var(--jp-header-mobile-ink, #1a1814);
	}

	/* Hero overlay — closed: transparent bar; open/scrolled: white (Figma 0:10) */
	.jp-header--overlay:not(.is-scrolled):not(.is-nav-open) .jp-header__bar::before {
		opacity: 0;
	}

	.jp-header--overlay.is-scrolled .jp-header__bar::before,
	.jp-header--overlay.is-nav-open .jp-header__bar::before {
		opacity: 1;
		box-shadow: none;
	}

	/* Closed — hide drawer off-screen (fixed layer caused gap vs bar) */
	.jp-header:not(.is-nav-open) .jp-header__inner > .jp-header__nav,
	.jp-header:not(.is-nav-open) .jp-header__nav {
		position: fixed;
		top: -9999px;
		left: 0;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	/* Open — full-viewport drawer (Figma mobile menu); works with or without sticky */
	.jp-header.is-nav-open {
		position: fixed;
		top: var(--jp-header-offset-top, 0px);
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100000;
		width: 100%;
		max-width: none;
		height: calc(100dvh - var(--jp-header-offset-top, 0px));
		max-height: calc(100dvh - var(--jp-header-offset-top, 0px));
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-sizing: border-box;
	}

	.jp-header.is-nav-open .jp-header__bar {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-height: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		border-bottom: none;
		overflow: hidden;
	}

	/* White fill only on the 56px bar row — drawer panel sits below (Figma top: 82px) */
	.jp-header.is-nav-open .jp-header__bar::before {
		opacity: 1;
		border-radius: 0;
		height: var(--jp-header-h);
		bottom: auto;
		border-bottom: 1px solid var(--jp-header-mobile-border);
	}

	/* Open drawer — header row + scrollable panel flush beneath (no dead gap) */
	.jp-header.is-nav-open .jp-header__inner {
		position: relative;
		display: block;
		flex: 1 1 auto;
		align-items: stretch;
		min-height: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		padding: 0;
		box-sizing: border-box;
	}

	.jp-header.is-nav-open .jp-header__logo {
		position: relative;
		z-index: 2;
		flex: 0 0 var(--jp-header-h);
		display: flex;
		align-items: center;
		align-self: flex-start;
		width: auto;
		max-width: min(var(--jp-header-mobile-logo-max-w, 200px), calc(100% - 152px));
		height: var(--jp-header-h);
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.jp-header.is-nav-open .jp-header__logo-img {
		height: var(--jp-header-mobile-logo-h, 48px) !important;
		max-height: var(--jp-header-mobile-logo-h, 48px) !important;
	}

	.jp-header.is-nav-open .jp-header__bar-end {
		position: absolute;
		top: 0;
		right: var(--jp-header-pad-x);
		z-index: 3;
		display: flex;
		align-items: center;
		height: var(--jp-header-h);
		margin-left: 0;
	}

	.jp-header.is-nav-open .jp-header__inner > .jp-header__nav,
	.jp-header.is-nav-open .jp-header__nav {
		position: absolute;
		top: var(--jp-header-h);
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		flex: none;
		align-self: stretch;
		width: 100%;
		min-height: 0;
		max-height: none;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		background: #ffffff;
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
		padding: 0;
		margin: 0;
		justify-content: flex-start;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.jp-header__menu {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.jp-header__item {
		width: 100%;
		border-bottom: none;
	}

	.jp-header__menu > .jp-header__item {
		border-bottom: 1px solid var(--jp-header-mobile-divider, rgba(197, 140, 96, 0.1));
	}

	/* Figma — 16px before Platform + More groups only (not Agent Marketplace) */
	.jp-header.is-nav-open .jp-header__menu > .jp-header__item--has-children:nth-child(2),
	.jp-header.is-nav-open .jp-header__menu > .jp-header__item--has-children:nth-child(4) {
		padding-top: 0;
	}

	.jp-header__link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 48px;
		padding: 14px var(--jp-header-pad-x, 24px);
		box-sizing: border-box;
		font-family: "Helvetica Neue", Helvetica, Arial, var(--jp-font-body, sans-serif);
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		color: var(--jp-header-mobile-ink, #1a1814);
	}

	.jp-header__menu > .jp-header__item > .jp-header__link {
		font-size: 16px;
		line-height: 20px;
	}

	.jp-header__menu > .jp-header__item:first-child > .jp-header__link {
		font-family: "Helvetica Neue", Helvetica, Arial, var(--jp-font-body, sans-serif);
		font-weight: 700;
		letter-spacing: 0;
	}

	.jp-header.is-nav-open .jp-header__item.is-current > .jp-header__link,
	.jp-header.is-nav-open .jp-header__item.current-menu-ancestor > .jp-header__link {
		color: var(--jp-header-mobile-icon, #306d84);
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-item.is-current > .jp-header__panel-link,
	.jp-header__item > .jp-header__submenu .jp-header__panel-item.current-menu-item > .jp-header__panel-link {
		color: var(--jp-header-mobile-icon, #306d84);
		font-weight: 600;
	}

	.jp-header__item:not(.jp-header__item--has-children) > .jp-header__link {
		min-height: 56px;
	}

	.jp-header__item--has-children {
		align-items: stretch;
	}

	.jp-header__item--has-children > .jp-header__link {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}

	.jp-header__chev-btn {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-width: 48px;
		min-height: 48px;
		padding: 0 24px 0 4px;
		background: none;
		border: 0;
		margin: 0;
		color: inherit;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.jp-header__chev {
		width: 20px;
		height: 20px;
		color: var(--jp-header-mobile-chevron, #a9a8a6);
		opacity: 1;
	}

	/* Accordion chevron -- collapsed: right; expanded: down (base SVG is chevron-right) */
	.jp-header__item--has-children:not(.is-open) > .jp-header__chev-btn .jp-header__chev {
		transform: rotate(0deg);
	}

	.jp-header__item--has-children.is-open > .jp-header__chev-btn .jp-header__chev {
		transform: rotate(90deg);
	}

	/* Panels live inside each <li> on mobile (JS mount) */
	.jp-header__dropdown-track {
		display: none !important;
	}

	/* Panel is a flex-item sibling of the label/chevron row (JS mounts it as a
	   direct child of the <li>) — force it onto its own full-width line
	   instead of squeezing into that row. */
	.jp-header__item--has-children > .jp-header__submenu {
		flex: 1 0 100%;
		width: 100%;
		display: grid !important;
		grid-template-rows: 0fr;
		overflow: hidden;
		opacity: 1;
		visibility: hidden;
		pointer-events: none;
		transition: grid-template-rows 0.3s ease, visibility 0s linear 0.3s;
	}

	.jp-header__item--has-children.is-open > .jp-header__submenu {
		grid-template-rows: 1fr;
		visibility: visible;
		pointer-events: auto;
		transition: grid-template-rows 0.3s ease, visibility 0s;
	}

	.jp-header.is-nav-open .jp-header__item--has-children > .jp-header__link {
		border-bottom: none;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-inner {
		opacity: 1;
		transform: none;
		border-top: none;
		padding: 0;
		margin: 0;
		min-height: 0;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-label {
		display: none;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-links {
		display: flex;
		flex-direction: column;
		gap: 0;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-item {
		border-bottom: none;
		min-height: 0;
	}

	.jp-header.is-nav-open .jp-header__item--has-children > .jp-header__submenu .jp-header__panel-links {
		padding-bottom: 0;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-link {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		box-sizing: border-box;
		min-height: 52px;
		padding: 14px var(--jp-header-pad-x, 24px) 14px 40px;
		text-decoration: none;
		color: var(--jp-header-mobile-ink, #1a1814);
		font-family: var(--jp-font-nav, "Plus Jakarta Sans", sans-serif);
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-text {
		flex: 1;
		min-width: 0;
		font-size: 14px;
		line-height: 18px;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-chev {
		display: none;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		flex-shrink: 0;
		border-radius: 8px;
		background-color: #5b21b6;
		background-image: none;
		-webkit-mask: none;
		mask: none;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon::before {
		content: "";
		display: block;
		width: 14px;
		height: 14px;
		background-color: #ffffff;
		-webkit-mask: center / contain no-repeat;
		mask: center / contain no-repeat;
	}

	/* Plugin (Menu Icons) SVGs are used as-is — no chip, no recolor. */
	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--plugin {
		background: transparent !important;
		border-radius: 0;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--plugin::before {
		display: none !important;
	}

	.jp-header .jp-header__item > .jp-header__submenu .jp-header__panel-icon--plugin img._mi,
	.jp-header .jp-header__item > .jp-header__submenu .jp-header__panel-icon--plugin img._svg,
	.jp-header .jp-header__item > .jp-header__submenu .jp-header__panel-icon--plugin svg {
		width: 28px !important;
		height: 28px !important;
		max-width: none !important;
		margin: 0 !important;
		object-fit: contain;
		filter: none !important;
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--timer::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='13' r='8' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 9v4l2.5 1.5M9 3h6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='13' r='8' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 9v4l2.5 1.5M9 3h6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--users::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4.5 19c0-2.2 1.8-4 4-4h1M19.5 19c0-2.2-1.8-4-4-4h-1M12 19c0-2.2 1.3-4 3-4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4.5 19c0-2.2 1.8-4 4-4h1M19.5 19c0-2.2-1.8-4-4-4h-1M12 19c0-2.2 1.3-4 3-4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--briefcase::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M4 7h16v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 12h16' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M4 7h16v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 12h16' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--shield::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3 5 6v6c0 4.5 3 7.5 7 9 4-1.5 7-4.5 7-9V6l-7-3Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3 5 6v6c0 4.5 3 7.5 7 9 4-1.5 7-4.5 7-9V6l-7-3Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--doc::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 3h6l4 4v14a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 16h6' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 3h6l4 4v14a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 16h6' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--blog::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8.5a2 2 0 0 1-2 2H9l-4 3v-3H7a2 2 0 0 1-2-2V6Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 9h6M9 12h4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8.5a2 2 0 0 1-2 2H9l-4 3v-3H7a2 2 0 0 1-2-2V6Z' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 9h6M9 12h4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

	.jp-header__item > .jp-header__submenu .jp-header__panel-icon--partner::before {
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4 19c0-2.2 1.8-4 4-4M20 19c0-2.2-1.8-4-4-4M12 19c0-2.2 1.3-4 3-4s3 1.8 3 4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4 19c0-2.2 1.8-4 4-4M20 19c0-2.2-1.8-4-4-4M12 19c0-2.2 1.3-4 3-4s3 1.8 3 4' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

	.jp-header.is-nav-open .jp-header__menu {
		flex: 0 0 auto;
		min-height: 0;
		width: 100%;
		justify-content: flex-start;
	}

	/* Drawer open — keep purple Book a Call (JP Figma) */
	.jp-header.is-nav-open .jp-header__cta--bar,
	.jp-header.is-nav-open .jp-header__cta--drawer {
		--jp-header-cta-fill: #5603ad;
		--jp-header-cta-text: #ffffff;
		--jp-header-cta-border: #5603ad;
		--jp-header-cta-reveal-fill: #3d0280;
		--jp-header-cta-reveal-text: #ffffff;
	}

	.jp-header.is-nav-open .jp-header__toggle {
		background: transparent !important;
		box-shadow: none;
	}
}

@media (min-width: 700px) and (max-width: 1100px) {
	.jp-header__item > .jp-header__submenu .jp-header__panel-link {
		padding-left: 80px;
	}
}

/* Phone — Book a Call in drawer only (Figma Frame 2147225359) */
@media (max-width: 700px) {
	/* Figma mobile nav — 392×77.33, pad 24, logo 110×29.33, hamburger #5603AD */
	.jp-header {
		--jp-header-h: 77px;
		--jp-header-inner-h: 77px;
		--jp-header-bar-h: 77px;
		--jp-header-pad-x: var(--jp-shell-pad-x, 24px);
		--jp-header-mobile-logo-h: 29.33px;
		--jp-header-mobile-logo-size: 29.33px;
		--jp-header-mobile-logo-max-w: 110px;
	}

	.jp-header__bar {
		border-bottom: 0.4px solid #d9d9d9;
	}

	.jp-header__inner {
		min-height: var(--jp-header-h);
		height: var(--jp-header-h);
		padding: 0 var(--jp-header-pad-x);
	}

	.jp-header__logo {
		height: 29.33px;
		max-width: 110px;
		font-size: 29.33px;
	}

	.jp-header__logo-text {
		height: 29.33px;
	}

	.jp-header__logo-img {
		width: auto !important;
		height: 29.33px !important;
		max-height: 29.33px !important;
		max-width: 110px !important;
	}

	.jp-header__toggle {
		width: 28px;
		height: 16px;
		min-width: 28px;
		min-height: 16px;
		color: #5603ad;
	}

	.jp-header__toggle-icon {
		left: 0;
		width: 28px;
		height: 2.33px;
		top: 0;
		background: #5603ad;
		border-radius: 2.33px;
	}

	.jp-header__toggle-icon::before,
	.jp-header__toggle-icon::after {
		left: 0;
		width: 28px;
		height: 2.33px;
		background: #5603ad;
		border-radius: 2.33px;
	}

	.jp-header__toggle-icon::before {
		top: 7px;
	}

	.jp-header__toggle-icon::after {
		width: 18.67px;
		top: 14px;
	}

	.jp-header.is-nav-open .jp-header__toggle-icon {
		background: transparent;
		top: 7px;
	}

	.jp-header.is-nav-open .jp-header__toggle-icon::before,
	.jp-header.is-nav-open .jp-header__toggle-icon::after {
		width: 28px;
		background: #5603ad;
	}

	.jp-header__actions--bar {
		display: none !important;
	}

	.jp-header.is-nav-open .jp-header__actions--drawer {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		padding: 24px;
		box-sizing: border-box;
		flex: 0 0 auto;
	}

	.jp-header__cta--drawer {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 48px;
		height: 48px;
		padding: 12px 24px;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		white-space: nowrap;
		border-radius: 8px;
		text-decoration: none;
		box-sizing: border-box;
	}

	.jp-header.is-nav-open .jp-header__logo {
		max-width: 110px;
	}
}

@media (max-width: 480px) {
	.jp-header__logo {
		max-width: 110px;
	}

	.jp-header__logo-img {
		max-width: 110px !important;
	}

	.jp-header__cta--bar {
		min-width: 0;
		padding: 12px 18px;
	}
}

@media (min-width: 1101px) {
	.jp-header__bar-end,
	.jp-header__actions--bar {
		display: none !important;
	}
}

.jp-header__menu-empty {
	margin: 0;
	padding: 12px 0;
	font-size: 0.85rem;
	opacity: 0.85;
}

body.jp-header-nav-open {
	overflow: hidden;
	overscroll-behavior: none;
	touch-action: none;
}

html.jp-header-nav-open {
	overflow: hidden;
	height: 100%;
	overscroll-behavior: none;
}

/* Elementor editor + frontend — don’t clip dropdown; flush to top (no container gap) */
.elementor-widget-jp-header,
.elementor-widget-jp-header > .elementor-widget-container {
	overflow: visible !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

.e-con:has(> .e-con-inner > .elementor-widget-jp-header),
.e-con:has(> .e-con-inner > .elementor-widget-jp-header) > .e-con-inner {
	overflow: visible !important;
	padding-block: 0 !important;
	margin-block: 0 !important;
	--padding-top: 0 !important;
	--padding-bottom: 0 !important;
	--e-con-padding-top: 0 !important;
	--e-con-padding-bottom: 0 !important;
	min-height: 0 !important;
}

/* Sticky overlay — section height = spacer only; hero sits under header */
.e-con:has(.elementor-widget-jp-header) {
	padding-block: 0 !important;
	margin-block: 0 !important;
	gap: 0 !important;
	row-gap: 0 !important;
}

/* Sticky overlay — collapse header-only rows; never zero-height shells that also hold hero columns */
.e-con:has(.jp-header[data-overlay="1"].is-sticky:not(.is-scrolled)):not(.jp-hero-container):not(.jp-page-hero):not(:has(> .e-con-inner > .e-con)):not(:has(.elementor-widget-juliapayne-contact-page)),
.e-con:has(.elementor-widget-jp-header [data-overlay="1"].is-sticky:not(.is-scrolled)):not(.jp-hero-container):not(.jp-page-hero):not(:has(> .e-con-inner > .e-con)):not(:has(.elementor-widget-juliapayne-contact-page)) {
	min-height: 0 !important;
	height: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

.e-con:has(.jp-header[data-overlay="1"].is-sticky:not(.is-scrolled)):not(.jp-hero-container):not(.jp-page-hero):not(:has(> .e-con-inner > .e-con)):not(:has(.elementor-widget-juliapayne-contact-page)) > .e-con-inner,
.e-con:has(.elementor-widget-jp-header [data-overlay="1"].is-sticky:not(.is-scrolled)):not(.jp-hero-container):not(.jp-page-hero):not(:has(> .e-con-inner > .e-con)):not(:has(.elementor-widget-juliapayne-contact-page)) > .e-con-inner {
	min-height: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.elementor-widget-jp-header:has([data-overlay="1"].is-sticky:not(.is-scrolled)),
.elementor-widget-jp-header:has([data-overlay="1"].is-sticky:not(.is-scrolled)) > .elementor-widget-container {
	min-height: 0 !important;
	height: 0 !important;
	overflow: visible !important;
}

/* Page hero — never collapse header slot; clearance is on the content container */
.jp-page-hero .elementor-widget-jp-header:has([data-overlay="1"].is-sticky:not(.is-scrolled)),
.jp-page-hero .elementor-widget-jp-header:has([data-overlay="1"].is-sticky:not(.is-scrolled)) > .elementor-widget-container,
.jp-page-hero .elementor-widget-jp-header,
.jp-page-hero .elementor-widget-jp-header > .elementor-widget-container {
	min-height: 0 !important;
	height: auto !important;
	overflow: visible !important;
}

/* Elementor editor */
.elementor-editor-active .jp-header.is-sticky {
	position: relative;
}

/* Figma logo 150×38 */
.jp-header__logo-img {
	width: auto;
	height: 38px;
	max-width: 150px;
	object-fit: contain;
}

.jp-header__logo-text {
	font-family: var(--jp-font-heading, "Plus Jakarta Sans", sans-serif);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.2;
	color: #000;
}

.jp-header__link {
	color: #000000;
}

.jp-header__cta,
.jp-header__cta--bar {
	border-radius: 6px;
}

/* Keep purple CTA on mobile/tablet bar + phone drawer */
@media (max-width: 1100px) {
	.jp-header--overlay:not(.is-scrolled):not(.is-nav-open) .jp-header__cta--bar,
	.jp-header.is-nav-open .jp-header__cta--bar,
	.jp-header.is-nav-open .jp-header__cta--drawer {
		--jp-header-cta-fill: #5603ad;
		--jp-header-cta-text: #ffffff;
		--jp-header-cta-border: #5603ad;
		--jp-header-cta-reveal-fill: #3d0280;
		--jp-header-cta-reveal-text: #ffffff;
	}
}

/* Home Tablet — Figma ~870: logo | Book a Call | hamburger */
@media (min-width: 701px) and (max-width: 1100px) {
	.jp-header {
		--jp-header-h: 64px;
		--jp-header-inner-h: 64px;
		--jp-header-bar-h: 64px;
		--jp-header-btn-h: 44px;
		--jp-header-pad-x: var(--jp-shell-pad-x, clamp(24px, calc(120 * 100vw / 1440), 120px));
		--jp-header-bar-end-gap: 16px;
		--jp-header-mobile-cta-size: 14px;
		--jp-header-mobile-logo-h: 40px;
		--jp-header-mobile-logo-size: 34px;
		--jp-header-mobile-logo-max-w: 220px;
	}

	.jp-header__cta--bar {
		min-width: 128px;
		padding: 12px 22px;
		font-size: 14px;
		line-height: 1.2;
		border-radius: 6px;
	}

	.jp-header__toggle {
		width: 28px;
		height: 16px;
		min-width: 28px;
		min-height: 16px;
		color: #5603ad;
	}

	.jp-header__toggle-icon {
		left: 0;
		width: 28px;
		height: 2.33px;
		top: 0;
		background: #5603ad;
		border-radius: 2.33px;
	}

	.jp-header__toggle-icon::before,
	.jp-header__toggle-icon::after {
		left: 0;
		width: 28px;
		height: 2.33px;
		background: #5603ad;
		border-radius: 2.33px;
	}

	.jp-header__toggle-icon::before {
		top: 7px;
	}

	.jp-header__toggle-icon::after {
		width: 18.67px;
		top: 14px;
	}

	.jp-header.is-nav-open .jp-header__toggle-icon {
		background: transparent;
		top: 7px;
	}

	.jp-header.is-nav-open .jp-header__toggle-icon::before,
	.jp-header.is-nav-open .jp-header__toggle-icon::after {
		width: 28px;
		background: #5603ad;
	}
}

/* Overlay header at rest — dropdown hover/open keeps the bar transparent;
   only the floating panel card shows (was Customizer Additional CSS). */
.jp-header--overlay:not(.is-scrolled):has(.jp-header__item--has-children:hover) .jp-header__bar::before,
.jp-header--overlay:not(.is-scrolled):has(.jp-header__dropdown-track:hover) .jp-header__bar::before,
.jp-header--overlay.is-dropdown-open:not(.is-scrolled) .jp-header__bar::before {
	opacity: 0 !important;
}