/* EOR 雇主托管服务页 */
.eor-label,
.eor-kicker {
	font-size: var(--font-size-xs);
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.eor-hero {
	position: relative;
	min-height: 650px;
	overflow: hidden;
	color: var(--text-inverse);
	background:
		radial-gradient(circle at 82% 50%, rgba(75, 159, 224, 0.22), transparent 27%),
		linear-gradient(124deg, #173e86 0%, #1d4895 48%, #153979 100%);
}

.eor-hero::before,
.eor-hero::after {
	position: absolute;
	content: "";
	border: 1px solid rgba(125, 191, 239, 0.2);
	border-radius: 50%;
}

.eor-hero::before {
	right: -100px;
	top: 55px;
	width: 590px;
	height: 590px;
}

.eor-hero::after {
	right: -20px;
	top: 130px;
	width: 430px;
	height: 430px;
}

.eor-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(450px, 0.94fr);
	align-items: center;
	gap: 72px;
	min-height: 650px;
	padding-top: var(--spacing-4xl);
	padding-bottom: var(--spacing-4xl);
}

.eor-hero-copy {
	max-width: 670px;
}

.eor-kicker {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: var(--spacing-md);
	color: #59e0e5;
}

.eor-kicker::before {
	width: 36px;
	height: 2px;
	content: "";
	background: currentColor;
}

.eor-hero h1 {
	font-size: clamp(42px, 4.2vw, 64px);
	line-height: 1.25;
	letter-spacing: 1px;
}

.eor-hero-copy>p:not(.eor-kicker) {
	max-width: 650px;
	margin-top: var(--spacing-md);
	color: rgba(255, 255, 255, 0.8);
	font-size: var(--font-size);
	line-height: 1.9;
}

.eor-hero-actions {
	display: flex;
	align-items: center;
	gap: var(--spacing-lg);
	margin-top: var(--spacing-lg);
}

.eor-hero-actions .btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 24px;
}

.eor-hero-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-weight: 700;
}

.eor-hero-link:hover {
	color: #59e0e5;
}

.eor-hero-points {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	margin-top: var(--spacing-lg);
	list-style: none;
	color: rgba(255, 255, 255, 0.76);
	font-size: var(--font-size-sm);
}

.eor-hero-points i {
	margin-right: 6px;
	color: #59e0e5;
}

.eor-dashboard {
	position: relative;
	width: 100%;
	max-width: 520px;
	margin-left: auto;
	padding: 24px 24px 58px;
	color: var(--text);
	background: rgba(252, 253, 254, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.75);
	border-radius: 20px;
	box-shadow: 0 34px 70px rgba(4, 23, 60, 0.34);
}

.eor-dashboard::before {
	position: absolute;
	right: -28px;
	top: -28px;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: "";
	border: 1px solid rgba(111, 182, 235, 0.25);
	border-radius: 24px;
}

.eor-dashboard-head,
.eor-employee,
.eor-pay-card {
	display: flex;
	align-items: center;
}

.eor-dashboard-head {
	justify-content: space-between;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--border-light);
	font-weight: 800;
}

.eor-dashboard-head>span:first-child i {
	margin-right: 8px;
	color: var(--primary);
}

.eor-dashboard-status {
	padding: 6px 10px;
	color: #087969;
	background: #e3f8f3;
	border-radius: 999px;
	font-size: 11px;
}

.eor-employee {
	gap: 14px;
	min-height: 82px;
	border-bottom: 1px solid var(--border-light);
}

.eor-avatar {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	color: #17538b;
	background: #dceafa;
	border-radius: 50%;
	font-weight: 800;
}

.eor-avatar--cyan {
	color: #087783;
	background: #d8f3f5;
}

.eor-avatar--violet {
	color: #534ab7;
	background: #e7e4fa;
}

.eor-avatar--gold {
	color: #8a5b0e;
	background: #ffedbe;
}

.eor-employee>span:nth-child(2),
.eor-visual-person>span:nth-child(2),
.eor-profile-card>span:nth-child(2) {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.eor-employee small,
.eor-visual-person small,
.eor-profile-card small {
	color: var(--text-secondary);
}

.eor-employee em {
	margin-left: auto;
	color: var(--primary);
	font-size: var(--font-size-xs);
	font-style: normal;
	font-weight: 700;
}

.eor-pay-card {
	position: absolute;
	right: -48px;
	bottom: -34px;
	justify-content: space-between;
	width: 78%;
	min-height: 106px;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid var(--border-light);
	border-radius: 14px;
	box-shadow: var(--shadow-lg);
}

.eor-pay-card>span:first-child {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 2px 10px;
}

.eor-pay-card>span:first-child i {
	grid-row: 1 / 3;
	color: var(--success);
	font-size: 24px;
}

.eor-pay-card small {
	color: var(--text-secondary);
}

.eor-chart {
	display: flex;
	align-items: end;
	gap: 8px;
	height: 46px;
}

.eor-chart i {
	display: block;
	width: 8px;
	background: linear-gradient(#4b9fe0 55%, #18b8c4 55%);
	border-radius: 4px;
}

.eor-chart i:nth-child(1) { height: 27px; }
.eor-chart i:nth-child(2) { height: 39px; }
.eor-chart i:nth-child(3) { height: 31px; }
.eor-chart i:nth-child(4) { height: 45px; }
.eor-chart i:nth-child(5) { height: 35px; }

.eor-intro,
.eor-solutions,
.eor-advantages,
.eor-boundary,
.eor-faq {
	padding: var(--spacing-5xl) 0;
}

.eor-intro,
.eor-advantages,
.eor-faq {
	background: var(--surface-elevated);
}

.eor-solutions,
.eor-boundary {
	background: var(--bg);
}

.eor-section-head {
	max-width: 820px;
	margin-bottom: var(--spacing-3xl);
}

.eor-section-head--center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.eor-label {
	margin-bottom: 12px;
	color: var(--accent-hover);
}

.eor-section-head h2,
.eor-faq h2,
.eor-boundary h2,
.eor-cta h2 {
	font-size: clamp(30px, 3vw, 44px);
	line-height: 1.28;
}

.eor-section-head>p:last-child {
	margin-top: var(--spacing);
	color: var(--text-light);
	font-size: var(--font-size-md);
	line-height: 1.9;
}

.eor-step-list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	list-style: none;
	--eor-progress: 0%;
}

.eor-step-list::before,
.eor-step-list::after {
	position: absolute;
	z-index: 0;
	top: 37px;
	left: 10%;
	height: 2px;
	content: "";
	border-radius: 999px;
}

.eor-step-list::before {
	right: 10%;
	background: var(--border);
}

.eor-step-list::after {
	width: var(--eor-progress);
	background: var(--primary);
	transition: width 0.7s ease;
}

.eor-step-list li {
	position: relative;
	z-index: 1;
	padding: 0 16px;
	text-align: center;
}

.eor-step-list li>span {
	position: absolute;
	top: -15px;
	left: 50%;
	color: rgba(35, 110, 178, 0.22);
	font-size: 48px;
	font-weight: 800;
	transform: translateX(-50%);
}

.eor-step-list li>i {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	color: var(--primary);
	background: #fff;
	border: 2px solid #bfd6e9;
	border-radius: 50%;
	box-shadow: 0 0 0 10px var(--surface-elevated);
	font-size: 22px;
	transition: color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease, transform var(--transition);
}

.eor-step-list li.is-complete>i,
.eor-step-list li.is-active>i {
	color: #fff;
	background: var(--primary);
	border-color: var(--primary);
}

.eor-step-list li.is-active>i {
	background: #236EB2;
	border-color: #236EB2;
	box-shadow: 0 0 0 10px var(--surface-elevated), 0 10px 28px rgba(11, 42, 69, 0.24);
}

.eor-step-list li.is-active h3 {
	color: #236EB2;
}

.eor-step-list h3 {
	margin-top: var(--spacing-md);
	font-size: var(--font-size-md);
}

.eor-step-list p {
	margin-top: 8px;
	color: var(--text-secondary);
	font-size: var(--font-size-sm);
	line-height: 1.75;
}

.eor-solution-row {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
	align-items: center;
	gap: clamp(50px, 7vw, 110px);
	margin-top: var(--spacing-5xl);
}

.eor-solution-row:first-of-type {
	margin-top: 0;
}

.eor-solution-row--reverse .eor-solution-visual {
	order: 2;
}

.eor-solution-visual {
	position: relative;
	min-height: 560px;
	padding: 90px 52px;
	overflow: hidden;
	background:
		linear-gradient(145deg, rgba(35, 110, 178, 0.08), rgba(24, 184, 196, 0.05)),
		#eaf2fc;
	border-radius: 24px;
}

.eor-solution-visual::before,
.eor-solution-visual::after {
	position: absolute;
	content: "";
	background: rgba(255, 255, 255, 0.55);
	transform: rotate(-12deg);
}

.eor-solution-visual::before {
	right: -90px;
	top: -30px;
	width: 240px;
	height: 420px;
}

.eor-solution-visual::after {
	left: -110px;
	bottom: -90px;
	width: 380px;
	height: 220px;
}

.eor-visual-person,
.eor-profile-card {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 98px;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid var(--border-light);
	border-radius: 16px;
	box-shadow: var(--shadow);
}

.eor-visual-person b,
.eor-profile-card b {
	margin-left: auto;
	padding: 7px 10px;
	color: var(--primary);
	background: var(--primary-soft);
	border-radius: 8px;
	font-size: 11px;
	letter-spacing: 1px;
}

.eor-visual-sheet {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin: -4px -26px 0;
	padding: 70px 50px 52px;
	background: #fff;
	border-radius: 16px;
	box-shadow: var(--shadow-lg);
}

.eor-visual-sheet div {
	display: grid;
	gap: 5px;
	padding: 15px;
	background: var(--surface);
	border-radius: 10px;
}

.eor-visual-sheet span {
	color: var(--text-secondary);
	font-size: var(--font-size-xs);
}

.eor-visual-sheet strong {
	font-size: var(--font-size-sm);
}

.eor-visual-badge {
	position: absolute;
	right: 20px;
	top: 48%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	color: #fff;
	background: var(--primary);
	border: 10px solid #fff;
	border-radius: 50%;
	box-shadow: var(--shadow);
}

.eor-solution-copy h3 {
	margin-bottom: var(--spacing-lg);
	font-size: clamp(28px, 2.6vw, 36px);
	line-height: 1.35;
}

.eor-issue,
.eor-answer {
	margin-top: var(--spacing-md);
}

.eor-issue h4,
.eor-answer h4 {
	margin-bottom: 12px;
	font-size: var(--font-size-md);
}

.eor-issue p,
.eor-answer p {
	position: relative;
	margin: 10px 0;
	padding-left: 31px;
	color: var(--text-light);
	line-height: 1.8;
}

.eor-issue p i,
.eor-answer p i {
	position: absolute;
	left: 0;
	top: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	font-size: 10px;
}

.eor-issue p i {
	color: var(--danger);
	border: 1px solid rgba(217, 74, 90, 0.55);
}

.eor-answer {
	padding-top: var(--spacing-md);
	border-top: 1px solid var(--border);
}

.eor-answer p i {
	color: #fff;
	background: var(--primary);
}

.eor-solution-visual--payroll {
	padding-top: 72px;
	background: linear-gradient(145deg, #edf4fd 0%, #e5f0fb 100%);
}

.eor-progress,
.eor-salary-card {
	position: relative;
	z-index: 2;
	background: #fff;
	border: 1px solid var(--border-light);
	box-shadow: var(--shadow);
}

.eor-progress {
	display: grid;
	gap: 12px;
	margin-top: 20px;
	padding: 22px;
	border-radius: 14px;
}

.eor-progress>span {
	font-size: var(--font-size-sm);
	font-weight: 700;
}

.eor-progress>b {
	display: block;
	height: 7px;
	overflow: hidden;
	background: #e8edf2;
	border-radius: 999px;
}

.eor-progress>b i {
	display: block;
	width: 72%;
	height: 100%;
	background: linear-gradient(90deg, var(--primary), var(--accent));
}

.eor-progress small {
	display: flex;
	justify-content: space-between;
	color: var(--text-secondary);
}

.eor-progress em {
	font-style: normal;
}

.eor-salary-card {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 6px 20px;
	margin: 20px -25px 0 34px;
	padding: 24px;
	border-radius: 14px;
}

.eor-salary-card span {
	color: var(--text-secondary);
	font-size: var(--font-size-sm);
}

.eor-salary-card span i {
	margin-right: 7px;
	color: var(--primary);
}

.eor-salary-card strong {
	color: var(--primary-deep);
}

.eor-salary-card small {
	grid-column: 1 / -1;
	color: var(--text-secondary);
}

.eor-advantage-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px 48px;
}

.eor-advantage-grid article {
	padding: 8px 18px;
	text-align: center;
}

.eor-advantage-grid article>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	color: var(--primary);
	background: var(--primary-soft);
	border-radius: 18px;
	font-size: 26px;
}

.eor-advantage-grid h3 {
	margin-top: var(--spacing-md);
	font-size: var(--font-size-lg);
}

.eor-advantage-grid p {
	margin-top: 12px;
	color: var(--text-light);
	line-height: 1.85;
}

.eor-boundary-card {
	position: relative;
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	overflow: hidden;
	color: #fff;
	background: var(--primary);
	border-radius: 24px;
	box-shadow: var(--shadow-lg);
}

.eor-boundary-card::before {
	position: absolute;
	left: -120px;
	top: -160px;
	width: 430px;
	height: 430px;
	content: "";
	border: 1px solid rgba(75, 159, 224, 0.2);
	border-radius: 50%;
}

.eor-boundary-intro,
.eor-boundary-content {
	position: relative;
	z-index: 1;
	padding: 56px;
}

.eor-boundary-intro {
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.eor-boundary-intro>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: var(--spacing-lg);
	color: var(--primary);
	background: var(--bg);
	border-radius: 16px;
	font-size: 22px;
}

.eor-boundary .eor-label,
.eor-cta .eor-label {
	color: #59e0e5;
}

.eor-boundary-intro>p:last-child {
	margin-top: var(--spacing-md);
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.8;
}

.eor-boundary-facts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--spacing);
}

.eor-boundary-facts>div {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
}

.eor-boundary-facts i {
	color: #59e0e5;
	font-size: 22px;
}

.eor-boundary-facts span {
	display: grid;
	color: rgba(255, 255, 255, 0.62);
	font-size: var(--font-size-xs);
}

.eor-boundary-facts strong {
	margin-top: 4px;
	color: #fff;
	font-size: var(--font-size-md);
}

.eor-boundary-note {
	display: flex;
	gap: 12px;
	margin: var(--spacing-md) 0;
	padding: 18px;
	color: rgba(255, 255, 255, 0.76);
	background: rgba(24, 184, 196, 0.1);
	border-left: 3px solid var(--accent);
	border-radius: 8px;
	font-size: var(--font-size-sm);
	line-height: 1.8;
}

.eor-boundary-note i {
	margin-top: 5px;
	color: #59e0e5;
}

.eor-boundary-content>h3 {
	margin-bottom: 12px;
	font-size: var(--font-size-md);
}

.eor-source-links {
	display: grid;
	gap: 10px;
}

.eor-source-links>a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 16px;
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
}

.eor-source-links>a:hover {
	background: rgba(255, 255, 255, 0.11);
}

.eor-source-links>a>span {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 1px 12px;
}

.eor-source-links>a>span>i {
	grid-row: 1 / 3;
	color: #59e0e5;
	font-size: 20px;
}

.eor-source-links small {
	color: rgba(255, 255, 255, 0.55);
}

.eor-source-links strong {
	font-size: var(--font-size-sm);
}

.eor-faq-grid {
	display: grid;
	grid-template-columns: 0.72fr 1.28fr;
	gap: 80px;
}

.eor-faq-grid>div:first-child>p:not(.eor-label) {
	margin-top: var(--spacing-md);
	color: var(--text-light);
	line-height: 1.8;
}

.eor-more-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: var(--spacing-lg);
	font-weight: 700;
}

.eor-faq-list {
	border-top: 1px solid var(--border);
}

.eor-faq-list details {
	border-bottom: 1px solid var(--border);
}

.eor-faq-list summary {
	position: relative;
	padding: 22px 48px 22px 0;
	cursor: pointer;
	list-style: none;
	font-size: var(--font-size-md);
	font-weight: 700;
}

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

.eor-faq-list summary::after {
	position: absolute;
	right: 5px;
	top: 50%;
	content: "+";
	color: var(--primary);
	font-size: 24px;
	font-weight: 400;
	transform: translateY(-50%);
}

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

.eor-faq-list details p {
	padding: 0 48px 22px 0;
	color: var(--text-light);
	line-height: 1.85;
}

.eor-cta {
	padding: var(--spacing-3xl) 0;
	color: #fff;
	background: linear-gradient(120deg, #236eb2, #174d81);
}

.eor-cta .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
}

.eor-cta p:not(.eor-label) {
	max-width: 760px;
	margin-top: 12px;
	color: rgba(255, 255, 255, 0.75);
}

.eor-cta .btn {
	flex: 0 0 auto;
}

@media (hover: hover) {
	.eor-advantage-grid article>span,
	.eor-step-list li>i {
		transition: transform var(--transition), box-shadow var(--transition);
	}

	.eor-advantage-grid article:hover>span,
	.eor-step-list li:hover>i {
		transform: translateY(-4px);
		box-shadow: var(--shadow);
	}
}

@media (max-width: 1180px) {
	.eor-hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(400px, 0.85fr);
		gap: 42px;
	}

	.eor-solution-row {
		gap: 50px;
	}

	.eor-solution-visual {
		min-height: 520px;
		padding-right: 38px;
		padding-left: 38px;
	}

	.eor-boundary-intro,
	.eor-boundary-content {
		padding: 44px;
	}
}

@media (max-width: 992px) {
	.eor-hero-grid {
		grid-template-columns: 1fr;
		padding-top: 76px;
		padding-bottom: 110px;
	}

	.eor-hero-copy {
		max-width: 760px;
	}

	.eor-dashboard {
		width: calc(100% - 40px);
		max-width: 680px;
		margin-right: auto;
	}

	.eor-step-list {
		grid-template-columns: repeat(3, 1fr);
		gap: 38px 0;
	}

	.eor-step-list::before,
	.eor-step-list::after {
		display: none;
	}

	.eor-solution-row {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.eor-solution-row--reverse .eor-solution-visual {
		order: 0;
	}

	.eor-solution-visual {
		min-height: 500px;
	}

	.eor-solution-copy {
		max-width: 760px;
	}

	.eor-advantage-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.eor-boundary-card {
		grid-template-columns: 1fr;
	}

	.eor-boundary-intro {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}

	.eor-faq-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}
}

@media (max-width: 768px) {
	.eor-hero {
		min-height: auto;
	}

	.eor-hero-grid {
		min-height: auto;
		padding-top: 64px;
		padding-bottom: 90px;
	}

	.eor-hero h1 {
		font-size: 36px;
	}

	.eor-hero-copy>p:not(.eor-kicker) {
		font-size: var(--font-size-md);
	}

	.eor-hero-actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}

	.eor-dashboard {
		width: 100%;
		padding: 18px 18px 68px;
	}

	.eor-dashboard::before {
		display: none;
	}

	.eor-pay-card {
		right: -8px;
		width: 88%;
	}

	.eor-intro,
	.eor-solutions,
	.eor-advantages,
	.eor-boundary,
	.eor-faq {
		padding: var(--spacing-3xl) 0;
	}

	.eor-section-head {
		margin-bottom: var(--spacing-2xl);
	}

	.eor-section-head h2,
	.eor-faq h2,
	.eor-boundary h2,
	.eor-cta h2 {
		font-size: 30px;
	}

	.eor-step-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.eor-solution-row {
		margin-top: var(--spacing-3xl);
	}

	.eor-solution-visual {
		min-height: 430px;
		padding: 62px 22px;
		border-radius: 18px;
	}

	.eor-visual-sheet {
		margin-right: 0;
		margin-left: 0;
		padding: 55px 22px 30px;
	}

	.eor-visual-badge {
		right: 8px;
		width: 64px;
		height: 64px;
	}

	.eor-salary-card {
		margin-left: 15px;
		margin-right: 0;
	}

	.eor-solution-copy h3 {
		font-size: 28px;
	}

	.eor-advantage-grid {
		gap: 40px 20px;
	}

	.eor-advantage-grid article {
		padding: 0;
	}

	.eor-boundary-intro,
	.eor-boundary-content {
		padding: 30px;
	}

	.eor-boundary-facts {
		grid-template-columns: 1fr;
	}

	.eor-cta .container {
		align-items: flex-start;
		flex-direction: column;
		gap: 30px;
	}
}

@media (max-width: 520px) {
	.eor-hero h1 {
		font-size: 31px;
	}

	.eor-hero-points {
		align-items: flex-start;
		flex-direction: column;
	}

	.eor-dashboard-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.eor-employee em {
		display: none;
	}

	.eor-pay-card {
		width: calc(100% - 10px);
	}

	.eor-chart {
		display: none;
	}

	.eor-step-list,
	.eor-advantage-grid {
		grid-template-columns: 1fr;
	}

	.eor-step-list {
		gap: 42px;
	}

	.eor-step-list li>i {
		box-shadow: 0 0 0 8px var(--surface-elevated);
	}

	.eor-visual-person,
	.eor-profile-card {
		padding: 16px;
	}

	.eor-visual-person b,
	.eor-profile-card b {
		display: none;
	}

	.eor-visual-sheet {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.eor-solution-visual {
		min-height: 520px;
	}

	.eor-solution-visual--payroll {
		min-height: 430px;
	}

	.eor-progress small {
		font-size: 10px;
	}

	.eor-boundary-intro,
	.eor-boundary-content {
		padding: 24px;
	}

	.eor-source-links strong {
		font-size: var(--font-size-xs);
	}

	.eor-source-links>a>i {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eor-step-list::after,
	.eor-step-list li>i {
		transition: none;
	}
}