.dst-ad-rail {
	--dst-ad-sticky-top: 12px;

	display: none;
}

body.admin-bar .dst-ad-rail {
	--dst-ad-sticky-top: 44px;
}

@media (min-width: 1900px) and (min-height: 640px) {
	.dst-ad-host {
		position: relative;
		min-height: 640px;
		overflow: visible;
	}

	.dst-ad-host > .dst-ad-rail[data-ready="true"] {
		position: absolute;
		top: 0;
		bottom: 0;
		left: max(0px, calc((100vw - 1270px) / 2 - 315px));
		z-index: 50;
		display: block;
		width: 300px;
		pointer-events: none;
	}

	.dst-ad-rail__sticky {
		position: absolute;
		top: 0;
		left: 0;
		width: 300px;
		padding-top: 5px;
		pointer-events: auto;
	}
}

.dst-ad-label {
	display: block;
	height: 14px;
	margin: 0 0 4px;
	color: #65736b;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 9px;
	font-weight: 650;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
}

.dst-ad,
.dst-ad *,
.dst-ad *::before,
.dst-ad *::after {
	box-sizing: border-box;
}

.dst-ad {
	position: relative;
	display: flex;
	width: 300px;
	height: 600px;
	flex-direction: column;
	overflow: hidden;
	border: var(--bxbr, 3px solid #000);
	border-radius: var(--bxbra, 15px);
	background-color: #f7faf7;
	box-shadow: var(--bxsh, 7px 7px 0 #000);
	color: #111814;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-style: normal;
	isolation: isolate;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	transition: box-shadow 180ms ease;
}

.dst-ad:hover,
.dst-ad:focus {
	box-shadow: var(--bxshover, 8px 8px 0 #000);
	color: #111814;
	text-decoration: none;
}

.dst-ad::before {
	position: absolute;
	inset: 0;
	z-index: -2;
	background-image: linear-gradient(#dce6df 1px, transparent 1px), linear-gradient(90deg, #dce6df 1px, transparent 1px);
	background-size: 24px 24px;
	content: "";
	opacity: 0.28;
}

.dst-ad::after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
	height: 5px;
	background: #148552;
	content: "";
}

.dst-ad__content {
	display: flex;
	min-height: 0;
	flex: 1;
	flex-direction: column;
	padding: 22px 22px 18px;
}

.dst-ad__brand {
	display: flex;
	min-height: 34px;
	align-items: center;
	gap: 9px;
}

.dst-ad__brand-mark {
	display: grid;
	width: 34px;
	height: 34px;
	flex: 0 0 auto;
	place-items: center;
	overflow: hidden;
	border: 1px solid #b7cbc0;
	border-radius: 7px;
	background: #fff;
}

.dst-ad__brand-mark img {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
	object-fit: contain;
}

.dst-ad__brand-copy {
	display: block;
	min-width: 0;
}

.dst-ad__brand-name {
	display: block;
	font-size: 15px;
	font-weight: 760;
	line-height: 1.05;
}

.dst-ad__brand-url {
	display: block;
	margin-top: 3px;
	color: #65736b;
	font-size: 9px;
	font-weight: 650;
	letter-spacing: 0;
}

.dst-ad__eyebrow {
	display: block;
	margin: 20px 0 8px;
	color: #14794c;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.dst-ad__title {
	display: block;
	max-width: 250px;
	margin: 0;
	font-size: 30px;
	font-weight: 830;
	letter-spacing: 0;
	line-height: 0.98;
}

.dst-ad__lead {
	display: block;
	max-width: 244px;
	margin: 10px 0 14px;
	color: #4f5d55;
	font-size: 12.5px;
	line-height: 1.4;
}

.dst-ad__scanner {
	position: relative;
	display: block;
	overflow: hidden;
	border: 1px solid #b9c8bf;
	border-radius: 7px;
	background: #fff;
	box-shadow: 0 12px 30px rgb(28 63 43 / 9%);
	transition: border-color 180ms ease, transform 180ms ease;
}

.dst-ad__domain-row {
	display: flex;
	height: 43px;
	align-items: center;
	gap: 8px;
	border-bottom: 1px solid #e0e7e2;
	padding: 0 12px;
}

.dst-ad__globe {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	border: 1.5px solid #5e7065;
	border-radius: 50%;
}

.dst-ad__globe::before,
.dst-ad__globe::after {
	position: absolute;
	content: "";
}

.dst-ad__globe::before {
	inset: 2px 5px;
	border-right: 1px solid #5e7065;
	border-left: 1px solid #5e7065;
	border-radius: 50%;
}

.dst-ad__globe::after {
	top: 6px;
	right: 1px;
	left: 1px;
	border-top: 1px solid #5e7065;
}

.dst-ad__domain {
	display: block;
	overflow: hidden;
	flex: 1;
	font-size: 13px;
	font-weight: 720;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dst-ad__scanning {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #14794c;
	font-size: 8px;
	font-weight: 800;
	text-transform: uppercase;
}

.dst-ad__scanning-dot {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #18a568;
	animation: dst-status-pulse 2.8s ease-in-out infinite;
}

.dst-ad__checks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: #e4eae6;
}

.dst-ad__check {
	display: flex;
	height: 42px;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 0 11px;
	font-size: 10px;
	font-weight: 720;
}

.dst-ad__check-state {
	display: inline-flex;
	min-width: 19px;
	height: 19px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 900;
}

.dst-ad__check-state--ok {
	background: #dff5e8;
	color: #0f7a49;
}

.dst-ad__check-state--issue {
	border-radius: 5px;
	background: #ffebe4;
	color: #d04e32;
	animation: dst-issue-reveal 6s ease-in-out infinite;
}

.dst-ad__scan-beam {
	position: absolute;
	top: 41px;
	right: 0;
	left: 0;
	z-index: 2;
	display: block;
	height: 2px;
	background: #18a568;
	box-shadow: 0 0 12px 2px rgb(24 165 104 / 32%);
	opacity: 0;
	pointer-events: none;
	animation: dst-scan 6s ease-in-out infinite;
}

.dst-ad__monitor {
	display: block;
	margin-top: 12px;
	border-left: 3px solid #158653;
	padding: 8px 0 8px 12px;
}

.dst-ad__monitor strong {
	display: block;
	font-size: 11.5px;
	line-height: 1.2;
}

.dst-ad__monitor > span {
	display: block;
	margin-top: 5px;
	color: #65736b;
	font-size: 9.5px;
	line-height: 1.35;
}

.dst-ad__cta {
	position: relative;
	display: flex;
	height: 48px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	margin-top: auto;
	border-radius: 6px;
	background: #158653;
	padding: 0 16px;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	box-shadow: 0 10px 22px rgb(20 133 82 / 22%);
	transition: background-color 180ms ease, transform 180ms ease;
}

.dst-ad__cta::before {
	position: absolute;
	top: 0;
	left: -45%;
	width: 32%;
	height: 100%;
	background: rgb(255 255 255 / 18%);
	content: "";
	transform: skewX(-18deg);
	animation: dst-cta-sheen 7.5s ease-in-out infinite;
}

.dst-ad__arrow {
	display: block;
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	transition: transform 180ms ease;
}

.dst-ad__scope {
	display: block;
	margin: 10px 0 0;
	color: #68776e;
	font-size: 8px;
	font-weight: 650;
	text-align: center;
}

.dst-ad:hover .dst-ad__scanner {
	border-color: #72a88a;
	transform: translateY(-1px);
}

.dst-ad:hover .dst-ad__cta {
	background: #0f7547;
	transform: translateY(-1px);
}

.dst-ad:hover .dst-ad__arrow {
	transform: translateX(3px);
}

.dst-ad:focus-visible {
	outline: 3px solid #f26b52;
	outline-offset: 3px;
}

@keyframes dst-scan {
	0%,
	12% {
		opacity: 0;
		transform: translateY(0);
	}

	18% {
		opacity: 0.9;
	}

	58% {
		opacity: 0.9;
		transform: translateY(84px);
	}

	66%,
	100% {
		opacity: 0;
		transform: translateY(84px);
	}
}

@keyframes dst-issue-reveal {
	0%,
	45% {
		opacity: 0.48;
		transform: scale(0.92);
	}

	58%,
	92% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0.48;
		transform: scale(0.92);
	}
}

@keyframes dst-status-pulse {
	0%,
	100% {
		opacity: 0.45;
	}

	50% {
		opacity: 1;
	}
}

@keyframes dst-cta-sheen {
	0%,
	68% {
		left: -45%;
	}

	82%,
	100% {
		left: 120%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dst-ad,
	.dst-ad *,
	.dst-ad *::before,
	.dst-ad *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}