.mobile-development-intro {
	display: flex;
	gap: 44px;
	align-items: center;
	box-sizing: border-box;
	margin: 40px 0 0;
	padding: 38px 40px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-left: 5px solid #0066cc;
	border-radius: 4px;
}

.mobile-development-copy {
	flex: 1 1 62%;
}

.section-kicker,
.article-kicker {
	margin: 0 0 6px;
	color: #0066cc;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.mobile-development-intro h2 {
	margin: 0 0 14px;
	font-size: 32px;
	line-height: 1.2;
}

.mobile-development-intro p:not(.section-kicker) {
	margin: 0 0 14px;
	font-size: 16px;
	line-height: 1.65;
}

.mobile-development-link {
	margin-top: 6px !important;
	padding: 9px 16px !important;
}

.mobile-development-points {
	flex: 0 1 300px;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.mobile-development-points div {
	display: flex;
	gap: 14px;
	align-items: center;
	padding: 17px 18px;
	border-bottom: 1px solid #e5e5e5;
}

.mobile-development-points div:last-child {
	border-bottom: 0;
}

.mobile-development-points strong {
	color: #0066cc;
	font-size: 18px;
}

.mobile-development-points span {
	color: #444444;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
}

.home-highlights {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin-top: 34px !important;
}

.home-highlight-card {
	position: relative;
	box-sizing: border-box;
	min-height: 330px;
	margin: 0;
	padding: 30px;
	overflow: hidden;
	background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid #e2e7ec;
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(36, 55, 74, 0.07);
}

.home-highlight-card::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #0066cc;
	content: "";
}

.home-highlight-card.highlight-news::before {
	background: #e77a20;
}

.home-highlight-card.highlight-project::before {
	background: #72a927;
}

.highlight-card-number {
	position: absolute;
	top: 18px;
	right: 22px;
	color: #e7edf3;
	font-size: 42px;
	font-weight: 700;
	line-height: 1;
}

.highlight-eyebrow {
	position: relative;
	margin: 0 0 9px;
	color: #697785;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.home-highlight-card h3 {
	position: relative;
	margin: 0 0 22px;
	color: #344454;
	font-size: 27px;
	line-height: 1.2;
}

.highlight-description {
	margin: 0;
	color: #5d6975;
	font-size: 14px;
	line-height: 1.7;
}

.event-state {
	display: inline-flex;
	gap: 9px;
	align-items: center;
	margin: 2px 0 24px;
	padding: 9px 13px;
	background: #eef6ff;
	border: 1px solid #d6e8fa;
	border-radius: 30px;
	color: #315f8d;
	font-size: 12px;
}

.event-state-dot {
	width: 8px;
	height: 8px;
	background: #2d8be0;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(45, 139, 224, 0.13);
}

.news-feature-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 82px;
	height: 82px;
	margin: 0 0 20px;
	background: linear-gradient(145deg, #ff9b3d, #db5f11);
	border-radius: 24px 24px 24px 7px;
	box-shadow: 0 9px 18px rgba(219, 95, 17, 0.2);
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.featured-project-content {
	display: grid;
	grid-template-columns: 108px 1fr;
	gap: 18px;
	align-items: center;
}

.featured-project-content img {
	display: block;
	box-sizing: border-box;
	width: 108px;
	height: 108px;
	margin: 0;
	padding: 7px;
	object-fit: cover;
	background: #151515;
	border-radius: 8px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.mobile-article {
	max-width: 800px;
	margin: 0 auto;
	padding: 18px 0 28px;
}

.article-breadcrumbs {
	margin: 2px 0 28px;
	color: #777777;
	font-size: 13px;
}

.article-breadcrumbs a {
	color: #0066cc;
}

.article-header {
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.article-header h1 {
	margin: 7px 0 14px;
	color: #333333;
	font-size: 42px;
	line-height: 1.14;
}

.article-deck {
	max-width: 720px;
	margin: 0;
	color: #555555;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.55;
}

.article-meta {
	margin: 16px 0 0;
	color: #777777;
	font-size: 13px;
}

.article-toc {
	margin: 30px 0 36px;
	padding: 22px 26px;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.article-toc strong {
	display: block;
	margin-bottom: 9px;
	color: #333333;
	font-size: 15px;
}

.article-toc ol {
	margin: 0;
	padding-left: 21px;
}

.article-toc li {
	margin: 5px 0;
}

.article-toc a {
	color: #0066cc;
	text-decoration: none;
}

.article-content p,
.article-content li {
	font-size: 16px;
	line-height: 1.75;
}

.article-content h2 {
	margin: 42px 0 14px;
	padding-top: 4px;
	color: #333333;
	font-size: 29px;
	line-height: 1.25;
}

.article-content h3 {
	margin: 26px 0 8px;
	font-size: 20px;
	line-height: 1.35;
}

.article-summary {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 28px 0 34px;
}

.article-summary div {
	padding: 20px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-top: 3px solid #0066cc;
	border-radius: 4px;
}

.article-summary strong {
	display: block;
	margin-bottom: 5px;
	color: #333333;
	font-size: 16px;
}

.article-summary span {
	color: #666666;
	font-size: 13px;
	line-height: 1.45;
}

.service-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin: 22px 0 30px;
}

.service-card {
	padding: 20px 21px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.service-card h3 {
	margin: 0 0 7px;
	font-size: 18px;
}

.service-card p {
	margin: 0;
	color: #666666;
	font-size: 14px;
	line-height: 1.6;
}

.selection-steps {
	margin: 24px 0 32px;
	padding: 0;
	list-style: none;
	counter-reset: partner-step;
}

.selection-steps li {
	position: relative;
	margin: 0 0 18px;
	padding: 0 0 18px 54px;
	border-bottom: 1px solid #eeeeee;
	counter-increment: partner-step;
}

.selection-steps li::before {
	position: absolute;
	top: 2px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #0066cc;
	border-radius: 50%;
	color: #ffffff;
	content: counter(partner-step);
	font-size: 15px;
	font-weight: 700;
}

.selection-steps strong {
	display: block;
	margin-bottom: 3px;
	color: #333333;
}

.article-note {
	margin: 27px 0;
	padding: 22px 25px;
	background: #eef6fd;
	border-left: 4px solid #0066cc;
}

.article-note p {
	margin: 0;
}

.source-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin: 22px 0 30px;
}

.source-list div {
	padding: 18px 20px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.source-list strong {
	display: block;
	margin-bottom: 5px;
	color: #333333;
}

.source-list span {
	color: #666666;
	font-size: 14px;
	line-height: 1.5;
}

.question-list {
	columns: 2;
	column-gap: 46px;
	margin: 20px 0 34px;
	padding-left: 22px;
}

.question-list li {
	break-inside: avoid;
	margin-bottom: 9px;
}

.article-cta {
	margin-top: 44px;
	padding: 31px 34px;
	background: #3d3d3d;
	border-radius: 4px;
	color: #ffffff;
}

.article-cta h2 {
	margin: 0 0 9px;
	padding: 0;
	color: #ffffff;
	font-size: 25px;
}

.article-cta p {
	margin: 0;
	color: #eeeeee;
}

@media screen and (max-width: 650px) {
	.home-highlights {
		grid-template-columns: 1fr;
	}

	.home-highlight-card {
		min-height: 0;
	}

	.mobile-development-intro {
		align-items: stretch;
		flex-direction: column;
		gap: 24px;
		padding: 28px 24px;
	}

	.mobile-development-intro h2 {
		font-size: 28px;
	}

	.mobile-development-points {
		flex-basis: auto;
	}

	.article-header h1 {
		font-size: 34px;
	}

	.article-deck {
		font-size: 18px;
	}

	.article-summary,
	.service-grid,
	.source-list {
		grid-template-columns: 1fr;
	}

	.question-list {
		columns: 1;
	}
}

@media screen and (max-width: 480px) {
	.home-highlight-card {
		padding: 26px 22px;
	}

	.featured-project-content {
		grid-template-columns: 86px 1fr;
	}

	.featured-project-content img {
		width: 86px;
		height: 86px;
	}

	.mobile-development-intro {
		padding: 24px 20px;
	}

	.mobile-development-link {
		box-sizing: border-box;
		max-width: 100%;
		white-space: normal !important;
	}

	.article-header h1 {
		font-size: 29px;
	}

	.article-toc,
	.article-cta {
		padding: 21px;
	}

	.selection-steps li {
		padding-left: 48px;
	}
}