@charset "UTF-8";

/* Color palette */

:root,
[data-bs-theme="light"] {
	/* Light gray */

	--bs-lightgray-hue: 0;
	--bs-lightgray-saturation: 0%;

	/* Gray */

	--bs-gray-hue: 0;
	--bs-gray-saturation: 0%;

	/* Dark gray */

	--bs-darkgray-hue: 0;
	--bs-darkgray-saturation: 0%;

	/* Sable (almost black) */

	--bs-sable-hue: 0;
	--bs-sable-saturation: 0%;
	--bs-sable-100-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 18%;
	--bs-sable-200-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 16%;
	--bs-sable-300-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 14%;
	--bs-sable-400-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 12%;
	--bs-sable-500-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 10%;
	--bs-sable-600-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 8%;
	--bs-sable-700-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 6%;
	--bs-sable-800-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 4%;
	--bs-sable-900-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 2%;
	--bs-sable-100: hsl(var(--bs-sable-100-hsl));
	--bs-sable-200: hsl(var(--bs-sable-200-hsl));
	--bs-sable-300: hsl(var(--bs-sable-300-hsl));
	--bs-sable-400: hsl(var(--bs-sable-400-hsl));
	--bs-sable-500: hsl(var(--bs-sable-500-hsl));
	--bs-sable-600: hsl(var(--bs-sable-600-hsl));
	--bs-sable-700: hsl(var(--bs-sable-700-hsl));
	--bs-sable-800: hsl(var(--bs-sable-800-hsl));
	--bs-sable-900: hsl(var(--bs-sable-900-hsl));
	--bs-sable-hsl: var(--bs-sable-500-hsl);
	--bs-sable: hsl(var(--bs-sable-hsl));
	--bs-sable-foreground-hsl: var(--bs-white-hsl);
	--bs-sable-foreground: hsl(var(--bs-sable-foreground-hsl));
	--bs-sable-text-emphasis-hsl: var(--bs-sable-600-hsl);
	--bs-sable-text-emphasis: hsl(var(--bs-sable-text-emphasis-hsl));
	--bs-sable-hover-bg: var(--bs-sable-600);
	--bs-sable-active-bg: var(--bs-sable-700);
	--bs-sable-bg-subtle: hsl(
		var(--bs-sable-hue),
		var(--bs-sable-saturation),
		70%
	);
	--bs-sable-border-subtle: var(--bs-sable-400);
	--bs-sable-checkbox-svg: var(--bs-checkbox-svg-light);
	--bs-sable-dash-svg: var(--bs-dash-svg-light);
	--bs-sable-radio-svg: var(--bs-radio-svg-light);
	--bs-sable-switch-svg: var(--bs-switch-svg-light);

	/* Primary */

	--bs-primary-hue: var(--bs-sable-hue);
	--bs-primary-saturation: var(--bs-sable-saturation);
	--bs-primary-100-hsl: var(--bs-sable-100-hsl);
	--bs-primary-200-hsl: var(--bs-sable-200-hsl);
	--bs-primary-300-hsl: var(--bs-sable-300-hsl);
	--bs-primary-400-hsl: var(--bs-sable-400-hsl);
	--bs-primary-500-hsl: var(--bs-sable-500-hsl);
	--bs-primary-600-hsl: var(--bs-sable-600-hsl);
	--bs-primary-700-hsl: var(--bs-sable-700-hsl);
	--bs-primary-800-hsl: var(--bs-sable-800-hsl);
	--bs-primary-900-hsl: var(--bs-sable-900-hsl);
	--bs-primary-100: var(--bs-sable-100);
	--bs-primary-200: var(--bs-sable-200);
	--bs-primary-300: var(--bs-sable-300);
	--bs-primary-400: var(--bs-sable-400);
	--bs-primary-500: var(--bs-sable-500);
	--bs-primary-600: var(--bs-sable-600);
	--bs-primary-700: var(--bs-sable-700);
	--bs-primary-800: var(--bs-sable-800);
	--bs-primary-900: var(--bs-sable-900);
	--bs-primary-hsl: var(--bs-sable-hsl);
	--bs-primary: var(--bs-sable);
	--bs-primary-foreground-hsl: var(--bs-sable-foreground-hsl);
	--bs-primary-foreground: var(--bs-sable-foreground);
	--bs-primary-text-emphasis-hsl: var(--bs-sable-text-emphasis-hsl);
	--bs-primary-text-emphasis: var(--bs-sable-text-emphasis);
	--bs-primary-hover-bg: var(--bs-sable-hover-bg);
	--bs-primary-active-bg: var(--bs-sable-active-bg);
	--bs-primary-bg-subtle: var(--bs-sable-bg-subtle);
	--bs-primary-border-subtle: var(--bs-sable-border-subtle);
	--bs-primary-checkbox-svg: var(--bs-sable-checkbox-svg);
	--bs-primary-dash-svg: var(--bs-sable-dash-svg);
	--bs-primary-radio-svg: var(--bs-sable-radio-svg);
	--bs-primary-switch-svg: var(--bs-sable-switch-svg);

	/* Info */

	--bs-info-hue: var(--bs-blue-hue);
	--bs-info-saturation: var(--bs-blue-saturation);
	--bs-info-100-hsl: var(--bs-blue-100-hsl);
	--bs-info-200-hsl: var(--bs-blue-200-hsl);
	--bs-info-300-hsl: var(--bs-blue-300-hsl);
	--bs-info-400-hsl: var(--bs-blue-400-hsl);
	--bs-info-500-hsl: var(--bs-blue-500-hsl);
	--bs-info-600-hsl: var(--bs-blue-600-hsl);
	--bs-info-700-hsl: var(--bs-blue-700-hsl);
	--bs-info-800-hsl: var(--bs-blue-800-hsl);
	--bs-info-900-hsl: var(--bs-blue-900-hsl);
	--bs-info-100: var(--bs-blue-100);
	--bs-info-200: var(--bs-blue-200);
	--bs-info-300: var(--bs-blue-300);
	--bs-info-400: var(--bs-blue-400);
	--bs-info-500: var(--bs-blue-500);
	--bs-info-600: var(--bs-blue-600);
	--bs-info-700: var(--bs-blue-700);
	--bs-info-800: var(--bs-blue-800);
	--bs-info-900: var(--bs-blue-900);
	--bs-info-hsl: var(--bs-blue-hsl);
	--bs-info: var(--bs-blue);
	--bs-info-foreground-hsl: var(--bs-blue-foreground-hsl);
	--bs-info-foreground: var(--bs-blue-foreground);
	--bs-info-text-emphasis-hsl: var(--bs-blue-text-emphasis-hsl);
	--bs-info-text-emphasis: var(--bs-blue-text-emphasis);
	--bs-info-hover-bg: var(--bs-blue-hover-bg);
	--bs-info-active-bg: var(--bs-blue-active-bg);
	--bs-info-bg-subtle: var(--bs-blue-bg-subtle);
	--bs-info-border-subtle: var(--bs-blue-border-subtle);
	--bs-info-checkbox-svg: var(--bs-blue-checkbox-svg);
	--bs-info-dash-svg: var(--bs-blue-dash-svg);
	--bs-info-radio-svg: var(--bs-blue-radio-svg);
	--bs-info-switch-svg: var(--bs-blue-switch-svg);
}

[data-bs-theme="dark"] {
	/* Sable (black) */

	--bs-sable-text-emphasis-hsl: var(--bs-sable-400-hsl);
	--bs-sable-text-emphasis: hsl(var(--bs-sable-text-emphasis-hsl));
	--bs-sable-bg-subtle: hsl(
		var(--bs-sable-hue),
		var(--bs-sable-saturation),
		8%
	);
	--bs-sable-border-subtle: var(--bs-sable-600);

	/* Primary */

	--bs-primary-hue: var(--bs-lightgray-hue);
	--bs-primary-saturation: var(--bs-lightgray-saturation);
	--bs-primary-100-hsl: var(--bs-lightgray-100-hsl);
	--bs-primary-200-hsl: var(--bs-lightgray-200-hsl);
	--bs-primary-300-hsl: var(--bs-lightgray-300-hsl);
	--bs-primary-400-hsl: var(--bs-lightgray-400-hsl);
	--bs-primary-500-hsl: var(--bs-lightgray-500-hsl);
	--bs-primary-600-hsl: var(--bs-lightgray-600-hsl);
	--bs-primary-700-hsl: var(--bs-lightgray-700-hsl);
	--bs-primary-800-hsl: var(--bs-lightgray-800-hsl);
	--bs-primary-900-hsl: var(--bs-lightgray-900-hsl);
	--bs-primary-100: var(--bs-lightgray-100);
	--bs-primary-200: var(--bs-lightgray-200);
	--bs-primary-300: var(--bs-lightgray-300);
	--bs-primary-400: var(--bs-lightgray-400);
	--bs-primary-500: var(--bs-lightgray-500);
	--bs-primary-600: var(--bs-lightgray-600);
	--bs-primary-700: var(--bs-lightgray-700);
	--bs-primary-800: var(--bs-lightgray-800);
	--bs-primary-900: var(--bs-lightgray-900);
	--bs-primary-hsl: var(--bs-lightgray-hsl);
	--bs-primary: var(--bs-lightgray);
	--bs-primary-foreground-hsl: var(--bs-lightgray-foreground-hsl);
	--bs-primary-foreground: var(--bs-lightgray-foreground);
	--bs-primary-text-emphasis-hsl: var(--bs-lightgray-text-emphasis-hsl);
	--bs-primary-text-emphasis: var(--bs-lightgray-text-emphasis);
	--bs-primary-hover-bg: var(--bs-lightgray-hover-bg);
	--bs-primary-active-bg: var(--bs-lightgray-active-bg);
	--bs-primary-bg-subtle: var(--bs-lightgray-bg-subtle);
	--bs-primary-border-subtle: var(--bs-lightgray-border-subtle);
	--bs-primary-checkbox-svg: var(--bs-lightgray-checkbox-svg);
	--bs-primary-dash-svg: var(--bs-lightgray-dash-svg);
	--bs-primary-radio-svg: var(--bs-lightgray-radio-svg);
	--bs-primary-switch-svg: var(--bs-lightgray-switch-svg);

	/* Info */

	--bs-info-text-emphasis-hsl: var(--bs-blue-text-emphasis-hsl);
	--bs-info-text-emphasis: var(--bs-blue-text-emphasis);
	--bs-info-bg-subtle: var(--bs-blue-bg-subtle);
	--bs-info-border-subtle: var(--bs-blue-border-subtle);
}

/* Variables */

:root,
[data-bs-theme="light"] {

	/* Font family */

	--bs-font-monospace: "Fira Code", monospace;
	--bs-body-font-family: -apple-system, BlinkMacSystemFont, Arial, system-ui,
		"Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans",
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";

	/* Font size */

	--bs-font-size-base: 1rem;
	--bs-font-size-sm: 0.875rem;
	--bs-font-size-lg: 1.125rem;
	--bs-relative-font-size-sm: 0.875em; /* 14px */
	--bs-relative-font-size-xs: 0.75em; /* 12px */
	--bs-relative-font-size-2xs: 0.625em; /* 10px */
	--bs-relative-font-size-3xs: 0.5em; /* 8px */
	--bs-relative-font-size-4xs: 0.375em; /* 6px */
	--bs-relative-font-size-5xs: 0.25em; /* 4px */
	--bs-relative-font-size-6xs: 0.125em; /* 2px */
	--bs-relative-font-size-7xs: 0.0625em; /* 1px */

	/* Link */

	--bs-link-decoration-offset: var(--bs-relative-font-size-6xs);

	/* Content (used as needed in cards, panels, menus, etc.) */

	--bs-content-bg-hsl: var(--bs-body-bg-hsl);
	--bs-content-border-color: var(--bs-border-color);

	/* Action (used as needed in buttons, inputs, menu items, page links, etc.) */

	--bs-action-line-height: calc(24 / 16);
	--bs-action-sm-line-height: calc(20 / 14);
	--bs-action-lg-line-height: calc(28 / 18);
	--bs-action-border-color: var(--bs-border-color);

	/* Form */

	--bs-form-focus-border-color: var(--bs-primary-border-subtle);

	/* Contextual buttons */

	--bs-ctx-btn-border-color: transparent;
	--bs-ctx-btn-bg-clip: border-box;

	/* Action bar (used as needed in range, progress, etc.) */

	--bs-actionbar-border-color: hsla(var(--bs-emphasis-color-hsl), 0.075);
	--bs-progresstrack-border-width: 0;
	--bs-progresstrack-box-shadow: inset 0 0 0 var(--bs-border-width)
		var(--bs-actionbar-border-color);
	--bs-progresstrack-bg-clip: border-box;
}

[data-bs-theme="light"] {

	/* Color */

	--bs-body-color-hsl: var(--bs-color-hue), var(--bs-color-saturation), 10%;
	--bs-secondary-color-hsl: var(--bs-color-hue), var(--bs-color-saturation), 33%;
	--bs-tertiary-color-hsl: var(--bs-color-hue), var(--bs-color-saturation), 65%;

	/* Background */

	--bs-body-bg-hsl: 0, 0%, 100%;
	--bs-secondary-bg-hsl: 0, 0%, 96%;
	--bs-tertiary-bg-hsl: 0, 0%, 94%;

	/* Border */

	--bs-border-color: var(--bs-lightgray-700);
}

[data-bs-theme="dark"] {

	/* Color */

	--bs-body-color-hsl: var(--bs-color-hue), var(--bs-color-saturation), 85%;
	--bs-secondary-color-hsl: var(--bs-color-hue), var(--bs-color-saturation), 65%;
	--bs-tertiary-color-hsl: var(--bs-color-hue), var(--bs-color-saturation), 35%;

	/* Background */

	--bs-body-bg-hsl: 0, 0%, 8%;
	--bs-secondary-bg-hsl: 0, 0%, 6%;
	--bs-tertiary-bg-hsl: 0, 0%, 4%;

	/* Border */

	--bs-border-color: var(--bs-darkgray-800);

	/* Action (used as needed in buttons, inputs, menu items, page links, etc.) */

	--bs-action-bg: hsl(0, 0%, 10%);
	--bs-action-hover-bg: hsl(0, 0%, 12%);
	--bs-action-active-bg: hsl(0, 0%, 14%);
	--bs-action-disabled-bg: hsl(0, 0%, 16%);
}

/* Layout */

@media (min-width: 1500px) {
    
	html {
		background-color: var(--bs-secondary-bg);
	}

	body {
		width: 1480px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	.main-content {
		width: 720px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

:target {
	scroll-margin-top: 58px;
}

/* Form */

.form-label,
.form-check-label {
	font-size: 15px;
}

.form-control:focus,
.form-check-input:focus {
	border-color: var(--bs-form-focus-border-color);
	box-shadow: 0 0 0 var(--bs-focus-ring-width)
		hsla(var(--bs-form-focus-shadow-hsl), 0.2);
}

.form-check-input[type="checkbox"] {
	border-radius: var(--bs-relative-font-size-5xs);
}

/* Buttons */

.btn.btn-secondary:focus-visible {
	border-color: var(--bs-primary-border-subtle) !important;
	box-shadow: 0 0 0 var(--bs-focus-ring-width)
		hsla(var(--bs-form-focus-shadow-hsl), 0.2);
}

/* Navbar */

.navbar {
	--bs-navbar-color: var(--bs-secondary-color);
	--bs-navbar-hover-color: var(--bs-body-color);
	--bs-navbar-disabled-color: var(--bs-tertiary-color);
	--bs-navbar-active-color: var(--bs-emphasis-color);
	background-color: var(--bs-body-bg);
}

/* Navs and tabs */

.nav-pills {
	--bs-nav-pills-link-active-color: var(--bs-action-color);
	--bs-nav-pills-link-active-bg: var(--bs-action-bg);
}

.nav-pills .nav-link {
	border: 1px solid transparent;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	border-color: var(--bs-border-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.nav-pills .nav-link:focus-visible {
	border-color: var(--bs-primary-border-subtle);
	box-shadow: 0 0 0 var(--bs-focus-ring-width)
		hsla(var(--bs-form-focus-shadow-hsl), 0.2);
}

/* Display */

.display-h1 {
	font-size: 52px;
}

.display-h2 {
	font-size: 38px;
}

.display-p {
	font-size: 16px;
}

#hero .display-p {
	font-size: 17px;
}

.display-link {
	--bs-link-underline-opacity: 0.75;
	color: inherit;
	text-underline-offset: var(--bs-relative-font-size-6xs);
	-webkit-text-decoration-color: hsla(
		var(--bs-link-color-hsl),
		var(--bs-link-underline-opacity)
	);
	text-decoration-color: hsla(
		var(--bs-link-color-hsl),
		var(--bs-link-underline-opacity)
	);
	text-decoration-thickness: 1px;
	-webkit-font-smoothing: var(--bs-body-webkit-font-smoothing);
	-moz-osx-font-smoothing: var(--bs-body-moz-osx-font-smoothing);
}

.display-link:hover {
	color: var(--bs-body-color);
}

.display-code {
	font-size: 14px;
	color: hsl(var(--bs-color-hue), var(--bs-color-saturation), 25%);
}

[data-bs-theme="dark"] .display-code {
	color: hsl(var(--bs-color-hue), var(--bs-color-saturation), 75%);
}

@media (max-width: 575.98px) {
	.display-h1 {
		font-size: 44px;
	}

	.display-h2 {
		font-size: 32px;
	}

	#hero .display-p {
		font-size: 16px;
	}

	.display-p {
		font-size: 16px;
	}
}

/* Code */

pre,
code,
kbd,
samp,
.font-monospace {
	font-variant-ligatures: none;
}

.code-container pre {
	padding: 16px 24px 16px 56px;
	font-size: 14px;
	tab-size: 2;
}

@media (min-width: 576px) {
	.code-container pre {
		max-height: 480px;
	}
}

.code-container .hljs-ln-numbers {
	display: block;
	width: auto;
	user-select: none;
	text-align: center;
	vertical-align: top;
	color: var(--bs-tertiary-color);
	margin-left: -72px;
}

.code-container .hljs-ln-code {
	padding-right: 24px;
}

/* Mobile code collapse */

.mobile-code-collapse > summary {
	list-style: none;
}

.mobile-code-collapse > summary::-webkit-details-marker {
	display: none;
}

.mobile-code-collapse .show-closed {
	display: inline-block;
}

.mobile-code-collapse[open] .show-closed {
	display: none;
}

.mobile-code-collapse .show-open {
	display: none;
}

.mobile-code-collapse[open] .show-open {
	display: inline-block;
}

/* Alerts */

.alert-link,
.alert-link:hover {
	text-decoration-thickness: 1px;
}

/* Icon */

.custom-icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
}

.custom-icon path {
	fill: currentColor;
}

/* Custom scrollbar */

.custom-scrollbar {
	scroll-behavior: smooth;
}

.custom-scrollbar::-webkit-scrollbar {
	width: 14px;
	height: 14px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: hsla(var(--bs-emphasis-color-hsl), 0.25);
	border: 4px solid transparent;
	background-clip: padding-box;
	border-radius: var(--bs-border-radius-pill);
}

.custom-scrollbar::-webkit-scrollbar-thumb:vertical {
	min-height: 36px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:horizontal {
	min-width: 36px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: hsla(var(--bs-emphasis-color-hsl), 0.5);
	background-clip: padding-box;
}

.custom-scrollbar::-webkit-scrollbar-track {
	background: 0 0;
}

.custom-scrollbar::-webkit-scrollbar-corner {
	background-color: transparent;
}

@supports (-moz-appearance: none) {
	.custom-scrollbar {
		scrollbar-color: hsla(var(--bs-emphasis-color-hsl), 0.25) transparent;
		scrollbar-width: thin;
	}
}

/* Utilities */

@media (min-width: 1200px) {
	.bg-body-xl-secondary {
		background-color: var(--bs-secondary-bg) !important;
	}
}

.bg-body-invert {
	--bs-bg-opacity: 1;
	background-color: hsla(
		var(--bs-emphasis-color-hsl),
		var(--bs-bg-opacity)
	) !important;
}

.bg-opacity-5 {
	--bs-bg-opacity: 0.05;
}

.bg-opacity-3 {
	--bs-bg-opacity: 0.03;
}

.border-translucent {
	border-color: var(--bs-border-color-translucent) !important;
}

.top-navbar {
	top: 58px !important;
}

.font-heading {
	font-family: "Inter Heading", sans-serif !important;
}

.specific-fs-12 {
	font-size: 12px !important;
}

.specific-fs-13 {
	font-size: 13px !important;
}

.specific-fs-14 {
	font-size: 14px !important;
}

.specific-fs-15 {
	font-size: 15px !important;
}

.specific-fs-16 {
	font-size: 16px !important;
}

.specific-fs-18 {
	font-size: 18px !important;
}

.specific-fs-20 {
	font-size: 20px !important;
}

.specific-fs-22 {
	font-size: 22px !important;
}

.specific-fs-24 {
	font-size: 24px !important;
}

.tracking-wide {
	letter-spacing: 0.025em !important;
}

.cursor-default {
	cursor: default !important;
}

[data-bs-theme="light"] .d-none-lm {
	display: none !important;
}

[data-bs-theme="dark"] .d-none-dm {
	display: none !important;
}

.specific-w-20 {
	width: 20px !important;
}

.specific-w-30 {
	width: 30px !important;
}

.specific-w-34 {
	width: 34px !important;
}

.specific-w-762 {
	width: 762px !important;
}

@media (min-width: 1200px) {
	.specific-w-xl-860 {
		width: 860px !important;
	}
}

.specific-h-30 {
	height: 30px !important;
}

.specific-h-34 {
	height: 34px !important;
}

.specific-h-40 {
	height: 40px !important;
}

.specific-h-42 {
	height: 42px !important;
}

.specific-h-120 {
	height: 120px !important;
}

.specific-h-564 {
	height: 564px !important;
}

@media (max-width: 575.98px) {
	.specific-h-xs-620 {
		height: 620px !important;
	}
}

.specific-h-650 {
	height: 650px !important;
}

@media (min-width: 768px) {
	.specific-h-md-280 {
		height: 280px !important;
	}
}

@media (min-width: 1200px) {
	.specific-h-xl-280 {
		height: 280px !important;
	}
}

.opacity-90 {
	opacity: 0.9 !important;
}

/* Forms.md forms */

.formsmd-container .fmd-root {
	--fmd-content-padding-x: 20px !important;
	--fmd-content-padding-x-md: 20px !important;
	--fmd-content-padding-x-xs: 20px !important;
}

@media (min-width: 576px) {
	.formsmd-container .fmd-root .fmd-main {
		padding-left: 36px !important;
		padding-right: 36px !important;
	}
}

.formsmd-container .fmd-root .fmd-footer {
	padding-right: 8px !important;
	padding-bottom: 8px !important;
}

.formsmd-container .fmd-root .fmd-footer-inner {
	padding-right: 4px !important;
}

#footer #subscriber-form .fmd-root {
	--fmd-spacer: 8px;
}

#footer #subscriber-form .fmd-root,
#ai-form-builder-waitlist-form .fmd-root {
	--fmd-border-radius: 6px;
}

#footer #subscriber-form .fmd-root .fmd-btn-accent:not(:focus-visible),
#ai-form-builder-waitlist-form .fmd-root .fmd-btn-accent:not(:focus-visible) {
	box-shadow: none;
}