* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-image: linear-gradient(rgba(255, 255, 255, 0.6),
			rgba(255, 255, 255, 0.6)),
		url("https://cdn.gushwork.ai/noise.png");
	background-repeat: repeat;
	background-size: auto;
	background-position: center;
	height: 100vh;
	margin: 0;
	font-family: var(--font-inter);
}

.home-page {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 100vh;
}

.hero-section {
	display: flex;
	position: relative;
	gap: 80px;
	justify-content: center;
	align-items: center;
	padding: 100px;
	width: 100%;
	border-bottom: 1px solid var(--color-neutral-200);
	background: linear-gradient(180deg,
			var(--hero-gradient-start) 0%,
			rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 1200px) {
	.hero-section {
		padding: 80px;
	}
}

@media (max-width: 1080px) {
	.hero-section {
		padding: 80px 48px;
	}
}

@media (max-width: 480px) {
	.hero-section {
		padding: 60px 16px;
	}
}

.hero-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	z-index: 1;
	max-width: 1240px;
	gap: 100px;
	align-items: center;
	width: 100%;
}

@media (max-width: 1080px) {
	.hero-content {
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.hero-content {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}
}

.hero-text {
	flex: 1;
	gap: 24px;
	min-width: 320px;
}

.hero-title {
	display: flex;
	font-size: 56px;
	font-weight: 700;
	color: var(--color-neutral-900);
	line-height: 67px;
	max-width: 100%;
	font-family: Urbanist;
}

@media (max-width: 480px) {
	.hero-title {
		font-size: 36px;
		line-height: 43.2px;
	}
}

.hero-description {
	margin-top: 24px;
	font-size: 18px;
	letter-spacing: normal;
	line-height: 24px;
	color: var(--color-neutral-700);
	max-width: 100%;
	font-family: "Inter", sans-serif;
}

.hero-image {
	object-fit: cover;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	aspect-ratio: 1;
	border-radius: 36px;
	width: 520px;
	max-width: 100%;
}

@media (max-width: 1200px) {
	.hero-image {
		width: 480px;
	}
}

@media (max-width: 580px) {
	.hero-image {
		width: 428px;
	}
}

@media (max-width: 480px) {
	.hero-image {
		width: 428px;
		height: 100%;
		aspect-ratio: 1 / 1.2;
	}
}

/* Story Section */
.story-section {
	position: relative;
	padding: 100px;
	border-bottom: 1px solid var(--color-neutral-200);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 1200px) {
	.story-section {
		padding: 80px;
	}
}

@media (max-width: 1080px) {
	.story-section {
		padding: 80px 48px;
	}
}

@media (max-width: 480px) {
	.story-section {
		padding: 60px 16px;
	}
}

.story-content {
	display: flex;
	flex-direction: row;
	z-index: 1;
	gap: 40px;
	width: 100%;
	max-width: 1240px;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 1080px) {
	.story-content {
		flex-direction: column;
		align-items: flex-start;
	}
}

.story-text {
	flex: 1 1 60%;
	min-width: 300px;
}

.story-title {
	font-size: 44px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-neutral-900);
	font-family: Urbanist;
}

@media (max-width: 480px) {
	.story-title {
		font-size: 36px;
	}
}

.story-description {
	margin-top: 24px;
	font-size: 18px;
	line-height: 28px;
	color: var(--color-neutral-700);
	font-family: var(--font-inter);
}

@media (max-width: 480px) {
	.story-description {
		font-size: 16px;
	}
}

.stats-container {
	flex: 1 1 30%;
	min-width: 280px;
	max-width: 350px;
	padding-left: 32px;
	border-left: 1.5px solid var(--color-neutral-100);
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: flex-start;
	gap: 32px;
}

@media (max-width: 480px) {
	.stats-container {
		padding: 16px;
	}
}

.stat-item {
	display: flex;
	flex-direction: column;
}

.stat-number {
	font-size: 30px;
	font-weight: 600;
	color: var(--color-primary);
	font-family: Urbanist;
}

.stat-label {
	margin-top: 8px;
	font-size: 16px;
	color: var(--color-neutral-700);
	opacity: 0.8;
}

/* DNA Section */
.dna-section {
	display: flex;
	overflow: hidden;
	position: relative;
	flex-direction: column;
	padding: 100px;
	width: 100%;
	align-items: center;
	border-bottom: 1px solid var(--color-neutral-200);
}

@media (max-width: 1200px) {
	.dna-section {
		padding: 80px;
	}
}

@media (max-width: 1080px) {
	.dna-section {
		padding: 80px 48px;
	}
}

@media (max-width: 480px) {
	.dna-section {
		padding: 60px 16px;
	}
}

.dna-header {
	display: flex;
	z-index: 1;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 1240px;
	gap: var(--spacing-16);
}

.dna-title {
	font-size: 44px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-neutral-black);
	font-family: Urbanist;
}

@media (max-width: 480px) {
	.dna-title {
		font-size: 36px;
	}
}

.blue-text {
	color: var(--color-primary);
}

.dna-subtitle {
	font-size: 18px;
	letter-spacing: normal;
	line-height: 1.6;
	color: var(--color-neutral-700);
}

.mission-vision-container {
	display: flex;
	overflow: hidden;
	z-index: 1;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 56px;
	margin-top: var(--spacing-56);
	width: 100%;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	max-width: 1240px;
	border-radius: 32px;
	background-color: var(--color-primary);
}

@media (max-width: 1080px) {
	.mission-vision-container {
		padding: 56px 48px;
		flex-wrap: nowrap;
		flex-direction: column;
	}
}

@media (max-width: 460px) {
	.mission-vision-container {
		padding: 24px;
	}
}

.mission-vision-card {
	display: flex;
	flex-wrap: wrap;
	gap: 120px;
	width: 100%;
	align-items: flex-start;
}

@media (max-width: 1080px) {
	.mission-vision-card {
		display: flex;
		flex-direction: column;
		gap: 40px;
		width: 100%;
	}
}

.mission-section,
.vision-section {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: var(--spacing-16);
	justify-content: center;
}

.mission-title,
.vision-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
	color: white;
	font-family: Urbanist;
}

.mission-text,
.vision-text {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: white;
	letter-spacing: normal;
}

@media (max-width: 480px) {

	.mission-title,
	.vision-title {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.2;
	}

	.mission-text,
	.vision-text {
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
	}
}

.values-grid {
	display: flex;
	z-index: 1;
	flex-wrap: wrap;
	gap: 40px;
	align-items: flex-start;
	margin-top: var(--spacing-56);
	width: 100%;
	max-width: 1240px;
}

@media (max-width: 1280px) {
	.values-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}
}

@media (max-width: 1080px) {
	.values-grid {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
}

.value-card {
	overflow: hidden;
	flex: 1;
	gap: 12px;
	min-width: 240px;
}

.value-icon {
	font-size: 48px;
	width: 48px;
	height: 48px;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.value-content {
	gap: 32px;
	margin-top: 12px;
	width: 100%;
}

.value-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--color-neutral-black);
}

.value-description {
	margin-top: 12px;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 24px;
	color: var(--color-neutral-700);
}

/* Engineering Section */
.engineering-section {
	display: flex;
	overflow: hidden;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 100px;
	width: 100%;
	border-bottom: 1px solid var(--color-neutral-200);
}

@media (max-width: 1200px) {
	.engineering-section {
		padding: 80px;
	}
}

@media (max-width: 1080px) {
	.engineering-section {
		padding: 80px 48px;
	}
}

@media (max-width: 480px) {
	.engineering-section {
		padding: 60px 16px;
	}
}

.engineering-header {
	display: flex;
	z-index: 1;
	flex-direction: column;
	gap: var(--spacing-16);
	justify-content: center;
	width: 100%;
	max-width: 1240px;
}

.engineering-title {
	font-size: 44px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-neutral-black);
	font-family: Urbanist;
}

@media (max-width: 480px) {
	.engineering-title {
		font-size: 36px;
	}
}

.engineering-subtitle {
	font-size: 18px;
	letter-spacing: normal;
	line-height: 1.6;
	color: var(--color-neutral-700);
}

.engineering-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
	width: 100%;
	max-width: 1240px;
	margin-top: var(--spacing-56);
}

@media (max-width: 600px) {
	.engineering-cards {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}
}

.engineering-card {
	overflow: hidden;
	flex: 1;
	width: 100%;
	background-color: white;
	border-radius: var(--radius-24);
	border: 1px solid var(--color-neutral-200);
	box-shadow: 0px 16px 32px -12px rgba(88, 92, 95, 0.1);
	min-width: 240px;
	z-index: 1;
}

/* Engineering icon */
.engineering-icon {
	font-size: 48px;
	width: 48px;
	height: 48px;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 480px) {
	.engineering-icon {
		font-size: 32px;
		width: 32px;
		height: 32px;
	}
}

/* Content padding */
.card-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 24px;
	gap: 24px;
}

/* Mobile adjustment */
@media (max-width: 600px) {
	.card-content {
		padding: 20px;
	}
}

/* Small mobile */
@media (max-width: 400px) {
	.card-content {
		padding: 16px;
	}
}

.card-header {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-16);
	justify-content: center;
	width: 100%;
}

.card-description {
	font-size: 16px;
	letter-spacing: normal;
	line-height: 24px;
	color: var(--color-neutral-700);
	font-family: "Inter", sans-serif;
}

@media (max-width: 600px) {
	.card-description {
		font-size: 14px;
	}
}

.card-image {
	object-fit: cover;
	margin-top: 20px;
	width: 100%;
	max-width: 560px;
	border-radius: 20px;
	aspect-ratio: 2 / 1;
}

/* Large desktop */
@media (max-width: 1440px) {
	.card-image {
		max-width: 100%;
		aspect-ratio: 2 / 1;
	}
}

/* Medium desktop */
@media (max-width: 1340px) {
	.card-image {
		max-width: 480px;
		aspect-ratio: 1.9 / 1;
	}
}

/* Small desktop */
@media (max-width: 1200px) {
	.card-image {
		max-width: 460px;
		aspect-ratio: 1.8 / 1;
	}
}

/* Tablet */
@media (max-width: 1080px) {
	.card-image {
		max-width: 100%;
		aspect-ratio: 1.75 / 1;
	}
}

/* Mobile */
@media (max-width: 600px) {
	.card-image {
		max-width: 100%;
		border-radius: 16px;
		aspect-ratio: 1.5 / 1;
	}
}

/* Journey Section */
.journey-section {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 100px;
	width: 100%;
	border-bottom: 1px solid var(--color-neutral-200);
}

@media (max-width: 1200px) {
	.journey-section {
		padding: 80px;
	}
}

@media (max-width: 1080px) {
	.journey-section {
		padding: 80px 48px;
	}
}

@media (max-width: 480px) {
	.journey-section {
		padding: 60px 16px;
	}
}

.journey-content {
	z-index: 1;
	width: 100%;
	max-width: 1240px;
}

.journey-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.journey-left {
	display: flex;
	flex-direction: column;
	flex: 1;
	align-items: flex-start;
	min-width: 240px;
}

.journey-chip {
	display: flex;
	overflow: hidden;
	gap: 8px;
	justify-content: center;
	align-items: center;
	padding: 10px 12px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1;
	text-align: center;
	background-color: white;
	border: 1px solid var(--color-neutral-200);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	border-radius: 32px;
	color: var(--color-neutral-900);
}

.chip-icon {
	font-size: 16px;
	width: 16px;
	height: 16px;
	color: var(--color-neutral-900);
	display: flex;
	align-items: center;
	justify-content: center;
}

.chip-text {
	color: var(--color-neutral-900);
}

.journey-title {
	display: flex;
	gap: var(--spacing-16);
	align-items: flex-start;
	margin-top: var(--spacing-16);
	max-width: 640px;
	font-size: 44px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-neutral-black);
	font-family: Urbanist;
}

@media (max-width: 550px) {
	.journey-title {
		flex-direction: column;
		gap: 0px;
	}
}

@media (max-width: 480px) {
	.journey-title {
		font-size: 36px;
	}
}

.journey-description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: var(--spacing-16);
	font-size: 18px;
	letter-spacing: normal;
	line-height: 28px;
	max-width: 620px;
	color: var(--color-neutral-700);
}

.journey-controls {
	display: flex;
	gap: var(--spacing-16);
	align-items: flex-start;
}

@media (max-width: 700px) {
	.journey-controls {
		display: none;
	}
}

.control-button {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	aspect-ratio: 1;
	width: 68px;
	border: 1px solid var(--color-neutral-200);
	border-radius: 50%;
	background-color: white;
	cursor: pointer;
}

.control-button svg path {
	stroke: var(--color-neutral-800);
}

.timeline {
	position: relative;
	display: flex;
	flex-direction: row;
	gap: 120px;
	overflow-x: auto;
	padding: 60px 0 40px;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
	min-width: 100%;
	max-width: 100%;
}

@media (max-width: 690px) {
	.timeline {
		flex-direction: column;
		padding-left: 50px;
		gap: 70px;
		overflow-x: visible;
		overflow-y: visible;
	}
}

.timeline-line {
	position: absolute;
	top: 80px;
	left: 0;
	height: 2px;
	background-color: var(--color-neutral-800);
	z-index: 0;
	transform: translateY(-50%);
}

.timeline-line-adj {
	display: none;
	position: absolute;
	top: 80px;
	left: 20px;
	width: 2px;
	background-color: var(--color-neutral-800);
	z-index: 0;
}

.timeline-line-adj::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 10px;
	height: 10px;
	background-color: var(--color-neutral-800);
	border-radius: 50%;
}

.timeline-line-adj::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid var(--color-neutral-800);
}

@media (max-width: 690px) {
	.timeline-line-adj {
		display: block;
	}

	.timeline-line {
		display: none;
	}
}

.timeline-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	min-width: 200px;
	z-index: 1;
	flex-shrink: 0;
}

.timeline-year,
.timeline-year-current {
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 600;
	color: white;
	background-color: var(--color-primary);
	border-radius: 20px;
	margin-bottom: 16px;
	position: relative;
	z-index: 2;
	font-family: "Inter", sans-serif;
}

.timeline-description {
	font-size: 16px;
	line-height: 26px;
	color: var(--color-neutral-800);
	text-align: left;
	max-width: 320px;
}

/* Choose Section */
.choose-section {
	display: flex;
	overflow: hidden;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 100px;
	width: 100%;
	border-bottom: 1px solid var(--color-neutral-200);
}

@media (max-width: 1200px) {
	.choose-section {
		padding: 80px;
	}
}

@media (max-width: 1080px) {
	.choose-section {
		padding: 80px 48px;
	}
}

@media (max-width: 480px) {
	.choose-section {
		padding: 60px 16px;
	}
}

.choose-header {
	display: flex;
	z-index: 1;
	flex-direction: column;
	gap: var(--spacing-16);
	justify-content: center;
	width: 100%;
	max-width: 1240px;
}

.choose-title {
	max-width: 1600px;
	font-size: 44px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-neutral-black);
	font-family: Urbanist;
}

@media (max-width: 480px) {
	.choose-title {
		font-size: 36px;
	}
}

.choose-subtitle {
	font-size: 18px;
	letter-spacing: normal;
	font-family: "Inter", sans-serif;
	line-height: 1.6;
	color: var(--color-neutral-700);
}

.choose-content {
	z-index: 1;
	margin-top: var(--spacing-56);
	width: 100%;
	max-width: 100%;
	max-width: 1240px;
}

.main-feature {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 32px;
	background-color: white;
	border-radius: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	max-width: 100%;
	border: 1px solid var(--color-neutral-200);
}

@media (max-width: 711px) {
	.main-feature {
		flex-direction: column;
		padding: 16px;
		align-items: flex-start;
	}
}

.main-feature .feature-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-16);
	flex: 1;
	min-width: 240px;
}

.main-feature .feature-content>div:first-child {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: var(--spacing-16);
}

.feature-icon {
	font-size: 42px;
	width: 42px;
	height: 42px;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 480px) {
	.main-feature .feature-content {
		gap: 8px;
	}

	.feature-icon {
		font-size: 32px;
		width: 32px;
		height: 32px;
	}
}

.feature-title {
	font-size: 28px;
	font-weight: 600;
	color: var(--color-neutral-black);
	font-family: Urbanist;
}

@media (max-width: 480px) {
	.feature-title {
		font-size: 24px;
	}
}

.feature-description {
	font-size: 16px;
	color: var(--color-neutral-700);
	line-height: 1.6;
	max-width: 480px;
	font-family: "Inter", sans-serif;
}

@media (max-width: 480px) {
	.feature-description {
		font-size: 18px;
	}
}

.feature-image-container {
	flex-shrink: 0;
	border: 1.5px solid var(--color-neutral-100);
	border-radius: var(--radius-24);
	overflow: hidden;
	background-color: white;
	width: 559px;
	height: 294px;
}

@media (max-width: 1080px) {
	.feature-image-container {
		width: 296px;
		height: 148px;
	}
}

@media (max-width: 710px) {
	.feature-image-container {
		width: 100%;
	}
}

.feature-image {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	object-fit: cover;
	aspect-ratio: 2 / 1;
	/* Optional, tweak as needed */
}

.features-grid {
	margin-top: 24px;
	width: 100%;
}

.features-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
	width: 100%;
}

@media (max-width: 670px) {
	.features-grid {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
	}
}

.feature-card {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	gap: var(--spacing-16);
	flex: 1;
	justify-content: center;
	padding: 32px;
	background-color: white;
	border-radius: var(--radius-24);
	border: 1px solid var(--color-neutral-200);
	box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
	min-width: 240px;
}

@media (max-width: 480px) {
	.feature-card {
		padding: 16px !important;
		border-radius: 16px;
	}
}

.feature-card .card-icon {
	font-size: 42px;
	width: 42px;
	height: 42px;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 480px) {
	.feature-card .card-icon {
		font-size: 32px;
		width: 32px;
		height: 32px;
	}
}

.card-title {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-neutral-black);
	font-family: Urbanist;
}

@media (max-width: 470px) {
	.card-title {
		font-size: 24px;
	}
}

.feature-card .card-description {
	font-size: 18px;
	letter-spacing: normal;
	line-height: 28px;
	color: var(--color-neutral-700);
	font-family: "Inter", sans-serif;
}

/* Awards Section */
.awards-section {
	display: flex;
	overflow: hidden;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 100px;
	width: 100%;
	border-bottom: 1px solid var(--color-neutral-200);
}

@media (max-width: 1200px) {
	.awards-section {
		padding: 80px;
	}
}

@media (max-width: 1080px) {
	.awards-section {
		padding: 80px 48px;
	}
}

@media (max-width: 480px) {
	.awards-section {
		padding: 60px 16px;
	}
}

.awards-header {
	display: flex;
	z-index: 1;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 1240px;
}

.awards-chip {
	display: flex;
	overflow: hidden;
	gap: 8px;
	justify-content: center;
	align-items: center;
	align-self: flex-start;
	padding: 10px 12px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1;
	text-align: center;
	background-color: white;
	border: 1px solid var(--color-neutral-200);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	border-radius: 32px;
	color: var(--color-neutral-900);
	font-family: "Inter", sans-serif;
}

.awards-title {
	margin-top: 20px;
	font-size: 44px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-neutral-900);
	font-family: Urbanist;
}

@media (max-width: 480px) {
	.awards-title {
		font-size: 36px;
	}
}

.awards-grid {
	display: flex;
	z-index: 1;
	flex-wrap: wrap;
	gap: var(--spacing-16);
	margin-top: var(--spacing-56);
	width: 100%;
	max-width: 100%;
	max-width: 1240px;
}

@media (max-width: 850px) {
	.awards-grid {
		flex-wrap: nowrap;
		flex-direction: column;
		margin-top: 36px;
	}
}

.award-card {
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: center;
	padding: 24px;
	gap: 40px;
	background-color: white;
	border-radius: 16px;
	border: 1px solid var(--color-neutral-200);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	min-width: 240px;
}

@media (max-width: 1080px) {
	.award-card {
		padding: 24px;
		gap: 32px;
	}
}

@media (max-width: 600px) {
	.award-card {
		padding: 16px;
		gap: 20px;
	}
}

.award-icon {
	font-size: 72px;
	width: 72px;
	height: 72px;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.award-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-16);
	justify-content: center;
	width: 100%;
}

.award-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-neutral-900);
	font-family: Urbanist;
}

.award-description {
	font-size: 14px;
	letter-spacing: normal;
	line-height: 24px;
	color: var(--color-neutral-700);
	font-family: "Inter", sans-serif;
}

/* Contact Section */
.contact-section {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 100px;
	width: 100%;
	border-bottom: 1px solid var(--color-neutral-200);
}

@media (max-width: 1200px) {
	.contact-section {
		padding: 80px;
	}
}

@media (max-width: 1080px) {
	.contact-section {
		padding: 80px 48px;
	}
}

@media (max-width: 480px) {
	.contact-section {
		padding: 60px 16px;
	}
}

.contact-container {
	display: flex;
	overflow: hidden;
	z-index: 1;
	gap: 40px;
	justify-content: center;
	align-items: flex-start;
	background: linear-gradient(0deg,
			rgba(0, 0, 0, 0.2) 0%,
			rgba(0, 0, 0, 0.2) 100%),
		var(--color-primary);
	padding: 56px;
	width: 100%;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	max-width: 1240px;
	border-radius: 32px;
}

@media (max-width: 1080px) {
	.contact-container {
		padding: 56px 48px;
	}
}

@media (max-width: 480px) {
	.contact-container {
		padding: 24px;
	}
}

.contact-content {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	gap: 40px;
	align-items: center;
	width: 100%;
	min-width: 240px;
}

@media (max-width: 1080px) {
	.contact-content {
		flex-wrap: nowrap;
		flex-direction: column;
	}
}

.contact-left {
	flex: 1;
	min-width: 240px;
}

.contact-header {
	gap: var(--spacing-16);
	width: 100%;
}

.contact-title {
	font-size: 44px;
	font-weight: 600;
	line-height: 1.2;
	color: white;
	font-family: Urbanist;
}

@media (max-width: 480px) {
	.contact-title {
		font-size: 36px;
	}
}

.contact-subtitle {
	margin-top: var(--spacing-16);
	font-size: 18px;
	letter-spacing: normal;
	line-height: 1.6;
	color: white;
	font-family: "Inter", sans-serif;
}

@media (max-width: 480px) {
	.contact-subtitle {
		font-size: 14px;
	}
}

.contact-divider {
	margin-top: 24px;
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: rgba(255, 255, 255, 0.2);
	min-height: 1px;
}

.contact-info {
	margin-top: 24px;
	width: 100%;
	font-size: 14px;
	letter-spacing: normal;
	line-height: 20px;
	color: white;
	font-family: "Inter", sans-serif;
}

.contact-text {
	color: white;
}

.contact-address {
	margin-top: 20px;
	color: white;
}

.contact-form {
	padding: 32px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	background-color: var(--color-neutral-25);
	border-radius: var(--radius-24);
	min-width: 240px;
	width: 420px;
	font-family: "Inter", sans-serif;
}

@media (max-width: 1080px) {
	.contact-form {
		width: 100%;
	}
}

.form-title {
	font-size: 16px;
	letter-spacing: normal;
	color: var(--color-neutral-900);
	font-family: "Inter", sans-serif;
}

.form-fields {
	margin-top: var(--spacing-16);
	width: 100%;
	line-height: 1;
}

.form-field {
	width: 100%;
	color: var(--color-neutral-400);
	margin-bottom: 12px;
}

.form-input {
	display: flex;
	overflow: hidden;
	gap: 8px;
	align-items: center;
	padding: 10px 10px 10px 12px;
	width: 100%;
	background-color: white;
	border-radius: 8px;
	border: 1px solid var(--color-neutral-100);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	font-size: 14px;
	color: var(--color-neutral-400);
	font-family: "Inter", sans-serif;
}

.phone-field {
	display: flex;
	overflow: hidden;
	align-items: center;
	width: 100%;
	background-color: white;
	border-radius: 8px;
	border: 1px solid var(--color-neutral-100);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.phone-prefix {
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 10px;
	color: var(--color-neutral-black);
}

.phone-prefix .ph-caret-down {
	color: var(--color-neutral-400);
}

.phone-input {
	display: flex;
	flex: 1;
	gap: 8px;
	align-items: center;
	padding: 10px;
	border-left: 1px solid var(--color-neutral-100);
	min-width: 240px;
	color: var(--color-neutral-400);
	border: none;
	outline: none;
	background: transparent;
}

.submit-button {
	display: flex;
	gap: var(--spacing-4);
	justify-content: center;
	align-items: center;
	padding: 12px 16px;
	margin-top: var(--spacing-16);
	width: 100%;
	line-height: 1;
	color: white;
	border-radius: 12px;
	background-color: var(--color-neutral-900);
	min-height: 44px;
	border: none;
	cursor: pointer;
}