.page--usdb {
	--ud-ink: #050e15;
	--ud-grey: #f8f8f6;
	--ud-ember: #6b2c8d 11.697%, #dc5e36 106.54%;
}

.ud-btn-ghost {
	padding: var(--space-12) var(--space-42);
	border: 1px solid var(--color-text-inverse);
	background: transparent;
	color: var(--color-text-inverse);
}

.ud-btn-ghost:hover {
	background: rgb(255 255 255 / 12%);
}

.ud-hero {
	position: relative;
	min-height: 890px;
	margin-top: calc(-1 * var(--header-height));
	padding-top: 198px;
	padding-bottom: var(--space-64);
	background: url("../img/media/usdb/bg-hero.webp") center top / cover no-repeat, var(--color-bg-default);
	overflow: hidden;
}

.ud-hero__copy {
	position: relative;
	z-index: 1;
	max-width: 978px;
}

.ud-hero__title {
	margin-bottom: 30px;
	color: #000;
}

.ud-hero__title em,
.ud-nodata__title em,
.ud-steps__title em,
.ud-db__title em,
.ud-work__title em {
	color: var(--color-primary);
}

.ud-hero__lead {
	max-width: 691px;
	margin: 0 0 60px;
	font-family: var(--font-body);
	font-size: var(--text-body-lg);
	line-height: var(--lh-body);
	color: #000;
}

.ud-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-16);
}

.ud-hero__art {
	position: absolute;
	top: 270px;
	left: calc(50% - 127px);
	width: 1004px;
	height: auto;
	opacity: 0.9;
	filter: blur(1px);
	pointer-events: none;
}

.ud-stats {
	padding-block: var(--space-112);
	background: url("../img/media/usdb/bg-stats.webp") center / cover no-repeat, var(--color-bg-default);
}

.ud-stats__grid {
	display: flex;
	gap: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ud-stats__card {
	display: flex;
	flex: 0 1 231px;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	height: 350px;
	padding: 20px;
	border-radius: var(--radius-lg);
	color: var(--color-text-inverse);
	overflow: hidden;
}

.ud-stats__card--properties {
	background: url("../img/media/usdb/stat-properties.webp") center / cover no-repeat, var(--color-surface-dark);
}

.ud-stats__card--attributes {
	background: url("../img/media/usdb/stat-attributes.webp") center / cover no-repeat, var(--color-primary-light);
}

.ud-stats__card--coverage {
	background: linear-gradient(136.33deg, var(--ud-ember));
}

.ud-stats__card--api {
	background: var(--color-primary);
}

.ud-stats__card--refresh {
	flex-basis: 295px;
	background: linear-gradient(143.22deg, var(--ud-ember));
}

.ud-stats__icon {
	display: block;
	color: var(--color-text-inverse);
}

.ud-stats__globe,
.ud-hero__arrow,
.ud-facts__spark {
	display: none;
}

.ud-stats__value {
	margin: 20px 0 0;
	font-family: var(--font-display);
	font-size: 50px;
	font-weight: 400;
	line-height: 1.5;
	white-space: nowrap;
}

.ud-stats__label {
	max-width: 190px;
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-h6);
	line-height: 1.5;
}

.ud-stats__card--coverage .ud-stats__label {
	max-width: 180px;
}

.ud-nodata {
	padding-block: var(--space-112);
	background: url("../img/media/usdb/bg-nodata.webp") center / cover no-repeat, var(--color-bg-default);
}

.ud-nodata__head {
	display: flex;
	align-items: flex-end;
	gap: var(--space-80);
	margin-bottom: var(--space-80);
}

.ud-nodata__title {
	flex: 1;
	max-width: 664px;
	letter-spacing: -1.44px;
	color: #000;
}

.ud-nodata__text {
	flex: 0 0 506px;
	padding-bottom: 27px;
}

.ud-nodata__text p {
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--text-body-lg);
	line-height: var(--lh-body);
	color: var(--ud-ink);
}

.ud-nodata__media {
	position: relative;
}

.ud-nodata__photo {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1280 / 514;
	border-radius: var(--radius-lg);
	object-fit: fill;
}

.ud-nodata__tag {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 247px;
	height: 70px;
	border-radius: var(--radius-md);
	background: rgb(255 255 255 / 70%);
	box-shadow: 0 15px 26px rgb(0 0 0 / 15%);
	backdrop-filter: blur(7.75px);
	font-family: var(--font-body);
	font-size: var(--text-h6);
	font-weight: 700;
	line-height: 1.5;
	color: var(--color-text-secondary);
	white-space: nowrap;
}

.ud-nodata__tag--1 {
	top: 15.37%;
	left: 6.95%;
}

.ud-nodata__tag--2 {
	top: 45.91%;
	left: 48.67%;
}

.ud-nodata__tag--3 {
	top: 23.93%;
	left: 77.58%;
}

.ud-nodata__line {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.ud-steps {
	padding-block: var(--space-112);
	overflow-x: clip;
	background: url("../img/media/usdb/bg-steps.webp") center / cover no-repeat, var(--color-bg-default);
}

.ud-steps__inner {
	max-width: 1312px;
	margin-inline: auto;
}

.ud-steps__title {
	max-width: 1150px;
	margin: 0 auto var(--space-80);
	font-family: var(--font-display);
	font-size: var(--text-h1-fluid);
	font-weight: 500;
	line-height: 1.3;
	color: var(--ud-ink);
}

.ud-steps__map {
	position: relative;
	height: 554px;
}

.ud-steps__curve {
	position: absolute;
	top: 19.91px;
	left: 746px;
	width: 505px;
	height: 344px;
	border: 1px dashed var(--ud-ink);
	border-left: 0;
	border-radius: 0 172px 172px 0;
}

.ud-steps__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ud-steps__item {
	position: absolute;
	width: 604px;
}

.ud-steps__item--1,
.ud-steps__item--4 {
	left: 100px;
	width: 504px;
}

.ud-steps__item--2,
.ud-steps__item--3 {
	left: 681px;
}

.ud-steps__item--1,
.ud-steps__item--2 {
	top: 0;
}

.ud-steps__item--3,
.ud-steps__item--4 {
	top: 344px;
}

.ud-steps__row {
	display: flex;
	align-items: center;
	gap: var(--space-24);
	height: 40px;
}

.ud-steps__num {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: var(--radius-full);
	background: #ff6e1c;
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: var(--ud-ink);
}

.ud-steps__item--4 .ud-steps__num {
	background: var(--color-primary);
	color: var(--color-text-inverse);
}

.ud-steps__arrow {
	display: block;
	width: 436.5px;
	height: 7.364px;
}

.ud-steps__item--4 .ud-steps__arrow {
	transform: rotate(180deg);
}

.ud-steps__head {
	flex: none;
	margin-left: -1px;
}

.ud-steps__item-title {
	margin: 46px 0 0;
	font-family: var(--font-display);
	font-size: var(--text-h4);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.03em;
	color: var(--ud-ink);
}

.ud-steps__item-text {
	max-width: 486px;
	margin: var(--space-24) 0 0;
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: var(--ud-ink);
}

.ud-steps__item--1 .ud-steps__item-text {
	max-width: 446px;
}

.ud-steps__item--3 .ud-steps__item-text {
	max-width: 431px;
}

.ud-steps__item--4 .ud-steps__item-text {
	max-width: 426px;
}

.ud-db {
	padding-block: var(--space-112);
}

.ud-db__head {
	margin-bottom: var(--space-64);
	text-align: center;
}

.ud-db__title {
	max-width: 894px;
	margin: 0 auto var(--space-24);
	font-family: var(--font-display);
	font-size: var(--text-h1-fluid);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -1.44px;
	color: var(--ud-ink);
}

.ud-db__lead {
	max-width: 640px;
	margin: 0 auto;
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--lh-body);
	letter-spacing: -0.03em;
	color: var(--ud-ink);
}

.ud-db__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-24);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ud-db__card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--space-24);
	min-height: 384px;
	padding: 36.5px var(--space-24);
	border-radius: var(--radius-lg);
	background: var(--color-surface-muted);
	color: #08080a;
}

.ud-db__card--building {
	background: var(--color-primary-light);
	color: var(--color-text-inverse);
}

.ud-db__card--3d {
	background: var(--color-primary);
	color: var(--color-text-inverse);
}

.ud-db__card--environment {
	background: linear-gradient(149.52deg, var(--ud-ember));
	color: var(--color-text-inverse);
}

.ud-db__icon {
	display: block;
	flex: none;
	color: currentcolor;
}

.ud-db__details {
	min-height: 195px;
}

.ud-db__card-title {
	margin: 0 0 var(--space-24);
	font-family: var(--font-display);
	font-size: var(--text-h3);
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.ud-db__card--vegetation .ud-db__card-title,
.ud-db__card--environment .ud-db__card-title {
	margin-bottom: 12.6px;
	line-height: 1.2;
}

.ud-db__card-text {
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--lh-body);
	letter-spacing: -0.03em;
	color: inherit;
}

.ud-cond {
	padding-block: 98px;
}

.ud-cond__panel {
	max-width: 1376px;
	margin-inline: auto;
	padding: 77px 48px;
	border-radius: var(--radius-2xl);
	background: url("../img/media/usdb/condition-bg.webp") center / cover no-repeat, var(--color-bg-default);
}

.ud-cond__inner {
	max-width: 1280px;
	margin-inline: auto;
}

.ud-cond__title {
	margin: 0 0 93.6px;
	font-family: var(--font-display);
	font-size: var(--text-h1-fluid);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -1.44px;
	color: var(--ud-grey);
}

.ud-cond__lead {
	margin-bottom: 56px;
}

.ud-cond__lead p,
.ud-cond__foot {
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--lh-body);
	letter-spacing: -0.03em;
	color: var(--color-text-inverse);
}

.ud-cond__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 37px var(--space-24);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ud-cond__card {
	display: flex;
	flex-direction: column;
	gap: var(--space-24);
	min-height: 384px;
	padding: var(--space-24);
	border-radius: var(--radius-lg);
	background: rgb(236 236 234 / 50%);
}

.ud-cond__photo {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 363 / 200;
	border-radius: 8.333px;
	object-fit: cover;
}

.ud-cond__card-title {
	margin: 0;
	font-family: var(--font-display);
	font-size: 33.943px;
	font-weight: 500;
	line-height: 1.1;
	color: #08080a;
}

.ud-cond__card-text {
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--lh-body);
	letter-spacing: -0.03em;
	color: #08080a;
}

.ud-cond__foot {
	margin-top: var(--space-32);
	padding-bottom: var(--space-24);
}

.ud-work {
	padding-block: var(--space-112);
	background: url("../img/media/usdb/bg-work.webp") center / cover no-repeat, var(--color-bg-default);
}

.ud-work__title {
	max-width: 1172px;
	margin: 0 auto var(--space-64);
	color: #000;
}

.ud-work__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-20);
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ud-work__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-24);
	min-height: 137px;
	padding: var(--space-16) var(--space-32);
	border-radius: var(--radius-lg);
	background: var(--ud-grey);
}

.ud-work__item-title {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-h6);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.03em;
	color: #000;
}

.ud-work__icon {
	flex: none;
	color: #000;
}

.ud-work__item-text {
	flex: 0 0 400px;
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--text-body-sm);
	line-height: var(--lh-body-sm);
	color: var(--color-text-muted);
}

.ud-access {
	padding-block: var(--space-64);
}

.ud-access__card {
	min-height: 798px;
	padding: var(--space-112) var(--space-64);
	border-radius: var(--radius-2xl);
	background: url("../img/media/usdb/access-bg.webp") center / cover no-repeat, var(--color-primary-light);
}

.ud-access__title {
	max-width: 621px;
	margin: 0 0 var(--space-64);
	font-family: var(--font-display);
	font-size: var(--text-h1-fluid);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -1.44px;
	color: var(--ud-grey);
}

.ud-access__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-24);
	margin: 0 -9px;
	padding: 0;
	list-style: none;
}

.ud-access__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--space-32);
	min-height: 386px;
	padding: var(--space-24);
	border: 1px solid var(--color-border-default);
	border-radius: var(--radius-lg);
	background: rgb(252 247 248 / 50%);
	box-shadow: 0 15px 26px rgb(0 0 0 / 15%);
}

.ud-access__thumb {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 326 / 142;
	border-radius: var(--radius-lg);
	object-fit: cover;
}

.ud-access__item-title {
	height: 35px;
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-h4);
	font-weight: 500;
	line-height: 48px;
	color: var(--ud-ink);
}

.ud-access__item-text {
	margin: calc(var(--space-24) - var(--space-32)) 0 0;
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--lh-body);
	color: var(--ud-ink);
}

.ud-build {
	padding-block: var(--space-120);
}

.ud-build__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-h1-fluid);
	font-weight: 500;
	line-height: 1.3;
	color: var(--ud-ink);
}

.ud-build__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	margin: var(--space-64) 0 0;
	padding: 0;
	list-style: none;
}

.ud-build__card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--space-32);
	min-height: 515px;
	padding: 60px var(--space-24);
	border-radius: var(--radius-lg);
	color: var(--color-text-inverse);
}

.ud-build__card--imagery {
	background: var(--color-primary);
}

.ud-build__card--ml {
	background: var(--color-primary-light);
}

.ud-build__card--refresh {
	background: url("../img/media/usdb/build-refresh.webp") center / cover no-repeat, var(--color-surface-dark);
}

.ud-build__card--validation {
	background: linear-gradient(133.83deg, var(--ud-ember));
}

.ud-build__icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	color: var(--color-text-inverse);
}

.ud-build__card--imagery .ud-build__icon-wrap {
	width: 98px;
	height: 95px;
}

.ud-build__card-title {
	width: 280px;
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-h4);
	font-weight: 500;
	line-height: 1.3;
	color: inherit;
}

.ud-build__card--refresh .ud-build__card-title {
	width: auto;
	white-space: nowrap;
}

.ud-build__card-text {
	width: 280px;
	min-height: 105px;
	margin: 24.4px 0 0;
	font-family: var(--font-display);
	font-size: var(--text-body-sm);
	line-height: normal;
	color: inherit;
}

.ud-facts {
	padding-block: var(--space-112);
}

.ud-facts__grid {
	display: flex;
	gap: var(--space-24);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ud-facts__card {
	position: relative;
	flex: 1 1 760px;
	min-width: 0;
	min-height: 366px;
	padding: 178.5px var(--space-24) var(--space-32) 45px;
	border-radius: var(--radius-lg);
	background: var(--color-primary);
	color: var(--color-text-inverse);
	overflow: hidden;
}

.ud-facts__card--vegetation {
	flex-basis: 496px;
	padding-left: 29.5px;
	background: url("../img/media/usdb/fact-vegetation.webp") center / cover no-repeat, var(--color-surface-dark);
}

.ud-facts__icon {
	position: absolute;
	top: 30.8px;
	left: 19.8px;
	color: var(--color-surface-gray);
}

.ud-facts__value {
	margin: 0;
	font-family: var(--font-display);
	font-size: 64px;
	font-weight: 400;
	line-height: 96px;
}

.ud-facts__label {
	max-width: 288px;
	margin: 3.5px 0 0;
	font-family: var(--font-display);
	font-size: var(--text-h6);
	line-height: 1.3;
}

.ud-facts__card--vegetation .ud-facts__label {
	max-width: 272px;
}

.ud-cta {
	padding-block: var(--space-64);
}

.ud-cta__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--space-32);
	min-height: 412px;
	margin-inline: -8.5px;
	padding: var(--space-48) var(--space-64);
	border-radius: var(--radius-2xl);
	background: url("../img/media/usdb/cta-bg.webp") center / cover no-repeat, var(--ud-ink);
	text-align: center;
}

.ud-cta__title {
	max-width: 770px;
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-h1-fluid);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -1.44px;
	color: var(--color-text-inverse);
}

.ud-cta__lead {
	max-width: 871px;
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--lh-body);
	letter-spacing: -0.03em;
	color: var(--color-text-inverse);
}

.ud-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-16);
}

@media (min-width: 1200px) {
	.ud-build__inner {
		padding-inline: var(--space-64);
	}
}

@media (max-width: 1199px) {
	.ud-hero {
		min-height: 0;
	}

	.ud-hero__art {
		position: static;
		display: block;
		width: min(1004px, 110%);
		max-width: none;
		margin: var(--space-32) 0 0 auto;
	}

	.ud-stats__grid {
		flex-wrap: wrap;
	}

	.ud-stats__card,
	.ud-stats__card--refresh {
		flex: 1 1 calc(33.333% - 10px);
	}

	.ud-nodata__head {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-32);
	}

	.ud-nodata__text {
		flex: none;
		max-width: 640px;
		padding-bottom: 0;
	}

	.ud-nodata__tag--3 {
		right: 2%;
		left: auto;
	}

	.ud-steps__inner {
		padding-inline: var(--container-pad);
	}

	.ud-steps__map {
		height: auto;
	}

	.ud-steps__curve,
	.ud-steps__arrow,
	.ud-steps__head {
		display: none;
	}

	.ud-steps__list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-48) var(--space-32);
	}

	.ud-steps__item {
		position: static;
		width: auto;
	}

	.ud-steps__item--3 {
		order: 4;
	}

	.ud-steps__item-title {
		margin-top: var(--space-24);
	}

	.ud-db__grid,
	.ud-cond__grid,
	.ud-access__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ud-cond__panel {
		margin-inline: var(--container-pad);
		padding: var(--space-64) var(--space-32);
	}

	.ud-cond__title {
		margin-bottom: var(--space-32);
	}

	.ud-access__card {
		min-height: 0;
		padding: var(--space-64) var(--space-32);
	}

	.ud-access__grid {
		margin-inline: 0;
	}

	.ud-build__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ud-facts__grid {
		flex-direction: column;
	}

	.ud-facts__card,
	.ud-facts__card--vegetation {
		flex: none;
	}

	.ud-cta__card {
		margin-inline: 0;
	}
}

@media (max-width: 767px) {
	.ud-hero {
		display: flex;
		flex-direction: column;
		padding: 120px 16px 48px;
		text-align: center;
	}

	.ud-hero > .container,
	.ud-hero__copy {
		display: contents;
	}

	.ud-hero__title {
		order: 1;
		margin-bottom: 16px;
	}

	.ud-hero__lead {
		order: 2;
		margin: 0 0 32px;
		font-size: var(--text-body);
	}

	.ud-hero__art {
		position: relative;
		top: auto;
		left: auto;
		order: 3;
		width: 518px;
		max-width: none;
		margin: -58px 0 32px -86px;
	}

	.ud-hero__actions {
		order: 4;
		flex-direction: column;
		gap: 12px;
	}

	.ud-hero__actions .btn {
		gap: 8px;
		padding-block: 14px;
	}

	.ud-hero__actions .btn-primary {
		padding-block: 4px;
	}

	.ud-hero__arrow {
		display: block;
		flex: none;
		width: 43px;
		height: 43px;
		background: none;
	}

	.ud-hero__actions .ra-btn-outline {
		background: var(--ud-grey);
	}

	.ud-stats,
	.ud-nodata,
	.ud-db,
	.ud-work,
	.ud-build,
	.ud-facts {
		padding-block: 48px;
	}

	.ud-stats {
		background: var(--color-bg-default);
	}

	.ud-stats .container,
	.ud-nodata .container,
	.ud-db .container,
	.ud-work .container,
	.ud-build .container,
	.ud-facts .container {
		padding-inline: 16px;
	}

	.ud-stats__grid {
		display: grid;
		grid-template-columns: 203px minmax(0, 1fr);
		gap: 16px;
	}

	.ud-stats__card {
		justify-content: flex-start;
		height: 176px;
		padding: 16px;
	}

	.ud-stats__card--api,
	.ud-stats__card--refresh {
		display: none;
	}

	.ud-stats__card--coverage {
		order: 1;
		background: var(--color-primary);
	}

	.ud-stats__card--attributes {
		order: 2;
		background: linear-gradient(141.42deg, var(--ud-ember));
	}

	.ud-stats__card--properties {
		order: 3;
		grid-column: 1 / -1;
		height: 118px;
		padding: 20px;
		background-image: url("../img/media/usdb/m-stat-properties.webp");
	}

	.ud-stats__card--properties .ud-stats__icon,
	.ud-stats__card--coverage .ud-stats__icon {
		display: none;
	}

	.ud-stats__icon {
		width: auto;
		height: 40px;
	}

	.ud-stats__globe {
		display: block;
		width: 59px;
		height: 59px;
		margin: -9.6px;
		color: var(--color-surface-gray);
	}

	.ud-stats__value {
		margin: 32px 0 -12px;
		font-size: 40px;
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: -0.01em;
	}

	.ud-stats__card--properties .ud-stats__value {
		margin-top: 0;
	}

	.ud-stats__label,
	.ud-stats__card--coverage .ud-stats__label {
		max-width: none;
		margin-top: 12px;
		font-size: var(--text-body);
		font-weight: 500;
		line-height: 1.4;
	}

	.ud-stats__card--coverage .ud-stats__label {
		white-space: nowrap;
	}

	.ud-stats__card--properties .ud-stats__label {
		font-size: var(--text-subtitle);
	}

	.ud-nodata {
		background: var(--color-bg-default);
	}

	.ud-nodata__head {
		gap: 24px;
		margin-bottom: 24px;
	}

	.ud-nodata__title,
	.ud-work__title {
		font-size: var(--text-h5);
		letter-spacing: -0.01em;
	}

	.ud-nodata__text p {
		font-size: var(--text-body);
	}

	.ud-nodata__media {
		height: 201px;
		border-radius: var(--radius-lg);
		overflow: hidden;
	}

	.ud-nodata__photo {
		position: absolute;
		top: -6px;
		left: -15.08%;
		width: 186.03%;
		max-width: none;
		height: 267px;
		aspect-ratio: auto;
		object-fit: fill;
	}

	.ud-nodata__tag {
		width: 87px;
		height: 24.7px;
		padding: 0;
		border-radius: 4.23px;
		box-shadow: 0 5.29px 9.16px rgb(0 0 0 / 15%);
		backdrop-filter: blur(2.73px);
		font-size: 8.46px;
	}

	.ud-nodata__tag--1 {
		top: 35px;
		left: 119px;
	}

	.ud-nodata__tag--2 {
		top: 122px;
		left: 262px;
	}

	.ud-nodata__tag--3 {
		top: 84px;
		right: auto;
		left: 8px;
	}

	.ud-nodata__line {
		width: auto;
		height: 17.6px;
		margin-top: 1.4px;
	}

	.ud-steps {
		padding-block: 112px;
		background-image: url("../img/media/usdb/m-bg-steps.webp");
	}

	.ud-steps__inner {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 556px;
		padding-inline: 16px;
	}

	.ud-steps__title {
		margin: 0;
		font-size: var(--text-h5);
		letter-spacing: -0.01em;
	}

	.ud-steps__list {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.ud-steps__item,
	.ud-steps__item--1,
	.ud-steps__item--4 {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr);
		grid-template-rows: auto 1fr;
		column-gap: 16px;
		row-gap: 4px;
		align-content: start;
		min-height: 97px;
	}

	.ud-steps__item--2 {
		min-height: 121px;
	}

	.ud-steps__item--3 {
		order: 0;
		min-height: 115px;
	}

	.ud-steps__item:not(:last-child)::before {
		content: "";
		position: absolute;
		top: 36px;
		bottom: 0;
		left: 25.5px;
		width: 1px;
		background: repeating-linear-gradient(to bottom, var(--ud-ink) 0 1px, transparent 1px 2px);
	}

	.ud-steps__item:not(:last-child)::after {
		content: "";
		position: absolute;
		bottom: 1px;
		left: 23px;
		width: 5px;
		height: 5px;
		border-right: 1px solid var(--ud-ink);
		border-bottom: 1px solid var(--ud-ink);
		transform: rotate(45deg);
	}

	.ud-steps__row {
		grid-row: 1 / span 2;
		justify-content: center;
		height: 36px;
	}

	.ud-steps__num {
		width: 36px;
		height: 36px;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0;
		color: #000;
	}

	.ud-steps__item--4 .ud-steps__num {
		color: var(--ud-grey);
	}

	.ud-steps__item-title {
		margin: 0;
		font-size: var(--text-body);
		line-height: 1.2;
	}

	.ud-steps__item-text,
	.ud-steps__item--1 .ud-steps__item-text,
	.ud-steps__item--3 .ud-steps__item-text,
	.ud-steps__item--4 .ud-steps__item-text {
		max-width: none;
		margin: 0;
		font-size: var(--text-body-sm);
	}

	.ud-db__head {
		margin-bottom: 24px;
		text-align: left;
	}

	.ud-db__title {
		margin: 0 0 24px;
		font-size: var(--text-h5);
		letter-spacing: -0.03em;
	}

	.ud-db__lead {
		max-width: none;
	}

	.ud-db__grid {
		grid-template-columns: 1fr;
	}

	.ud-db__grid:not(.is-open) .ud-db__card:nth-child(n + 4) {
		display: none;
	}

	.ud-db__card {
		min-height: 300px;
		padding: 30px 24px;
	}

	.ud-db__icon {
		display: none;
	}

	.ud-db__details {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: space-between;
		gap: 24px;
		min-height: 0;
	}

	.ud-db__card-title,
	.ud-db__card--vegetation .ud-db__card-title,
	.ud-db__card--environment .ud-db__card-title {
		margin: 0;
		line-height: 1.2;
	}

	.ud-db .more-btn {
		margin-top: 24px;
	}

	.ud-cond {
		padding-block: 0;
	}

	.ud-cond__panel {
		display: flex;
		flex-direction: column;
		min-height: 985px;
		margin-inline: 0;
		padding: 112px 0;
		border-radius: var(--radius-2xl);
		background-image: url("../img/media/usdb/m-bg-condition.webp");
		background-size: 100% 100%;
	}

	.ud-cond__inner {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
	}

	.ud-cond__title {
		max-width: 328px;
		margin: 0 16px 20px;
		font-size: var(--text-h5);
		letter-spacing: -0.03em;
	}

	.ud-cond__lead {
		margin: 0 16px;
	}

	.ud-cond__grid {
		display: flex;
		gap: 24px;
		margin-top: 32px;
		padding-inline: 16px;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		scroll-padding-inline: 16px;
		scrollbar-width: none;
	}

	.ud-cond__grid::-webkit-scrollbar {
		display: none;
	}

	.ud-cond__card {
		flex: 0 0 358px;
		min-height: 384px;
		padding: 24px;
		gap: 24px;
		scroll-snap-align: start;
	}

	.ud-cond__photo {
		aspect-ratio: 310 / 200;
	}

	.ud-cond__card-title {
		font-size: 33.943px;
	}

	.ud-cond__foot {
		display: none;
	}

	.ud-work {
		background: var(--color-bg-default);
	}

	.ud-work__title {
		margin-bottom: 32px;
		text-align: left;
	}

	.ud-work__list {
		gap: 16px;
	}

	.ud-work__item {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 16px;
		min-height: 130px;
		padding: 12px 32px;
	}

	.ud-work__item-title {
		gap: 16px;
		font-size: 18px;
	}

	.ud-work__icon {
		width: 20px;
		height: 19px;
		color: var(--color-primary);
	}

	.ud-work__item-text {
		flex: none;
		max-width: 260px;
	}

	.ud-access {
		padding-block: 0;
	}

	.ud-access .container {
		padding-inline: 0;
	}

	.ud-access__card {
		padding: 64px 16px;
		border-radius: 0;
		background-image: url("../img/media/about/m-bg-fit.webp");
		background-size: 100% 100%;
	}

	.ud-access__title {
		max-width: 328px;
		margin-bottom: 64px;
		font-size: var(--text-h4);
		letter-spacing: -0.03em;
	}

	.ud-access__grid {
		grid-template-columns: 1fr;
		margin-inline: 6px;
	}

	.ud-access__item {
		justify-content: center;
		gap: 32px;
		min-height: 386px;
		padding: 24px;
	}

	.ud-access__item-title {
		height: 35px;
		font-size: var(--text-h4);
		line-height: 48px;
	}

	.ud-access__item-text {
		margin-top: -8px;
	}

	.ud-build__title {
		font-size: var(--text-h5);
	}

	.ud-build__grid {
		display: flex;
		gap: 15px;
		margin: 32px -16px 0;
		padding-inline: 16px;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		scroll-padding-inline: 16px;
		scrollbar-width: none;
	}

	.ud-build__grid::-webkit-scrollbar {
		display: none;
	}

	.ud-build__card {
		flex: 0 0 171px;
		min-height: 315px;
		padding: 15px;
		gap: 24px;
		scroll-snap-align: start;
	}

	.ud-build__card--validation {
		background: linear-gradient(130.75deg, var(--ud-ember));
	}

	.ud-build__icon-wrap {
		justify-content: flex-start;
		width: 26px;
		height: 26px;
	}

	.ud-build__card--imagery .ud-build__icon-wrap {
		width: 42.7px;
		height: 41.3px;
	}

	.ud-build__icon {
		width: 100%;
		height: 100%;
	}

	.ud-build__card-title,
	.ud-build__card--refresh .ud-build__card-title {
		width: auto;
		font-size: var(--text-h6);
		white-space: normal;
	}

	.ud-build__card-text {
		width: auto;
		min-height: 0;
		margin-top: 30px;
	}

	.page--usdb .trusted {
		padding-block: 24px;
		background: var(--ud-grey);
	}

	.page--usdb .trusted__inner {
		align-items: flex-start;
		gap: 16px;
		padding-inline: 16px;
	}

	.page--usdb .trusted__label {
		font-size: var(--text-caption);
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.01em;
		text-transform: uppercase;
		color: #6b7280;
	}

	.page--usdb .trusted__list {
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 8px;
		width: 100%;
	}

	.page--usdb .trusted__item img {
		max-height: 13px;
	}

	.page--usdb .trusted__item--badge img {
		max-height: 18px;
	}

	.ud-facts__grid {
		gap: 16px;
		padding-inline: 16px;
		background: var(--ud-grey);
	}

	.ud-facts__card,
	.ud-facts__card--vegetation {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 208px;
		padding: 16px;
		background: linear-gradient(158.1deg, var(--ud-ember));
	}

	.ud-facts__card--vegetation {
		order: -1;
	}

	.ud-facts__card--flags {
		justify-content: flex-start;
		padding-top: 88px;
		background: url("../img/media/usdb/m-fact-flags.webp") center / cover no-repeat, var(--color-surface-dark);
	}

	.ud-facts__icon {
		display: none;
	}

	.ud-facts__card--vegetation .ud-facts__spark {
		display: block;
		align-self: flex-start;
		width: auto;
		height: 40px;
		margin-bottom: 32px;
		color: var(--color-text-inverse);
	}

	.ud-facts__value {
		font-size: 40px;
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: -0.01em;
	}

	.ud-facts__label,
	.ud-facts__card--vegetation .ud-facts__label {
		max-width: 169px;
		margin-top: 12px;
		font-size: var(--text-body-sm);
	}

	.ud-cta {
		padding-block: 64px;
	}

	.ud-cta .container {
		padding-inline: 16px;
	}

	.ud-cta__card {
		gap: 32px;
		min-height: 583px;
		padding: 64px 35px;
		border-radius: var(--radius-2xl);
		background-image: url("../img/media/usdb/m-cta-bg.webp");
	}

	.ud-cta__title {
		font-size: var(--text-h5);
		letter-spacing: -0.03em;
	}

	.ud-cta__actions {
		flex-direction: column;
		flex-wrap: nowrap;
		width: 323px;
		max-width: none;
	}

	.ud-cta__actions .btn {
		width: 100%;
		border-radius: var(--radius-lg);
	}

	.ud-cta__actions .ra-cta__arrow {
		width: 43px;
		height: 43px;
		margin-right: 0;
		background: none;
	}
}
