body {
			padding-top: 0;
			background: #f6f8fb;
		}

		@media (min-width: 769px) {
			body {
				padding-top: 0;
			}
		}

		.hero-section {
			background:
				linear-gradient(135deg, rgba(16, 24, 40, 0.9), rgba(31, 41, 55, 0.72)),
				url(../picture/service-header.jpg) center/cover no-repeat;
			padding: 90px 0 110px;
			margin-top: 0;
		}

		.hero-section small,
		.hero-section h1,
		.hero-section p {
			color: #fff;
		}

		.hero-section small {
			text-transform: uppercase;
			letter-spacing: 2px;
			font-weight: 700;
		}

		.hero-section h1 {
			font-size: 3rem;
			font-weight: 700;
			margin: 1rem 0 1.25rem;
		}

		.hero-section .lead {
			max-width: 780px;
			margin: 0 auto;
			color: rgba(255, 255, 255, 0.85);
			font-size: 1.08rem;
			line-height: 1.8;
		}

		.overview-section {
			padding: 70px 0 30px;
		}

		.section-eyebrow {
			color: #a72126;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1.6px;
			font-size: 0.85rem;
			margin-bottom: 0.85rem;
		}

		.section-title {
			font-size: 2.35rem;
			font-weight: 700;
			color: #142033;
			margin-bottom: 1rem;
		}

		.section-copy {
			color: #5b6472;
			font-size: 1.04rem;
			line-height: 1.8;
		}

		.capability-card {
			background: #fff;
			border-radius: 22px;
			padding: 28px 24px;
			height: 100%;
			box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
			border: 1px solid rgba(167, 33, 38, 0.08);
		}

		.capability-card i {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 52px;
			height: 52px;
			border-radius: 16px;
			background: rgba(167, 33, 38, 0.1);
			color: #a72126;
			font-size: 1.35rem;
			margin-bottom: 1rem;
		}

		.capability-card h3 {
			font-size: 1.15rem;
			font-weight: 700;
			color: #142033;
			margin-bottom: 0.85rem;
		}

		.capability-card p {
			color: #667085;
			margin-bottom: 0;
			line-height: 1.7;
		}

		.team-section {
			padding: 30px 0 80px;
		}

		.team-card {
			background: #fff;
			border-radius: 28px;
			overflow: hidden;
			box-shadow: 0 26px 55px rgba(15, 23, 42, 0.1);
			height: 100%;
		}

		.team-image-wrap {
			position: relative;
			padding: 26px 26px 0;
		}

		.team-image-wrap::after {
			content: '';
			position: absolute;
			inset: 0 26px auto;
			height: calc(100% - 26px);
			background: linear-gradient(180deg, rgba(167, 33, 38, 0.14), rgba(20, 32, 51, 0.02));
			border-radius: 22px;
			pointer-events: none;
		}

		.team-image {
			position: relative;
			z-index: 1;
			width: 100%;
			aspect-ratio: 1 / 1;
			object-fit: cover;
			border-radius: 22px;
			display: block;
		}

		.team-body {
			padding: 28px 28px 32px;
		}

		.team-name {
			font-size: 1.2rem;
			font-weight: 700;
			color: #142033;
			margin-bottom: 0.4rem;
		}

		.workflow-section {
			padding: 0 0 80px;
		}

		.workflow-panel {
			background: linear-gradient(135deg, #142033, #23344d);
			border-radius: 30px;
			padding: 48px;
			color: #fff;
		}

		.workflow-panel h2 {
			font-size: 2rem;
			font-weight: 700;
			margin-bottom: 1rem;
		}

		.workflow-panel p {
			color: rgba(255, 255, 255, 0.8);
			line-height: 1.8;
			margin-bottom: 0;
		}

		.workflow-step {
			padding: 24px 0;
			border-bottom: 1px solid rgba(255, 255, 255, 0.12);
		}

		.workflow-step:last-child {
			border-bottom: none;
			padding-bottom: 0;
		}

		.step-number {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 42px;
			height: 42px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.14);
			font-weight: 700;
			margin-bottom: 0.85rem;
		}

		.workflow-step h3 {
			font-size: 1.15rem;
			font-weight: 700;
			margin-bottom: 0.65rem;
		}

		.btn-primary {
			background-color: #fff;
			border-color: #fff;
			color: #a72126;
			padding: 12px 30px;
			font-weight: 700;
		}

		.btn-primary:hover {
			background-color: #f4f4f4;
			border-color: #f4f4f4;
			color: #8d1a1f;
		}

		@media (max-width: 991px) {
			.hero-section h1 {
				font-size: 2.45rem;
			}

			.workflow-panel {
				padding: 36px 28px;
			}
		}

		@media (max-width: 767px) {
			.hero-section {
				padding: 70px 0 85px;
			}

			.hero-section h1 {
				font-size: 2rem;
			}

			.section-title {
				font-size: 1.9rem;
			}

			.team-body,
			.workflow-panel {
				padding-left: 22px;
				padding-right: 22px;
			}
		}