.process-hero-strip {
		background: transparent;
		padding-bottom: 2.2rem;
	}

	.process-hero-grid {
		display: block;
	}

	.process-kicker {
		margin-top: .62rem;
	}

	.process-main-heading {
		margin-bottom: 2.28rem;
	}

	.process-main-description {
		margin: 0;
		max-width: 760px;
	}

	.process-goal-card {
		display: flex;
		align-items: center;
		gap: 15px;
		min-height: 86px;
		padding: 16px 18px;
		background: #050505;
		border-radius: 5px;
		box-shadow: 0 14px 32px rgba(17, 17, 17, 0.16);
	}

	.process-goal-icon {
		position: relative;
		width: 52px;
		height: 52px;
		flex: 0 0 52px;
		border-radius: 5px;
		background: linear-gradient(135deg, #f7541b, #ff7a18);
	}

	.process-goal-icon::before,
	.process-goal-icon::after {
		content: "";
		position: absolute;
		background: #fff;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.process-goal-icon::before {
		width: 28px;
		height: 2px;
	}

	.process-goal-icon::after {
		width: 2px;
		height: 28px;
	}

	.target-ring {
		position: absolute;
		inset: 13px;
		border: 2px solid #fff;
		border-radius: 50%;
	}

	.target-ring::after {
		content: "";
		position: absolute;
		inset: 7px;
		border: 2px solid #fff;
		border-radius: 50%;
	}

	.target-dot {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 6px;
		height: 6px;
		background: #fff;
		border-radius: 50%;
		transform: translate(-50%, -50%);
	}

	.process-goal-text h4 {
		margin: 0 0 4px;
		font-family: "Roboto", sans-serif;
		font-size: 1rem;
		line-height: 1.25;
		font-weight: 500;
		color: #fff;
	}

	.process-goal-text p {
		margin: 0;
		font-family: "Roboto", sans-serif;
		font-size: .86rem;
		line-height: 1.55;
		font-weight: 400;
		color: rgba(255, 255, 255, 0.86);
	}

	.expertise-showcase {
		padding-top: 0;
	}

	.expertise-showcase.container-cutout {
		padding-left: 15px;
		padding-right: 15px;
	}

	.expertise-card-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 26px;
		width: min(1180px, 100%);
		margin: 0 auto;
	}

	.expertise-card {
		position: relative;
		display: flex;
		flex-direction: column;
		min-height: 430px;
		padding: 14px;
		overflow: hidden;
		border-radius: 8px;
		background: linear-gradient(180deg, #18191d 0%, #101114 100%);
		border: 1px solid rgba(255, 255, 255, 0.08);
		box-shadow: 0 22px 55px rgba(17, 15, 16, 0.18);
		color: #fff;
		text-decoration: none;
		transform: translateY(0) scale(1);
		transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
	}

	.expertise-card::before {
		content: "";
		position: absolute;
		inset: 0;
		background:
			radial-gradient(circle at 30% 0%, rgba(255,255,255,.14), transparent 32%),
			linear-gradient(120deg, rgba(255,255,255,.08), transparent 46%);
		opacity: .65;
		pointer-events: none;
	}

	.expertise-card:hover {
		color: #fff;
		text-decoration: none;
		transform: translateY(-14px) scale(1.04);
		border-color: rgba(255, 255, 255, 0.18);
		box-shadow: 0 34px 80px rgba(17, 15, 16, 0.28);
		z-index: 3;
	}

	.expertise-card__media {
		position: relative;
		height: 175px;
		overflow: hidden;
		border-radius: 7px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		background: #222;
	}

	.expertise-card__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: .72;
		filter: saturate(.8) contrast(1.08);
		transform: scale(1);
		transition: transform .45s ease, opacity .35s ease;
	}

	.expertise-card:hover .expertise-card__media img {
		opacity: .92;
		transform: scale(1.08);
	}

	.expertise-card__icon {
		position: absolute;
		left: 50%;
		top: 50%;
		display: grid;
		place-items: center;
		width: 78px;
		height: 78px;
		border-radius: 22px;
		background: rgba(255, 255, 255, 0.12);
		border: 1px solid rgba(255, 255, 255, 0.22);
		color: #fff;
		font-size: 1.7rem;
		transform: translate(-50%, -50%) rotate(45deg);
		backdrop-filter: blur(10px);
		opacity: 1;
		transition: opacity .28s ease, transform .28s ease;
	}

	.expertise-card:hover .expertise-card__icon {
		opacity: 0;
		transform: translate(-50%, -50%) rotate(45deg) scale(.82);
	}

	.expertise-card__icon i {
		transform: rotate(-45deg);
	}

	.expertise-card__body {
		position: relative;
		display: flex;
		flex: 1;
		flex-direction: column;
		padding: 26px 6px 8px;
		z-index: 1;
	}

	.expertise-card__body h3 {
		margin-bottom: .8rem;
		color: #fff;
	}

	.expertise-card__body p {
		margin: 0;
		color: rgba(255,255,255,.74);
		font-size: .86rem;
		line-height: 1.55;
	}

	.process-card-stage {
		position: relative;
		width: 90vw;
		margin: 1.2rem auto 4rem;
		transform: none;
		padding: 4.8rem 18px 1rem;
		overflow: visible;
	}

	.process-card-stage.js-block {
		overflow: visible;
	}

	@media only screen and (min-width: 992px) and (max-width: 1400px) {
		.process-card-stage {
			width: 100%;
			margin: 1.2rem 0 4rem;
		}
	}

	.process-cord {
		position: absolute;
		left: 0;
		top: 18px;
		width: 100%;
		height: 150px;
		z-index: 1;
		pointer-events: none;
	}

	.process-cord-start {
		position: absolute;
		left: calc(40 / 1440 * 100%);
		top: 140px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: #111;
		transform: translate(-50%, -50%);
		z-index: 2;
		pointer-events: none;
	}

	.process-card-grid {
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: repeat(5, minmax(150px, 1fr));
		gap: 14px;
		align-items: start;
	}

	.process-card-stage::before {
		content: "";
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		width: 3px;
		background: #111;
		border-radius: 20px;
		transform: translateX(-50%);
		z-index: 1;
	}

	.process-card-stage::after {
		content: "";
		display: none;
		position: absolute;
		left: 50%;
		bottom: -1px;
		width: 0;
		height: 0;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-top: 15px solid #111;
		transform: translateX(-50%);
		z-index: 1;
	}

	.process-step-reveal {
		position: relative;
		width: 100%;
	}

	.process-step-card {
		position: relative;
		display: flex;
		flex-direction: column;
		height: 285px;
		padding: 24px 18px 16px;
		background: #fff;
		border-radius: 7px;
		box-shadow: 0 18px 45px rgba(17, 15, 16, 0.08);
		overflow: visible;
	}

	.process-step-reveal.step-one {
		margin-top: 84px;
	}

	.process-step-reveal.step-two {
		margin-top: 63px;
	}

	.process-step-reveal.step-three {
		margin-top: 42px;
	}

	.process-step-reveal.step-four {
		margin-top: 21px;
	}

	.process-step-reveal.step-five {
		margin-top: 0;
	}

	.process-step-icon {
		position: absolute;
		left: 50%;
		top: -52px;
		width: 62px;
		height: 62px;
		transform: translateX(-50%);
		display: grid;
		place-items: center;
		background: #111;
		color: #fff;
		border: 7px solid #fff;
		border-radius: 50%;
		box-shadow:
			0 0 0 1px rgba(247, 84, 27, 0.65),
			0 12px 26px rgba(17, 15, 16, 0.16);
		font-size: 1.2rem;
		z-index: 5;
	}

	.process-step-title {
		display: flex;
		align-items: baseline;
		gap: 10px;
		margin-bottom: 5px;
	}

	.process-step-title span {
		color: #f7541b;
		font-size: 1.06rem;
		line-height: 1;
		font-weight: 700;
	}

	.process-step-title h3 {
		margin: 0;
		color: #110f10;
		font-size: 1rem;
		line-height: 1.25;
		font-weight: 500;
	}

	.process-step-card p {
		margin: 0 0 11px;
		color: rgba(17, 15, 16, 0.68);
		font-size: .76rem;
		line-height: 1.55;
	}

	.process-mini-panel {
		margin-top: auto;
		height: 140px;
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 10px 24px rgba(17, 15, 16, 0.08);
		padding: 11px 12px;
		overflow: hidden;
	}

	.process-mini-panel h4 {
		margin: 0 0 7px;
		padding-bottom: 6px;
		border-bottom: 1px solid rgba(17, 15, 16, 0.08);
		color: #110f10;
		font-size: .56rem;
		line-height: 1;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .04rem;
	}

	.process-mini-panel ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.process-mini-panel li {
		position: relative;
		padding-left: 18px;
		margin-bottom: 5px;
		color: rgba(17, 15, 16, 0.75);
		font-size: .6rem;
		line-height: 1.3;
	}

	.process-mini-panel li:last-child {
		margin-bottom: 0;
	}

	.process-mini-panel li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 2px;
		width: 10px;
		height: 10px;
		border: 1px solid rgba(17, 15, 16, 0.16);
		border-radius: 3px;
	}

	.checklist-panel li.checked::before {
		background: #f7541b;
		border-color: #f7541b;
	}

	.checklist-panel li.checked::after {
		content: "\f00c";
		position: absolute;
		left: 2px;
		top: 0;
		font-family: "Font Awesome 6 Free";
		font-size: 8px;
		font-weight: 900;
		color: #fff;
	}

	.chart-row {
		display: flex;
		align-items: center;
		gap: 11px;
		height: 111px;
	}

	.donut {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background: conic-gradient(#f7541b 0 40%, #111 40% 73%, #e7e7e7 73% 100%);
		position: relative;
	}

	.donut::after {
		content: "";
		position: absolute;
		inset: 12px;
		background: #fff;
		border-radius: 50%;
	}

	.chart-lines {
		flex: 1;
		margin-left: 6px;
	}

	.chart-lines span {
		display: block;
		width: 82%;
		height: 6px;
		margin: 8px 0;
		border-radius: 20px;
		background: #e6e6e6;
	}

	.chart-lines span:nth-child(1)::before,
	.chart-lines span:nth-child(2)::before,
	.chart-lines span:nth-child(3)::before {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		margin-left: -12px;
		border-radius: 50%;
		background: #f7541b;
	}

	.chart-lines span:nth-child(2)::before {
		background: #999;
	}

	.chart-lines span:nth-child(3)::before {
		background: #111;
	}

	.wireframe-panel {
		padding: 11px;
	}

	.wire-top {
		height: 7px;
		margin-bottom: 8px;
		border-radius: 10px;
		background: linear-gradient(90deg, #dedede 0 42%, transparent 42% 82%, #f7541b 82%);
	}

	.wire-grid {
		display: grid;
		grid-template-columns: 38% 1fr;
		gap: 6px;
	}

	.wire-grid span,
	.wire-grid strong {
		min-height: 25px;
		background: #ededed;
		border-radius: 4px;
	}

	.wire-grid strong {
		grid-row: span 3;
		min-height: 86px;
	}

	.code-panel {
		position: relative;
		height: 140px;
		background: #111;
		padding: 13px 12px;
	}

	.code-panel span {
		display: inline-block;
		width: 6px;
		height: 6px;
		margin-right: 5px;
		background: rgba(255,255,255,.35);
		border-radius: 50%;
	}

	.code-panel div {
		height: 4px;
		margin-top: 11px;
		border-radius: 20px;
		background: linear-gradient(90deg, #f7541b 0 22%, rgba(255,255,255,.28) 22% 70%, transparent 70%);
	}

	.code-panel div:nth-of-type(2) {
		margin-left: 18px;
		width: 80%;
	}

	.code-panel div:nth-of-type(3) {
		width: 68%;
	}

	.code-panel div:nth-of-type(4) {
		margin-left: 28px;
		width: 72%;
	}

	.testing-pill {
		position: absolute;
		right: 14px;
		bottom: 16px;
		display: flex;
		align-items: center;
		gap: 7px;
		padding: 5px 9px;
		background: #fff;
		border-radius: 30px;
		box-shadow: 0 8px 20px rgba(17, 15, 16, 0.13);
		color: rgba(17, 15, 16, 0.7);
		font-size: .6rem;
	}

	.testing-pill i,
	.support-panel li::before {
		color: #4caf50;
	}

	.support-panel li::before {
		content: "\f058";
		border: 0;
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 13px;
	}

	@media only screen and (max-width: 1200px) {
		.expertise-card-grid {
			grid-template-columns: repeat(2, minmax(286px, 360px));
			justify-content: center;
			column-gap: clamp(3rem, 7vw, 5rem);
			row-gap: 2.2rem;
			width: 100%;
		}
	}

	@media only screen and (max-width: 991px) {

		.expertise-showcase.container-cutout {
			padding-left: 15px;
			padding-right: 15px;
		}

		.expertise-card-grid {
			grid-template-columns: repeat(2, minmax(0, 390px));
			justify-content: center;
			column-gap: clamp(3rem, 7vw, 5rem);
			row-gap: 2.2rem;
			width: 100%;
		}

		.process-hero-strip {
			padding-bottom: 2rem;
		}

		.process-hero-grid {
			display: block;
		}

		.process-goal-card {
			max-width: 420px;
		}

		.process-card-stage {
			width: 100%;
			margin: 1.5rem 0 4rem;
			transform: none;
			padding: 3rem 15px 1rem;
			overflow: visible;
		}

		.process-card-stage::before {
			display: block;
		}

		.process-card-stage::after {
			display: block;
		}

		.process-cord {
			display: none;
		}

		.process-cord-start {
			left: 50%;
			top: 0;
			width: 13px;
			height: 13px;
		}

		.process-card-grid {
			min-width: 0;
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
			column-gap: clamp(3rem, 7vw, 5rem);
			row-gap: 3rem;
			align-items: start;
		}

		.process-step-reveal,
		.process-step-reveal.step-one,
		.process-step-reveal.step-two,
		.process-step-reveal.step-three,
		.process-step-reveal.step-four,
		.process-step-reveal.step-five {
			width: 100%;
			max-width: 370px;
			margin-top: 0;
		}

		.process-step-card {
			width: 100%;
			height: auto;
			min-height: 305px;
		}

		.process-step-reveal.step-one,
		.process-step-reveal.step-three,
		.process-step-reveal.step-five {
			grid-column: 1;
			justify-self: end;
		}

		.process-step-reveal.step-two,
		.process-step-reveal.step-four {
			grid-column: 2;
			justify-self: start;
			margin-top: 72px;
		}

		.process-mini-panel,
		.code-panel {
			height: 140px;
		}

		.itemService {
			max-width: 620px;
			margin-left: auto;
			margin-right: auto;
		}

		.itemCard__imageWrap {
			max-height: clamp(250px, 38vw, 340px);
		}

		.itemCard__image {
			height: clamp(250px, 38vw, 340px);
			max-height: clamp(250px, 38vw, 340px);
			object-fit: cover;
		}
	}

	@media only screen and (max-width: 700px) {
		.expertise-card-grid {
			grid-template-columns: minmax(286px, 360px);
			justify-content: center;
			gap: 18px;
		}

		.expertise-card {
			min-height: auto;
		}

		.expertise-card:hover {
			transform: translateY(-6px);
		}

		.expertise-card__media {
			height: 190px;
		}

		.process-hero-strip {
			padding-bottom: 1.8rem;
		}

		.process-main-heading {
			margin-bottom: 1rem;
		}

		.process-main-description {
			line-height: 1.8;
		}

		.process-main-description br,
		.process-goal-text p br {
			display: none;
		}

		.process-goal-card {
			width: 100%;
			max-width: none;
			padding: 15px;
		}

		.process-card-stage {
			width: 100%;
			margin: 1.8rem 0 3rem;
			transform: none;
			padding: 3rem 15px 2.6rem;
			overflow: visible;
		}

		.process-card-stage::before {
			display: block;
		}

		.process-card-stage::after {
			display: block;
		}

		.process-card-grid {
			min-width: 0;
			grid-template-columns: 1fr;
			gap: 3rem;
		}

		.process-step-reveal,
		.process-step-reveal.step-one,
		.process-step-reveal.step-two,
		.process-step-reveal.step-three,
		.process-step-reveal.step-four,
		.process-step-reveal.step-five {
			width: 100%;
			max-width: clamp(280px, 76vw, 340px);
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			grid-column: 1;
			transform: none;
		}

		.process-step-card {
			height: auto;
			min-height: 0;
			padding: 46px 18px 18px;
		}

		.process-step-icon {
			left: 50%;
			top: -30px;
			width: 56px;
			height: 56px;
			border-width: 6px;
			transform: translateX(-50%);
			font-size: 1.05rem;
		}

		.process-step-card p {
			font-size: .82rem;
			line-height: 1.65;
		}

		.process-mini-panel,
		.code-panel {
			height: auto;
			min-height: 130px;
		}

		.chart-row {
			height: 96px;
		}

		.itemService {
			max-width: clamp(310px, 88vw, 500px);
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 2.2rem;
		}

		.itemCard__imageWrap {
			max-height: clamp(210px, 34vw, 280px);
		}

		.itemCard__image {
			height: clamp(210px, 34vw, 280px);
			max-height: clamp(210px, 34vw, 280px);
			object-fit: cover;
		}

		.itemService .itemCard__header {
			margin-left: 0;
			margin-top: 1.35rem;
		}
	}