/* Automate landing — capabilities, cases, process, fit, faq, contact. */
/* surface: light */
.dl-automate__capabilities { display: grid; gap: 1rem; }
.dl-automate__capabilities article {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 1.5rem;
	border: 1px solid #dbe1f4;
	border-radius: .75rem;
	background: #fff;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.dl-automate__capabilities article:hover {
	border-color: var(--automate-accent-soft);
	box-shadow: 0 1rem 2rem rgba(124,58,237,.12);
	transform: translateY(-.2rem);
}
.dl-automate__capability-num {
	position: absolute;
	top: 1.15rem;
	inset-inline-end: 1.15rem;
	color: #567083;
	font: 700 .75rem/1 var(--font-display);
	letter-spacing: .06em;
}
.dl-automate__capability-icon { display: block; width: 2.4rem; margin-bottom: 1rem; color: var(--automate-accent); }
.dl-automate__capability-icon svg { width: 100%; height: auto; }
.dl-automate__capabilities h3 { margin-bottom: .5rem; padding-inline-end: 2rem; }
.dl-automate__capabilities p { margin-bottom: 1rem; color: #59707f; font-size: .95rem; }
.dl-automate__capabilities ul { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: auto; }
.dl-automate__capabilities li {
	padding: .25rem .55rem;
	border: 1px solid #e2e6f6;
	border-radius: .3rem;
	background: #f6f5ff;
	color: #5b5675;
	font-size: .72rem;
	font-weight: 600;
}
.dl-automate__capability-link { margin-top: 1rem; color: var(--automate-accent); font-size: .82rem; font-weight: 700; }

/* Cases — navy cards sit on a light page band */
/* surface: dark */
.dl-automate__cases {
	display: grid;
	gap: 1.25rem;
	/* Stretch made empty flex bodies grow into giant blank navy slabs when the
	 * image box collapsed. Size each card to its own content. */
	align-items: start;
}
.dl-automate__cases article {
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	border-radius: .75rem;
	background: var(--navy-2);
	color: var(--cloud);
}
/*
 * Keep the image IN FLOW. Absolute children + global `img { height:auto }` let
 * the media box collapse to 0 inside a column flex card.
 */
.dl-automate__case-image {
	display: block;
	flex: 0 0 auto;
	width: 100%;
	overflow: hidden;
	background: var(--navy-3);
}
.dl-automate__case-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform .35s ease;
}
.dl-automate__case-image:hover img { transform: scale(1.03); }
.dl-automate__case-body {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	padding: 1.25rem;
}
.dl-automate__case-label { margin-bottom: .45rem; color: var(--automate-accent-soft); font-size: .7rem; font-weight: 700; }
.dl-automate__cases h3 { margin-bottom: 1rem; font-size: 1.15rem; }
.dl-automate__case-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: auto;
	padding-top: .9rem;
	border-top: 1px solid rgba(255,255,255,.11);
}
.dl-automate__case-metrics li { min-width: 0; }
.dl-automate__case-metrics strong,.dl-automate__case-metrics span { display: block; }
.dl-automate__case-metrics strong { color: #fff; font: 700 1rem var(--font-display); }
.dl-automate__case-metrics span { overflow: hidden; color: #9eadba; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.dl-automate__case-link { margin-top: 1rem; color: var(--automate-accent-soft); font-size: .82rem; font-weight: 700; }

/* surface: light */
.dl-automate__empty { color: #59707f; }

/* Trust logos */
.dl-automate__logos { padding: 3.5rem 0; background: #eef1fb; text-align: center; }
.dl-automate__logos p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .7rem;
	margin-bottom: 1.8rem;
	color: #4b5661;
	font-weight: 600;
}
.dl-automate__logos p::before,.dl-automate__logos p::after { width: 2rem; height: 1px; background: rgba(124,58,237,.45); content: ""; }
.dl-automate__logos ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem; align-items: center; }
.dl-automate__logos img { width: auto; max-width: 8rem; max-height: 2.6rem; margin: 0 auto; }

/* Process */
/* surface: dark */
.dl-automate__process {
	padding: 4.5rem 0;
	background:
		radial-gradient(circle at 85% 10%, rgba(124,58,237,.28), transparent 42%),
		var(--navy);
	color: var(--cloud);
}
.dl-automate__process h2 { color: #fff; }
.dl-automate__process-steps {
	display: grid;
	gap: 1.3rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.dl-automate__process-steps li { padding: 1rem 0; border-top: 1px solid rgba(255,255,255,.12); }
.dl-automate__process-icon {
	display: inline-grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: 1rem;
	border: 1px solid rgba(167,139,250,.45);
	border-radius: 50%;
	color: var(--automate-accent-soft);
}
.dl-automate__process-icon svg {
	width: 1.4rem;
	height: 1.4rem;
}
.dl-automate__process-steps h3 { margin-bottom: .45rem; }
.dl-automate__process-steps p { margin: 0; color: #b8c4cf; font-size: .9rem; }

/* Fit — light cards; contrast pass is separate from the dark process strip. */
/* surface: none */
.dl-automate__fit { display: grid; gap: 1rem; }
.dl-automate__fit-card { padding: 1.5rem; border-radius: .75rem; background: #fff; }
.dl-automate__fit-card h3 { margin-bottom: 1.1rem; }
.dl-automate__fit-card ul { display: grid; gap: .75rem; }
.dl-automate__fit-card li { display: grid; grid-template-columns: 1.1rem 1fr; gap: .5rem; color: #4c6070; font-size: .95rem; }
.dl-automate__fit-card--yes { border-top: 3px solid var(--status-live); }
.dl-automate__fit-card--yes li::before { color: var(--status-live); content: "✓"; }
.dl-automate__fit-card--no { border-top: 3px solid var(--automate-accent); }
.dl-automate__fit-card--no li::before { color: var(--automate-accent); content: "×"; }

/* FAQ */
.dl-automate__faq-wrap { max-width: 52rem; }
.dl-automate__faq { display: grid; gap: .6rem; margin-top: 2rem; }
.dl-automate__faq article { border: 1px solid #e1e5f3; border-radius: .6rem; background: #fbfbff; }
.dl-automate__faq button {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 1rem 1.1rem;
	border: 0;
	background: transparent;
	color: var(--navy);
	font: 700 1rem var(--font-display);
	text-align: start;
	cursor: pointer;
}
.dl-automate__faq button span:last-child { color: var(--automate-accent); font-size: 1.3rem; transition: transform .2s ease; }
.dl-automate__faq button[aria-expanded="true"] span:last-child { transform: rotate(45deg); }
.dl-automate__faq div { padding: 0 1.1rem 1.1rem; }
.dl-automate__faq p { margin: 0; color: #59707f; font-size: .95rem; }

/* Contact */
.dl-automate__contact { padding: 4.5rem 0; background: #fff; }
.dl-automate__contact-grid { display: grid; gap: 2rem; }
.dl-automate__contact-copy p { margin-bottom: 1.25rem; color: #59707f; }
.dl-automate__contact-copy ul { display: grid; gap: .6rem; }
.dl-automate__contact-copy li { display: grid; grid-template-columns: 1.1rem 1fr; gap: .5rem; color: #4c6070; font-size: .95rem; }
.dl-automate__contact-copy li::before { color: var(--automate-accent); content: "✓"; }
.dl-automate__form { padding: 1.5rem; border: 1px solid #e1e5f3; border-radius: .75rem; background: #f7f8fe; }
.dl-automate__form-note { margin: 1rem 0 0; color: #6b7c8b; font-size: .8rem; }

@media (min-width: 760px) {
	.dl-automate__capabilities { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
	.dl-automate__cases { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dl-automate__logos ul { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.dl-automate__process { padding: 6.5rem 0; }
	.dl-automate__process-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.75rem; }
	.dl-automate__fit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
	.dl-automate__contact { padding: 6.5rem 0; }
	.dl-automate__contact-grid { grid-template-columns: minmax(0,1fr) minmax(21rem,.85fr); align-items: start; gap: 3rem; }
}
@media (prefers-reduced-motion: reduce) {
	.dl-automate__capabilities article,.dl-automate__case-image img,.dl-automate__faq button span:last-child { transition: none; }
	.dl-automate__capabilities article:hover { transform: none; }
}