[hidden]{display:none!important;}

.dl-btn[data-variant="white"] {
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

.dl-btn[data-variant="white"]:hover {
	background: var(--grey-100);
}

.dl-btn[data-variant="black"] {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

.dl-btn[data-variant="black"]:hover {
	background: var(--grey-800);
}

.dl-btn[data-size="small"] {
	padding: 10px 20px;
	border-radius: 8px;
	font-size: 14px;
}

.dl-btn[data-variant="option-1"] {
	background-color: var(--grey-200);
	color: var(--grey-700);
}

.final-cta[data-variant="option-1"] {
	background-color: rgb(0, 0, 0);
}

.final-cta[data-variant="option-1"] .final-cta h2 {
	color: rgb(255, 255, 255);
}

.final-cta[data-variant="option-1"] .h2-3 {
	color: var(--grey-100);
}

.final-cta[data-variant="option-1"] .p-1 {
	color: var(--grey-300);
}

.navbar[data-theme="dark"] {
	background: var(--grey-950, #0a0a0a);
	border-bottom-color: var(--grey-800, #1f2937);
}

.navbar[data-theme="dark"] .navbar__logo {
	color: rgb(255, 255, 255);
}

.navbar[data-theme="dark"] .navbar__logo-img--light {
	display: none;
}

.navbar[data-theme="dark"] .navbar__logo-img--dark {
	display: block;
}

.navbar[data-theme="dark"] .navbar__link {
	color: var(--grey-300, #d1d5db);
}

.navbar[data-theme="dark"] .navbar__link:hover {
	background: var(--grey-800, #1f2937);
	color: rgb(255, 255, 255);
}

.navbar[data-theme="dark"] .navbar__chevron {
	color: var(--grey-500, #6b7280);
}

.navbar[data-theme="dark"] .navbar__login {
	color: var(--grey-400, #9ca3af);
}

.navbar[data-theme="dark"] .navbar__login:hover {
	color: rgb(255, 255, 255);
}

.navbar[data-theme="dark"] .navbar__cta {
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

.navbar[data-theme="dark"] .navbar__cta:hover {
	background: var(--grey-200, #e5e7eb);
}

.navbar[data-theme="dark"] .navbar__popover {
	background: var(--grey-900, #111827);
	border-color: var(--grey-700, #374151);
	box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 32px;
	color: var(--grey-100, #f3f4f6);
}

.navbar[data-theme="dark"] .navbar__feature-link:hover {
	background: var(--grey-800, #1f2937);
}

.navbar[data-theme="dark"] .navbar__feature-icon {
	background: var(--grey-800, #1f2937);
	color: var(--grey-300, #d1d5db);
}

.navbar[data-theme="dark"] .navbar__feature-title {
	color: var(--grey-100, #f3f4f6);
}

.navbar[data-theme="dark"] .navbar__feature-desc {
	color: var(--grey-500, #6b7280);
}

.navbar[data-theme="dark"] .navbar__popover-footer {
	background: var(--grey-950, #0a0a0a);
	border-top-color: var(--grey-800, #1f2937);
}

.navbar[data-theme="dark"] .navbar__popover-col-label {
	color: var(--grey-600, #4b5563);
}

.navbar[data-theme="dark"] .navbar__popover-col-link {
	color: var(--grey-300, #d1d5db);
}

.navbar[data-theme="dark"] .navbar__popover-col-link:hover {
	color: rgb(255, 255, 255);
}