:root {
	--po-support-navy: #243447;
	--po-support-warm: #f7f5f2;
	--po-support-sand: #c7b299;
	--po-support-ink: #1d1f21;
	--po-support-copy: #4a4d50;
	--po-support-muted: #9a8e7c;
	--po-support-border: #e4e0d9;
}

body.page-id-3969 .header-wrapper #header > .support_hero.om_oss-hero {
	display: none !important;
}

body.page-id-3969 #main,
body.page-id-3969 #main.boxed {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--po-support-warm) !important;
}

body.page-id-3969 #main > .container,
body.page-id-3969 #main .main-content-wrap,
body.page-id-3969 #main .main-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.po-support {
	width: 100%;
	margin: 0;
	background: var(--po-support-warm);
	color: var(--po-support-ink);
	font-family: Inter, system-ui, sans-serif;
}

.po-support *,
.po-support *::before,
.po-support *::after {
	box-sizing: border-box;
}

.po-support-shell {
	width: 100%;
	max-width: 1296px;
	margin: 0 auto;
	padding-right: 48px;
	padding-left: 48px;
}

.po-support-hero {
	padding: 52px 0 0;
	background: var(--po-support-navy);
}

.po-support-eyebrow {
	margin: 0 0 16px;
	color: var(--po-support-sand);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.po-support-hero h1 {
	margin: 0 0 28px;
	color: var(--po-support-warm);
	font-family: "Plus Jakarta Sans", Inter, sans-serif;
	font-size: clamp(40px, 4vw, 48px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.02em;
}

.po-support-tabs {
	display: flex;
	overflow-x: auto;
	gap: 8px;
	align-items: flex-end;
	scrollbar-width: none;
}

.po-support-tabs::-webkit-scrollbar {
	display: none;
}

.po-support-tabs button,
.po-support-tabs a {
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 48px;
	margin: 0;
	padding: 13px 24px;
	align-items: center;
	color: rgba(247,245,242,.8);
	background: transparent;
	border: 0;
	border-radius: 10px 10px 0 0;
	font: 500 15px/1.4 Inter, sans-serif;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
}

.po-support-tabs button[aria-selected="true"] {
	color: var(--po-support-navy);
	background: var(--po-support-warm);
	font-weight: 600;
}

.po-support-tabs button:hover,
.po-support-tabs a:hover {
	color: var(--po-support-warm);
}

.po-support-tabs button[aria-selected="true"]:hover {
	color: var(--po-support-navy);
}

.po-support-contact {
	padding: 64px 0 24px;
}

.po-support-form-card {
	padding: 44px;
	background: #fff;
	border: 1px solid var(--po-support-border);
	border-radius: 16px;
}

.po-support-form-card h2,
.po-support-content h2 {
	margin: 0;
	color: var(--po-support-ink);
	font-family: "Plus Jakarta Sans", Inter, sans-serif;
	font-weight: 700;
	letter-spacing: -.01em;
}

.po-support-form-card h2 {
	margin-bottom: 28px;
	font-size: 28px;
}

.po-support-form-card .wpcf7-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
}

.po-support-form-card .wpcf7-form > .po-support-field {
	display: block;
	margin: 0;
	color: var(--po-support-ink);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

.po-support-form-card .po-support-field--message {
	grid-column: 1 / -1;
}

.po-support-form-card .po-support-field-optional {
	color: var(--po-support-muted);
	font-weight: 400;
}

.po-support-form-card .wpcf7-form-control-wrap {
	display: block;
	margin-top: 8px;
}

.po-support-form-card input[type="text"],
.po-support-form-card input[type="email"],
.po-support-form-card input[type="tel"],
.po-support-form-card select,
.po-support-form-card textarea {
	width: 100%;
	margin: 0;
	padding: 13px 16px;
	color: var(--po-support-ink);
	background: #fff;
	border: 1.5px solid #d9d5cf;
	border-radius: 8px;
	box-shadow: none;
	font: 400 16px/1.5 Inter, sans-serif;
}

.po-support-form-card input[type="text"],
.po-support-form-card input[type="email"],
.po-support-form-card input[type="tel"],
.po-support-form-card select {
	height: 52px;
}

.po-support-form-card textarea {
	height: 150px;
	min-height: 150px;
	resize: vertical;
}

.po-support-form-card select {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 44px;
	cursor: pointer;
}

.po-support-form-card .po-support-field--topic .wpcf7-form-control-wrap {
	position: relative;
}

.po-support-form-card .po-support-field--topic .wpcf7-form-control-wrap::after {
	position: absolute;
	top: 50%;
	right: 16px;
	color: var(--po-support-muted);
	content: "▾";
	font-size: 12px;
	line-height: 1;
	pointer-events: none;
	transform: translateY(-50%);
}

.po-support-form-card input:focus,
.po-support-form-card select:focus,
.po-support-form-card textarea:focus {
	outline: none;
	border-color: var(--po-support-navy);
	box-shadow: 0 0 0 3px rgba(36,52,71,.12);
}

.po-support-form-card .wpcf7-submit {
	grid-column: 1 / -1;
	justify-self: start;
	min-height: 52px;
	margin: 4px 0 0;
	padding: 14px 30px;
	color: var(--po-support-warm);
	background: var(--po-support-navy);
	border: 0;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: none;
}

.po-support-form-card .wpcf7-submit:hover {
	background: #1a2737;
}

.po-support-form-card .wpcf7-spinner {
	align-self: center;
	margin: 15px 0 0;
}

.po-support-form-card .wpcf7-response-output {
	grid-column: 1 / -1;
	margin: 4px 0 0 !important;
	padding: 18px 20px !important;
	background: var(--po-support-warm);
	border: 1px solid var(--po-support-border) !important;
	border-left: 3px solid var(--po-support-sand) !important;
	border-radius: 10px;
}

.po-support-direct-contact {
	margin: 22px 0 0;
	color: var(--po-support-copy);
	font-size: 14px;
	line-height: 1.6;
}

.po-support-direct-contact a {
	color: var(--po-support-navy);
	font-weight: 600;
	text-underline-offset: 3px;
}

.po-support-form-card .hidden-fields-container,
.po-support-form-card .akismet-fields-container {
	display: none !important;
}

.po-support-content {
	padding: 48px 0 80px;
}

.po-support-content[hidden] {
	display: none !important;
}

.po-support-content h2 {
	margin-bottom: 32px;
	font-size: clamp(29px, 3vw, 34px);
	line-height: 1.2;
}

.po-support-faq-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.po-support-faq-list details {
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--po-support-border);
	border-radius: 12px;
}

.po-support-faq-list summary {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	padding: 22px 26px;
	color: var(--po-support-ink);
	cursor: pointer;
	font-family: "Plus Jakarta Sans", Inter, sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	list-style: none;
}

.po-support-faq-list summary::-webkit-details-marker {
	display: none;
}

.po-support-faq-list summary::after {
	flex: 0 0 auto;
	color: var(--po-support-muted);
	content: "+";
	font-family: Inter, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}

.po-support-faq-list details[open] summary::after {
	content: "−";
}

.po-support-answer {
	padding: 0 26px 24px;
	color: var(--po-support-copy);
	font-size: 16px;
	line-height: 1.7;
}

.po-support-answer p {
	margin: 0;
}

.po-support-intro {
	max-width: 820px;
	margin: -18px 0 36px;
	color: var(--po-support-copy);
	font-size: 17px;
	line-height: 1.7;
}

.po-support-glossary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.po-support-glossary-grid article {
	padding: 24px 26px;
	background: #fff;
	border: 1px solid var(--po-support-border);
	border-radius: 12px;
}

.po-support-glossary-grid h3 {
	margin: 0 0 8px;
	color: var(--po-support-ink);
	font-family: "Plus Jakarta Sans", Inter, sans-serif;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
}

.po-support-glossary-grid p {
	margin: 0;
	color: var(--po-support-copy);
	font-size: 15px;
	line-height: 1.6;
}

@media (max-width: 767px) {
	.po-support-shell {
		padding-right: 20px;
		padding-left: 20px;
	}

	.po-support-hero {
		padding-top: 36px;
	}

	.po-support-tabs button,
	.po-support-tabs a {
		padding-right: 17px;
		padding-left: 17px;
		font-size: 14px;
	}

	.po-support-contact {
		padding-top: 40px;
	}

	.po-support-form-card {
		padding: 26px 22px;
	}

	.po-support-form-card .wpcf7-form {
		grid-template-columns: 1fr;
	}

	.po-support-form-card .wpcf7-form > .po-support-field {
		grid-column: 1;
		grid-row: auto;
	}

	.po-support-content {
		padding: 38px 0 60px;
	}

	.po-support-faq-list summary {
		padding: 19px 20px;
		font-size: 16px;
	}

	.po-support-answer {
		padding: 0 20px 21px;
	}

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