.elite2026-services {
	background: var(--elite2026-white);
	padding-block: var(--elite2026-section-pad);
}
.elite2026-services__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(32px, 5vw, 80px);
	margin-bottom: clamp(48px, 6vw, 78px);
	align-items: end;
}
.elite2026-services__title {
	font-size: clamp(28px, 3.2vw, 40px);
	line-height: 1.18;
	margin: 0;
}
.elite2026-services__intro {
	font-size: 16px;
	line-height: 26.25px;
	color: var(--elite2026-text-body);
}
.elite2026-services__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(20px, 3vw, 58px);
}
.elite2026-services__card {
	position: relative;
	background: var(--elite2026-white);
	border: 1px solid var(--elite2026-border);
	border-radius: var(--elite2026-radius-card);
	padding: 33px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.elite2026-services__card::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 0;
	height: 3px;
	background: var(--elite2026-blue);
}
.elite2026-services__card-num {
	font-family: var(--elite2026-font-serif);
	font-weight: 400;
	font-size: 40px;
	line-height: 1;
	color: var(--elite2026-border);
	margin-bottom: 8px;
}
.elite2026-services__card-label {
	font-family: var(--elite2026-font-sans);
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.094em;
	text-transform: uppercase;
	color: var(--elite2026-blue);
}
.elite2026-services__card-title {
	font-family: var(--elite2026-font-serif);
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: var(--elite2026-text-dark);
}
.elite2026-services__card-desc {
	font-size: 16px;
	line-height: 24px;
	color: var(--elite2026-text-body);
}
.elite2026-services__card-link {
	margin-top: auto;
	font-family: var(--elite2026-font-sans);
	font-weight: 600;
	font-size: 16px;
	line-height: 19.5px;
	color: var(--elite2026-blue);
	text-decoration: none;
}
.elite2026-services__card-link:hover { text-decoration: underline; }

@media (max-width: 960px) {
	.elite2026-services__head { grid-template-columns: 1fr; align-items: start; }
	.elite2026-services__grid { grid-template-columns: 1fr; }
}

/* =====================================================================
   Services — depth2026 variant  ("Engagement Models")
   Two unnumbered equivalent models plus an inline comparison.
   ===================================================================== */

.elite2026-services--depth2026 {
	background: var(--elite2026-panel-light-alt);
	padding-block: clamp(72px, 8vw, 104px);
}

.elite2026-services--depth2026 .elite2026-services__head {
	grid-template-columns: 1fr;
	gap: 16px;
	margin-bottom: clamp(32px, 4vw, 48px);
	align-items: start;
	max-width: 72ch;
}

.elite2026-services--depth2026 .elite2026-services__title {
	font-family: var(--elite2026-font-serif);
	font-size: clamp(34px, 4.4vw, 56px);
	line-height: 1.12;
	letter-spacing: -0.01em;
}

.elite2026-services--depth2026 .elite2026-services__intro {
	font-size: 17px;
	line-height: 1.65;
}

/* ---- The two models -------------------------------------------------- */

.elite2026-services--depth2026 .elite2026-services__models {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(16px, 2.2vw, 28px);
	align-items: stretch;
	margin-bottom: clamp(24px, 3vw, 36px);
}

/* With the comparison accordion removed the models grid is the last thing in
   the shell, so its trailing margin would show as a dead gap above the next
   section. (Service Levels, 28 Sept.) */
.elite2026-services--depth2026 .elite2026-services__models:last-child {
	margin-bottom: 0;
}

.elite2026-services--depth2026 .elite2026-services__model {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: clamp(28px, 3vw, 40px);
	background: var(--elite2026-panel-light);
	border-color: var(--elite2026-rule);
}

/* Both models share one treatment (client, 17 Sept). The card_featured
   flag is kept on the field group but no longer changes the depth2026 look. */

.elite2026-services--depth2026 .elite2026-services__model-title {
	margin: 0;
	font-family: var(--elite2026-font-serif);
	font-weight: 500;
	font-size: clamp(24px, 2.6vw, 32px);
	line-height: 1.18;
	color: var(--elite2026-text-dark);
}

.elite2026-services--depth2026 .elite2026-services__model-tagline {
	margin: 0;
	font-family: var(--elite2026-font-sans);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.45;
	color: var(--elite2026-blue);
}

.elite2026-services--depth2026 .elite2026-services__model-desc {
	font-size: 15px;
	line-height: 25px;
	color: var(--elite2026-text-body);
}

.elite2026-services--depth2026 .elite2026-services__model-btn {
	align-self: flex-start;
	margin-top: auto;
}

/* ---- Comparison ------------------------------------------------------ */

.elite2026-services--depth2026 .elite2026-services__compare {
	padding: clamp(22px, 2.4vw, 30px) clamp(24px, 3vw, 36px);
	background: var(--elite2026-panel-light);
	border-color: var(--elite2026-rule);
}

.elite2026-services--depth2026 .elite2026-services__compare > summary {
	align-items: center;
	gap: 24px;
}

.elite2026-services--depth2026 .elite2026-services__compare-head { min-width: 0; }

.elite2026-services--depth2026 .elite2026-services__compare-title {
	display: block;
	font-family: var(--elite2026-font-serif);
	font-weight: 500;
	font-size: clamp(20px, 2.1vw, 26px);
	line-height: 1.25;
	color: var(--elite2026-text-dark);
}

.elite2026-services--depth2026 .elite2026-services__compare-sub {
	display: block;
	margin-top: 5px;
	font-size: 15px;
	line-height: 23px;
	color: var(--elite2026-text-body);
}

.elite2026-services--depth2026 .elite2026-services__compare-btn {
	flex: none;
	pointer-events: none; /* the whole summary is the control */
	/* It is a <span> inside <summary>, so the a/button-qualified .elite2026-btn
	   rules in style.css do not reach it. Restate the blue button here. */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	border: 1px solid transparent;
	border-radius: var(--elite2026-radius);
	background: var(--elite2026-blue);
	color: var(--elite2026-white);
	font-family: var(--elite2026-font-sans);
	font-size: 16px;
	font-weight: 600;
	line-height: 21px;
	letter-spacing: 0.42px;
	white-space: nowrap;
	transition: background 0.18s ease;
}
.elite2026-services--depth2026 .elite2026-services__compare > summary:hover .elite2026-services__compare-btn { background: #2c79e8; }
.elite2026-services--depth2026 .elite2026-services__compare-hide { display: none; }
.elite2026-services--depth2026 .elite2026-services__compare[open] .elite2026-services__compare-show { display: none; }
.elite2026-services--depth2026 .elite2026-services__compare[open] .elite2026-services__compare-hide { display: inline; }

.elite2026-services--depth2026 .elite2026-services__compare[open] { padding-bottom: clamp(28px, 3vw, 40px); }
.elite2026-services--depth2026 .elite2026-services__compare-wrap {
	margin-top: clamp(28px, 3vw, 40px);
	padding-top: 4px;
	overflow-x: auto;
}

.elite2026-services--depth2026 .elite2026-services__compare-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 23px;
}
.elite2026-services--depth2026 .elite2026-services__compare-table th,
.elite2026-services--depth2026 .elite2026-services__compare-table td {
	text-align: left;
	vertical-align: top;
	padding: 24px 40px 24px 0;
	border-top: 1px solid var(--elite2026-rule);
}
.elite2026-services--depth2026 .elite2026-services__compare-table thead th {
	border-top: 0;
	padding-top: 0;
	padding-bottom: 18px;
	font-family: var(--elite2026-font-sans);
	font-weight: 700;
	font-size: 15px;
	color: var(--elite2026-navy);
}
.elite2026-services--depth2026 .elite2026-services__compare-table tbody th {
	width: 22%;
	font-weight: 700;
	color: var(--elite2026-text-dark);
}
.elite2026-services--depth2026 .elite2026-services__compare-table td {
	width: 39%;
	color: var(--elite2026-text-body);
}
.elite2026-services--depth2026 .elite2026-services__compare-table th:last-child,
.elite2026-services--depth2026 .elite2026-services__compare-table td:last-child { padding-right: 0; }

/* Narrow screens: the side-by-side table collapses into labelled stacks
   rather than scrolling a three-column grid off the edge. */
@media (max-width: 760px) {
	.elite2026-services--depth2026 .elite2026-services__models { grid-template-columns: 1fr; }

	.elite2026-services--depth2026 .elite2026-services__compare > summary {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.elite2026-services--depth2026 .elite2026-services__compare-btn { width: 100%; text-align: center; }

	.elite2026-services--depth2026 .elite2026-services__compare-wrap { overflow-x: visible; }
	.elite2026-services--depth2026 .elite2026-services__compare-table thead { display: none; }
	.elite2026-services--depth2026 .elite2026-services__compare-table,
	.elite2026-services--depth2026 .elite2026-services__compare-table tbody,
	.elite2026-services--depth2026 .elite2026-services__compare-table tr,
	.elite2026-services--depth2026 .elite2026-services__compare-table th,
	.elite2026-services--depth2026 .elite2026-services__compare-table td { display: block; width: auto; }

	.elite2026-services--depth2026 .elite2026-services__compare-table tr {
		padding-block: 18px;
		border-top: 1px solid var(--elite2026-rule);
	}
	.elite2026-services--depth2026 .elite2026-services__compare-table tbody th {
		padding: 0 0 10px;
		border-top: 0;
		font-size: 16px;
	}
	.elite2026-services--depth2026 .elite2026-services__compare-table td {
		padding: 0 0 12px;
		border-top: 0;
	}
	.elite2026-services--depth2026 .elite2026-services__compare-table td:last-child { padding-bottom: 0; }
	.elite2026-services--depth2026 .elite2026-services__compare-table td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 3px;
		font-weight: 700;
		font-size: 13px;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: var(--elite2026-blue);
	}
}

/* Key Features list — used on the deeper Service Options page; the homepage
   cards simply leave card_features blank. */
.elite2026-services--depth2026 .elite2026-services__model-features {
	margin-top: 4px;
	padding-top: 18px;
	border-top: 1px solid var(--elite2026-rule);
}
.elite2026-services--depth2026 .elite2026-services__model-features-label {
	margin: 0 0 12px;
	font-family: var(--elite2026-font-sans);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--elite2026-blue);
}
.elite2026-services--depth2026 .elite2026-services__model-features-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.elite2026-services--depth2026 .elite2026-services__model-features-list li {
	position: relative;
	padding-left: 22px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--elite2026-text-body);
}
.elite2026-services--depth2026 .elite2026-services__model-features-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: var(--elite2026-blue);
}