.nb-service-page {
	--navy: #0b1f3a;
	--navy-dark: #061426;
	--navy-soft: #142d4f;
	--gold: #d4af37;
	--gold-dark: #b78e16;
	--text: #182238;
	--muted: #667085;
	--soft: #f5f7fa;
	--white: #ffffff;
	--border: #e1e6ed;

	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	color: var(--text);
	font-family: inherit;
}

.nb-service-page *,
.nb-service-page *::before,
.nb-service-page *::after {
	box-sizing: border-box;
}

.nb-container {
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto;
}

.nb-eyebrow {
	display: inline-block;
	margin-bottom: 14px;
	color: var(--gold);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.nb-title {
	margin: 0;
	color: var(--navy);
	font-size: clamp(32px, 4vw, 48px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.025em;
}

.nb-description {
	max-width: 760px;
	margin: 20px auto 0;
	color: var(--muted);
	font-size: 17px;
	line-height: 1.75;
}

.nb-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 13px 24px;
	border: 1px solid transparent;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 750;
	line-height: 1.3;
	text-decoration: none !important;
	transition: .2s ease;
}

.nb-button:hover {
	transform: translateY(-2px);
}

.nb-button-gold {
	background: var(--gold);
	color: var(--navy-dark) !important;
}

.nb-button-gold:hover {
	background: var(--gold-dark);
	color: var(--white) !important;
}

.nb-button-outline {
	border-color: rgba(255,255,255,.5);
	color: var(--white) !important;
}

.nb-button-outline:hover {
	border-color: var(--white);
	background: var(--white);
	color: var(--navy) !important;
}


/* Hero */

.nb-hero {
	position: relative;
	overflow: hidden;
	padding: 100px 0;
	background:
		radial-gradient(circle at 85% 15%, rgba(212,175,55,.18), transparent 30%),
		linear-gradient(135deg, var(--navy-dark), var(--navy-soft));
}

.nb-hero::after {
	content: "";
	position: absolute;
	right: -180px;
	bottom: -310px;
	width: 620px;
	height: 620px;
	border: 90px solid rgba(255,255,255,.025);
	border-radius: 50%;
}

.nb-hero-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr);
	gap: 70px;
	align-items: center;
}

.nb-hero h1 {
	max-width: 800px;
	margin: 0;
	color: var(--white);
	font-size: clamp(42px, 5.5vw, 70px);
	font-weight: 850;
	line-height: 1.06;
	letter-spacing: -.04em;
}

.nb-hero p {
	max-width: 720px;
	margin: 27px 0 0;
	color: rgba(255,255,255,.76);
	font-size: 19px;
	line-height: 1.7;
}

.nb-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

.nb-hero-stats {
	display: grid;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 16px;
	background: rgba(255,255,255,.055);
	backdrop-filter: blur(12px);
}

.nb-stat {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 26px;
	border-bottom: 1px solid rgba(255,255,255,.09);
}

.nb-stat:last-child {
	border-bottom: 0;
}

.nb-stat strong {
	min-width: 75px;
	color: var(--gold);
	font-size: 29px;
	font-weight: 850;
	line-height: 1;
}

.nb-stat span {
	color: rgba(255,255,255,.82);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.5;
}

/* Intro */

.nb-intro {
	padding: 90px 0 55px;
	text-align: center;
}

/* Service cards */

.nb-services {
	padding: 35px 0 90px;
}

.nb-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.nb-service-card {
	position: relative;
	overflow: hidden;
	padding: 34px;
	border: 1px solid var(--border);
	border-radius: 16px;
	background: var(--white);
	box-shadow: 0 12px 35px rgba(11,31,58,.055);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.nb-service-card:hover {
	transform: translateY(-7px);
	border-color: var(--gold);
	box-shadow: 0 20px 45px rgba(11,31,58,.11);
}

.nb-card-number {
	display: inline-grid;
	place-items: center;
	width: 56px;
	height: 56px;
	margin-bottom: 24px;
	border-radius: 50%;
	background: var(--navy);
	color: var(--gold);
	font-size: 15px;
	font-weight: 850;
}

.nb-service-card h3 {
	margin: 0;
	color: var(--navy);
	font-size: 25px;
	font-weight: 800;
	line-height: 1.25;
}

.nb-service-card > p {
	margin: 15px 0 0;
	color: var(--muted);
	font-size: 15px;
	line-height: 1.7;
}

.nb-service-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 11px 18px;
	margin: 23px 0 0;
	padding: 0;
	list-style: none;
}

.nb-service-list li {
	position: relative;
	padding-left: 20px;
	color: var(--text);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.5;
}

.nb-service-list li::before {
	content: "";
	position: absolute;
	top: .52em;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gold);
}

.nb-card-link {
	display: inline-block;
	margin-top: 24px;
	color: var(--navy) !important;
	font-weight: 800;
	text-decoration: none !important;
}

.nb-card-link:hover {
	color: var(--gold-dark) !important;
}

/* Custom recruitment */

.nb-custom {
	padding: 90px 0;
	background: var(--soft);
}

.nb-custom-heading {
	max-width: 800px;
	margin-bottom: 38px;
}

.nb-examples {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.nb-example {
	padding: 28px;
	border: 1px solid var(--border);
	border-radius: 14px;
	background: var(--white);
}

.nb-example-label {
	display: inline-block;
	margin-bottom: 17px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(212,175,55,.14);
	color: #87650d;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.nb-example h3 {
	margin: 0;
	color: var(--navy);
	font-size: 20px;
	line-height: 1.35;
}

.nb-example p {
	margin: 12px 0 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.7;
}

/* Process */

.nb-process {
	padding: 95px 0;
}

.nb-process-heading {
	margin-bottom: 42px;
	text-align: center;
}

.nb-process-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 13px;
}

.nb-process-item {
	position: relative;
	min-height: 170px;
	padding: 25px 18px;
	border-top: 3px solid var(--gold);
	border-radius: 0 0 12px 12px;
	background: var(--soft);
}

.nb-process-item span {
	display: block;
	margin-bottom: 22px;
	color: rgba(11,31,58,.32);
	font-size: 27px;
	font-weight: 850;
}

.nb-process-item h3 {
	margin: 0;
	color: var(--navy);
	font-size: 17px;
	line-height: 1.3;
}

.nb-process-item p {
	margin: 9px 0 0;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.55;
}

/* Regions */

.nb-regions {
	position: relative;
	overflow: hidden;
	padding: 95px 0;
	background: var(--navy);
}

.nb-regions .nb-title {
	color: var(--white);
}

.nb-regions .nb-description {
	margin-left: 0;
	color: rgba(255,255,255,.7);
}

.nb-region-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin-top: 40px;
}

.nb-region {
	padding: 27px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 14px;
	background: rgba(255,255,255,.055);
	transition: transform .2s ease, border-color .2s ease;
}

.nb-region:hover {
	transform: translateY(-5px);
	border-color: var(--gold);
}

.nb-region-code {
	display: grid;
	place-items: center;
	width: 53px;
	height: 53px;
	margin-bottom: 22px;
	border: 1px solid rgba(212,175,55,.6);
	border-radius: 50%;
	color: var(--gold);
	font-size: 13px;
	font-weight: 850;
}

.nb-region h3 {
	margin: 0;
	color: var(--white);
	font-size: 20px;
}

.nb-region p {
	margin: 11px 0 0;
	color: rgba(255,255,255,.65);
	font-size: 14px;
	line-height: 1.65;
}

/* CTA */

.nb-cta {
	padding: 80px 0;
	background: var(--white);
}

.nb-cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
	padding: 45px 48px;
	border: 1px solid var(--border);
	border-radius: 18px;
	background: linear-gradient(135deg, #fff, #f3f6f9);
	box-shadow: 0 18px 50px rgba(11,31,58,.08);
}

.nb-cta h2 {
	margin: 0;
	color: var(--navy);
	font-size: clamp(30px, 4vw, 44px);
	line-height: 1.15;
}

.nb-cta p {
	max-width: 700px;
	margin: 15px 0 0;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.7;
}

@media (max-width: 1000px) {
	.nb-hero-inner {
		grid-template-columns: 1fr;
	}

	.nb-hero-stats {
		grid-template-columns: repeat(3, 1fr);
	}

	.nb-stat {
		align-items: flex-start;
		flex-direction: column;
		border-right: 1px solid rgba(255,255,255,.09);
		border-bottom: 0;
	}

	.nb-process-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.nb-region-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {

	.nb-container {
		width: min(100% - 28px, 1180px);
	}

	.nb-hero {
		padding: 70px 0;
	}

	.nb-hero h1 {
		font-size: 39px;
	}

	.nb-hero p {
		font-size: 17px;
	}

	.nb-hero-actions {
		flex-direction: column;
	}

	.nb-hero-actions .nb-button {
		width: 100%;
	}

	.nb-hero-stats,
	.nb-card-grid,
	.nb-examples,
	.nb-process-grid,
	.nb-region-grid {
		grid-template-columns: 1fr;
	}

	.nb-stat {
		align-items: center;
		flex-direction: row;
		border-right: 0;
		border-bottom: 1px solid rgba(255,255,255,.09);
	}

	.nb-service-list {
		grid-template-columns: 1fr;
	}

	.nb-intro,
	.nb-services,
	.nb-custom,
	.nb-process,
	.nb-regions {
		padding-top: 65px;
		padding-bottom: 65px;
	}

	.nb-cta-inner {
		align-items: flex-start;
		flex-direction: column;
		padding: 31px 25px;
	}

	.nb-cta-inner .nb-button {
		width: 100%;
	}
}

.nb-description-left {
	margin-left: 0;
}