/**
 * SEO conversion page: /bankruptcy-client-intake-software
 * Additive classes only (bk-intake-seo-*). Matches MatterVanta home tokens.
 */

.bk-intake-seo-hero .bk-home-lead strong {
	font-weight: 650;
	color: var(--mv-ink, #0b1f3a);
}

.bk-intake-seo-hero__media {
	filter: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 420px;
}

.bk-intake-seo-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.bk-intake-seo-trust li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--mv-muted, #5b6f8a);
	font-size: 14px;
	font-weight: 550;
}

.bk-intake-seo-trust i {
	color: var(--mv-blue-deep, #0d57c2);
	font-size: 1rem;
}

/* ── Circular intake flow hero ── */
.bk-intake-flow {
	margin: 0;
	width: min(100%, 520px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.bk-intake-flow__frame {
	position: relative;
	width: 100%;
	padding: 28px 18px 8px;
}

.bk-intake-flow__stage {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	max-width: 460px;
	margin: 0 auto;
}

.bk-intake-flow__device {
	position: absolute;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 11px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #cfe0f5;
	box-shadow: 0 10px 24px rgba(13, 87, 194, .12);
	color: var(--mv-blue-deep, #0d57c2);
	font-size: 12px;
	font-weight: 650;
	letter-spacing: .01em;
	white-space: nowrap;
	pointer-events: none;
}

.bk-intake-flow__device i {
	font-size: 15px;
	line-height: 1;
	color: #1671e8;
}

.bk-intake-flow__device--phone {
	top: 6px;
	left: 0;
}

.bk-intake-flow__device--tablet {
	top: 6px;
	right: 0;
}

.bk-intake-flow__device--laptop {
	bottom: 4px;
	left: 0;
}

.bk-intake-flow__device--desktop {
	bottom: 4px;
	right: 0;
}

.bk-intake-flow__orbit {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.bk-intake-flow__track {
	opacity: .9;
}

.bk-intake-flow__dash {
	animation: bk-intake-flow-spin 28s linear infinite;
	transform-origin: 200px 200px;
}

.bk-intake-flow__glow {
	animation: bk-intake-flow-pulse 4.8s ease-in-out infinite;
}

.bk-intake-flow__arrow {
	opacity: .95;
	filter: drop-shadow(0 1px 0 rgba(22, 113, 232, .15));
}

.bk-intake-flow__arrow--export {
	opacity: 1;
}

.bk-intake-flow__center {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 132px;
	height: 132px;
	padding: 14px;
	border-radius: 28px;
	background: #fff;
	border: 1px solid #cfe0f5;
	box-shadow:
		0 18px 40px rgba(13, 87, 194, .14),
		0 0 0 10px rgba(22, 113, 232, .06);
	transform: translate(-50%, -50%);
	text-align: center;
}

.bk-intake-flow__center img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: contain;
}

.bk-intake-flow__center span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--mv-blue-deep, #0d57c2);
	line-height: 1.1;
}

.bk-intake-flow__node {
	position: absolute;
	z-index: 1;
	min-width: 108px;
	max-width: 126px;
	padding: 10px 12px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid #d7e4f2;
	box-shadow: 0 12px 28px rgba(12, 46, 96, .1);
	text-align: center;
	transform: translate(-50%, -50%);
}

.bk-intake-flow__node strong {
	display: block;
	color: var(--mv-ink, #0b1f3a);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -.01em;
}

.bk-intake-flow__node small {
	display: block;
	margin-top: 3px;
	color: var(--mv-muted, #5b6f8a);
	font-size: 11px;
	line-height: 1.3;
}

.bk-intake-flow__node--1 { left: 50%; top: 8%; }
.bk-intake-flow__node--2 { left: 90%; top: 36%; }
.bk-intake-flow__node--3 { left: 78%; top: 82%; }
.bk-intake-flow__node--4 { left: 22%; top: 82%; }
.bk-intake-flow__node--5 { left: 10%; top: 36%; }

.bk-intake-flow__chat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 10px 16px;
	border-radius: 16px;
	background: linear-gradient(180deg, #f4f8ff 0%, #fff 100%);
	border: 1px solid #cfe0f5;
	box-shadow: 0 10px 26px rgba(13, 87, 194, .1);
	color: var(--mv-ink, #0b1f3a);
}

.bk-intake-flow__chat-side {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 650;
}

.bk-intake-flow__chat-side i {
	color: #1671e8;
	font-size: 15px;
}

.bk-intake-flow__chat-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #0d57c2;
	font-size: 14px;
}

.bk-intake-flow__chat-link .bi-chat-dots-fill {
	font-size: 16px;
	color: #1671e8;
}

.bk-intake-flow__devices-note {
	margin: 0;
	max-width: 34ch;
	text-align: center;
	color: var(--mv-muted, #5b6f8a);
	font-size: 13px;
	line-height: 1.4;
}

.bk-intake-flow__caption {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@keyframes bk-intake-flow-spin {
	to { transform: rotate(360deg); }
}

@keyframes bk-intake-flow-pulse {
	0%, 100% { opacity: .07; }
	50% { opacity: .14; }
}

@media (prefers-reduced-motion: reduce) {
	.bk-intake-flow__dash,
	.bk-intake-flow__glow {
		animation: none;
	}
}

@media (max-width: 640px) {
	.bk-intake-flow__arrow {
		stroke-width: 2.25;
	}

	.bk-intake-flow__frame {
		padding: 36px 4px 4px;
	}

	.bk-intake-flow__device {
		padding: 6px 9px;
		font-size: 11px;
	}

	.bk-intake-flow__device i {
		font-size: 13px;
	}

	.bk-intake-flow__chat {
		gap: 8px;
		padding: 9px 12px;
	}

	.bk-intake-flow__chat-side {
		font-size: 12px;
	}
}

.bk-intake-seo-compare {
	padding: 28px 0 64px;
	background: #fff;
}

.bk-intake-seo-compare .bk-home-section-head {
	max-width: 720px;
	margin-bottom: 28px;
}

.bk-intake-seo-compare .bk-home-section-head h2 {
	margin: 8px 0 12px;
	color: var(--mv-ink, #0b1f3a);
	font-size: clamp(28px, 3.2vw, 38px);
	line-height: 1.15;
	letter-spacing: -.03em;
}

.bk-intake-seo-compare .bk-home-section-head p:last-child {
	margin: 0;
	color: var(--mv-muted, #5b6f8a);
	font-size: 17px;
	line-height: 1.55;
}

.bk-intake-seo-compare__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.bk-intake-seo-panel {
	padding: 26px 24px;
	border-radius: 16px;
	border: 1px solid var(--mv-line, #d7e4f2);
	background: #fff;
}

.bk-intake-seo-panel--problem {
	background: linear-gradient(180deg, #fbfcfe, #f3f6fa);
	border-color: #e2e8f0;
}

.bk-intake-seo-panel--solution {
	background: linear-gradient(180deg, #f7fbff, #eef6ff);
	border-color: #cfe0f5;
	box-shadow: 0 18px 40px rgba(13, 87, 194, .08);
}

.bk-intake-seo-panel__label {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--mv-faint, #8a9bb2);
}

.bk-intake-seo-panel--solution .bk-intake-seo-panel__label {
	color: var(--mv-blue-deep, #0d57c2);
}

.bk-intake-seo-panel h3 {
	margin: 0 0 14px;
	color: var(--mv-ink, #0b1f3a);
	font-size: 22px;
	line-height: 1.25;
	letter-spacing: -.02em;
}

.bk-intake-seo-panel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bk-intake-seo-panel li {
	position: relative;
	padding: 8px 0 8px 22px;
	color: var(--mv-ink-soft, #243b5c);
	font-size: 15px;
	line-height: 1.45;
	border-top: 1px solid rgba(215, 228, 242, .7);
}

.bk-intake-seo-panel li:first-child {
	border-top: 0;
	padding-top: 0;
}

.bk-intake-seo-panel li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #94a3b8;
}

.bk-intake-seo-panel li:first-child::before {
	top: 7px;
}

.bk-intake-seo-panel--solution li::before {
	background: var(--mv-ok, #0f9f6e);
}

.bk-intake-seo-chapters {
	padding-top: 12px;
}

.bk-intake-seo-chapters .bk-home-section-head {
	max-width: 760px;
	margin-bottom: 28px;
}

.bk-intake-seo-chapters .bk-home-section-head h2 {
	margin: 8px 0 12px;
	color: var(--mv-ink, #0b1f3a);
	font-size: clamp(28px, 3.2vw, 38px);
	line-height: 1.15;
	letter-spacing: -.03em;
}

.bk-intake-seo-chapters .bk-home-section-head p:last-child {
	margin: 0;
	color: var(--mv-muted, #5b6f8a);
	font-size: 17px;
	line-height: 1.55;
}

.bk-intake-seo-chapters__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.bk-intake-seo-card {
	padding: 24px 22px;
	border-radius: 16px;
	border: 1px solid var(--mv-line, #d7e4f2);
	background: #fff;
}

.bk-intake-seo-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-bottom: 14px;
	border-radius: 12px;
	background: var(--mv-blue-soft, #e8f2ff);
	color: var(--mv-blue-deep, #0d57c2);
	font-size: 1.15rem;
}

.bk-intake-seo-card h3 {
	margin: 0 0 12px;
	color: var(--mv-ink, #0b1f3a);
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: -.02em;
}

.bk-intake-seo-card ul {
	margin: 0;
	padding: 0 0 0 18px;
	color: var(--mv-ink-soft, #243b5c);
	font-size: 14.5px;
	line-height: 1.5;
}

.bk-intake-seo-card li + li {
	margin-top: 8px;
}

.bk-intake-seo-integrations strong {
	font-weight: 650;
	color: var(--mv-ink, #0b1f3a);
}

.bk-intake-seo-integrations__links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.bk-intake-seo-integrations__list {
	align-self: stretch;
}

@media (max-width: 980px) {
	.bk-intake-seo-compare__grid,
	.bk-intake-seo-chapters__grid {
		grid-template-columns: 1fr;
	}

	.bk-intake-seo-hero__media {
		min-height: 480px;
	}
}

@media (max-width: 720px) {
	.bk-intake-seo-trust {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.bk-intake-flow__node {
		min-width: 92px;
		padding: 8px 9px;
	}

	.bk-intake-flow__node strong {
		font-size: 12px;
	}

	.bk-intake-flow__node small {
		font-size: 10px;
	}

	.bk-intake-flow__center {
		width: 112px;
		height: 112px;
		border-radius: 24px;
	}

	.bk-intake-flow__center img {
		width: 52px;
		height: 52px;
	}
}