.dg-backtest-guided-page {
	background: #050505;
	color: #f5f5f5;
}

.dgbt-main,
.dgbt-main * {
	box-sizing: border-box;
}

.dgbt-main {
	background:
		radial-gradient(circle at 82% 6%, rgba(246, 198, 71, 0.09), transparent 26rem),
		#050505;
	font-family: "Poppins", sans-serif;
	overflow: clip;
}

.dgbt-shell {
	width: min(1180px, calc(100% - 48px));
	margin-inline: auto;
}

.dgbt-hero,
.dgbt-section,
.dgbt-cta {
	padding: clamp(72px, 8vw, 116px) 0;
}

.dgbt-hero {
	padding-top: clamp(84px, 9vw, 132px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.dgbt-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.82fr);
	gap: clamp(42px, 7vw, 88px);
	align-items: center;
}

.dgbt-kicker,
.dgbt-card-label {
	margin: 0 0 14px;
	color: #f6c647;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.dgbt-hero h1,
.dgbt-section-heading h2,
.dgbt-cta h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(38px, 5.5vw, 76px);
	font-weight: 800;
	letter-spacing: -0.048em;
	line-height: 1.02;
}

.dgbt-hero h1 span {
	background: linear-gradient(100deg, #f8dc69 0%, #e5a632 55%, #c77820 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.dgbt-lead,
.dgbt-section-heading > p:last-child,
.dgbt-cta-card > div > p:last-child {
	max-width: 760px;
	margin: 24px 0 0;
	color: #b3b3ba;
	font-size: clamp(17px, 1.7vw, 21px);
	line-height: 1.75;
}

.dgbt-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 24px;
	align-items: center;
	margin-top: 34px;
}

.dgbt-download svg {
	width: 20px;
	height: 20px;
	margin-left: 10px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.dgbt-text-link,
.dgbt-cta-actions > a:not(.dg-gold-button) {
	color: #f6c647;
	font-weight: 700;
	text-decoration: none;
}

.dgbt-text-link:hover,
.dgbt-text-link:focus-visible,
.dgbt-cta-actions > a:not(.dg-gold-button):hover,
.dgbt-cta-actions > a:not(.dg-gold-button):focus-visible {
	color: #ffe591;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dgbt-hero-points {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.dgbt-hero-points li {
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.025);
	color: #bcbcc2;
	font-size: 12px;
	font-weight: 600;
}

.dgbt-boundary-card,
.dgbt-progress-card,
.dgbt-step-card,
.dgbt-setting-row,
.dgbt-metric-grid article,
.dgbt-cta-card {
	border: 1px solid rgba(246, 198, 71, 0.24);
	border-radius: 24px;
	background:
		linear-gradient(145deg, rgba(246, 198, 71, 0.07), transparent 55%),
		#111114;
}

.dgbt-boundary-card {
	padding: clamp(28px, 4vw, 44px);
}

.dgbt-boundary-card h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(24px, 2.6vw, 35px);
	line-height: 1.22;
}

.dgbt-boundary-card > p:not(.dgbt-card-label) {
	margin: 18px 0 0;
	color: #ababB3;
	font-size: 15px;
	line-height: 1.7;
}

.dgbt-journey-nav {
	position: sticky;
	top: var(--dg-header-height, 0);
	z-index: 20;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(7, 7, 8, 0.9);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.dgbt-journey-nav .dgbt-shell {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.dgbt-journey-nav a {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	border-right: 1px solid rgba(255, 255, 255, 0.07);
	color: #c1c1c7;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.dgbt-journey-nav a:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.07);
}

.dgbt-journey-nav a:hover,
.dgbt-journey-nav a:focus-visible {
	background: rgba(246, 198, 71, 0.06);
	color: #fff;
}

.dgbt-journey-nav span {
	color: #f6c647;
}

.dgbt-section-muted {
	border-block: 1px solid rgba(255, 255, 255, 0.07);
	background: #09090b;
}

.dgbt-section-heading {
	max-width: 900px;
	margin: 0 auto 44px;
	text-align: center;
}

.dgbt-section-heading h2,
.dgbt-cta h2 {
	font-size: clamp(31px, 4vw, 54px);
}

.dgbt-section-heading > p:last-child {
	margin-inline: auto;
	font-size: 17px;
}

.dgbt-section-heading-left {
	margin: 0;
	text-align: left;
}

.dgbt-section-heading-left > p:last-child {
	margin-left: 0;
}

.dgbt-progress-card {
	display: grid;
	grid-template-columns: minmax(180px, 0.55fr) minmax(260px, 1fr) auto;
	gap: 24px;
	align-items: center;
	margin-bottom: 20px;
	padding: 22px 24px;
	border-color: rgba(255, 255, 255, 0.1);
}

.dgbt-progress-card strong,
.dgbt-progress-card span {
	display: block;
}

.dgbt-progress-card strong {
	color: #fff;
	font-size: 15px;
}

.dgbt-progress-card > div:first-child span {
	margin-top: 4px;
	color: #9898a0;
	font-size: 12px;
}

.dgbt-progress-track {
	height: 9px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
}

.dgbt-progress-track span {
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #f8dc69, #d98c28);
	transition: width 240ms ease;
}

.dgbt-progress-card button {
	padding: 8px 10px;
	border: 0;
	background: transparent;
	color: #aaaab2;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.dgbt-progress-card button:hover,
.dgbt-progress-card button:focus-visible {
	color: #fff;
}

.dgbt-step-list {
	display: grid;
	gap: 16px;
}

.dgbt-step-card {
	display: grid;
	grid-template-columns: 66px minmax(0, 1fr) auto;
	gap: 24px;
	align-items: start;
	padding: clamp(24px, 4vw, 38px);
	border-color: rgba(255, 255, 255, 0.1);
	scroll-margin-top: 110px;
}

.dgbt-step-card:has(input:checked),
.dgbt-step-card.is-complete {
	border-color: rgba(112, 212, 135, 0.34);
	background:
		linear-gradient(145deg, rgba(112, 212, 135, 0.06), transparent 55%),
		#101311;
}

.dgbt-step-number {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(246, 198, 71, 0.36);
	border-radius: 18px;
	color: #f6c647;
	font-weight: 800;
}

.dgbt-step-content h3,
.dgbt-metric-grid h3 {
	margin: 0;
	color: #fff;
	font-size: clamp(20px, 2vw, 27px);
	line-height: 1.3;
}

.dgbt-step-content ul,
.dgbt-step-content ol {
	display: grid;
	gap: 10px;
	margin: 18px 0 0;
	padding-left: 22px;
	color: #b0b0b8;
	font-size: 14px;
	line-height: 1.7;
}

.dgbt-step-content strong {
	color: #e7e7ea;
}

.dgbt-step-content code {
	color: #f6c647;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.dgbt-check {
	display: flex;
	gap: 9px;
	align-items: center;
	padding: 10px 13px;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 999px;
	color: #c2c2c8;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.dgbt-check input {
	width: 17px;
	height: 17px;
	margin: 0;
	accent-color: #70d487;
}

.dgbt-check:has(input:checked) {
	border-color: rgba(112, 212, 135, 0.36);
	background: rgba(112, 212, 135, 0.08);
	color: #b8edc4;
}

.dgbt-settings-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(420px, 1.2fr);
	gap: clamp(42px, 7vw, 92px);
	align-items: start;
}

.dgbt-settings-list {
	display: grid;
	gap: 12px;
}

.dgbt-setting-row {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: 22px;
	padding: 20px 22px;
	border-color: rgba(255, 255, 255, 0.09);
	border-radius: 16px;
}

.dgbt-setting-row > span {
	color: #9999a1;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.dgbt-setting-row strong {
	color: #fff;
	font-size: 15px;
}

.dgbt-setting-row p {
	margin: 5px 0 0;
	color: #92929b;
	font-size: 12px;
	line-height: 1.6;
}

.dgbt-metric-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.dgbt-metric-grid article {
	padding: 28px;
	border-color: rgba(255, 255, 255, 0.09);
}

.dgbt-metric-grid article > span {
	color: #f6c647;
	font-size: 12px;
	font-weight: 800;
}

.dgbt-metric-grid h3 {
	margin-top: 28px;
	font-size: 20px;
}

.dgbt-metric-grid p {
	margin: 13px 0 0;
	color: #9f9fa7;
	font-size: 14px;
	line-height: 1.7;
}

.dgbt-cta-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
	gap: 42px;
	align-items: center;
	padding: clamp(30px, 5vw, 58px);
}

.dgbt-cta-actions {
	display: grid;
	gap: 14px;
}

.dgbt-cta-actions .dg-gold-button {
	justify-content: center;
	text-align: center;
}

.dgbt-cta-actions > a:not(.dg-gold-button) {
	text-align: center;
}

@media (max-width: 1024px) {
	.dgbt-hero-grid,
	.dgbt-settings-grid {
		grid-template-columns: 1fr;
	}

	.dgbt-boundary-card {
		max-width: 720px;
	}

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

@media (max-width: 760px) {
	.dgbt-shell {
		width: min(100% - 28px, 1180px);
	}

	.dgbt-hero,
	.dgbt-section,
	.dgbt-cta {
		padding: 64px 0;
	}

	.dgbt-hero {
		padding-top: 70px;
	}

	.dgbt-actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.dgbt-actions .dg-gold-button {
		width: 100%;
		justify-content: center;
	}

	.dgbt-journey-nav {
		position: static;
	}

	.dgbt-journey-nav .dgbt-shell {
		width: 100%;
	}

	.dgbt-journey-nav a {
		min-height: 54px;
		font-size: 11px;
	}

	.dgbt-progress-card {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.dgbt-progress-card button {
		justify-self: start;
	}

	.dgbt-step-card {
		grid-template-columns: 52px minmax(0, 1fr);
		gap: 18px;
	}

	.dgbt-step-number {
		width: 50px;
		height: 50px;
		border-radius: 15px;
	}

	.dgbt-check {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.dgbt-setting-row,
	.dgbt-cta-card {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 500px) {
	.dgbt-journey-nav a {
		flex-direction: column;
		gap: 1px;
		padding: 8px 3px;
	}

	.dgbt-metric-grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dgbt-main *,
	.dgbt-main *::before,
	.dgbt-main *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}