#framework_main.framework_main.contact {
	padding: 0 !important;
	background: #f8fafc !important;
}

#framework_main.framework_main.contact > .ysa-contact-profile-page {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

#framework_main.framework_main.contact > .ysa-contact-profile-page > .xhr_stats {
	width: 100%;
	min-height: 100%;
	margin: 0;
}

#framework_main.framework_main.contact > .ysa-contact-profile-page,
.ysa-contact-profile,
.ysa-contact-profile * {
	box-sizing: border-box;
}

.ysa-contact-profile {
	--ysa-contact-navy: #101827;
	--ysa-contact-navy-soft: #182334;
	--ysa-contact-teal: #34c7ba;
	--ysa-contact-teal-deep: #148c82;
	--ysa-contact-purple: #b426b9;
	--ysa-contact-ink: #111827;
	--ysa-contact-muted: #8f9bb0;
	--ysa-contact-line: #e2e6ed;
	width: 100%;
	min-height: 100%;
	color: var(--ysa-contact-ink);
	font-family: var(--ysa-body-font, "Geist", sans-serif);
	font-size: var(--fontsize, 14px);
}

.ysa-contact-profile button,
.ysa-contact-profile summary {
	font: inherit;
}

.ysa-contact-profile-hero {
	position: relative;
	overflow: hidden;
	padding: 26px clamp(30px, 4vw, 68px) 30px;
	color: #fff;
	background:
		radial-gradient(circle at 93% 18%, rgba(35, 169, 153, .16), transparent 26%),
		radial-gradient(circle at 38% 112%, rgba(129, 45, 140, .16), transparent 27%),
		linear-gradient(118deg, #14223a 0%, #0d1421 64%, #0d1820 100%);
}

.ysa-contact-identity {
	display: flex;
	align-items: center;
	gap: 22px;
}

.ysa-contact-identity-mark {
	display: grid;
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	place-items: center;
	border: 1px solid rgba(52, 199, 186, .42);
	border-radius: 16px;
	background: rgba(52, 199, 186, .1);
	color: var(--ysa-contact-teal);
	font-size: 26px;
}

.ysa-contact-identity-copy {
	min-width: 0;
}

.ysa-contact-kicker,
.ysa-contact-eyebrow {
	display: block;
	color: var(--ysa-contact-teal);
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.ysa-contact-id-row {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 8px;
}

.ysa-contact-canonical-id {
	display: block;
	min-width: 0;
	padding: 0;
	overflow-wrap: anywhere;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #f4f7fb;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: clamp(18px, 1.75vw, 22px);
	font-weight: 560;
	letter-spacing: -.025em;
	line-height: 1.25;
}

.ysa-contact-profile .ysa-contact-identity .ysa-contact-canonical-id {
	color: #f4f7fb;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: clamp(18px, 1.75vw, 22px);
	font-weight: 560;
}

.ysa-contact-copy-id {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	padding: 9px 13px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 10px;
	background: rgba(255, 255, 255, .06);
	color: #c8d0de;
	cursor: pointer;
	font-size: 13px;
	font-weight: 650;
	transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.ysa-contact-profile .ysa-contact-copy-id span {
	display: inline;
	max-width: none;
	overflow: visible;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	white-space: nowrap;
}

.ysa-contact-copy-id:hover {
	border-color: rgba(52, 199, 186, .52);
	background: rgba(52, 199, 186, .11);
	color: #fff;
}

.ysa-contact-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(290px, 310px);
	align-items: center;
	gap: clamp(44px, 9vw, 145px);
	margin-top: 27px;
}

.ysa-contact-hero-intro {
	max-width: 740px;
}

.ysa-contact-hero-intro h1 {
	margin: 0;
	color: #fff;
	font-family: var(--ysa-title-font, "Geist", sans-serif);
	font-size: clamp(21px, 1.9vw, 25px);
	font-weight: 780;
	letter-spacing: -.035em;
	line-height: 1.15;
}

.ysa-contact-hero-subtitle {
	margin: 8px 0 0;
	color: #8f9bb0;
	font-size: 15px;
	line-height: 1.5;
}

.ysa-contact-hero-description {
	max-width: 650px;
	margin: 18px 0 0;
	color: #c3cad6;
	font-size: 14px;
	line-height: 1.6;
}

.ysa-contact-resolution-card {
	padding: 20px 22px;
	border: 1px solid rgba(52, 199, 186, .34);
	border-radius: 18px;
	background: rgba(255, 255, 255, .055);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.ysa-contact-resolution-head {
	display: flex;
	align-items: center;
	gap: 15px;
}

.ysa-contact-resolution-icon {
	display: grid;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	place-items: center;
	border-radius: 15px;
	background: rgba(52, 199, 186, .13);
	color: var(--ysa-contact-teal);
	font-size: 20px;
}

.ysa-contact-resolution-card .ysa-contact-eyebrow {
	margin-bottom: 6px;
	color: #8e99aa;
}

.ysa-contact-resolution-card strong {
	display: block;
	color: var(--ysa-contact-teal);
	font-size: 16px;
	line-height: 1.25;
}

.ysa-contact-resolution-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 15px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	color: #8e99aa;
	font-size: 11px;
	font-weight: 720;
	letter-spacing: .025em;
}

.ysa-contact-resolution-meta span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.ysa-contact-resolution-meta i {
	color: #7d889a;
	font-size: 7px;
}

.ysa-contact-resolution-meta i.is-signal {
	color: #f5b72f;
}

.ysa-contact-hero-divider {
	height: 1px;
	margin-top: 22px;
	background: rgba(255, 255, 255, .13);
}

.ysa-contact-hero-metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 19px;
}

.ysa-contact-metric {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 58px;
	padding: 11px 16px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 13px;
	background: rgba(255, 255, 255, .065);
}

.ysa-contact-metric-icon {
	display: grid;
	width: 32px;
	height: 32px;
	place-items: center;
	border-radius: 50%;
	background: rgba(51, 196, 131, .15);
	color: #56cb8f;
}

.ysa-contact-metric-icon.is-denied {
	background: rgba(232, 83, 83, .15);
	color: #ef7a7a;
}

.ysa-contact-metric-icon.is-neutral {
	background: rgba(153, 163, 179, .14);
	color: #98a2b3;
}

.ysa-contact-metric small,
.ysa-contact-metric strong {
	display: block;
}

.ysa-contact-metric small {
	margin-bottom: 4px;
	color: #8f9bb0;
	font-size: 10px;
	font-weight: 720;
	letter-spacing: .09em;
	line-height: 1;
	text-transform: uppercase;
}

.ysa-contact-metric strong {
	color: #fff;
	font-size: 14px;
	line-height: 1.1;
}

.ysa-contact-metric strong.is-mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.ysa-contact-sentiment-bars {
	display: flex;
	gap: 4px;
	margin-left: 8px;
}

.ysa-contact-sentiment-bars i {
	display: block;
	width: 17px;
	height: 7px;
	border-radius: 99px;
	background: #4b5667;
}

.ysa-contact-sentiment-bars.is-positive i:nth-child(-n+2),
.ysa-contact-sentiment-bars.is-neutral i:first-child {
	background: #39b9ad;
}

.ysa-contact-sentiment-bars.is-negative i:first-child {
	background: #e46d72;
}

.ysa-contact-profile-body {
	padding: 36px clamp(30px, 4vw, 68px) 76px;
}

.ysa-contact-section-heading {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 18px;
	margin-bottom: 26px;
}

.ysa-contact-section-heading h2,
.ysa-contact-history-title h2 {
	margin: 0;
	font-family: var(--ysa-title-font, "Geist", sans-serif);
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -.035em;
}

.ysa-contact-section-heading > span {
	height: 1px;
	background: var(--ysa-contact-line);
}

.ysa-contact-section-heading p {
	margin: 0;
	color: #98a4b8;
	font-size: 11px;
	font-weight: 720;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ysa-contact-agent-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(310px, .9fr);
	gap: 26px;
}

.ysa-contact-card {
	border: 1px solid var(--ysa-contact-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(15, 23, 42, .025);
}

.ysa-contact-primary-card {
	padding: clamp(28px, 3vw, 40px);
}

.ysa-contact-primary-card > .ysa-contact-eyebrow,
.ysa-contact-alternatives-card > .ysa-contact-eyebrow {
	color: #9aa6b9;
}

.ysa-contact-profile-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 14px;
	margin-top: 14px;
}

.ysa-contact-profile-title strong {
	color: var(--ysa-contact-purple);
	font-size: clamp(31px, 4vw, 48px);
	font-weight: 800;
	letter-spacing: -.05em;
	line-height: 1;
}

.ysa-contact-profile-title span {
	color: #cbd1db;
	font-size: 26px;
	font-weight: 600;
}

.ysa-contact-profile-title b {
	font-size: clamp(22px, 2.5vw, 31px);
	font-weight: 780;
	letter-spacing: -.04em;
}

.ysa-contact-trigger {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 22px;
	padding: 11px 15px;
	border-radius: 10px;
	background: #0d1421;
	color: #fff;
}

.ysa-contact-trigger small {
	color: #96a1b4;
	font-size: 10px;
	font-weight: 720;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ysa-contact-trigger i {
	color: var(--ysa-contact-teal);
	font-size: 11px;
}

.ysa-contact-trigger strong {
	font-size: 13px;
}

.ysa-contact-card-divider {
	height: 1px;
	margin: 28px 0;
	background: #e8ebf0;
}

.ysa-contact-profile-mix {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	align-items: center;
	gap: 30px;
}

.ysa-contact-chart-wrap {
	position: relative;
	width: 190px;
	height: 190px;
}

.ysa-contact-chart-center {
	position: absolute;
	inset: 50% auto auto 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.ysa-contact-chart-center small {
	color: #98a4b8;
	font-size: 10px;
	font-weight: 720;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.ysa-contact-chart-center strong {
	color: var(--ysa-contact-purple);
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 28px;
}

.ysa-contact-mix-legend {
	display: flex;
	flex-direction: column;
	gap: 15px;
	min-width: 0;
}

.ysa-contact-mix-legend > div {
	display: grid;
	grid-template-columns: 12px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
}

.ysa-contact-mix-legend i {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	background: var(--ysa-profile-color);
}

.ysa-contact-mix-legend span {
	min-width: 0;
	overflow: hidden;
	color: #303a4e;
	font-weight: 650;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ysa-contact-mix-legend strong {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 13px;
}

.ysa-contact-agent-side {
	display: grid;
	grid-template-rows: auto 1fr;
	gap: 26px;
}

.ysa-contact-confidence-card {
	display: grid;
	grid-template-columns: 132px 1fr;
	align-items: center;
	gap: 24px;
	padding: 26px 30px;
}

.ysa-contact-confidence-ring {
	position: relative;
	display: grid;
	width: 132px;
	height: 132px;
	place-items: center;
	border-radius: 50%;
	background: conic-gradient(#31afa3 calc(var(--ysa-confidence) * 1%), #e9eef2 0);
}

.ysa-contact-confidence-ring::after {
	position: absolute;
	inset: 19px;
	border-radius: 50%;
	background: #fff;
	content: "";
}

.ysa-contact-confidence-ring span {
	position: relative;
	z-index: 1;
}

.ysa-contact-confidence-ring strong {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 28px;
}

.ysa-contact-confidence-ring small {
	color: #9ba6b7;
}

.ysa-contact-confidence-card .ysa-contact-eyebrow {
	margin-bottom: 9px;
	color: #9aa6b9;
}

.ysa-contact-confidence-card > div:last-child > strong {
	display: block;
	font-size: 18px;
}

.ysa-contact-confidence-card p {
	margin: 4px 0 0;
	color: #7d899d;
}

.ysa-contact-alternatives-card {
	padding: 27px 30px;
}

.ysa-contact-alternative {
	margin-top: 20px;
}

.ysa-contact-alternative > div {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 8px;
	color: #344055;
	font-weight: 650;
}

.ysa-contact-alternative > div strong {
	color: #101827;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.ysa-contact-alternative > i {
	display: block;
	height: 8px;
	overflow: hidden;
	border-radius: 99px;
	background: #eef0f4;
}

.ysa-contact-alternative > i b {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--ysa-alt-color);
}

.ysa-contact-empty-copy {
	margin: 18px 0 0;
	color: #96a1b3;
	font-style: italic;
}

.ysa-contact-tone-card {
	position: relative;
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 20px;
	margin-top: 30px;
	padding: 32px 38px;
	overflow: hidden;
	border: 1px solid var(--ysa-contact-line);
	border-left: 5px solid var(--ysa-contact-purple);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(15, 23, 42, .025);
}

.ysa-contact-tone-card > i {
	color: rgba(180, 38, 185, .2);
	font-size: 34px;
}

.ysa-contact-tone-card span {
	display: block;
	margin-top: 5px;
	color: var(--ysa-contact-purple);
	font-size: 11px;
	font-weight: 760;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.ysa-contact-tone-card p {
	max-width: 1400px;
	margin: 17px 0 0;
	color: #303a4e;
	font-size: clamp(15px, 1.4vw, 18px);
	font-style: italic;
	line-height: 1.65;
}

.ysa-contact-history {
	margin-top: 38px;
}

.ysa-contact-history-title {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ysa-contact-history-title > span {
	display: grid;
	min-width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 8px;
	background: #eef1f5;
	color: #91a0b6;
	font-weight: 700;
}

.ysa-contact-history-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	margin-top: 25px;
}

.ysa-contact-history-grid::before {
	position: absolute;
	top: 8px;
	right: 0;
	left: 0;
	height: 2px;
	background: #e3e7ed;
	content: "";
}

.ysa-contact-history-item {
	position: relative;
	min-width: 0;
}

.ysa-contact-history-date {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.ysa-contact-history-date > i {
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	border: 3px solid #edf0f5;
	border-radius: 50%;
	background: #c5ccd8;
	box-shadow: 0 0 0 4px #f8fafc;
}

.ysa-contact-history-date > i.is-latest {
	border-color: #cceee9;
	background: #35b8ab;
}

.ysa-contact-history-date time {
	overflow: hidden;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 14px;
	font-weight: 660;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ysa-contact-history-date span {
	padding: 4px 10px;
	border-radius: 99px;
	background: #dff4ef;
	color: #198b7e;
	font-size: 10px;
	font-weight: 750;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.ysa-contact-history-summary {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 94px;
	margin-top: 20px;
	padding: 20px 22px;
	border: 1px solid var(--ysa-contact-line);
	border-radius: 16px;
	background: #fff;
}

.ysa-contact-history-summary p {
	display: -webkit-box;
	flex: 1 1 auto;
	margin: 0;
	overflow: hidden;
	color: #8f9bae;
	font-style: italic;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ysa-contact-history-view {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 13px;
	padding: 11px 16px;
	border: 1px solid #dfe3ea;
	border-radius: 11px;
	background: #f1f3f6;
	color: #101827;
	cursor: pointer;
	font-weight: 720;
}

.ysa-contact-history-view.is-primary {
	border-color: #101827;
	background: #101827;
	color: #fff;
}

.ysa-contact-history-view:hover {
	transform: translateY(-1px);
}

.ysa-contact-details {
	margin-top: 46px;
}

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

.ysa-contact-details details {
	align-self: start;
	overflow: hidden;
}

.ysa-contact-details summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 20px;
	cursor: pointer;
	font-weight: 720;
	list-style: none;
}

.ysa-contact-details summary::-webkit-details-marker {
	display: none;
}

.ysa-contact-details details[open] summary i {
	transform: rotate(180deg);
}

.ysa-contact-detail-table {
	margin: 0 20px 20px;
	border-top: 1px solid #edf0f4;
}

.ysa-contact-detail-row {
	display: grid;
	grid-template-columns: minmax(130px, .65fr) minmax(0, 1.35fr);
	gap: 18px;
	padding: 12px 0;
	border-bottom: 1px solid #edf0f4;
}

.ysa-contact-detail-row dt {
	color: #667085;
	font-weight: 650;
}

.ysa-contact-detail-row dd {
	min-width: 0;
	margin: 0;
	overflow-wrap: anywhere;
	color: #222c3d;
}

.ysa-contact-product-advice {
	margin-top: 16px;
	padding: 20px;
}

@media (max-width: 1080px) {
	.ysa-contact-hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(290px, 340px);
		gap: 36px;
	}

	.ysa-contact-agent-grid {
		grid-template-columns: 1fr;
	}

	.ysa-contact-agent-side {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
	}
}

@media (max-width: 760px) {
	#framework_main.framework_main.contact {
		padding: 0 !important;
	}

	.ysa-contact-profile-hero {
		padding: 24px 20px 28px;
	}

	.ysa-contact-identity {
		align-items: flex-start;
		gap: 14px;
	}

	.ysa-contact-identity-mark {
		flex-basis: 52px;
		width: 52px;
		height: 52px;
		border-radius: 14px;
		font-size: 22px;
	}

	.ysa-contact-kicker {
		font-size: 10px;
	}

	.ysa-contact-id-row {
		align-items: flex-start;
		flex-direction: column;
		gap: 9px;
	}

	.ysa-contact-copy-id {
		padding: 7px 10px;
	}

	.ysa-contact-hero-grid {
		grid-template-columns: 1fr;
		gap: 24px;
		margin-top: 28px;
	}

	.ysa-contact-resolution-card {
		padding: 20px;
	}

	.ysa-contact-hero-metrics {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ysa-contact-metric {
		min-width: 0;
	}

	.ysa-contact-profile-body {
		padding: 30px 20px 56px;
	}

	.ysa-contact-section-heading {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.ysa-contact-section-heading > span {
		display: none;
	}

	.ysa-contact-primary-card {
		padding: 24px 20px;
	}

	.ysa-contact-profile-title {
		gap: 8px;
	}

	.ysa-contact-profile-mix {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.ysa-contact-mix-legend {
		width: 100%;
	}

	.ysa-contact-agent-side {
		grid-template-columns: 1fr;
	}

	.ysa-contact-confidence-card {
		grid-template-columns: 112px 1fr;
		padding: 22px;
	}

	.ysa-contact-confidence-ring {
		width: 112px;
		height: 112px;
	}

	.ysa-contact-tone-card {
		grid-template-columns: 1fr;
		padding: 26px 22px;
	}

	.ysa-contact-history-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.ysa-contact-history-grid::before {
		top: 0;
		bottom: 0;
		left: 6px;
		width: 2px;
		height: auto;
	}

	.ysa-contact-history-item {
		padding-left: 0;
	}

	.ysa-contact-history-summary {
		align-items: stretch;
		flex-direction: column;
		margin-left: 26px;
	}

	.ysa-contact-history-view {
		align-self: flex-end;
	}

	.ysa-contact-details-grid {
		grid-template-columns: 1fr;
	}

	.ysa-contact-detail-row {
		grid-template-columns: 1fr;
		gap: 5px;
	}
}