/**
 * Page styles — replace-your-stack. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.badge--stack-native {
	background:var(--site-blue-67-alpha-18);
	color:var(--site-blue-82);
}

.badge--stack-before {
	background:var(--site-red-60-alpha-18);
	color:var(--site-red-82);
}

.stack-integration__summary-text {
	font-size:16px;
	line-height:1.7;
	color:var(--site-text-sec);
	max-width:680px;
	margin:0 auto;
}

.stack-costs__summary-text {
	font-size:16px;
	line-height:1.7;
	color:var(--site-text-sec);
	max-width:700px;
	margin:0 auto;
}

.stack-costs__summary {
	margin-top:36px;
}

.stack-integration__summary {
	margin-top:36px;
}

.sec-sub.sec-sub--stack-start-small {
	max-width:640px;
	margin:14px auto 0;
}

.sec-title--stack-start-small {
	font-size:26px;
}

/* Moved here from another stylesheet: this is where these classes are used. */
.hero-actions--stack-start-small {
	justify-content:center;
	margin-top:24px;
}