.dd-unified-hero {
	--dd-unified-hero-shell: min(var(--dd-shell-wide), calc(100% - clamp(42px, 6vw, 116px)));
	--dd-unified-hero-panel-max: 476px;
	--dd-unified-hero-panel-pad: 11px;
	--dd-unified-hero-panel-radius: 24px;
	--dd-unified-hero-screen-gap: clamp(10px, 1.08vw, 14px);
	--dd-unified-hero-screen-pad: clamp(23px, 1.9vw, 28px);
	--dd-unified-hero-screen-pad-top: clamp(36px, 2.8vw, 44px);
	--dd-unified-hero-screen-radius: 18px;
	--dd-unified-hero-badge-min: min(100%, 178px);
	--dd-unified-hero-badge-pad: 10px 18px;
	--dd-unified-hero-badge-font: clamp(13.2px, .95vw, 14.6px);
	--dd-unified-hero-items-gap: 10px;
	--dd-unified-hero-items-margin: clamp(14px, 1.65vw, 22px);
	--dd-unified-hero-items-pad-top: 24px;
	--dd-unified-hero-card-min: 42px;
	--dd-unified-hero-card-pad-block: 9px;
	--dd-unified-hero-card-font: clamp(12.6px, .86vw, 13.6px);
	--dd-unified-hero-card-em-font: clamp(11.8px, .8vw, 12.8px);
	--dd-unified-hero-card-weight: 760;
	--dd-unified-hero-card-title-weight: 900;
	--dd-unified-hero-stack-offset: 34px;
	position: relative;
	overflow: hidden;
	padding: clamp(60px, 7.4vw, 96px) 0 clamp(50px, 6.2vw, 84px);
	background:
		radial-gradient(circle at 16% 20%, rgba(24,199,192,.15), transparent 34%),
		radial-gradient(circle at 86% 26%, rgba(210,144,117,.13), transparent 30%),
		linear-gradient(145deg, #0b1118, #111b26 56%, #08363c);
	color: #fff;
}

.dd-unified-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255,255,255,.028) 1px, transparent 1px);
	background-size: 78px 78px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.35));
	pointer-events: none;
}

.dd-unified-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(340px, .72fr);
	align-items: center;
	gap: clamp(28px, 5vw, 68px);
	width: var(--dd-unified-hero-shell);
	max-width: var(--dd-shell-wide);
}

.dd-unified-hero__content {
	display: grid;
	justify-items: start;
}

.dd-unified-hero .dd-kicker {
	color: var(--dd-brand-bright);
}

.dd-unified-hero h1 {
	max-width: 820px;
	color: #fff;
	font-size: var(--dd-lock-h1);
	font-weight: 700;
	line-height: 1.12;
}

.dd-unified-hero__content > p:not(.dd-kicker) {
	max-width: 760px;
	margin: 20px 0 0;
	color: #c7d5dc;
	font-size: clamp(15.5px, 1.08vw, 17px);
	line-height: 1.9;
}

.dd-unified-hero .dd-page-rule {
	display: block !important;
	position: relative;
	width: min(280px, 46vw) !important;
	max-width: 0;
	height: 5px;
	margin-top: 18px;
	border-radius: 999px;
	overflow: hidden;
	opacity: 0;
	background: transparent;
	transform: none !important;
}

.dd-unified-hero .dd-page-rule::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: inherit !important;
	background: linear-gradient(90deg, var(--dd-copper-bright), var(--dd-brand-bright)) !important;
	box-shadow: 0 14px 34px rgba(24,199,192,.18) !important;
}

.dd-unified-hero .dd-page-rule.is-visible {
	animation: dd-page-rule-grow .92s cubic-bezier(.22, .85, .25, 1) .08s both !important;
}

.dd-unified-hero .dd-actions {
	margin-top: 28px;
}

.dd-unified-hero--system {
	--dd-unified-hero-panel-max: 430px;
	--dd-unified-hero-panel-pad: 9px;
	--dd-unified-hero-panel-radius: 22px;
	--dd-unified-hero-screen-gap: 9px;
	--dd-unified-hero-screen-pad: clamp(20px, 1.65vw, 24px);
	--dd-unified-hero-screen-pad-top: clamp(32px, 2.35vw, 38px);
	--dd-unified-hero-screen-radius: 17px;
	--dd-unified-hero-badge-min: min(100%, 160px);
	--dd-unified-hero-badge-pad: 8px 14px;
	--dd-unified-hero-badge-font: clamp(12.4px, .82vw, 13.4px);
	--dd-unified-hero-items-gap: 8px;
	--dd-unified-hero-items-margin: 13px;
	--dd-unified-hero-items-pad-top: 4px;
	--dd-unified-hero-card-min: 36px;
	--dd-unified-hero-card-pad-block: 7px;
	--dd-unified-hero-card-font: clamp(11.8px, .78vw, 12.8px);
	--dd-unified-hero-card-em-font: clamp(11.2px, .72vw, 12px);
	--dd-unified-hero-card-weight: 760;
	--dd-unified-hero-card-title-weight: 800;
	--dd-unified-hero-stack-offset: 30px;
	margin-top: 0;
	padding: clamp(38px, 4.8vw, 58px) 0 clamp(36px, 4.6vw, 58px);
	background:
		radial-gradient(circle at 14% 18%, rgba(24,199,192,.15), transparent 30%),
		radial-gradient(circle at 86% 28%, rgba(210,144,117,.12), transparent 28%),
		linear-gradient(145deg, #0b1118, #111b26 58%, #08363c);
	color: #fff;
	overflow: hidden;
}

.dd-unified-hero--system .dd-unified-hero__grid {
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, .62fr);
	gap: clamp(18px, 2.8vw, 36px);
	width: var(--dd-unified-hero-shell);
	align-items: center;
}

.dd-unified-hero--system h1 {
	max-width: 780px;
	color: #fff;
	font-size: clamp(30px, 3.25vw, 48px);
	line-height: 1.12;
}

.dd-unified-hero--system .dd-kicker {
	color: var(--dd-brand-bright);
}

.dd-unified-hero--system .dd-unified-hero__content > p:not(.dd-kicker) {
	max-width: 720px;
	margin-top: 14px;
	color: #c7d5dc;
	font-size: clamp(15px, .95vw, 16.5px);
	line-height: 1.82;
}

.dd-unified-hero--system .dd-page-rule {
	margin-top: 14px;
	width: min(220px, 40vw) !important;
	height: 4px;
}

.dd-unified-hero__panel-content {
	position: relative;
	z-index: 2;
	margin-top: 12px;
}

.dd-unified-hero__panel-content .dd-search-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	padding: 7px;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 15px;
	background: rgba(255,255,255,.055);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.dd-unified-hero__panel-content .dd-search-form__field {
	min-height: 42px;
	border-color: rgba(255,255,255,.13);
	background: rgba(255,255,255,.92);
	border-radius: 12px;
}

.dd-unified-hero__panel-content .dd-search-form__submit {
	min-height: 42px;
	min-width: 74px;
	border-radius: 12px;
}

.dd-unified-hero--system .dd-unified-hero__panel-content {
	width: min(100%, 340px);
	margin: clamp(18px, 2.4vw, 28px) auto 0;
}

.dd-unified-hero--system .dd-unified-hero__panel-content .dd-search-form {
	grid-template-columns: 1fr;
	gap: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.dd-unified-hero--system .dd-unified-hero__panel-content .dd-search-form__field,
.dd-unified-hero--system .dd-unified-hero__panel-content .dd-search-form__submit {
	width: 100%;
	min-height: 48px;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 15px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 12px 28px rgba(0,0,0,.1);
}

.dd-unified-hero--system .dd-unified-hero__panel-content .dd-search-form__field {
	padding-inline: 16px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,250,249,.92));
	color: var(--dd-ink);
}

.dd-unified-hero--system .dd-unified-hero__panel-content .dd-search-form__submit {
	justify-content: center;
	background: linear-gradient(135deg, #073642, #12b9b6);
	color: #fff;
}

.dd-unified-hero__panel {
	position: relative;
	justify-self: center;
	align-self: center;
	width: 100%;
	max-width: var(--dd-unified-hero-panel-max);
	padding: var(--dd-unified-hero-panel-pad);
	border: 1px solid rgba(255,255,255,.13);
	border-radius: var(--dd-unified-hero-panel-radius);
	background:
		linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.028)),
		rgba(7, 19, 29, .32);
	box-shadow: 0 30px 72px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12);
	backdrop-filter: blur(14px);
}

.dd-unified-hero__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background:
		conic-gradient(from var(--dd-panel-glow-angle), transparent 0 8%, rgba(24,199,192,.94) 16%, rgba(210,144,117,.78) 25%, transparent 40% 100%);
	opacity: .78;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	padding: 1px;
	animation: dd-panel-orbit 10.2s linear infinite, dd-panel-pulse 5.2s ease-in-out infinite;
	pointer-events: none;
	z-index: 2;
}

.dd-unified-hero__panel::after {
	content: "";
	position: absolute;
	inset: 10px;
	border-radius: 18px;
	background:
		radial-gradient(circle at 18% 12%, rgba(24,199,192,.14), transparent 30%),
		radial-gradient(circle at 82% 88%, rgba(210,144,117,.1), transparent 30%);
	pointer-events: none;
	z-index: 0;
}

.dd-unified-hero__screen {
	position: relative;
	--dd-tree-root-center: 71px;
	--dd-tree-spine: 48px;
	--dd-tree-branch: 24px;
	--dd-tree-joint: 2px;
	display: grid;
	align-content: start;
	gap: var(--dd-unified-hero-screen-gap);
	min-height: 0;
	padding: var(--dd-unified-hero-screen-pad);
	padding-block-start: var(--dd-unified-hero-screen-pad-top);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: var(--dd-unified-hero-screen-radius);
	background:
		radial-gradient(circle at 18% 18%, rgba(24,199,192,.13), transparent 34%),
		radial-gradient(circle at 86% 80%, rgba(210,144,117,.09), transparent 32%),
		linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255,255,255,.021) 1px, transparent 1px),
		linear-gradient(150deg, rgba(8,18,28,.86), rgba(9,35,40,.78));
	background-size: auto, auto, 46px 46px, 46px 46px, auto;
	overflow: hidden;
	z-index: 1;
}

.dd-unified-hero__screen::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(115deg, transparent 0 34%, rgba(255,255,255,.055) 46%, transparent 58%),
		radial-gradient(circle at 72% 22%, rgba(24,199,192,.08), transparent 24%);
	opacity: .62;
	pointer-events: none;
}

.dd-unified-hero__screen::after {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 17px;
	background:
		radial-gradient(circle at 18% 16%, rgba(24,199,192,.1), transparent 24%),
		radial-gradient(circle at 84% 78%, rgba(210,144,117,.08), transparent 26%);
	opacity: .72;
	pointer-events: none;
	z-index: 0;
}

.dd-unified-hero__bar {
	position: absolute;
	inset-block-start: 18px;
	inset-inline-end: 20px;
	display: flex;
	align-items: center;
	gap: 7px;
	z-index: 2;
	opacity: .9;
}

.dd-unified-hero__bar::before {
	content: none;
}

.dd-unified-hero__bar span {
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: rgba(255,255,255,.46);
	box-shadow: 0 0 14px rgba(255,255,255,.18), 0 0 1px rgba(255,255,255,.45);
	animation: dd-console-dot 3.6s ease-in-out infinite;
}

.dd-unified-hero__bar span:nth-child(2) {
	background: var(--dd-brand-bright);
	box-shadow: 0 0 18px rgba(24,199,192,.68), 0 0 2px rgba(24,199,192,.9);
	animation-delay: .45s;
}

.dd-unified-hero__bar span:nth-child(3) {
	background: var(--dd-copper-bright);
	box-shadow: 0 0 18px rgba(210,144,117,.62), 0 0 2px rgba(210,144,117,.9);
	animation-delay: .9s;
}

.dd-unified-hero__badge {
	position: relative;
	justify-self: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-width: var(--dd-unified-hero-badge-min);
	width: fit-content;
	max-width: 100%;
	margin-top: clamp(-12px, -.7vw, -7px);
	padding: var(--dd-unified-hero-badge-pad);
	border: 1px solid rgba(24,199,192,.34);
	border-radius: 14px;
	background:
		linear-gradient(90deg, rgba(24,199,192,.16) 1px, transparent 1px),
		linear-gradient(180deg, rgba(24,199,192,.11) 1px, transparent 1px),
		radial-gradient(circle at 18% 10%, rgba(255,255,255,.18), transparent 32%),
		linear-gradient(135deg, rgba(24,199,192,.2), rgba(210,144,117,.08) 54%, rgba(255,255,255,.035)),
		rgba(4, 22, 30, .55);
	background-size: 22px 22px, 22px 22px, auto, auto, auto;
	color: rgba(239,255,254,.96);
	font-size: var(--dd-unified-hero-badge-font);
	font-weight: 900;
	line-height: 1.32;
	letter-spacing: 0;
	text-align: center;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.16),
		inset 0 -18px 32px rgba(24,199,192,.045),
		0 14px 34px rgba(0,0,0,.15),
		0 0 26px rgba(24,199,192,.12);
	z-index: 1;
}

.dd-unified-hero__root {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
	direction: ltr;
	padding-top: 2px;
	padding-bottom: 1px;
}

.dd-unified-hero__root::before {
	content: "";
	position: absolute;
	left: var(--dd-tree-root-center);
	top: 50%;
	width: min(58%, 236px);
	height: 58px;
	border-radius: 999px;
	background:
		radial-gradient(ellipse at center, rgba(24,199,192,.18) 0, rgba(24,199,192,.085) 36%, rgba(24,199,192,.026) 58%, transparent 76%);
	filter: blur(8px);
	opacity: .92;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.dd-unified-hero__root::after {
	content: "";
	position: absolute;
	left: var(--dd-tree-root-center);
	top: calc(100% + 1px);
	width: 1px;
	height: 22px;
	background: linear-gradient(180deg, rgba(24,199,192,.74), rgba(24,199,192,.28), transparent);
	box-shadow: 0 0 10px rgba(24,199,192,.16);
	transform: translateX(-50%);
}

.dd-unified-hero__badge::before {
	content: "";
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	border: 1px solid rgba(239,255,254,.38);
	border-radius: 2px;
	background: linear-gradient(135deg, rgba(24,199,192,.98), rgba(210,144,117,.62));
	box-shadow:
		0 0 12px rgba(24,199,192,.62),
		0 0 1px rgba(239,255,254,.78),
		inset 0 0 6px rgba(255,255,255,.18);
	transform: rotate(45deg);
}

.dd-unified-hero__badge::after {
	content: "";
	position: absolute;
	inset: -1px;
	padding: 1px;
	border-radius: inherit;
	background: conic-gradient(from var(--dd-panel-glow-angle), transparent 0 10%, rgba(24,199,192,.88) 15%, rgba(239,255,254,.58) 18%, rgba(210,144,117,.48) 23%, transparent 33% 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: .72;
	pointer-events: none;
	animation: dd-panel-orbit 10.2s linear infinite;
	animation-delay: -1.1s;
}

.dd-unified-hero__items {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--dd-unified-hero-items-gap);
	align-self: start;
	margin-top: var(--dd-unified-hero-items-margin);
	padding-top: var(--dd-unified-hero-items-pad-top);
}

.dd-unified-hero__items::before {
	content: "";
	position: absolute;
	left: var(--dd-tree-root-center);
	top: 0;
	width: 2px;
	height: 18px;
	background: linear-gradient(180deg, rgba(24,199,192,.74), rgba(210,144,117,.28), transparent);
	box-shadow: 0 0 14px rgba(24,199,192,.22);
	transform: translateX(-50%);
}

.dd-unified-hero__items--stack {
	--dd-tree-root-center: 71px;
	--dd-tree-spine: 30px;
	grid-template-columns: 1fr;
	direction: ltr;
	padding-inline-start: var(--dd-unified-hero-stack-offset);
	padding-top: 6px;
	margin-top: clamp(12px, 1.45vw, 19px);
}

.dd-unified-hero__items--stack.dd-unified-hero__items--count-4 {
	gap: 9px;
	margin-top: clamp(10px, 1.28vw, 17px);
}

.dd-unified-hero__items--stack.dd-unified-hero__items--count-4 p {
	min-height: 39px;
	padding-block: 8px;
}

.dd-unified-hero__items--stack::before {
	left: auto;
	right: auto;
	inset-inline-start: var(--dd-tree-spine);
	top: -10px;
	bottom: 21px;
	height: auto;
	width: 1px;
	border-radius: 0;
	transform: none;
	background: linear-gradient(180deg, rgba(24,199,192,.7), rgba(24,199,192,.3), rgba(210,144,117,.16), transparent);
	box-shadow: 0 0 10px rgba(24,199,192,.14);
}

.dd-unified-hero__items--stack::after {
	content: "";
	position: absolute;
	left: var(--dd-tree-spine);
	right: auto;
	top: -10px;
	width: calc(var(--dd-tree-root-center) - var(--dd-tree-spine));
	height: 1px;
	border-radius: 0;
	background: linear-gradient(90deg, rgba(24,199,192,.48), rgba(210,144,117,.18), rgba(24,199,192,.22));
	box-shadow: 0 0 9px rgba(24,199,192,.13);
	pointer-events: none;
}

.dd-unified-hero__items p {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: var(--dd-unified-hero-card-min);
	margin: 0;
	padding: var(--dd-unified-hero-card-pad-block) 13px;
	padding-inline-start: 32px;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 12px;
	background:
		linear-gradient(90deg, rgba(24,199,192,.075) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255,255,255,.045) 1px, transparent 1px),
		linear-gradient(135deg, rgba(255,255,255,.092), rgba(255,255,255,.026)),
		rgba(3, 17, 25, .34);
	background-size: 26px 26px, 26px 26px, auto, auto;
	background-position: 0 0, 0 0, 0 0, 0 0;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.095), 0 12px 24px rgba(0,0,0,.1), 0 0 0 1px rgba(24,199,192,.025);
	color: rgba(233,248,247,.82);
	font-size: var(--dd-unified-hero-card-font);
	font-weight: var(--dd-unified-hero-card-weight);
	line-height: 1.34;
	text-align: start;
	overflow: visible;
}

.dd-unified-hero__items p::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -12px;
	width: 1px;
	height: 12px;
	background: linear-gradient(180deg, rgba(24,199,192,.12), rgba(24,199,192,.58));
	box-shadow: 0 0 12px rgba(24,199,192,.18);
	transform: translateX(-50%);
	pointer-events: none;
}

.dd-unified-hero__items--stack p::after {
	left: auto;
	right: auto;
	inset-inline-start: calc(var(--dd-tree-branch) * -1);
	top: 50%;
	width: calc(var(--dd-tree-branch) + var(--dd-tree-joint));
	height: 1px;
	border-radius: 0;
	background: linear-gradient(90deg, rgba(24,199,192,.48), rgba(210,144,117,.18), rgba(24,199,192,.22));
	box-shadow: 0 0 9px rgba(24,199,192,.13);
	transform: none;
}

@property --dd-panel-glow-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

@keyframes dd-panel-orbit {
	to {
		--dd-panel-glow-angle: 360deg;
	}
}

@keyframes dd-panel-pulse {
	0%,
	100% {
		opacity: .72;
		filter: saturate(1) brightness(1);
	}

	42%,
	56% {
		opacity: .98;
		filter: saturate(1.18) brightness(1.2);
	}
}

@keyframes dd-console-dot {
	0%,
	78%,
	100% {
		opacity: .58;
		transform: scale(1);
	}

	18%,
	30% {
		opacity: 1;
		transform: scale(1.22);
	}
}

@media (prefers-reduced-motion: reduce) {
	.dd-unified-hero__panel::before {
		animation: none;
	}

	.dd-unified-hero__badge,
	.dd-unified-hero__badge::after,
	.dd-unified-hero__item-frame {
		animation: none;
	}

	.dd-unified-hero__bar span {
		animation: none;
	}
}

.dd-unified-hero__items p::before {
	content: "";
	position: absolute;
	inset-inline-start: 13px;
	top: 50%;
	width: 5px;
	height: 5px;
	border: 1px solid rgba(24,199,192,.5);
	border-radius: 999px;
	background: radial-gradient(circle, rgba(239,255,254,.76) 0 16%, rgba(24,199,192,.9) 18% 100%);
	box-shadow: 0 0 9px rgba(24,199,192,.45), 0 0 1px rgba(24,199,192,.72);
	transform: translateY(-50%);
}

.dd-unified-hero__item-frame {
	position: absolute;
	inset: -1px;
	padding: 1px;
	border-radius: inherit;
	background: conic-gradient(from var(--dd-panel-glow-angle), transparent 0 10%, rgba(24,199,192,.74) 15%, rgba(239,255,254,.42) 18%, rgba(210,144,117,.34) 23%, transparent 32% 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: .58;
	pointer-events: none;
	animation: dd-panel-orbit 10.2s linear infinite;
	z-index: 0;
}

.dd-unified-hero__items b,
.dd-unified-hero__items em {
	position: relative;
	z-index: 1;
	display: block;
	min-width: 0;
	font-style: normal;
}

.dd-unified-hero__items b {
	color: rgba(247,252,252,.9);
	font-weight: var(--dd-unified-hero-card-title-weight);
	overflow-wrap: anywhere;
}

.dd-unified-hero__items em {
	margin-inline-start: auto;
	color: rgba(183,199,207,.88);
	font-size: var(--dd-unified-hero-card-em-font);
	font-weight: 650;
	white-space: nowrap;
}

.dd-unified-hero__items--stack p {
	grid-column: 1 / -1;
}

.dd-unified-hero__items--stack p {
	justify-self: end;
	width: calc(100% - 22px);
}

.dd-unified-hero__items p:nth-child(1) .dd-unified-hero__item-frame {
	animation-delay: -2s;
}

.dd-unified-hero__items p:nth-child(2) .dd-unified-hero__item-frame {
	animation-delay: -3.7s;
}

.dd-unified-hero__items p:nth-child(3) .dd-unified-hero__item-frame {
	animation-delay: -5.4s;
}

.dd-unified-hero__items p:nth-child(4) .dd-unified-hero__item-frame {
	animation-delay: -7.1s;
}

.dd-unified-hero__items p:nth-child(5) .dd-unified-hero__item-frame {
	animation-delay: -8.8s;
}

.dd-unified-hero__items p:nth-child(6) .dd-unified-hero__item-frame {
	animation-delay: -10.1s;
}

html[dir="rtl"] .dd-unified-hero__items--stack p {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .dd-unified-hero__items p {
	padding: var(--dd-unified-hero-card-pad-block) 13px;
	padding-inline-start: 32px;
}

html[dir="rtl"] .dd-unified-hero__root {
	justify-content: flex-end;
}

html[dir="rtl"] .dd-unified-hero__badge {
	flex-direction: row-reverse;
}

html[dir="rtl"] .dd-unified-hero__root::before {
	left: auto;
	right: var(--dd-tree-root-center);
	transform: translate(50%, -50%);
}

html[dir="rtl"] .dd-unified-hero__root::after {
	left: auto;
	right: var(--dd-tree-root-center);
	transform: translateX(50%);
}

html[dir="rtl"] .dd-unified-hero__items::before {
	left: auto;
	right: var(--dd-tree-root-center);
	transform: translateX(50%);
}

html[dir="rtl"] .dd-unified-hero__items--stack {
	padding-inline-start: 0;
	padding-inline-end: var(--dd-unified-hero-stack-offset);
}

html[dir="rtl"] .dd-unified-hero__items--stack::before {
	left: auto;
	right: auto;
	inset-inline-start: auto;
	inset-inline-end: var(--dd-tree-spine);
}

html[dir="rtl"] .dd-unified-hero__items--stack::after {
	content: "";
	left: auto;
	right: var(--dd-tree-spine);
	width: calc(var(--dd-tree-root-center) - var(--dd-tree-spine));
	background: linear-gradient(270deg, rgba(24,199,192,.48), rgba(210,144,117,.18), rgba(24,199,192,.22));
}

html[dir="rtl"] .dd-unified-hero__items--stack p {
	justify-self: start;
}

html[dir="rtl"] .dd-unified-hero__items--stack p::after {
	inset-inline-start: auto;
	inset-inline-end: auto;
	left: auto;
	right: calc((var(--dd-tree-branch) + var(--dd-tree-joint)) * -1);
	background: linear-gradient(270deg, rgba(24,199,192,.48), rgba(210,144,117,.18), rgba(24,199,192,.22));
}

@media (max-width: 980px) {
	.dd-unified-hero__grid {
		grid-template-columns: 1fr;
	}

	.dd-unified-hero--system .dd-unified-hero__grid {
		grid-template-columns: 1fr;
		gap: clamp(20px, 4vw, 30px);
		align-items: start;
	}

	.dd-unified-hero--system .dd-unified-hero__content {
		width: 100%;
		max-width: 760px;
	}

	.dd-unified-hero__panel {
		max-width: 520px;
	}

	.dd-unified-hero--system .dd-unified-hero__panel {
		width: min(100%, 430px);
		max-width: 430px;
	}

	.dd-unified-hero__screen {
		min-height: 0;
	}
}

@media (max-width: 640px) {
	.dd-unified-hero {
		--dd-unified-hero-shell: calc(100% - clamp(22px, 7vw, 34px));
		padding: 46px 0 42px;
	}

	.dd-unified-hero__grid {
		width: var(--dd-unified-hero-shell);
		max-width: calc(100vw - var(--dd-mobile-gutter));
	}

	.dd-unified-hero--system {
		padding: 36px 0 38px;
	}

	.dd-unified-hero--system .dd-unified-hero__grid {
		gap: 20px;
	}

	.dd-unified-hero h1 {
		font-size: var(--dd-lock-h1);
	}

	.dd-unified-hero--system h1 {
		font-size: clamp(28px, 8vw, 34px);
		line-height: 1.14;
	}

	.dd-unified-hero--system .dd-unified-hero__content > p:not(.dd-kicker) {
		margin-top: 12px;
		font-size: 15px;
		line-height: 1.78;
	}

	.dd-unified-hero__screen {
		min-height: auto;
		padding: 36px 18px 18px;
		border-radius: 20px;
	}

	.dd-unified-hero--system .dd-unified-hero__panel {
		width: 100%;
		max-width: none;
		padding: 8px;
		border-radius: 22px;
	}

	.dd-unified-hero--system .dd-unified-hero__screen {
		padding: 30px 14px 16px;
		border-radius: 18px;
	}

	.dd-unified-hero--system .dd-unified-hero__panel-content {
		width: 100%;
		margin-top: 20px;
	}

	.dd-unified-hero--system .dd-unified-hero__panel-content .dd-search-form__field,
	.dd-unified-hero--system .dd-unified-hero__panel-content .dd-search-form__submit {
		min-height: 46px;
		border-radius: 14px;
	}

	.dd-unified-hero__items {
		grid-template-columns: 1fr;
		gap: 9px;
		padding-top: 8px;
		margin-top: 10px;
	}

	.dd-unified-hero__items p {
		min-height: 40px;
	}

}

.dd-section-head {
	display: grid;
	justify-items: center;
	text-align: center;
	gap: 10px;
	max-width: 920px;
	margin: 0 auto clamp(22px, 4vw, 42px);
}

.dd-section-head h2 {
	margin: 0;
	font-size: clamp(28px, 3.2vw, 46px);
	line-height: 1.18;
}

.dd-about-intro,
.dd-about-system,
.dd-about-values,
.dd-work-grid,
.dd-legal-content {
	padding: clamp(46px, 6vw, 82px) 0;
	background: #f7f9fa;
}

.dd-about-intro {
	background:
		radial-gradient(ellipse at 12% 8%, rgba(24,199,192,.09), transparent 34%),
		linear-gradient(180deg, #fff, #f7f9fa);
}

.dd-about-intro__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
	gap: clamp(22px, 4vw, 58px);
	align-items: center;
}

.dd-about-intro__copy {
	display: grid;
	gap: 14px;
	max-width: 830px;
}

.dd-about-intro__copy h2 {
	font-size: clamp(30px, 3.4vw, 52px);
	line-height: 1.14;
}

.dd-about-intro__copy p:not(.dd-kicker) {
	max-width: 780px;
	color: var(--dd-muted);
	font-size: clamp(16px, 1.25vw, 19px);
	line-height: 2;
}

.dd-about-stats {
	display: grid;
	gap: 12px;
	padding: clamp(16px, 2vw, 24px);
	border: 1px solid rgba(13,19,27,.08);
	border-radius: 28px;
	background:
		radial-gradient(ellipse at 0% 0%, rgba(24,199,192,.12), transparent 40%),
		linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,246,242,.9));
	box-shadow: 0 24px 68px rgba(13,19,27,.08), inset 0 1px 0 rgba(255,255,255,.9);
}

.dd-about-stats div {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	min-height: 82px;
	padding: 14px 16px;
	border: 1px solid rgba(13,19,27,.065);
	border-radius: 20px;
	background: rgba(255,255,255,.78);
}

.dd-about-stats strong {
	color: var(--dd-brand-strong);
	font-size: clamp(34px, 4vw, 54px);
	font-weight: 950;
	line-height: 1;
}

.dd-about-stats span {
	color: var(--dd-ink);
	font-weight: 850;
	line-height: 1.45;
}

.dd-about-system__grid,
.dd-work-grid__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(14px, 2vw, 22px);
}

.dd-about-system__grid article,
.dd-work-grid__cards article {
	position: relative;
	display: grid;
	gap: 14px;
	min-height: 260px;
	padding: clamp(20px, 2.6vw, 30px);
	border: 1px solid rgba(13,19,27,.08);
	border-radius: 26px;
	background:
		radial-gradient(ellipse at 12% 0%, rgba(24,199,192,.08), transparent 34%),
		linear-gradient(105deg, rgba(255,255,255,.96), rgba(247,244,239,.88));
	box-shadow: 0 20px 58px rgba(13,19,27,.075), inset 0 1px 0 rgba(255,255,255,.9);
	overflow: hidden;
}

.dd-about-system__grid article:nth-child(2),
.dd-work-grid__cards article:nth-child(2) {
	background:
		radial-gradient(ellipse at 12% 0%, rgba(210,144,117,.1), transparent 34%),
		linear-gradient(105deg, rgba(255,255,255,.96), rgba(250,246,242,.9));
}

.dd-about-system__grid span,
.dd-work-grid__cards span {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(0,143,140,.12);
	border-radius: 17px;
	background: rgba(255,255,255,.76);
	box-shadow: 0 14px 32px rgba(13,19,27,.06);
	color: var(--dd-brand-strong);
	font-weight: 950;
}

.dd-about-system__grid h3,
.dd-work-grid__cards h2 {
	margin: 0;
	font-size: clamp(22px, 2vw, 30px);
	line-height: 1.25;
}

.dd-about-system__grid p,
.dd-work-grid__cards p {
	margin: 0;
	color: var(--dd-muted);
	line-height: 1.85;
}

.dd-about-flow {
	padding: clamp(46px, 6vw, 82px) 0;
	background: #fff;
}

.dd-about-flow__inner,
.dd-work-grid__cta {
	display: grid;
	grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
	gap: clamp(20px, 4vw, 56px);
	align-items: center;
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid rgba(13,19,27,.08);
	border-radius: 28px;
	background:
		radial-gradient(ellipse at 8% 0%, rgba(24,199,192,.08), transparent 34%),
		linear-gradient(105deg, #fff, #f7f4ef);
	box-shadow: 0 22px 64px rgba(13,19,27,.08);
}

.dd-about-flow__steps {
	display: grid;
	gap: 12px;
}

.dd-about-flow__steps span {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid rgba(13,19,27,.08);
	border-radius: 18px;
	background: rgba(255,255,255,.76);
	font-weight: 900;
}

.dd-about-flow__steps em {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 14px;
	background: rgba(10,168,161,.1);
	color: var(--dd-brand-strong);
	font-style: normal;
	font-weight: 950;
}

.dd-about-flow__steps b {
	display: block;
	font-weight: 900;
}

.dd-about-flow__steps small {
	display: block;
	margin-top: 4px;
	color: var(--dd-muted);
	font-size: 13.5px;
	font-weight: 650;
	line-height: 1.65;
}

.dd-about-values {
	background:
		radial-gradient(ellipse at 90% 0%, rgba(210,144,117,.08), transparent 34%),
		linear-gradient(180deg, #f7f9fa, #fff);
}

.dd-about-values__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(12px, 1.6vw, 18px);
}

.dd-about-values__grid article {
	min-height: 190px;
	padding: clamp(18px, 2vw, 26px);
	border: 1px solid rgba(13,19,27,.075);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,250,250,.86));
	box-shadow: 0 18px 48px rgba(13,19,27,.06), inset 0 1px 0 rgba(255,255,255,.9);
}

.dd-about-values__grid article::before {
	content: "";
	display: block;
	width: 54px;
	height: 4px;
	margin-bottom: 18px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--dd-brand-bright), var(--dd-copper-bright));
}

.dd-about-values__grid h3 {
	margin-bottom: 10px;
	font-size: clamp(20px, 1.7vw, 26px);
}

.dd-about-values__grid p {
	margin: 0;
	color: var(--dd-muted);
	line-height: 1.85;
}

.dd-about-cta {
	padding: clamp(46px, 6vw, 82px) 0;
	background:
		linear-gradient(135deg, rgba(6,20,27,.98), rgba(8,54,58,.95));
	color: #fff;
}

.dd-about-cta__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(18px, 3vw, 40px);
	align-items: center;
	padding: clamp(24px, 3.2vw, 42px);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 28px;
	background:
		radial-gradient(ellipse at 0% 0%, rgba(24,199,192,.16), transparent 44%),
		rgba(255,255,255,.06);
	box-shadow: 0 28px 78px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.1);
}

.dd-about-cta h2 {
	color: #fff;
	font-size: clamp(28px, 3vw, 46px);
}

.dd-about-cta p:not(.dd-kicker) {
	max-width: 760px;
	margin: 10px 0 0;
	color: rgba(255,255,255,.72);
	line-height: 1.9;
}

.dd-work-grid {
	background: #fff;
}

.dd-work-grid__cta {
	margin-top: clamp(18px, 3vw, 30px);
}

.dd-work-cases__more {
	display: flex;
	justify-content: center;
	margin-top: clamp(18px, 2.8vw, 30px);
}

.dd-work-cases__more .dd-button {
	min-width: min(100%, 260px);
	justify-content: center;
}

.dd-work-grid__cta p {
	margin: 0;
	color: var(--dd-muted);
	font-size: clamp(17px, 1.6vw, 22px);
	font-weight: 700;
	line-height: 1.7;
}

.dd-legal-hero {
	padding: clamp(46px, 6vw, 76px) 0 clamp(34px, 4vw, 56px);
	background:
		radial-gradient(circle at 82% 18%, rgba(24,199,192,.14), transparent 34%),
		linear-gradient(135deg, #f7f9fa, #fff);
}

.dd-legal-hero h1 {
	margin: 0;
	font-size: clamp(34px, 4vw, 58px);
}

.dd-legal-hero p:not(.dd-kicker) {
	max-width: 780px;
	color: var(--dd-muted);
	font-size: 17px;
	line-height: 1.85;
}

.dd-legal-content__box {
	padding: clamp(22px, 3vw, 38px);
	border: 1px solid rgba(13,19,27,.08);
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 20px 58px rgba(13,19,27,.07);
	color: var(--dd-ink-2);
	line-height: 1.9;
}

.dd-legal-content__box h2,
.dd-legal-content__box h3 {
	color: var(--dd-ink);
}

.dd-contact-page {
	background: #fff;
	margin-top: 0;
}

.dd-contact-brief {
	position: relative;
	padding: clamp(38px, 5vw, 62px) 0;
	background: linear-gradient(180deg, #fff, #f8fafb);
}

.dd-contact-brief::before,
.dd-contact-action::before {
	content: "";
	position: absolute;
	inset-inline: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(13,19,27,.12), transparent);
}

.dd-contact-brief__grid {
	display: grid;
	gap: clamp(22px, 3vw, 34px);
	align-items: center;
}

.dd-contact-brief__main {
	display: grid;
	gap: 10px;
	justify-items: center;
	text-align: center;
}

.dd-contact-brief__main h2 {
	max-width: 760px;
	font-size: clamp(25px, 2.25vw, 34px);
	line-height: 1.22;
}

.dd-contact-brief__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.dd-contact-card {
	position: relative;
	display: grid;
	gap: 10px;
	min-height: 0;
	padding: 20px;
	border: 1px solid rgba(13,19,27,.08);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(24,199,192,.07), transparent 44%),
		linear-gradient(180deg, #fff, #fbfdfd);
	box-shadow: 0 14px 36px rgba(13,19,27,.055), inset 0 1px 0 rgba(255,255,255,.98);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dd-contact-card::after {
	display: none;
}

.dd-contact-card:hover {
	transform: translateY(-3px);
	border-color: rgba(0,143,140,.16);
	box-shadow: 0 24px 64px rgba(13,19,27,.09);
}

.dd-contact-card span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(0,143,140,.16);
	border-radius: 14px;
	background: #f3fbfa;
	box-shadow: 0 8px 22px rgba(0,143,140,.075);
}

.dd-contact-card:nth-child(2) {
	background:
		linear-gradient(90deg, rgba(210,144,117,.095), transparent 38%),
		linear-gradient(180deg, #fff, #fdfbfa);
}

.dd-contact-card:nth-child(2) span {
	border-color: rgba(210,144,117,.22);
	background: #fff6f2;
	color: var(--dd-copper-strong);
	box-shadow: 0 10px 26px rgba(210,144,117,.1);
}

.dd-contact-card:nth-child(3) {
	background:
		linear-gradient(90deg, rgba(91,124,138,.1), transparent 38%),
		linear-gradient(180deg, #fff, #f7fafb);
}

.dd-contact-card:nth-child(3) span {
	border-color: rgba(91,124,138,.2);
	background: #f2f7f8;
	color: #607a86;
	box-shadow: 0 10px 26px rgba(91,124,138,.1);
}

.dd-contact-card h3 {
	font-size: clamp(18px, 1.35vw, 21px);
	line-height: 1.25;
}

.dd-contact-card p {
	grid-area: text;
	margin: 0;
	color: var(--dd-muted);
	font-size: 14px;
	line-height: 1.7;
}

.dd-contact-action {
	position: relative;
	padding: clamp(48px, 7vw, 86px) 0 clamp(64px, 8vw, 104px);
	background: linear-gradient(180deg, #f8fafb, #fff);
}

.dd-contact-action__inner {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(22px, 3.2vw, 36px);
	align-items: start;
	padding: clamp(24px, 3.8vw, 46px);
	border: 1px solid rgba(13,19,27,.08);
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,251,251,.98)),
		#fff;
	box-shadow: 0 26px 86px rgba(13,19,27,.09), inset 0 1px 0 rgba(255,255,255,.98);
	overflow: hidden;
}

.dd-contact-action__inner--fluent {
	width: min(1060px, calc(100% - clamp(var(--dd-mobile-gutter), 3vw, 30px)));
	gap: 18px;
	padding: clamp(16px, 2.4vw, 28px);
	border-radius: 28px;
	background:
		radial-gradient(circle at 8% 0%, rgba(24,199,192,.1), transparent 28%),
		radial-gradient(circle at 94% 18%, rgba(210,144,117,.08), transparent 26%),
		linear-gradient(180deg, #fff, #f8fbfb);
}

.dd-contact-action__inner--fluent::before {
	display: none;
}

.dd-contact-fluent-head {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(18px, 3vw, 34px);
	align-items: center;
	padding: clamp(18px, 2.4vw, 30px);
	border: 1px solid rgba(255,255,255,.86);
	border-radius: 22px;
	background:
		radial-gradient(circle at 12% 20%, rgba(24,199,192,.1), transparent 34%),
		linear-gradient(135deg, #f9fcfc, #fff 58%, #f5f8f8);
	box-shadow: 0 16px 42px rgba(13,19,27,.055), inset 0 1px 0 rgba(255,255,255,.94);
	overflow: hidden;
}

.dd-contact-fluent-head::before {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: 5px;
	background: linear-gradient(180deg, var(--dd-brand), var(--dd-copper), var(--dd-brand-bright));
}

.dd-contact-fluent-head__copy {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 10px;
}

.dd-contact-fluent-head h2 {
	max-width: 620px;
	font-size: clamp(28px, 3vw, 44px);
	line-height: 1.14;
}

.dd-contact-fluent-head__copy > p:not(.dd-kicker) {
	max-width: 680px;
	margin: 0;
	color: var(--dd-muted);
	line-height: 1.8;
}

.dd-contact-fluent-steps {
	position: relative;
	z-index: 1;
	display: inline-grid;
	grid-template-columns: repeat(3, max-content);
	gap: 8px;
	align-items: center;
}

.dd-contact-fluent-steps span {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 13px;
	border: 1px solid rgba(13,19,27,.08);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(13,19,27,.045);
	color: var(--dd-ink-2);
	font-size: 12px;
	font-weight: 900;
}

.dd-contact-fluent-steps span:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-end: -8px;
	width: 8px;
	height: 1px;
	background: rgba(0,143,140,.24);
}

.dd-contact-fluent {
	position: relative;
	padding: clamp(18px, 2.8vw, 34px);
	border: 1px solid rgba(13,19,27,.075);
	border-radius: 22px;
	background:
		linear-gradient(90deg, rgba(0,143,140,.03) 1px, transparent 1px),
		linear-gradient(180deg, rgba(0,143,140,.025) 1px, transparent 1px),
		#fff;
	background-size: 54px 54px, 54px 54px, auto;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
}

.dd-contact-fluent .ff-el-group {
	margin-bottom: 16px;
	padding: 12px;
	border: 1px solid rgba(13,19,27,.06);
	border-radius: 18px;
	background: rgba(255,255,255,.78);
	box-shadow: 0 12px 28px rgba(13,19,27,.035);
}

.dd-contact-fluent label,
.dd-contact-fluent .ff-el-input--label label {
	color: var(--dd-ink);
	font-size: 13px;
	font-weight: 900;
}

.dd-contact-fluent input,
.dd-contact-fluent select,
.dd-contact-fluent textarea {
	border: 1px solid rgba(13,19,27,.105) !important;
	border-radius: 14px !important;
	background: #fbfdfd !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
	color: var(--dd-ink) !important;
	font: inherit !important;
}

.dd-contact-fluent input:focus,
.dd-contact-fluent select:focus,
.dd-contact-fluent textarea:focus {
	border-color: rgba(0,143,140,.32) !important;
	box-shadow: 0 0 0 4px rgba(24,199,192,.09) !important;
}

.dd-contact-fluent .ff-btn-submit,
.dd-contact-fluent button[type="submit"] {
	position: relative;
	min-height: 44px;
	padding: 11px 22px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, rgba(19,34,45,1), rgba(0,127,131,1) 58%, rgba(25,184,188,1)) !important;
	box-shadow: 0 16px 34px rgba(0, 92, 96, .22), inset 0 1px 0 rgba(255,255,255,.22) !important;
	color: #fff !important;
	font-weight: 900 !important;
}

.dd-contact-action__inner::before {
	content: "";
	position: absolute;
	inset-inline: clamp(24px, 3.8vw, 46px);
	top: 0;
	height: 4px;
	border-radius: 0 0 999px 999px;
	background: linear-gradient(90deg, var(--dd-brand), var(--dd-copper), var(--dd-brand-bright));
}

.dd-contact-action__content {
	position: relative;
	display: grid;
	justify-items: center;
	text-align: center;
	gap: 16px;
}

.dd-contact-action__content h2 {
	max-width: 620px;
	font-size: clamp(30px, 2.9vw, 44px);
	line-height: 1.14;
}

.dd-contact-action__content p {
	max-width: 640px;
	margin: 0;
	color: var(--dd-muted);
	line-height: 1.82;
}

.dd-contact-action__content .dd-button {
	justify-self: center;
}

.dd-contact-action__form {
	position: relative;
	width: min(1080px, 100%);
	justify-self: center;
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
	padding: clamp(18px, 2.6vw, 30px);
	border: 1px solid rgba(10, 32, 42, .1);
	border-radius: 28px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,251,.96)),
		#fff;
	box-shadow: 0 26px 74px rgba(13,19,27,.09), inset 0 1px 0 rgba(255,255,255,.98);
	overflow: hidden;
}

.dd-contact-action__form::before {
	display: none;
}

.dd-contact-action__form--empty {
	align-content: stretch;
}

.dd-contact-form__head {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 20px;
	align-items: center;
	padding: clamp(18px, 2.2vw, 26px);
	border: 1px solid rgba(255,255,255,.78);
	border-radius: 22px;
	background:
		radial-gradient(circle at 10% 20%, rgba(24,199,192,.12), transparent 30%),
		linear-gradient(135deg, #f9fcfc, #ffffff 52%, #f4f8f8);
	box-shadow: 0 16px 40px rgba(13,19,27,.055), inset 0 1px 0 rgba(255,255,255,.92);
	color: var(--dd-ink);
	overflow: hidden;
}

.dd-contact-form__head::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: linear-gradient(180deg, var(--dd-brand), var(--dd-copper));
}

.dd-contact-form__head > * {
	position: relative;
	z-index: 1;
}

.dd-contact-form__head span {
	display: inline-flex;
	width: fit-content;
	margin-bottom: 8px;
	padding: 6px 10px;
	border: 1px solid rgba(0,143,140,.16);
	border-radius: 999px;
	background: rgba(0,143,140,.07);
	color: var(--dd-brand-strong);
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
}

.dd-contact-form__head strong {
	display: block;
	max-width: 560px;
	color: var(--dd-ink);
	font-size: clamp(21px, 1.85vw, 28px);
	line-height: 1.25;
}

.dd-contact-form__head p {
	margin: 0;
	color: var(--dd-muted);
	font-size: 14px;
	line-height: 1.8;
}

.dd-contact-form__steps {
	display: inline-grid;
	grid-template-columns: repeat(3, max-content);
	gap: 8px;
	align-items: center;
	justify-content: end;
}

.dd-contact-form__steps span {
	position: relative;
	margin: 0;
	padding: 8px 12px;
	border-color: rgba(13,19,27,.08);
	background: #fff;
	box-shadow: 0 8px 20px rgba(13,19,27,.045);
	color: var(--dd-ink-2);
}

.dd-contact-form__steps span:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-end: -8px;
	width: 8px;
	height: 1px;
	background: rgba(0,143,140,.24);
}

.dd-contact-form {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding: clamp(18px, 2.4vw, 28px);
	border: 1px solid rgba(13,19,27,.07);
	border-radius: 22px;
	background:
		linear-gradient(90deg, rgba(0,143,140,.035) 1px, transparent 1px),
		linear-gradient(180deg, rgba(0,143,140,.028) 1px, transparent 1px),
		linear-gradient(180deg, #ffffff, #fbfdfd);
	background-size: 54px 54px, 54px 54px, auto;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
}

.dd-contact-form__notice {
	margin: 0 0 16px;
	padding: 13px 15px;
	border: 1px solid rgba(0,143,140,.16);
	border-radius: 14px;
	background: #f0fbfa;
	color: var(--dd-brand-strong);
	font-size: 14px;
	font-weight: 850;
	line-height: 1.7;
}

.dd-contact-form__notice--error,
.dd-contact-form__notice--missing {
	border-color: rgba(210,144,117,.26);
	background: #fff7f3;
	color: var(--dd-copper-strong);
}

.dd-contact-form__trap {
	position: absolute;
	inset-inline-start: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.dd-contact-form label {
	display: grid;
	gap: 8px;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(13,19,27,.06);
	border-radius: 18px;
	background: rgba(255,255,255,.78);
	box-shadow: 0 12px 28px rgba(13,19,27,.035);
}

.dd-contact-form label:first-of-type,
.dd-contact-form label:nth-of-type(6) {
	grid-column: 1 / -1;
}

.dd-contact-form label span {
	color: var(--dd-ink);
	font-size: 13px;
	font-weight: 900;
}

.dd-contact-form__check {
	display: flex;
	grid-template-columns: none;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid rgba(0,143,140,.1);
	border-radius: 14px;
	background: #f8fbfb;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
}

.dd-contact-form__check input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	accent-color: var(--dd-brand);
}

.dd-contact-form__check span {
	font-size: 13px;
	font-weight: 800;
	line-height: 1.7;
}

.dd-contact-form__check a {
	color: var(--dd-brand-strong);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dd-contact-form input,
.dd-contact-form select,
.dd-contact-form textarea {
	width: 100%;
	border: 1px solid rgba(13,19,27,.09);
	border-radius: 13px;
	background: #fbfdfd;
	color: var(--dd-ink);
	font: inherit;
	font-size: 14px;
	outline: 0;
	padding: 13px 14px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

.dd-contact-form .dd-contact-form__check input {
	width: 18px;
	height: 18px;
	padding: 0;
	border-radius: 4px;
	box-shadow: none;
}

.dd-contact-form textarea {
	resize: vertical;
}

.dd-contact-form input:focus,
.dd-contact-form select:focus,
.dd-contact-form textarea:focus {
	border-color: rgba(0,143,140,.32);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(24,199,192,.09), 0 14px 28px rgba(13,19,27,.055);
	transform: translateY(-1px);
}

.dd-contact-form__wide,
.dd-contact-form button,
.dd-contact-form small {
	grid-column: 1 / -1;
}

.dd-contact-form button {
	justify-self: start;
	border: 0;
	cursor: pointer;
	min-width: 172px;
	margin-top: 2px;
}

.dd-contact-form small {
	align-self: center;
	max-width: 520px;
	color: #6f8189;
	font-size: 12.5px;
	line-height: 1.65;
}

.dd-contact-action__form ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding-inline-start: 1.2em;
	color: var(--dd-muted);
	line-height: 1.7;
}

@media (max-width: 1020px) {
	.dd-grid--3 {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.dd-grid--2 {
		grid-template-columns: 1fr;
	}

	.dd-section {
		padding: 48px 0;
	}

	.dd-about-stats {
		grid-template-columns: 1fr;
	}

	.dd-about-flow__steps span {
		align-items: flex-start;
	}
}

.dd-main:has(.dd-service-page),
.dd-main:has(.dd-contact-page),
.dd-main:has(.dd-about-page),
.dd-main:has(.dd-work-page),
.dd-main:has(.dd-legal-page) {
	padding-top: 0;
	padding-bottom: 0;
}

.dd-service-page,
.dd-contact-page,
.dd-about-page,
.dd-work-page,
.dd-legal-page {
	margin-top: 0;
}

.dd-about-flow,
.dd-work-grid,
.dd-legal-content {
	margin-bottom: 0;
}

.dd-page-rule {
	position: relative;
	display: block;
	width: min(280px, 46vw);
	max-width: 0;
	height: 5px;
	margin-top: 18px;
	border-radius: 999px;
	overflow: hidden;
	opacity: 0;
	background: transparent;
}

.dd-page-rule::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--dd-copper-bright), var(--dd-brand-bright));
	box-shadow: 0 14px 34px rgba(24,199,192,.18);
}

.dd-page-rule.is-visible {
	animation: dd-page-rule-grow .92s cubic-bezier(.22, .85, .25, 1) .08s both;
}

.dd-service-tracks,
.dd-service-method {
	padding: clamp(54px, 7vw, 86px) 0;
	background: #fff;
}

.dd-service-tracks {
	box-shadow: inset 0 1px 0 rgba(13,19,27,.055);
}

.dd-service-section-head {
	display: grid;
	justify-items: center;
	max-width: 820px;
	margin: 0 auto clamp(28px, 4vw, 44px);
	text-align: center;
}

.dd-service-section-head h2,
.dd-service-method h2 {
	font-size: clamp(28px, 3.1vw, 44px);
	line-height: 1.16;
}

.dd-service-track-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(18px, 2.4vw, 26px);
}

.dd-service-track {
	position: relative;
	display: grid;
	grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
	gap: clamp(24px, 4vw, 52px);
	align-items: center;
	min-height: 230px;
	padding: clamp(24px, 3.4vw, 40px);
	border: 1px solid rgba(13,19,27,.1);
	border-radius: 22px;
	background:
		radial-gradient(circle at 18% 24%, rgba(255,255,255,.7), transparent 28%),
		linear-gradient(135deg, #eef3f3 0%, #e6eeee 58%, #dde6e6 100%);
	box-shadow:
		0 20px 58px rgba(13,19,27,.07),
		inset 0 1px 0 rgba(255,255,255,.8);
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.dd-service-track::before {
	content: "";
	position: absolute;
	inset-block: 20px;
	inset-inline-start: 50%;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(13,19,27,.08), transparent);
	opacity: 1;
}

.dd-service-track::after {
	content: "";
	position: absolute;
	inset-inline: clamp(24px, 4vw, 42px);
	top: 0;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(0,143,140,.7), rgba(24,199,192,.26), transparent 76%);
	opacity: .78;
}

.dd-service-track:nth-child(2) {
	background:
		radial-gradient(circle at 82% 22%, rgba(255,255,255,.68), transparent 30%),
		linear-gradient(135deg, #f0ece9 0%, #e8e2df 58%, #ded7d3 100%);
}

.dd-service-track:nth-child(2)::after {
	background: linear-gradient(90deg, rgba(177,108,82,.68), rgba(210,144,117,.25), transparent 76%);
}

.dd-service-track:nth-child(3) {
	background:
		radial-gradient(circle at 18% 78%, rgba(255,255,255,.7), transparent 30%),
		linear-gradient(135deg, #eef2f4 0%, #e5ebee 58%, #dce4e8 100%);
}

.dd-service-track:nth-child(3)::after {
	background: linear-gradient(90deg, rgba(91,124,138,.68), rgba(91,124,138,.22), transparent 76%);
}

.dd-service-track:nth-child(4) {
	background:
		radial-gradient(circle at 84% 74%, rgba(255,255,255,.68), transparent 30%),
		linear-gradient(135deg, #f0f2ef 0%, #e7ebe8 58%, #dde4e1 100%);
}

.dd-service-track:nth-child(4)::after {
	background: linear-gradient(90deg, rgba(0,143,140,.56), rgba(210,144,117,.22), transparent 76%);
}

.dd-service-track__main {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	padding: 0;
	border-bottom: 0;
}

.dd-service-track__number,
.dd-service-track > span {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border: 1px solid rgba(0,143,140,.14);
	border-radius: 16px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,251,251,.68)),
		radial-gradient(circle at 70% 18%, rgba(24,199,192,.18), transparent 38%);
	color: var(--dd-brand-strong);
	font-size: 13px;
	font-weight: 900;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 14px 30px rgba(13,19,27,.06);
}

.dd-service-track__summary {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.dd-service-track h3 {
	color: var(--dd-ink);
	font-size: clamp(24px, 2.2vw, 34px);
	line-height: 1.18;
}

.dd-service-track p {
	max-width: 560px;
	margin: 0;
	color: var(--dd-muted);
	font-size: 15.5px;
	line-height: 1.75;
}

.dd-service-track__tree {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	padding: 4px 0 4px clamp(28px, 2.8vw, 36px);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dd-service-track__tree::before {
	content: "";
	position: absolute;
	inset-block: 38px;
	inset-inline-start: 10px;
	width: 1px;
	height: auto;
	border-radius: 999px;
	background:
		linear-gradient(180deg, transparent 0%, rgba(0,143,140,.46) 10%, rgba(210,144,117,.34) 50%, rgba(0,143,140,.24) 90%, transparent 100%);
	box-shadow: 0 0 12px rgba(24,199,192,.14);
}

.dd-service-track__tree::after {
	content: none;
}

.dd-service-branch {
	position: relative;
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	min-height: 76px;
	padding: 16px 18px;
	border: 1px solid rgba(13,19,27,.105);
	border-radius: 18px;
	background:
		linear-gradient(90deg, rgba(0,143,140,.075), transparent 38%),
		linear-gradient(135deg, #fff 0%, #fff 48%, #f9fcfc 100%),
		#fff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.98),
		0 18px 38px rgba(13,19,27,.115);
	backdrop-filter: blur(10px);
	clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: transform .2s cubic-bezier(.2, .8, .2, 1), border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.dd-service-branch.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.dd-service-branch::before {
	content: "";
	position: absolute;
	inset-inline-start: calc(clamp(28px, 2.8vw, 36px) * -1 + 10px);
	top: 50%;
	width: calc(clamp(28px, 2.8vw, 36px) - 18px);
	height: 1px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(0,143,140,.32), rgba(13,19,27,.12));
	transform: translateY(-50%);
	pointer-events: none;
}

.dd-service-branch::after {
	content: "";
	position: absolute;
	inset-inline-start: calc(clamp(28px, 2.8vw, 36px) * -1 + 6px);
	top: 50%;
	width: 8px;
	height: 8px;
	border: 1px solid rgba(255,255,255,.85);
	border-radius: 50%;
	background: var(--dd-brand-bright);
	box-shadow: 0 0 0 4px rgba(24,199,192,.1), 0 0 14px rgba(24,199,192,.26);
	transform: translateY(-50%);
	pointer-events: none;
}

.dd-service-branch span {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: radial-gradient(circle, #fff 0 14%, #00a9a3 18% 48%, rgba(24,199,192,.16) 54% 100%);
	box-shadow:
		0 0 0 7px rgba(24,199,192,.07),
		0 0 18px rgba(24,199,192,.26);
}

.dd-service-branch strong {
	overflow: hidden;
	color: var(--dd-ink);
	font-size: 15.5px;
	font-weight: 850;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dd-service-track:nth-child(2) .dd-service-branch {
	border-color: rgba(13,19,27,.105);
	background:
		linear-gradient(90deg, rgba(177,108,82,.075), transparent 38%),
		linear-gradient(135deg, #fff 0%, #fff 48%, #fdf9f7 100%),
		#fff;
}

.dd-service-track:nth-child(2) .dd-service-branch span {
	background: radial-gradient(circle, #fff 0 18%, var(--dd-copper-bright) 22% 48%, rgba(210,144,117,.16) 52% 100%);
	box-shadow: 0 0 0 7px rgba(210,144,117,.07), 0 0 18px rgba(210,144,117,.22);
}

.dd-service-track:nth-child(3) .dd-service-branch {
	border-color: rgba(13,19,27,.105);
	background:
		linear-gradient(90deg, rgba(91,124,138,.075), transparent 38%),
		linear-gradient(135deg, #fff 0%, #fff 48%, #f7fafb 100%),
		#fff;
}

.dd-service-track:nth-child(3) .dd-service-branch span {
	background: radial-gradient(circle, #fff 0 18%, #6f8791 22% 48%, rgba(91,124,138,.16) 52% 100%);
	box-shadow: 0 0 0 7px rgba(91,124,138,.07), 0 0 18px rgba(91,124,138,.2);
}

.dd-service-branch:hover {
	border-color: rgba(0,143,140,.26);
	background:
		linear-gradient(90deg, rgba(24,199,192,.11), transparent 48%),
		#fff;
	box-shadow: 0 18px 38px rgba(13,19,27,.085), inset 0 1px 0 rgba(255,255,255,.98);
	transform: translateY(-2px);
}

.dd-service-branch:active,
.dd-service-branch.is-touched {
	border-color: rgba(0,143,140,.32);
	box-shadow: 0 16px 34px rgba(13,19,27,.08), 0 0 0 3px rgba(24,199,192,.08);
	transform: translateY(-2px) scale(.992);
}

.dd-service-track:hover {
	border-color: rgba(0,143,140,.2);
	box-shadow: 0 24px 62px rgba(13,19,27,.085), inset 0 1px 0 rgba(255,255,255,.95);
	transform: translateY(-2px);
}

.dd-service-method {
	position: relative;
	overflow: hidden;
	padding: clamp(38px, 5vw, 58px) 0;
	background: linear-gradient(135deg, #0c141b 0%, #111b23 58%, #102327 100%);
	color: #fff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.06),
		inset 0 -1px 0 rgba(255,255,255,.05);
}

.dd-service-method::before {
	content: none;
}

.dd-service-method::after {
	content: "";
	position: absolute;
	inset-inline: clamp(22px, 6vw, 88px);
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(24,199,192,.55), rgba(210,144,117,.42), transparent);
	pointer-events: none;
}

.dd-service-method__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(240px, .62fr) minmax(0, 1.38fr);
	gap: clamp(24px, 4vw, 52px);
	align-items: center;
}

.dd-service-method h2 {
	color: #fff;
	max-width: 430px;
	font-size: clamp(22px, 2.1vw, 30px);
	line-height: 1.22;
}

.dd-service-method .dd-kicker {
	color: var(--dd-brand-bright);
}

.dd-service-method .dd-page-rule {
	background: linear-gradient(90deg, var(--dd-brand-bright), var(--dd-copper-bright));
	box-shadow: 0 0 28px rgba(24,199,192,.32);
	height: 4px;
	width: min(220px, 42vw);
}

.dd-service-method__steps {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding: 12px;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
		rgba(6,13,19,.36);
	box-shadow:
		0 22px 54px rgba(0,0,0,.2),
		inset 0 1px 0 rgba(255,255,255,.08);
	backdrop-filter: blur(12px);
}

.dd-service-method__steps::before {
	content: none;
}

.dd-service-method__steps div {
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	grid-template-areas:
		"number title"
		"number text";
	column-gap: 12px;
	align-items: center;
	min-height: 104px;
	padding: 16px;
	border: 1px solid rgba(255,255,255,.095);
	border-radius: 15px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.034));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
	clip-path: none;
	transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.dd-service-method__steps div:nth-child(2) {
	transform: none;
	background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.036));
}

.dd-service-method__steps div:hover {
	border-color: rgba(24,199,192,.32);
	transform: translateY(-2px);
	background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.045));
}

.dd-service-method__steps div:nth-child(2):hover {
	transform: translateY(-2px);
}

.dd-service-method__steps span {
	position: relative;
	z-index: 1;
	display: grid;
	grid-area: number;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(24,199,192,.36);
	border-radius: 50%;
	background:
		radial-gradient(circle, rgba(255,255,255,.2), transparent 54%),
		linear-gradient(135deg, rgba(24,199,192,.38), rgba(210,144,117,.2)),
		#0a151d;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	box-shadow:
		0 0 0 6px rgba(24,199,192,.06),
		0 12px 24px rgba(0,0,0,.18);
}

.dd-service-method__steps h3 {
	grid-area: title;
	margin: 0;
	color: #fff;
	font-size: clamp(17px, 1.35vw, 20px);
}

.dd-service-method__steps p {
	grid-area: text;
	margin: 0;
	color: #b9c8d1;
	font-size: 13.8px;
	line-height: 1.62;
}

.dd-service-cta {
	position: relative;
	overflow: hidden;
	padding: clamp(46px, 6vw, 76px) 0;
	background:
		radial-gradient(circle at 14% 30%, rgba(24,199,192,.11), transparent 28%),
		linear-gradient(135deg, #f7fafb, #fff 48%, #f3f7f7);
	box-shadow: inset 0 1px 0 rgba(13,19,27,.055);
}

.dd-service-cta::before {
	content: "";
	position: absolute;
	inset-inline: clamp(22px, 5vw, 72px);
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(24,199,192,.38), rgba(210,144,117,.28), transparent);
}

.dd-service-cta__inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(24px, 4vw, 54px);
	align-items: center;
	padding: clamp(24px, 3.4vw, 38px);
	border: 1px solid rgba(13,19,27,.07);
	border-radius: 24px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,251,251,.86)),
		#fff;
	box-shadow: 0 24px 64px rgba(13,19,27,.07), inset 0 1px 0 rgba(255,255,255,.96);
}

.dd-service-cta h2 {
	max-width: 780px;
	color: var(--dd-ink);
	font-size: clamp(27px, 3vw, 44px);
	line-height: 1.18;
}

.dd-service-cta__button {
	white-space: nowrap;
	box-shadow: 0 18px 38px rgba(0,143,140,.18), inset 0 1px 0 rgba(255,255,255,.18);
}

@keyframes dd-page-rule-grow {
	0% {
		max-width: 0;
		opacity: 0;
	}

	72% {
		max-width: min(320px, 52vw);
		opacity: 1;
	}

	100% {
		max-width: min(240px, 44vw);
		opacity: 1;
	}
}

@media (max-width: 980px) {
	.dd-service-method__grid,
	.dd-service-track-grid,
	.dd-about-intro__grid,
	.dd-about-system__grid,
	.dd-about-values__grid,
	.dd-work-grid__cards,
	.dd-about-flow__inner,
	.dd-work-grid__cta,
	.dd-about-cta__inner {
		grid-template-columns: 1fr;
	}

	.dd-service-method__steps {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.dd-service-method__steps::before {
		content: "";
		position: absolute;
		inset-block: 34px;
		inset-inline-start: 32px;
		top: auto;
		width: 1px;
		height: auto;
		background: linear-gradient(180deg, rgba(24,199,192,.5), rgba(210,144,117,.3), rgba(255,255,255,.12));
	}

	.dd-service-method__steps div {
		min-height: 0;
		transform: none;
	}

	.dd-service-method__steps div:nth-child(2),
	.dd-service-method__steps div:hover,
	.dd-service-method__steps div:nth-child(2):hover {
		transform: none;
	}

	.dd-service-track {
		grid-template-columns: 1fr;
	}

	.dd-service-track::before,
	.dd-service-track__tree::before,
	.dd-service-branch::before,
	.dd-service-branch::after {
		display: none;
	}

	.dd-service-branch:hover {
		transform: translateY(-2px);
	}

	.dd-service-cta__inner {
		grid-template-columns: 1fr;
	}

	.dd-service-cta__button {
		justify-self: start;
	}

	.dd-about-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dd-contact-brief__grid,
	.dd-contact-action__inner {
		grid-template-columns: 1fr;
	}

	.dd-contact-action__form {
		grid-template-columns: 1fr;
	}

	.dd-contact-brief__cards {
		grid-template-columns: 1fr;
	}

	.dd-contact-form {
		grid-template-columns: 1fr;
	}

	.dd-contact-form__head {
		grid-template-columns: 1fr;
	}

	.dd-contact-fluent-head {
		grid-template-columns: 1fr;
	}

	.dd-contact-fluent-steps {
		justify-content: start;
	}

	.dd-contact-form__steps {
		justify-content: start;
	}
}

@media (max-width: 640px) {
	.dd-about-stats {
		grid-template-columns: 1fr;
		padding: 14px;
	}

	.dd-about-stats div {
		min-height: 0;
	}
}

@media (max-width: 640px) {
	.dd-service-track__main,
	.dd-service-track__summary,
	.dd-service-track__tree {
		grid-template-columns: 1fr;
	}

	.dd-service-track__summary {
		display: grid;
	}

	.dd-service-track__number {
		margin-inline: 0;
	}

	.dd-contact-brief,
	.dd-contact-action {
		padding: 42px 0;
	}

	.dd-contact-card {
		grid-template-columns: 1fr;
		grid-template-areas:
			"code"
			"title"
			"text";
		gap: 12px;
		min-height: 0;
	}

	.dd-contact-card::after {
		inset-inline-start: 26px;
		top: 66px;
		bottom: -16px;
	}

	.dd-contact-action__inner {
		border-radius: 22px;
	}

	.dd-contact-action__form,
	.dd-contact-form,
	.dd-contact-fluent {
		padding: 14px;
		border-radius: 20px;
	}

	.dd-contact-fluent-head {
		padding: 18px;
	}

	.dd-contact-fluent-steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 7px;
		width: 100%;
	}

	.dd-contact-fluent-steps span {
		width: 100%;
		min-width: 0;
		min-height: 34px;
		justify-content: center;
		padding: 7px 5px;
		font-size: clamp(10.5px, 2.8vw, 12px);
		line-height: 1.25;
		text-align: center;
		white-space: nowrap;
	}

	.dd-contact-fluent-steps span::after {
		display: none;
	}

	.dd-contact-form__steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 7px;
		width: 100%;
	}

	.dd-contact-form__steps span {
		width: 100%;
		min-width: 0;
		min-height: 34px;
		justify-content: center;
		padding: 7px 5px;
		font-size: clamp(10.5px, 2.8vw, 12px);
		line-height: 1.25;
		text-align: center;
		white-space: nowrap;
	}

	.dd-contact-form__steps span::after {
		display: none;
	}

	.dd-contact-form button {
		width: 100%;
	}

	.dd-about-system__grid article,
	.dd-work-grid__cards article,
	.dd-about-flow__inner,
	.dd-work-grid__cta,
	.dd-legal-content__box {
		border-radius: 22px;
	}
}