/** Marketing: centered campaign masthead, editorial rows and a vertical process. */
.chutuoc-service-design--marketing { background: var(--chutuoc-color-background-alt); }
.chutuoc-service-design--marketing .chutuoc-service-design__masthead {
	padding-block: var(--chutuoc-space-6) var(--chutuoc-space-7);
	background: linear-gradient(180deg, var(--chutuoc-color-background), var(--chutuoc-color-background-alt));
}
.chutuoc-service-design--marketing .chutuoc-service-design__intro { text-align: center; max-width: 56rem; margin-inline: auto; }
.chutuoc-service-design--marketing .chutuoc-service-design__intro h1 { max-width: 26ch; margin-inline: auto; }
.chutuoc-service-design--marketing .chutuoc-service-design__intro p { margin-inline: auto; }
.chutuoc-service-design--marketing .chutuoc-service-design__intro .chutuoc-service-design__breadcrumb ol,
.chutuoc-service-design--marketing .chutuoc-service-design__intro .chutuoc-service-design__actions { justify-content: center; }
.chutuoc-service-design--marketing .chutuoc-service-design__masthead .chutuoc-service-design__image { margin-block: var(--chutuoc-space-7) 0; }
.chutuoc-service-design--marketing .chutuoc-service-design__masthead .chutuoc-service-design__illustration { aspect-ratio: 16 / 7; object-fit: cover; }
.chutuoc-service-design--marketing .chutuoc-service-design__section { background: transparent; }
.chutuoc-service-design--marketing .chutuoc-service-design__heading { margin-inline: auto; text-align: center; }
.chutuoc-service-design--marketing .chutuoc-service-design__problems .chutuoc-service-design__items {
	gap: var(--chutuoc-space-5);
}
.chutuoc-service-design--marketing .chutuoc-service-design__problems .chutuoc-service-design__items > li {
	min-width: 0;
	padding: var(--chutuoc-space-5);
	border-block-start: 3px solid var(--chutuoc-color-primary);
	background: var(--chutuoc-color-background);
	border-radius: var(--chutuoc-radius-md);
}
.chutuoc-service-design--marketing .chutuoc-service-design__problems .chutuoc-service-design__index {
	display: inline-block;
	margin-block-end: var(--chutuoc-space-3);
	font-size: 1.5rem;
	color: var(--chutuoc-color-primary-text);
}
.chutuoc-service-design--marketing .chutuoc-service-design__offering-clusters {
	display: grid;
	gap: var(--chutuoc-space-5);
}
.chutuoc-service-design--marketing .chutuoc-service-design__offering-cluster {
	min-width: 0;
	padding: var(--chutuoc-space-5);
	border-radius: var(--chutuoc-radius-lg);
	background: var(--chutuoc-color-background);
}
.chutuoc-service-design--marketing .chutuoc-service-design__offering-cluster > h3 { min-width: 0; margin-block: 0 var(--chutuoc-space-5); }
.chutuoc-service-design--marketing .chutuoc-service-design__cluster-index {
	display: block;
	margin-block-end: var(--chutuoc-space-4);
	color: var(--chutuoc-color-primary-text);
	font-size: 2rem;
}
.chutuoc-service-design--marketing .chutuoc-service-design__offering-cluster > ul {
	display: grid;
	gap: var(--chutuoc-space-5);
	min-width: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}
.chutuoc-service-design--marketing .chutuoc-service-design__offering { min-width: 0; padding-inline-start: var(--chutuoc-space-4); border-inline-start: 2px solid var(--chutuoc-color-primary-soft); }
.chutuoc-service-design--marketing .chutuoc-service-design__offering-label { display: block; font-weight: 500; }
.chutuoc-service-design--marketing .chutuoc-service-design__offering p { margin-block: var(--chutuoc-space-2) 0; color: var(--chutuoc-color-muted); }
.chutuoc-service-design--marketing .chutuoc-service-design__strategy-stage { display: grid; gap: var(--chutuoc-space-7); }
.chutuoc-service-design--marketing .chutuoc-service-design__strategy-stage > * { min-width: 0; }
.chutuoc-service-design--marketing .chutuoc-service-design__strategy-stage .chutuoc-service-design__wrap { width: 100%; max-width: none; padding-inline: 0; margin-inline: 0; }
.chutuoc-service-design--marketing .chutuoc-service-design__strategy-stage .chutuoc-service-design__section { padding-block: var(--chutuoc-space-6); }
.chutuoc-service-design--marketing .chutuoc-service-design__process .chutuoc-service-design__items { grid-template-columns: minmax(0, 1fr); gap: 0; }
.chutuoc-service-design--marketing .chutuoc-service-design__process .chutuoc-service-design__step {
	position: relative;
	min-width: 0;
	padding-block: 0 var(--chutuoc-space-6);
	padding-inline-start: var(--chutuoc-space-8);
	border-inline-start: 2px solid var(--chutuoc-color-primary);
	margin-inline-start: var(--chutuoc-space-5);
}
.chutuoc-service-design--marketing .chutuoc-service-design__process .chutuoc-service-design__step:last-child { border-color: transparent; padding-block-end: 0; }
.chutuoc-service-design--marketing .chutuoc-service-design__process .chutuoc-service-design__index {
	position: absolute;
	inset-inline-start: -1.5rem;
	inset-block-start: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border: 1px solid var(--chutuoc-color-primary);
	border-radius: 50%;
	background: var(--chutuoc-color-background-alt);
	color: var(--chutuoc-color-primary-text);
	font-size: 1rem;
}
.chutuoc-service-design--marketing .chutuoc-service-design__technologies { align-self: start; border-block-start: 3px solid var(--chutuoc-color-primary); }
.chutuoc-service-design--marketing .chutuoc-service-design__technologies .chutuoc-service-design__wrap {
	padding: var(--chutuoc-space-6);
	border-radius: 0 0 var(--chutuoc-radius-lg) var(--chutuoc-radius-lg);
	background: var(--chutuoc-color-background);
}
.chutuoc-service-design--marketing .chutuoc-service-design__technologies .chutuoc-service-design__heading { text-align: start; }
.chutuoc-service-design--marketing .chutuoc-service-design__benefits .chutuoc-service-design__items { gap: var(--chutuoc-space-5); }
.chutuoc-service-design--marketing .chutuoc-service-design__benefits .chutuoc-service-design__items > li { min-width: 0; padding: var(--chutuoc-space-5); border-block-start: 1px solid var(--chutuoc-color-border); }
.chutuoc-service-design--marketing .chutuoc-service-design__benefits .chutuoc-service-design__index { display: block; margin-block-end: var(--chutuoc-space-4); color: var(--chutuoc-color-primary-text); font-size: 1.5rem; }
.chutuoc-service-design--marketing .chutuoc-service-design__pricing-studio .chutuoc-service-page__section { background: var(--chutuoc-color-background); }
.chutuoc-service-design--marketing .chutuoc-service-design__pricing-studio .chutuoc-service-page__pricing-intro { max-width: 54rem; margin-inline: auto; text-align: center; }
.chutuoc-service-design--marketing .chutuoc-service-design__pricing-studio h2 { margin-inline: auto; }
.chutuoc-service-design--marketing .chutuoc-service-design__pricing-studio .container > .chutuoc-btn { display: flex; width: fit-content; max-width: 100%; margin: var(--chutuoc-space-6) auto 0; }
.chutuoc-service-design--marketing [data-chutuoc-service-slot="faq"] .chutuoc-service-design__wrap { max-width: 58rem; }
.chutuoc-service-design--marketing .chutuoc-service-design__faq > div { margin-block: var(--chutuoc-space-4); padding: var(--chutuoc-space-5); border-radius: var(--chutuoc-radius-md); background: var(--chutuoc-color-background); }
.chutuoc-service-design--marketing .chutuoc-service-design__faq h3 { font-size: var(--chutuoc-font-size-body); }
.chutuoc-service-design--marketing .chutuoc-service-design__consultation .chutuoc-service-page__section { background: linear-gradient(135deg, var(--chutuoc-color-primary-soft), var(--chutuoc-color-background-alt) 40%, var(--chutuoc-color-background)); }
.chutuoc-service-design--marketing .chutuoc-service-page__quote-grid { grid-template-columns: minmax(0, 1fr); max-width: 64rem; }
.chutuoc-service-design--marketing .chutuoc-service-page__quote-intro { text-align: center; max-width: 52rem; margin-inline: auto; }
.chutuoc-service-design--marketing .chutuoc-service-page__quote-intro h2 { max-width: 100%; margin-inline: auto; }
.chutuoc-service-design--marketing .chutuoc-quote-form { box-shadow: none; border: 1px solid var(--chutuoc-color-background-alt); }
@media (min-width: 48rem) {
	.chutuoc-service-design--marketing .chutuoc-service-design__offering-cluster > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.chutuoc-service-design--marketing .chutuoc-service-design__benefits .chutuoc-service-design__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 62rem) {
	.chutuoc-service-design--marketing .chutuoc-service-design__problems .chutuoc-service-design__items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.chutuoc-service-design--marketing .chutuoc-service-design__offering-cluster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: var(--chutuoc-space-6); padding: var(--chutuoc-space-6); }
	.chutuoc-service-design--marketing .chutuoc-service-design__offering-cluster > h3 { margin-block: 0; padding-inline-end: var(--chutuoc-space-5); border-inline-end: 1px solid var(--chutuoc-color-border); }
	.chutuoc-service-design--marketing .chutuoc-service-design__offering-cluster > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.chutuoc-service-design--marketing .chutuoc-service-design__strategy-stage { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: var(--chutuoc-space-8); padding-block: var(--chutuoc-space-7); }
	.chutuoc-service-design--marketing .chutuoc-service-design__strategy-stage .chutuoc-service-design__section { padding-block: 0; }
	.chutuoc-service-design--marketing .chutuoc-service-design__process .chutuoc-service-design__heading { text-align: start; }
	.chutuoc-service-design--marketing .chutuoc-service-design__benefits .chutuoc-service-design__items { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--chutuoc-space-4); }
	.chutuoc-service-design--marketing .chutuoc-service-design__benefits .chutuoc-service-design__items > li { padding-inline: var(--chutuoc-space-4); }
}
@media (max-width: 47.99rem) {
	.chutuoc-service-design--marketing .chutuoc-service-design__masthead .chutuoc-service-design__illustration { aspect-ratio: 4 / 3; }
	.chutuoc-service-design--marketing .chutuoc-service-design__process .chutuoc-service-design__step { padding-inline-start: var(--chutuoc-space-6); margin-inline-start: var(--chutuoc-space-4); }
	.chutuoc-service-design--marketing .chutuoc-service-design__process .chutuoc-service-design__index { inset-inline-start: -1rem; width: 2rem; height: 2rem; font-size: var(--chutuoc-font-size-small); }
}