.monitoring-landing {
	max-width: 1180px;
	margin: 0 auto;
	padding: 40px 20px 72px;
	color: var(--text);
}

.monitoring-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr);
	gap: 56px;
	align-items: center;
	min-height: 460px;
	padding: 42px 0 54px;
	border-bottom: 1px solid var(--border);
}

.monitoring-eyebrow,
.monitoring-section-heading > span {
	display: block;
	margin-bottom: 12px;
	color: #86efac;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.content.inner-content .monitoring-hero h1 {
	max-width: 820px;
	margin: 0;
	color: #fff;
	font-size: 56px;
	line-height: 1.06;
	overflow-wrap: anywhere;
}

.monitoring-hero__content > p {
	max-width: 760px;
	margin: 24px 0 0;
	color: var(--muted);
	font-size: 19px;
	line-height: 1.65;
}

.monitoring-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
}

.monitoring-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 18px;
	border: 1px solid rgba(148, 163, 184, .34);
	border-radius: 6px;
	color: #e2e8f0 !important;
	font-weight: 800;
	background: rgba(255, 255, 255, .04);
}

.monitoring-button:hover {
	border-color: #93c5fd;
	background: rgba(96, 165, 250, .1);
}

.monitoring-button--primary {
	border-color: #22c55e;
	color: #03140a !important;
	background: #4ade80;
}

.monitoring-button--primary:hover {
	border-color: #86efac;
	color: #03140a !important;
	background: #86efac;
}

.monitoring-scope {
	padding: 26px 0 26px 30px;
	border-left: 3px solid #60a5fa;
}

.monitoring-scope > strong {
	color: #fff;
	font-size: 18px;
}

.monitoring-scope ul {
	display: grid;
	gap: 16px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.monitoring-scope li {
	display: flex;
	gap: 12px;
	align-items: center;
	color: #cbd5e1;
}

.monitoring-scope li span {
	width: 10px;
	height: 10px;
	flex: 0 0 10px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 4px rgba(34, 197, 94, .13);
}

.monitoring-intro {
	display: grid;
	grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
	gap: 56px;
	padding: 72px 0;
}

.content.inner-content .monitoring-intro h2,
.content.inner-content .monitoring-section-heading h2,
.content.inner-content .monitoring-audience h2,
.content.inner-content .monitoring-related h2,
.content.inner-content .monitoring-cta h2 {
	margin: 0;
	color: #fff;
	font-size: 30px;
	line-height: 1.2;
}

.monitoring-intro p {
	margin: 0 0 18px;
	color: #cbd5e1;
	font-size: 17px;
	line-height: 1.7;
}

.monitoring-capabilities {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	padding: 38px 0 72px;
	border-top: 1px solid var(--border);
}

.monitoring-capabilities article {
	padding-top: 20px;
	border-top: 3px solid rgba(245, 158, 11, .9);
}

.monitoring-capabilities h2 {
	margin: 0;
	color: #fff;
	font-size: 20px;
}

.monitoring-capabilities p,
.monitoring-workflow p,
.monitoring-cta p {
	margin: 12px 0 0;
	color: var(--muted);
	line-height: 1.65;
}

.monitoring-workflow {
	display: grid;
	grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr);
	gap: 56px;
	padding: 72px 0;
	border-top: 1px solid var(--border);
}

.monitoring-workflow ol {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.monitoring-workflow li {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 18px;
	padding: 0 0 30px;
}

.monitoring-workflow li > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(96, 165, 250, .5);
	border-radius: 50%;
	color: #bfdbfe;
	font-weight: 900;
}

.monitoring-workflow strong {
	color: #fff;
	font-size: 18px;
}

.monitoring-workflow p {
	margin-top: 7px;
}

.monitoring-audience {
	display: grid;
	grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr);
	gap: 56px;
	padding: 56px 0;
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

.monitoring-audience ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.monitoring-audience li {
	padding: 16px;
	border: 1px solid var(--border);
	border-radius: 6px;
	color: #e2e8f0;
	background: rgba(255, 255, 255, .025);
}

.monitoring-faq {
	display: grid;
	grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr);
	gap: 56px;
	padding: 72px 0;
}

.monitoring-faq details {
	border-top: 1px solid var(--border);
}

.monitoring-faq details:last-child {
	border-bottom: 1px solid var(--border);
}

.monitoring-faq summary {
	padding: 18px 4px;
	color: #fff;
	font-size: 17px;
	font-weight: 800;
	cursor: pointer;
}

.monitoring-faq details p {
	margin: 0;
	padding: 0 4px 20px;
	color: var(--muted);
	line-height: 1.65;
}

.monitoring-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 36px;
	border: 1px solid rgba(34, 197, 94, .4);
	border-radius: 8px;
	background: rgba(34, 197, 94, .06);
}

.monitoring-cta p {
	max-width: 720px;
}

.monitoring-related {
	padding: 72px 0 0;
}

.monitoring-related > div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 30px;
	margin-top: 26px;
}

.monitoring-related a {
	display: grid;
	gap: 6px;
	padding: 18px 0;
	border-top: 1px solid var(--border);
}

.monitoring-related strong {
	color: #bfdbfe;
	font-size: 17px;
}

.monitoring-related span {
	color: var(--muted);
}

@media (max-width: 860px) {
	.monitoring-hero,
	.monitoring-intro,
	.monitoring-workflow,
	.monitoring-audience,
	.monitoring-faq {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.monitoring-hero {
		min-height: 0;
	}

	.monitoring-capabilities,
	.monitoring-audience ul {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.monitoring-landing {
		padding: 24px 16px 52px;
	}

	.monitoring-hero {
		padding: 28px 0 42px;
	}

	.content.inner-content .monitoring-hero h1 {
		font-size: 38px;
	}

	.monitoring-hero__content > p {
		font-size: 17px;
	}

	.monitoring-scope {
		padding-left: 20px;
	}

	.monitoring-intro,
	.monitoring-workflow,
	.monitoring-faq {
		padding: 52px 0;
	}

	.monitoring-actions,
	.monitoring-cta {
		align-items: stretch;
		flex-direction: column;
	}

	.monitoring-button {
		width: 100%;
	}

	.monitoring-related > div {
		grid-template-columns: 1fr;
	}
}