/**
 * Prototypes capability page — typography, color, and section rhythm polish.
 * Scoped to /capabilities/prototypes.html
 */

body.jcproto-legacy--capabilities-prototypes {
	color: #3f3f3a !important;
	font-size: 16.5px;
	line-height: 1.72;
}

/* ── Wide viewport — center page column + full-bleed section shells ─ */
body.jcproto-legacy--capabilities-prototypes.jcproto-has-legacy-body .jcproto-page-shell > .jcproto-container,
body.jcproto-legacy--capabilities-prototypes.jcproto-has-legacy-body .jcproto-page-shell > .container {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: var(--jcproto-container, 1380px) !important;
	width: 100% !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero),
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:not(#siteblocks-setting-wrap-qrKZLayWtYnj) {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	box-sizing: border-box !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container-opened {
	width: 100% !important;
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:not(#siteblocks-setting-wrap-qrKZLayWtYnj) .siteblocks-container {
	width: 100% !important;
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

/* Keep project gallery inner shell on same gray as outer band. */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-uAptFjUbJmlE > .siteblocks-container {
	background-color: var(--jcproto-cap-gray, #f7f7f5) !important;
}

/* ── Section rhythm ───────────────────────────────────────────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) {
	padding-top: clamp(2.75rem, 4.5vw, 4.25rem) !important;
	padding-bottom: clamp(2.75rem, 4.5vw, 4.25rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1773829256123,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1773830784828,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1773829978540 {
	padding-top: clamp(3rem, 5vw, 4.75rem) !important;
	padding-bottom: clamp(3rem, 5vw, 4.75rem) !important;
}

/* Hide placeholder-only legacy shells */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(:has(
	.sitewidget-text,
	.sitewidget-pictureNew,
	.sitewidget-graphicNew,
	.sitewidget-button,
	.sitewidget-custom-html,
	.sitewidget-title,
	.prototype-capability,
	.prototype-journey,
	.service-section,
	.siteblocks-setting-wrap,
	h2,
	h3,
	img[src*="cloud"]
)) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
}

/* ── Typography scale ─────────────────────────────────────────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .sitewidget-hd > h2,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .graphicNewTitle,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap h2,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .journey-header h2,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .capability-header h2 {
	color: #0b0b0b !important;
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(2rem, 2.85vw, 2.85rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.14 !important;
	text-wrap: balance;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap h3,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .stage-item h3,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-card h3,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .sitewidget-hd > h3 {
	color: #0b0b0b !important;
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(1.35rem, 1.85vw, 1.65rem) !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	line-height: 1.28 !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .sitewidget-bd,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap p,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap li,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .journey-header p,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .stage-item p,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .capability-header p,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-card p {
	color: #3f3f3a !important;
	font-size: clamp(1rem, 1.02vw, 1.0625rem) !important;
	line-height: 1.72 !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .service-note,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .journey-header p {
	color: #4d4d49 !important;
}

/* ── Lifecycle journey block ──────────────────────────────────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 auto !important;
	max-width: min(1280px, calc(100% - 2rem)) !important;
	padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2.5rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1773829256123 {
	background: #fff !important;
	overflow: visible !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .journey-header {
	margin-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
	padding-top: 0.35rem !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .stage-item {
	background: #fff !important;
	border: 1px solid #e6e6e0 !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	padding: clamp(1.35rem, 2.5vw, 1.85rem) clamp(1rem, 2vw, 1.35rem) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .stage-item:hover {
	border-color: #c8c8c2 !important;
	box-shadow: 0 12px 28px rgba(15, 15, 15, 0.06) !important;
	transform: translateY(-2px);
}

/* ── Capability cards grid ────────────────────────────────────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability {
	max-width: min(1280px, calc(100% - 2rem)) !important;
	padding-inline: clamp(0.5rem, 2vw, 1.5rem) !important;
	font-family: var(--jcproto-font-body) !important;
	color: #3f3f3a !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1773830784828 {
	background: var(--jcproto-cap-gray, #f7f7f5) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-grid {
	gap: clamp(0.85rem, 1.5vw, 1.15rem) !important;
	align-items: stretch !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-card {
	background: #fff !important;
	border: 1px solid #e6e6e0 !important;
	border-radius: 18px !important;
	box-shadow: 0 14px 34px rgba(15, 15, 15, 0.06) !important;
	padding: clamp(1.25rem, 2vw, 1.65rem) clamp(1.1rem, 1.8vw, 1.45rem) !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	align-content: flex-start !important;
	column-gap: 0.55rem !important;
	row-gap: 0 !important;
	height: 100% !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .card-icon {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0.1rem 0 0 !important;
	font-size: 1.35rem !important;
	line-height: 1 !important;
	color: #0b0b0b !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-card h3 {
	flex: 1 1 calc(100% - 2.25rem) !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: clamp(1.05rem, 1.35vw, 1.2rem) !important;
	line-height: 1.3 !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-card .desc,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-card p.desc {
	flex: 0 0 100% !important;
	width: 100% !important;
	margin: 0.75rem 0 0.9rem !important;
	min-height: 0 !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .feature-list {
	flex: 1 1 100% !important;
	width: 100% !important;
	margin: 0 0 1rem !important;
	padding: 0 !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .feature-list li {
	margin-bottom: 0.45rem !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .card-btn {
	flex: 0 0 100% !important;
	width: auto !important;
	align-self: flex-start !important;
	margin-top: auto !important;
	padding: 0.55rem 1.35rem !important;
	background: #0b0b0b !important;
	border: 1px solid #0b0b0b !important;
	border-radius: 7px !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	cursor: pointer;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability a.card-btn,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability a.card-btn:visited {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability a.card-btn:hover,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability a.card-btn:focus {
	background: #2b2b2b !important;
	border-color: #2b2b2b !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-card:hover {
	border-color: #0b0b0b !important;
	box-shadow: 0 18px 40px rgba(15, 15, 15, 0.1) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .service-note {
	background: #fff !important;
	border-left-color: #0b0b0b !important;
	border-radius: 12px !important;
	color: #4d4d49 !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .service-note i {
	color: #0b0b0b !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .feature-list li i {
	color: #0b0b0b !important;
}

/* ── Dark infographic bands (restore contrast) ────────────────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478315951,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478947585,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478970470 {
	background-color: #1a1a1a !important;
	background-image: none !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding-top: clamp(2.5rem, 4vw, 3.5rem) !important;
	padding-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
}

/* ── “Why Prototype…” — factory photo band + 3-column grid ─── */
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1677488311974 {
	position: relative !important;
	overflow: hidden !important;
	background-color: #222 !important;
	background-image: url('/cloud/loBpiKkjlmSRpjrlrnnjjo/cnc_bg_02.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding-top: clamp(2.5rem, 4vw, 3.5rem) !important;
	padding-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	right: auto !important;
	bottom: 0 !important;
	left: 50vw !important;
	width: 100vw !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(180deg, rgba(8, 12, 18, 0.72) 0%, rgba(8, 12, 18, 0.55) 45%, rgba(8, 12, 18, 0.78) 100%) !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 > .container {
	position: relative !important;
	z-index: 1 !important;
	max-width: var(--jcproto-container, 1380px) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

/* Why Prototype — vertical article stack (not 3-column grid) */
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [id^="location_"] {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 0 !important;
	align-items: start !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [id^="location_"] > .backstage-stwidgets-settingwrap:has(.sitewidget-placeHolder) {
	display: none !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-text"]) {
	grid-column: 1 !important;
	text-align: center !important;
	margin-bottom: clamp(1.25rem, 2vw, 1.75rem) !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-graphicNew"]) {
	grid-column: 1 !important;
	width: 100% !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [id^="location_"] > .backstage-stwidgets-settingwrap:has([class*="sitewidget-button"]) {
	grid-column: 1 !important;
	justify-self: start !important;
	margin-top: clamp(1.25rem, 2vw, 1.75rem) !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] {
	min-width: 0 !important;
	width: 100% !important;
	margin-top: clamp(1rem, 1.6vw, 1.35rem) !important;
	margin-bottom: 0 !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] h2.graphicNewTitle {
	text-align: left !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] .sitewidget-bd,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] .sitewidget-bd span {
	text-align: left !important;
}

/* Why Prototype CTA — readable hover on white fill */
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-button a.backstage-component-btncolor,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 a.backstage-component-btncolor.backstage-component-btncolorhover {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background-color: #0b0b0b !important;
	border: 1px solid #fff !important;
	text-decoration: none !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-button a.backstage-component-btncolor:hover,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 a.backstage-component-btncolor.backstage-component-btncolorhover:hover {
	color: #0b0b0b !important;
	-webkit-text-fill-color: #0b0b0b !important;
	background-color: #fff !important;
	border-color: #fff !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478315951 .sitewidget-hd > h2,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478947585 .sitewidget-hd > h2,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478970470 .sitewidget-hd > h2,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478315951 .graphicNewTitle,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478947585 .graphicNewTitle,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478970470 .graphicNewTitle,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .graphicNewTitle,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-hd > h2 {
	color: #fff !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478315951 .sitewidget-bd,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478315951 .sitewidget-bd span,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478947585 .sitewidget-bd,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478947585 .sitewidget-bd span,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478970470 .sitewidget-bd,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677478970470 .sitewidget-bd span,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-bd,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-bd span {
	color: rgba(255, 255, 255, 0.9) !important;
}

/* ── “Why Prototype…” dark band — fix heading hierarchy ──────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-text-20230227201724 .sitewidget-bd {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-text-20230227201724 .sitewidget-bd > div:first-child {
	text-align: center;
	margin-bottom: 1.25rem;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-text-20230227201724 .sitewidget-bd > div:first-child span[style*="font-size:34px"] strong,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 .sitewidget-text-20230227201724 .sitewidget-bd > div:first-child span[style*="font-size:34px"] strong span {
	font-size: clamp(1.35rem, 2.8vw, 2.125rem) !important;
	font-weight: 800 !important;
	line-height: 1.28 !important;
	letter-spacing: -0.02em !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] {
	margin-top: clamp(1.1rem, 1.8vw, 1.5rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] .sitewidget-hd {
	margin-bottom: 0.35rem !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] h2.graphicNewTitle {
	font-size: clamp(1.05rem, 1.15vw, 1.125rem) !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.4 !important;
	color: #fff !important;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] .sitewidget-bd,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] .sitewidget-bd span,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1677488311974 [class*="sitewidget-graphicNew"] .sitewidget-bd span span {
	font-size: clamp(1rem, 1.02vw, 1.0625rem) !important;
	font-weight: 400 !important;
	line-height: 1.72 !important;
	color: rgba(255, 255, 255, 0.9) !important;
}

/* ── 5 Easy Steps section ─────────────────────────────────────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1773829978540 {
	background: #f7f7f5 !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1773829978540 {
	padding-bottom: clamp(0.75rem, 1.25vw, 1rem) !important;
}

/* 5 Easy Steps CTA — tighten gap to cards (same white band) */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1742549021715 {
	text-align: center;
	padding-top: clamp(1.5rem, 2.5vw, 2rem) !important;
	padding-bottom: clamp(2.75rem, 4.5vw, 4.25rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > #outerContainer_1742549021715 .backstage-component-btncolor {
	min-height: 44px !important;
	height: auto !important;
	padding: 10px 28px !important;
	line-height: 1.25 !important;
	font-size: 15px !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #outerContainer_1773829978540 > .container {
	max-width: var(--jcproto-container, 1380px) !important;
	width: 100% !important;
	padding-left: clamp(1rem, 2vw, 1.5rem) !important;
	padding-right: clamp(1rem, 2vw, 1.5rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 auto !important;
	max-width: none !important;
	width: 100% !important;
	padding: clamp(1.75rem, 3vw, 2.5rem) clamp(0.25rem, 0.75vw, 0.5rem) clamp(1rem, 1.75vw, 1.5rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .section-title {
	margin-bottom: clamp(1.5rem, 2.5vw, 2rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .steps-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: clamp(0.35rem, 0.55vw, 0.5rem) !important;
	width: 100% !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .step-card {
	min-width: 0 !important;
	padding: clamp(1.1rem, 1.4vw, 1.3rem) clamp(0.7rem, 0.95vw, 0.85rem) clamp(1rem, 1.25vw, 1.15rem) !important;
	border-radius: 1rem !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .step-card .step-number {
	width: 2.35rem !important;
	height: 2.35rem !important;
	margin-bottom: 0.7rem !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .step-card .step-title {
	margin-bottom: 0.55rem !important;
	line-height: 1.32 !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .step-card .step-desc,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .step-card .step-desc p {
	line-height: 1.58 !important;
}

@media (max-width: 989px) {
	body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .steps-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: clamp(0.55rem, 1vw, 0.75rem) !important;
	}
}

@media (max-width: 767px) {
	body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .steps-panel .steps-grid {
		grid-template-columns: 1fr !important;
		gap: 0.75rem !important;
	}
}

/* ── Materials band — flat gray-white (no inner card gradient) ─── */
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > #frKfLEcGupBj.box-container[data-layout-style="1"]:not(.jcproto-material-box--enhanced),
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > #hNKpqjHGaUrO.box-container[data-layout-style="1"]:not(.jcproto-material-box--enhanced) {
	background: var(--jcproto-section-gray, #f7f7f5) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > #frKfLEcGupBj.box-container[data-layout-style="1"]:not(.jcproto-material-box--enhanced) > .container-column,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #backstage-bodyArea > #hNKpqjHGaUrO.box-container[data-layout-style="1"]:not(.jcproto-material-box--enhanced) > .container-column {
	background: transparent !important;
}

/* ── Buttons ──────────────────────────────────────────────────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .backstage-component-btncolor,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .card-btn,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap input[type="submit"],
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap button[type="submit"] {
	min-height: 50px !important;
	border-radius: 7px !important;
	cursor: pointer;
	font-weight: 800 !important;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* ── Manufacturing Technique — rollhighlight carousel ───────── */
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO {
	background-color: var(--jcproto-cap-white, #fff) !important;
	padding-top: clamp(1.5rem, 2.5vw, 2.25rem) !important;
	padding-bottom: clamp(1.75rem, 3vw, 2.75rem) !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .zywrollpage {
	max-width: 1240px;
	margin-inline: auto;
	padding-inline: clamp(2.75rem, 4vw, 3.25rem);
	box-sizing: border-box;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlighttitle {
	width: 100%;
	margin: 0 0 clamp(1.25rem, 2vw, 1.75rem);
	text-align: center;
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(1.75rem, 2.5vw, 2.25rem) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #0b0b0b !important;
	letter-spacing: -0.03em !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlighttitle span,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlighttitle strong {
	font: inherit !important;
	color: inherit !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .navigation,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .siteblocks-header-banner,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .siteblocks-header-banner > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .siteblocks-header-banner > ul {
	pointer-events: none;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .slick-arrow,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight a {
	pointer-events: auto;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight {
	width: 100% !important;
	max-width: 1180px;
	margin-inline: auto;
	overflow: visible !important;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .slick-list {
	overflow: hidden;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight::before {
	background: linear-gradient(to left, var(--jcproto-section-gray, #f7f7f5) 15%, rgba(247, 247, 245, 0)) !important;
	z-index: 2;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .slick-prev,
html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .slick-next {
	z-index: 4;
	background: #fff !important;
	border-color: #1a1a1a !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .slick-prev {
	left: -20px;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .slick-next {
	right: -20px;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .itemimg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .banner-name {
	font-family: var(--jcproto-font-body) !important;
	font-size: clamp(0.95rem, 1.1vw, 1.15rem) !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

@media screen and (max-width: 1170px) {
	html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight {
		max-width: 900px;
	}

	html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .slick-prev {
		left: -8px;
	}

	html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .rollhighlight .slick-next {
		right: -8px;
	}
}

@media screen and (max-width: 767px) {
	html body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap #siteblocks-setting-wrap-pWUEYPuZtygO .zywrollpage {
		padding-inline: 2.5rem;
	}
}

/* ── Prototype projects gallery (imgText-22224 tabs) ──────────── */
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column1 .backstage-blocksEditor-wrap,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column1 .backstage-blocksEditor-wrap span,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column1 .backstage-blocksEditor-wrap strong {
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(1.75rem, 2.5vw, 2.25rem) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #0b0b0b !important;
	letter-spacing: -0.03em !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 {
	gap: 0.65rem !important;
	margin-top: clamp(1.25rem, 2vw, 1.75rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 .tap_outside {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 46px !important;
	padding: 0.65rem 0.85rem !important;
	border-radius: 7px !important;
	font-family: var(--jcproto-font-body) !important;
	font-size: clamp(0.95rem, 1vw, 1.03rem) !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: #1c1c1c !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 .tap_outside.active {
	color: #fff !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column5 {
	margin-top: clamp(1.25rem, 2vw, 1.75rem) !important;
}

body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column5 .backstage-blocksEditor-wrap,
body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .imgText-22224 .content_box_column5 .backstage-blocksEditor-wrap span {
	font-family: var(--jcproto-font-body) !important;
	font-size: clamp(0.92rem, 1vw, 1rem) !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	color: #4d4d49 !important;
}

/* Hero banner: shared styles in jccnc-redesign.css */

@media (max-width: 991px) {
	body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-grid,
	body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .journey-stages {
		grid-template-columns: 1fr !important;
	}

	body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .journey-stages {
		flex-direction: column !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-journey .stage-item:hover,
	body.jcproto-legacy--capabilities-prototypes .jcproto-legacy-body-wrap .prototype-capability .prototype-card:hover {
		transform: none;
	}
}