/**
 * Platform family pages (/platforms/<family>/, Platforms L1 Template, os/platforms-l1-* patterns;
 * first page Techniqk, client brief "L1_Platforms_Techniqk v2_041026.pdf", 2026-10-12). Most
 * sections are existing components and bring their own CSS: the hero (the Platforms page banner,
 * os-industry-list.css), the results (the partner page's success metrics, os-service-detail.css +
 * os-partners.css), the Why card (the Industries client base card, os-industry-list.css), the
 * success stories (os-service-detail.css), the FAQs (os-faq.css) and contact. Only what is new
 * lives here: the journey (Build → Run → Assure) and the Why card's extras.
 * Loads where a block with an "os-platforms-l1" class renders (os_interactive_styles).
 *
 * Section rhythm = Industries / Services: 48px above and below (24 on phones), 32px from the head to
 * the content (24 on phones), cards with 16px corners.
 */

/* ---------- Overview (os/platforms-l1-overview) ---------- */
/* "What is Techniqk™?" right after the hero (user, 2026-10-23): white section, centred head (theme
   H2, then the description as the journey's lead: 18px, 860px wide). */
.os-platforms-l1-overview {
	padding-top: 48px;
	padding-bottom: 48px;
	background: var(--wp--preset--color--white);
}
.os-platforms-l1-overview > * { margin-block: 0; }
.os-platforms-l1-overview__head > .os-platforms-l1-overview__text {
	max-width: 860px;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.6;
	color: var(--wp--preset--color--ink-soft);
}

/* ---------- Results (os/platforms-l1-results) ---------- */
/* The Home "Why trust QKTech" band as is (user, 2026-10-23: "copy the exact component and reuse it"):
   OS Blue Band + OS Metric Row (is-style-os-metrics / os-metric, os-theme.css) under the centred head.
   Home's row is one line of five two-word cells; these are eight with longer labels and a proof line, so: two rows of four (a hairline between them, as Home's wrapped rows), 2 across ≤768, 1 ≤540;
   cells top-aligned and growing with their text, padded so each figure starts where Home's does (84px
   below the cell top, 58 ≤768), as the L3 band (os-service-l3-trust). Section spacing = this page's
   (48px, 0.6 x spacing-90 ≤768). */
.os-platforms-l1-results { padding-top: 48px; padding-bottom: 48px; }
.os-platforms-l1-results > * { margin-block: 0; }
.os-platforms-l1-results .os-service-detail-results__head > .os-service-detail-results__title { margin-top: 0; }
.os-platforms-l1-results .is-style-os-metrics { flex-wrap: wrap; margin-top: 32px !important; }
.os-platforms-l1-results .os-metric {
	flex: 0 0 25%;
	min-width: 0;
	justify-content: flex-start;
	height: auto;
	min-height: 180px;
	padding-top: 80.5px;
}
.os-platforms-l1-results .os-metric:nth-child(-n + 4) { border-bottom: 3px solid rgb(255 255 255 / 0.18); }
.os-platforms-l1-results .os-metric:nth-child(3n) { border-right: 1px solid rgb(255 255 255 / 0.18); }
.os-platforms-l1-results .os-metric:nth-child(4n) { border-right: none; }
.os-platforms-l1-results .os-metric:hover { border-bottom-color: #38bdf8; }
/* A word before the figure ("Under 15 min"): small and bold on the figure's baseline, as on the old
   results strip (user, 2026-10-23: "under will be small like how it was before"); only the number
   counts up. */
.os-platforms-l1-results .os-metric__figure { display: flex; align-items: baseline; gap: 6px; margin: 0; }
.os-platforms-l1-results .os-metric__figure > * { margin: 0; }
.os-platforms-l1-results .os-metric__prefix {
	flex-shrink: 0;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}
/* The proof line under the label (the client's lines, links removed, user 2026-10-23); a link added
   to a stat later is white and underlined (user). */
.os-platforms-l1-results .os-metric__note {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	line-height: 1.4;
	color: rgb(255 255 255 / 0.8);
}
.os-platforms-l1-results .os-metric a {
	color: var(--wp--preset--color--white);
	text-decoration: underline;
	text-underline-offset: 2px;
}
@media (max-width: 768px) {
	.os-platforms-l1-results { padding-top: calc(var(--wp--preset--spacing--90) * 0.6); padding-bottom: calc(var(--wp--preset--spacing--90) * 0.6); }
	.os-platforms-l1-results .is-style-os-metrics { margin-top: 24px !important; }
	.os-platforms-l1-results .os-metric,
	.os-platforms-l1-results .os-metric:last-child { flex-basis: 50%; min-height: 140px; padding-top: 54.5px; border-bottom: 3px solid rgb(255 255 255 / 0.18); }
	.os-platforms-l1-results .os-metric:nth-child(odd) { border-right: 1px solid rgb(255 255 255 / 0.18); }
	.os-platforms-l1-results .os-metric:nth-child(even) { border-right: none; }
	.os-platforms-l1-results .os-metric:nth-last-child(-n + 2) { border-bottom-color: transparent; }
}
@media (max-width: 540px) {
	.os-platforms-l1-results .os-metric,
	.os-platforms-l1-results .os-metric:last-child,
	.os-platforms-l1-results .os-metric:nth-child(odd) { flex-basis: 100%; border-right: none; }
	.os-platforms-l1-results .os-metric:nth-last-child(2) { border-bottom-color: rgb(255 255 255 / 0.18); }
}

/* ---------- Journey (os/platforms-l1-journey) ---------- */
/* The brief's interactive Build → Run → Assure diagram, as OS Tabs (os-tabs.js: click, arrow keys).
   White section, centred head (theme H2, 18px lead), 32px, then the steps: three equal tiles in a
   row, 56px apart with an arrow in each gap; a tile = numbered ring + the step (Manrope 700 20px;
   the one-liners under the steps removed, user 2026-10-12). The selected tile is navy with a white ring. 32px, then the panel:
   a soft blue frame (24px corners) with the stage title and promise on the left and the stage's
   platform cards on the right. Steps stay in one row on phones (number above the step). */
.os-platforms-l1-journey {
	padding-top: 48px;
	padding-bottom: 48px;
	background: var(--wp--preset--color--white);
}
.os-platforms-l1-journey > * { margin-block: 0; }
.os-platforms-l1-journey__head > .os-platforms-l1-journey__lead {
	max-width: 860px;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.6;
	color: var(--wp--preset--color--ink-soft);
}
.os-platforms-l1-journey > .os-platforms-l1-journey__tabs { margin-top: 32px; }

/* One row of equal tiles, however many steps there are (up to five, user 2026-10-23). */
.os-platforms-l1-journey__tabs > .os-tabs__list {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 56px;
	counter-reset: os-step;
}
.os-platforms-l1-journey__tabs .os-tabs__tab.os-platforms-l1-step,
.os-platforms-l1-journey__tabs .os-platforms-l1-step {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 2px;
	box-sizing: border-box;
	min-height: 88px;
	margin: 0;
	padding: 16px 20px 16px 84px;
	border-radius: var(--wp--preset--border-radius--lg);
	background: var(--wp--preset--color--white);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--border);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	line-height: 1.4;
	color: var(--wp--preset--color--ink-soft);
	counter-increment: os-step;
	transition: background-color var(--os-base) var(--os-ease), box-shadow var(--os-base) var(--os-ease), color var(--os-base) var(--os-ease);
}
.os-platforms-l1-step > strong {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	line-height: 1.25;
	color: var(--wp--preset--color--ink-deep);
	transition: color var(--os-base) var(--os-ease);
}
/* The step number: a 44px ring on the left. */
.os-platforms-l1-step::before {
	content: counter(os-step, decimal-leading-zero);
	position: absolute;
	top: 50%;
	left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: linear-gradient(141.3deg, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--navy-deep) 92%);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
	color: var(--wp--preset--color--white);
	transform: translateY(-50%);
}
/* The arrow in the gap after each step but the last. */
.os-platforms-l1-step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -44px;
	width: 32px;
	height: 16px;
	background: var(--wp--preset--color--brand);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath d='M0 7h28.6l-5.3-5.3L24.7.3 32 8l-7.3 7.7-1.4-1.4L28.6 9H0z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath d='M0 7h28.6l-5.3-5.3L24.7.3 32 8l-7.3 7.7-1.4-1.4L28.6 9H0z'/%3E%3C/svg%3E") center / contain no-repeat;
	transform: translateY(-50%);
	pointer-events: none;
}
/* Over the Home services tabs' hover / selected fills (os-theme.css). */
.os-platforms-l1-journey__tabs .os-tabs__tab.os-platforms-l1-step:hover { background: var(--wp--preset--color--ice); box-shadow: inset 0 0 0 1px var(--wp--preset--color--brand); }
.os-platforms-l1-journey__tabs .os-tabs__tab.os-platforms-l1-step[aria-selected="true"] {
	background: linear-gradient(141.3deg, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--navy-deep) 92%);
	box-shadow: none;
	color: var(--wp--custom--color--on-brand);
}
.os-platforms-l1-journey__tabs .os-tabs__tab.os-platforms-l1-step[aria-selected="true"] > strong { color: var(--wp--preset--color--white); }
.os-platforms-l1-journey__tabs .os-tabs__tab.os-platforms-l1-step[aria-selected="true"]::before {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--brand);
}

/* The panel: soft blue frame, stage on the left, its platforms on the right. */
.os-platforms-l1-journey__tabs > .os-tabs__panels { margin-top: 32px; }
.os-platforms-l1-stage {
	display: grid;
	grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
	gap: 48px;
	align-items: start;
	box-sizing: border-box;
	margin: 0;
	padding: 40px;
	border-radius: 24px;
	background:
		radial-gradient(ellipse 520px 360px at 0 100%, rgb(20 199 180 / 0.12), rgb(20 199 180 / 0) 100%),
		radial-gradient(ellipse 520px 360px at 100% 0, rgb(23 72 232 / 0.1), rgb(23 72 232 / 0) 100%),
		var(--wp--preset--color--surface);
}
.os-platforms-l1-stage > * { margin: 0; }
.os-platforms-l1-stage__intro > * { margin: 0; }
.os-platforms-l1-stage__intro > .os-platforms-l1-stage__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--title);
	font-weight: 700;
	line-height: 1.25;
	color: var(--wp--preset--color--ink-deep);
}
/* The stage promise at the paragraph size (user, 2026-10-12), in brand blue. */
.os-platforms-l1-stage__intro > .os-platforms-l1-stage__text {
	margin-top: 12px;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
	line-height: 1.6;
	color: var(--wp--preset--color--brand);
}
.os-platforms-l1-stage__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
}
.os-platforms-l1-stage__cards > * { margin: 0; }

/* Platform card: white, hairline, 16px corners; name, what it does, sparkle bullets, Know more
   (a card with a platform page). */
.os-platforms-l1-card {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 28px 32px 32px;
	border: 1px solid var(--wp--preset--color--line);
	border-top: 3px solid var(--wp--preset--color--teal);
	border-radius: var(--wp--preset--border-radius--lg);
	background: var(--wp--preset--color--white);
	box-shadow: 0 8px 24px rgb(0 31 84 / 0.06);
}
.os-platforms-l1-card > * { margin: 0; }
.os-platforms-l1-card > .os-platforms-l1-card__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	line-height: 1.3;
	color: var(--wp--preset--color--ink-deep);
}
/* A card with a platform page ends in Know more (the Know more button used on every card, arrow
   included) and is one link (user, 2026-10-12): Know more stretched over the card, as the Partners
   L0 cards (::before: the link's ::after is its arrow); the name has no link or hover. Know more
   sits at the card's foot, so the links line up across a row; it underlines on hover of the card.
   Keyboard focus outlines the card. Not in the editor, where it would cover the card's blocks. */
.os-platforms-l1-card:has(.os-platforms-l1-card__link) { position: relative; }
.os-platforms-l1-card > .os-platforms-l1-card__link { margin-top: auto; padding-top: 24px; }
.os-platforms-l1-card__link a::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.os-platforms-l1-card:hover .os-platforms-l1-card__link a,
.os-platforms-l1-card:has(.os-platforms-l1-card__link a:focus-visible) .os-platforms-l1-card__link a { background-size: 100% 1px; }
.os-platforms-l1-card:has(.os-platforms-l1-card__link a:focus-visible) { outline: 2px solid var(--wp--preset--color--brand); outline-offset: 3px; }
.os-platforms-l1-card__link a:focus-visible { outline: 0; }
.is-root-container .os-platforms-l1-card__link a::before { content: none; }
.os-platforms-l1-card > .os-platforms-l1-card__text {
	margin-top: 8px;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
	color: var(--wp--preset--color--ink-soft);
}
.os-platforms-l1-card > .os-platforms-l1-card__list {
	margin-top: 16px;
	padding: 16px 0 0;
	border-top: 1px solid var(--wp--preset--color--line);
	list-style: none;
}
.os-platforms-l1-card__list > li {
	position: relative;
	margin: 0;
	padding-left: 26px;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.5;
	color: var(--wp--preset--color--ink);
}
.os-platforms-l1-card__list > li + li { margin-top: 10px; }
.os-platforms-l1-card__list > li::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	background: var(--wp--preset--color--brand);
	-webkit-mask: url("../images/ui/sparkle.svg") center / contain no-repeat;
	mask: url("../images/ui/sparkle.svg") center / contain no-repeat;
}
.os-platforms-l1-card__list strong { font-weight: 700; color: var(--wp--preset--color--ink-deep); }

@media (max-width: 1100px) {
	.os-platforms-l1-journey__tabs > .os-tabs__list { gap: 40px; }
	.os-platforms-l1-step:not(:last-child)::after { right: -36px; width: 32px; }
	.os-platforms-l1-stage { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 32px; }
}
@media (max-width: 1023px) {
	/* Number above the step, centred. */
	.os-platforms-l1-journey__tabs .os-tabs__tab.os-platforms-l1-step,
	.os-platforms-l1-journey__tabs .os-platforms-l1-step {
		align-items: center;
		gap: 8px;
		min-height: 0;
		padding: 16px 8px;
		text-align: center;
	}
	.os-platforms-l1-step::before { position: static; transform: none; width: 36px; height: 36px; font-size: var(--wp--preset--font-size--small); }
	.os-platforms-l1-step > strong { font-size: var(--wp--preset--font-size--large); }
}
@media (max-width: 768px) {
	.os-platforms-l1-journey,
	.os-platforms-l1-overview { padding-top: calc(var(--wp--preset--spacing--90) * 0.6); padding-bottom: calc(var(--wp--preset--spacing--90) * 0.6); }
	.os-platforms-l1-journey__head > .os-platforms-l1-journey__lead,
	.os-platforms-l1-overview__head > .os-platforms-l1-overview__text { font-size: var(--wp--preset--font-size--medium); }
	.os-platforms-l1-journey > .os-platforms-l1-journey__tabs { margin-top: 24px; }
	.os-platforms-l1-journey__tabs > .os-tabs__list { gap: 24px; }
	.os-platforms-l1-step:not(:last-child)::after { right: -21px; width: 18px; height: 10px; }
	.os-platforms-l1-journey__tabs > .os-tabs__panels { margin-top: 24px; }
	.os-platforms-l1-stage { padding: 24px 20px; border-radius: var(--wp--preset--border-radius--lg); }
	.os-platforms-l1-stage__intro > .os-platforms-l1-stage__title { font-size: var(--wp--preset--font-size--x-large); }
	.os-platforms-l1-stage__intro > .os-platforms-l1-stage__text { margin-top: 8px; }
	.os-platforms-l1-stage__cards { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.os-platforms-l1-card { padding: 20px 20px 24px; }
	.os-platforms-l1-card > .os-platforms-l1-card__title { font-size: var(--wp--preset--font-size--large); }
	.os-platforms-l1-card__list > li { font-size: 15px; }
}
@media (max-width: 400px) {
	.os-platforms-l1-journey__tabs > .os-tabs__list { gap: 16px; }
	.os-platforms-l1-step:not(:last-child)::after { right: -14px; width: 12px; height: 8px; }
	.os-platforms-l1-step > strong { font-size: var(--wp--preset--font-size--medium); }
}

/* Four or five steps (user, 2026-10-23: "maximum 5 steps"): 40px gaps (the arrows as below
   1101px), so the labels still fit beside the number at 1280px; below that the number goes above
   the step (as on tablets); on phones the row scrolls sideways like the Home services tabs, tiles
   104px wide, out to the screen edges (os-tabs.js keeps the selected step in view). */
.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) { gap: 40px; }
.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) > .os-platforms-l1-step:not(:last-child)::after { right: -36px; width: 32px; }
@media (max-width: 1279px) {
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) > .os-tabs__tab.os-platforms-l1-step {
		align-items: center;
		gap: 8px;
		min-height: 0;
		padding: 16px 8px;
		text-align: center;
	}
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) > .os-platforms-l1-step::before { position: static; transform: none; width: 36px; height: 36px; font-size: var(--wp--preset--font-size--small); }
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) > .os-platforms-l1-step > strong { font-size: var(--wp--preset--font-size--large); }
}
@media (max-width: 768px) {
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) { gap: 24px; }
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) > .os-platforms-l1-step:not(:last-child)::after { right: -21px; width: 18px; height: 10px; }
}
@media (max-width: 640px) {
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) {
		grid-auto-columns: 104px;
		margin-inline: calc(var(--wp--custom--gutter) * -1);
		padding-inline: var(--wp--custom--gutter);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--wp--custom--gutter);
		scrollbar-width: none;
	}
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4))::-webkit-scrollbar { display: none; }
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) > .os-platforms-l1-step { scroll-snap-align: start; }
}
@media (max-width: 400px) {
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) { gap: 16px; }
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) > .os-platforms-l1-step:not(:last-child)::after { right: -14px; width: 12px; height: 8px; }
	.os-platforms-l1-journey__tabs > .os-tabs__list:has(> :nth-child(4)) > .os-platforms-l1-step > strong { font-size: var(--wp--preset--font-size--medium); }
}

/* ---------- Why (os/platforms-l1-why) ---------- */
/* The Industries client base card with the brief's promise (white, at the paragraph size, 16px,
   not bold, user 2026-10-12, under the H2), its
   paragraph (the card's note, up to 860px), the trust bar 5 across (3 + 2 below 1101px, stacked
   on phones, os-industry-list.css), then the supporting line and two buttons,
   centred. */
/* "Why" + the family's logo (user, 2026-10-12): the inline logo in white (its one dark fill turned
   white), sized to the H2's letters and sat on its baseline. */
.os-platforms-l1-why .os-industry-list__head h2 .os-platforms-l1-why__logo {
	display: inline-block;
	width: auto;
	height: 1.2em;
	vertical-align: -0.29em;
	filter: brightness(0) invert(1);
}
.os-platforms-l1-why .os-industry-list__head > .os-platforms-l1-why__promise {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	line-height: 1.6;
	color: var(--wp--preset--color--white);
}
.os-platforms-l1-why .os-industry-list__head > .os-industry-list__note { max-width: 860px; margin-top: 12px; }
.os-industry-stats__metrics.os-platforms-l1-why__bar { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.os-platforms-l1-why__bar > .os-industry-stat { padding: 0 20px; }
.os-platforms-l1-why__bar .os-industry-stat__value { font-size: var(--wp--preset--font-size--display); }
/* The supporting line as a paragraph: 16px, regular, no hairline above (user, 2026-10-12). */
.os-industry-stats > .os-platforms-l1-why__support {
	max-width: 860px;
	margin: 40px auto 0;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
	color: var(--wp--preset--color--white);
}
.os-industry-stats > .os-platforms-l1-why__actions { justify-content: center; margin-top: 24px; }
@media (max-width: 1100px) {
	.os-industry-stats__metrics.os-platforms-l1-why__bar { grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: 32px; }
	.os-platforms-l1-why__bar > .os-industry-stat { grid-column: span 2; }
	.os-platforms-l1-why__bar > .os-industry-stat:nth-child(4) { grid-column: 2 / span 2; border-left: 0; }
	.os-platforms-l1-why__bar .os-industry-stat__value { font-size: var(--wp--preset--font-size--section); }
}
@media (max-width: 768px) {
	.os-industry-stats__metrics.os-platforms-l1-why__bar { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
	.os-platforms-l1-why__bar > .os-industry-stat,
	.os-platforms-l1-why__bar > .os-industry-stat:nth-child(4) { grid-column: auto; padding: 20px 0; border-left: 0; border-top: 1px solid rgb(255 255 255 / 0.18); }
	.os-platforms-l1-why__bar > .os-industry-stat:first-child { padding-top: 0; border-top: 0; }
	.os-industry-stats > .os-platforms-l1-why__support { margin-top: 24px; }
}

/* ---------- Proof in practice (os/platforms-l1-stories) ---------- */
/* The latest 6 case studies as the Home QKVerse carousel (os/insights' Query Loop and cards,
   os-theme.css; user 2026-10-23: "we already have created a insights carousel… can that be repurposed
   here", "only case studies latest"), under the section's centred head: 32px from the head to the
   cards (24 on phones; the carousel's own -4px top margin is its 4px shadow room). */
.os-platforms-l1-stories > .os-insights__query { margin-top: 32px; }
@media (max-width: 768px) {
	.os-platforms-l1-stories > .os-insights__query { margin-top: 24px; }
}