/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
	border-color: rgb(var(--color-gray-200)/1);
	border-style: solid;
	border-width: 0;
	box-sizing: border-box;
}

:after,
:before {
	--tw-content: ""
}

:host,
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;

}

body {
	line-height: inherit;
	margin: 0;
	background-color: #000 !important;

}

@media (min-width: 2500px) {
	#scale-wrapper {
		transform: scale(1.4);
		transform-origin: top center;
	}
}

hr {
	border-top-width: 1px;
	color: inherit;
	height: 0
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-feature-settings: normal;
	font-size: 1em;
	font-variation-settings: normal
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-feature-settings: inherit;
	font-size: 100%;
	font-variation-settings: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

menu,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: rgb(var(--color-gray-400)/1);
	opacity: 1
}

input::placeholder,
textarea::placeholder {
	color: rgb(var(--color-gray-400)/1);
	opacity: 1
}

[role=button],
button {
	cursor: pointer
}

:disabled {
	cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle
}

img,
video {
	height: auto;
	max-width: 100%
}

[hidden] {
	display: none
}

html {
	font-family: var(--font-body, ui-sans-serif), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

html.has-serif-body {
	font-family: var(--font-body, ui-serif), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
}

.has-headings-font,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-headings, ui-sans-serif), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

html.has-serif-headings .has-headings-font,
html.has-serif-headings h1,
html.has-serif-headings h2,
html.has-serif-headings h3,
html.has-serif-headings h4,
html.has-serif-headings h5,
html.has-serif-headings h6 {
	font-family: var(--font-headings, ui-serif), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
}

.dark {
	color-scheme: dark
}

.dark iframe {
	color-scheme: normal
}

*,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #0000;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #0000;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia:
}

.aspect-h-1 {
	--tw-aspect-h: 1
}

.aspect-h-16 {
	--tw-aspect-h: 16
}

.aspect-h-3 {
	--tw-aspect-h: 3
}

.aspect-h-4 {
	--tw-aspect-h: 4
}

.aspect-h-5 {
	--tw-aspect-h: 5
}

.aspect-h-9 {
	--tw-aspect-h: 9
}

.aspect-w-1 {
	padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	position: relative;
	--tw-aspect-w: 1
}

.aspect-w-1>* {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.aspect-w-16 {
	padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	position: relative;
	--tw-aspect-w: 16
}

.aspect-w-16>* {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.aspect-w-3 {
	padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	position: relative;
	--tw-aspect-w: 3
}

.aspect-w-3>* {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.aspect-w-4 {
	padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	position: relative;
	--tw-aspect-w: 4
}

.aspect-w-4>* {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.aspect-w-5 {
	padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	position: relative;
	--tw-aspect-w: 5
}

.aspect-w-5>* {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.aspect-w-9 {
	padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	position: relative;
	--tw-aspect-w: 9
}

.aspect-w-9>* {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.outer {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1920px;
	width: 100%
}

.content {
	color: var(--content-body)
}

.content a,
.has-links a {
	color: var(--content-links);
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: var(--ghost-accent-color);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px
}

.content a:hover,
.has-links a:hover {
	color: var(--ghost-accent-color)
}

.content strong {
	color: var(--content-bold);
	font-weight: 600
}

.content a strong,
.has-links a strong {
	color: inherit
}

.content strong a {
	font-weight: inherit
}

.content blockquote strong,
.content thead th strong {
	color: inherit
}

.content ol {
	list-style-type: decimal
}

.content ol[type=A] {
	list-style-type: upper-alpha
}

.content ol[type=a] {
	list-style-type: lower-alpha
}

.content ol[type=A s] {
	list-style-type: upper-alpha
}

.content ol[type=a s] {
	list-style-type: lower-alpha
}

.content ol[type=I] {
	list-style-type: upper-roman
}

.content ol[type=i] {
	list-style-type: lower-roman
}

.content ol[type=I s] {
	list-style-type: upper-roman
}

.content ol[type=i s] {
	list-style-type: lower-roman
}

.content ol[type="1"] {
	list-style-type: decimal
}

.content ul {
	list-style-type: disc
}

.content ol>li::marker {
	color: var(--content-counters);
	font-weight: 400
}

.content ul>li::marker {
	color: var(--content-bullets)
}

.content hr {
	border-color: var(--content-hr);
	border-top-width: 1
}

.content blockquote {
	border-left-color: var(--content-quote-borders);
	border-left-width: .25rem;
	color: var(--content-quotes);
	font-style: italic;
	font-weight: 500;
	quotes: "\201C""\201D""\2018""\2019"
}

.content blockquote strong {
	font-weight: 700
}

.content blockquote:before {
	content: open-quote
}

.content blockquote:after {
	content: close-quote
}

.content h1 {
	color: var(--content-headings);
	font-weight: 800
}

.content h1 strong {
	color: inherit;
	font-weight: 900
}

.content h2 {
	color: var(--content-headings);
	font-weight: 700
}

.content h2 strong {
	color: inherit;
	font-weight: 800
}

.content h3 {
	color: var(--content-headings);
	font-weight: 600
}

.content h3 strong {
	color: inherit;
	font-weight: 700
}

.content h4 {
	color: var(--content-headings);
	font-weight: 600
}

.content h4 strong {
	color: inherit;
	font-weight: 700
}

.content figcaption,
.has-figcaption figcaption {
	color: var(--content-captions);
	text-align: center
}

.content code {
	color: var(--content-code);
	font-weight: 600
}

.content code:after,
.content code:before {
	content: "`"
}

.content a code,
.has-links a code {
	color: inherit
}

.content h1 code,
.content h2 code {
	color: inherit;
	font-weight: inherit
}

.content blockquote code,
.content h3 code,
.content h4 code,
.content thead th code {
	color: inherit
}

.has-inline-code-block .content code:after,
.has-inline-code-block .content code:before {
	content: ""
}

.has-inline-code-block .content code {
	background-color: rgb(var(--color-gray-100)/1);
	border: 1px solid rgb(var(--color-gray-900)/.1);
	border-radius: 4px;
	font-size: calc(1em - 2px);
	font-size: max(calc(1em - 2px), 13px);
	padding: 3px 6px
}

.has-inline-code-block.dark .content code {
	background-color: rgb(var(--color-gray-800)/1);
	border-color: rgb(var(--color-gray-50)/.1)
}

.has-inline-code-block .kg-callout-card code {
	padding-block: 2px
}

.has-inline-code-block .kg-callout-card:not(.kg-callout-card-white) code {
	background-color: rgb(var(--color-gray-950)/.05)
}

.has-inline-code-block.dark .kg-callout-card:not(.kg-callout-card-white) code {
	background-color: rgb(var(--color-gray-950)/.1)
}

.has-inline-code-block .kg-callout-card.kg-callout-card-accent code {
	color: inherit
}

.has-inline-code-block.dark .kg-callout-card.kg-callout-card-accent code {
	border-color: rgb(var(--color-gray-900)/.1)
}

.has-inline-code-block .kg-header-card.kg-style-dark code {
	background-color: rgb(var(--color-gray-800)/1);
	border-color: rgb(var(--color-gray-50)/.1)
}

.has-inline-code-block.dark .kg-header-card.kg-style-dark code {
	background-color: rgb(var(--color-gray-200)/1);
	border-color: rgb(var(--color-gray-900)/.1)
}

.has-inline-code-block .kg-header-card.kg-style-accent code,
.has-inline-code-block .kg-header-card.kg-style-image code {
	background-color: rgb(var(--color-gray-950)/.1);
	border-color: rgb(var(--color-gray-950)/.1);
	color: inherit
}

.has-inline-code-block .kg-signup-card code {
	color: inherit
}

.has-inline-code-block .kg-signup-card picture~.kg-signup-card-content code,
.has-inline-code-block .kg-signup-card.kg-style-accent code {
	background-color: rgb(var(--color-gray-950)/.1);
	border-color: rgb(var(--color-gray-950)/.1);
	color: inherit
}

.has-inline-code-block .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] code {
	background-color: rgb(var(--color-gray-800)/1);
	border-color: rgb(var(--color-gray-50)/.1);
	color: inherit
}

.has-inline-code-block.dark .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] code {
	background-color: rgb(var(--color-gray-200)/1);
	border-color: rgb(var(--color-gray-900)/.1);
	color: inherit
}

.content pre {
	background-color: var(--content-pre-bg);
	color: var(--content-pre-code);
	font-weight: 400;
	overflow-x: auto
}

.dark .content pre {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-inset: inset;
	--tw-ring-color: rgb(var(--color-gray-50)/0.05)
}

html.no-img-background [data-hero] figure>img.dark .content pre:first-child {
	background-color: transparent
}

html.no-img-border [data-hero] figure>img.dark .content pre:first-child {
	box-shadow: none
}

.content pre code,
.has-inline-code-block .content pre code {
	background-color: transparent;
	border-radius: 0;
	border-width: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	padding: 0
}

.content pre code:after,
.content pre code:before {
	content: none
}

.content table {
	table-layout: auto;
	text-align: left;
	width: 100%
}

.content thead {
	border-bottom-color: var(--content-th-borders);
	border-bottom-width: 1px
}

.content thead th {
	color: var(--content-headings);
	font-weight: 600;
	vertical-align: bottom;
	white-space: nowrap
}

.content tbody tr {
	border-bottom-color: var(--content-td-borders);
	border-bottom-width: 1px
}

.content tbody tr:last-child {
	border-bottom-width: 0
}

.content tbody td {
	vertical-align: baseline;
	white-space: nowrap
}

.content tfoot {
	border-top-color: var(--content-th-borders);
	border-top-width: 1px
}

.content tfoot td {
	vertical-align: top
}

.content .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.content mark {
	background: rgb(var(--ghost-accent-color-rgb, 245 158 11)/.2);
	border-radius: .125rem;
	color: inherit;
	padding-left: .1em;
	padding-right: .1em
}

.content img {
	border-radius: .375rem
}

.content .kg-gallery-image:not([style]) {
	flex-grow: 0.33333;
	flex-shrink: 1
}

html:not(.no-img-background) .content .kg-gallery-image img,
html:not(.no-img-background) .content .kg-image-card img,
html:not(.no-img-background) .content .kg-product-card .kg-product-card-image {
	background-color: rgba(0, 0, 0, .05)
}

.content .kg-image-card img {
	margin: auto
}

.content .kg-gallery-card img,
.content .kg-image-card img {
	cursor: zoom-in;
	margin-bottom: 0;
	margin-top: 0
}

.content .kg-gallery-card>a img,
.content .kg-image-card>a img {
	cursor: pointer;
	margin-bottom: 0;
	margin-top: 0
}

.content .kg-gallery-card img {
	border-radius: .25rem
}

.content .kg-blockquote-alt {
	border: none;
	line-height: 1.375
}

.content .kg-blockquote-alt:before {
	color: var(--ghost-accent-color);
	content: "“";
	display: block;
	font-size: 200%;
	line-height: .4;
	padding-top: .5em
}

.content .kg-blockquote-alt a {
	text-decoration-thickness: 3px;
	text-underline-offset: 3px
}

@media (max-width:600px) {
	.content .kg-blockquote-alt {
		padding-left: 1em;
		padding-right: 1em
	}

	.content .kg-blockquote-alt a {
		text-decoration-thickness: 2px;
		text-underline-offset: 2px
	}
}

.content .kg-product-card-container {
	border: 1px solid rgb(var(--color-gray-900)/.1);
	/* border-radius: .375rem; */
	border-radius: 8px;
	box-shadow: none;
	padding: 1rem;
	background-color: black;
}

.dark .content .kg-product-card-container {
	border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-product-card-container img {
	border-radius: .25rem;
	margin: 0
}

.content .kg-product-card .kg-product-card-title {
	font-family: inherit
}

.content .kg-product-card .kg-product-card-rating-star {
	align-items: center;
	color: #f59e0b;
	display: flex;
	height: 20px;
	justify-content: center;
	width: 20px
}

.content .kg-product-card .kg-product-card-button,
.content .kg-product-card .kg-product-card-description ol,
.content .kg-product-card .kg-product-card-description p,
.content .kg-product-card .kg-product-card-description ul {
	font-family: inherit;
	opacity: 1
}

.content .kg-product-card .kg-product-card-button {
	border-radius: .25rem;
	height: auto;
	line-height: 1.375;
	min-height: 2.4em;
	padding-bottom: .5rem;
	padding-top: .5rem;
	text-align: center;
	transition: none
}

.content .kg-product-card .kg-product-card-button:hover {
	opacity: .85
}

.content .kg-toggle-card {
	border: 1px solid rgb(var(--color-gray-900)/.1);
	border-radius: .375rem;
	box-shadow: none;
	padding: .875rem
}

.dark .content .kg-toggle-card {
	border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-toggle-heading svg {
	color: rgb(var(--color-gray-400)/1)
}

.dark .content .kg-toggle-heading svg {
	color: rgb(var(--color-gray-500)/1)
}

.content .kg-button-card .kg-btn {
	border-radius: .375rem;
	height: auto;
	line-height: 1.375;
	min-height: 2.4em;
	padding-bottom: .5rem;
	padding-top: .5rem;
	text-align: center;
	transition: none
}

.content .kg-video-container {
	border-radius: .375rem;
	overflow: hidden
}

.content .kg-video-overlay,
.content .kg-video-player-container {
	z-index: 10
}

.content .kg-video-overlay.kg-video-hide-animated,
.content .kg-video-player-container.kg-video-hide-animated {
	z-index: -1
}

.content .kg-audio-card {
	border: 1px solid rgb(var(--color-gray-900)/.1);
	border-radius: .375rem;
	box-shadow: none
}

.dark .content .kg-audio-card {
	border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-audio-thumbnail {
	border-radius: .25rem
}

.content .kg-audio-title {
	color: var(--content-headings)
}

.content .kg-audio-time {
	color: rgb(var(--color-gray-400)/1)
}

.dark .content .kg-audio-time {
	color: rgb(var(--color-gray-500)/1)
}

.content .kg-file-card-container {
	border: 1px solid rgb(var(--color-gray-900)/.1);
	border-radius: .375rem;
	box-shadow: none;
	padding: .5rem
}

.dark .content .kg-file-card-container {
	border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-file-card-title {
	color: var(--content-headings)
}

.content .kg-file-card-title+.kg-file-card-caption {
	font-size: .875rem;
	margin-top: .5rem
}

.content .kg-file-card-icon:before {
	border-radius: .25rem
}

.content .kg-bookmark-card .kg-bookmark-container,
.content .kg-bookmark-card .kg-bookmark-container:hover {
	border-color: rgb(var(--color-gray-900)/.1);
	border-radius: .375rem;
	padding: .875rem
}

.dark .content .kg-bookmark-card .kg-bookmark-container {
	border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-bookmark-card .kg-bookmark-container:hover {
	background-color: rgb(var(--color-gray-50)/1)
}

.dark .content .kg-bookmark-card .kg-bookmark-container:hover {
	background-color: rgb(var(--color-gray-800)/1)
}

.content .kg-bookmark-card .kg-bookmark-content {
	padding: 0
}

.content .kg-bookmark-card .kg-bookmark-title {
	color: var(--content-headings);
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: .5rem
}

.content .kg-bookmark-card .kg-bookmark-description {
	color: var(--content-captions);
	font-size: .875rem;
	line-height: 1.5;
	margin-bottom: 1.25rem;
	margin-top: 0;
	opacity: 1
}

.content .kg-bookmark-card .kg-bookmark-icon {
	border-radius: .125rem;
	margin-bottom: 0;
	margin-top: 0
}

.content .kg-bookmark-card .kg-bookmark-metadata {
	font-size: .875rem;
	margin-top: 0
}

.content .kg-bookmark-card .kg-bookmark-metadata>* {
	color: var(--content-captions);
	font-size: .875rem;
	line-height: 1.5;
	opacity: 1
}

.content .kg-bookmark-card .kg-bookmark-thumbnail {
	background-color: rgba(0, 0, 0, .05);
	border-radius: .25rem;
	margin-left: 1rem;
	min-height: 120px;
	min-width: 25%;
	overflow: hidden
}

.content .kg-bookmark-card .kg-bookmark-thumbnail img {
	border-radius: .25rem;
	margin: 0
}

.content .kg-bookmark-card .kg-bookmark-author {
	flex-shrink: 0;
	width: auto
}

@media (max-width:640px) {
	.content .kg-bookmark-card .kg-bookmark-container {
		flex-direction: column-reverse
	}

	.content .kg-bookmark-card .kg-bookmark-content {
		padding: 0
	}

	.content .kg-bookmark-card .kg-bookmark-thumbnail {
		aspect-ratio: 16/9;
		margin-bottom: 1rem;
		margin-left: 0
	}
}

.content .kg-callout-card {
	border-radius: .375rem
}

.content .kg-callout-card .kg-callout-emoji {
	flex-shrink: 0
}

.content .kg-callout-card-grey {
	background-color: rgb(var(--color-gray-50)/1)
}

.dark .content .kg-callout-card-grey {
	background-color: rgb(var(--color-gray-800)/1)
}

.content .kg-callout-card-white {
	box-shadow: inset 0 0 0 1px rgb(var(--color-gray-900)/.1)
}

.dark .content .kg-callout-card-white {
	box-shadow: inset 0 0 0 1px rgb(var(--color-gray-50)/.1)
}

.dark .content .kg-callout-card-blue {
	background-color: rgba(14, 165, 233, .2)
}

.dark .content .kg-callout-card-green {
	background-color: rgba(16, 185, 129, .2)
}

.dark .content .kg-callout-card-yellow {
	background-color: rgba(249, 115, 22, .2)
}

.dark .content .kg-callout-card-red {
	background-color: rgba(239, 68, 68, .2)
}

.dark .content .kg-callout-card-pink {
	background-color: rgba(236, 72, 153, .2)
}

.dark .content .kg-callout-card-purple {
	background-color: rgba(168, 85, 247, .2)
}

.content .kg-callout-card.kg-callout-card-accent strong {
	color: inherit
}

.content .kg-callout-card.kg-callout-card-accent a {
	text-decoration-thickness: 2px
}

.content .kg-callout-card.kg-callout-card-accent a:hover {
	opacity: .85
}

.content .kg-embed-card {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%
}

.content .kg-embed-card iframe {
	border-radius: .375rem
}

.content .kg-embed-card iframe[src*="codepen.io"],
.content .kg-embed-card iframe[src*="soundcloud.com"] {
	aspect-ratio: 16/9;
	height: 100%;
	max-height: 432px
}

.content .kg-embed-card iframe[src*="spotify.com"] {
	aspect-ratio: 16/9;
	max-height: 432px
}

.content iframe.instagram-media {
	margin: 6vmin auto 0 !important
}

.content iframe.instagram-media+script+:not([id]) {
	margin-top: 6vmin
}

.content .kg-width-full,
.content .kg-width-wide {
	display: block
}

.content .kg-width-full img {
	border-radius: 0;
	width: 100%
}

.content.has-wide .kg-width-wide {
	left: 50%;
	margin-left: calc(-50vw + 1.25rem);
	position: relative;
	width: calc(100vw - 2.5rem)
}

.content.has-full .kg-width-full {
	border-radius: 0;
	left: 50%;
	margin-left: -50vw;
	position: relative;
	width: 100vw
}

@media (min-width:1024px) {
	.content.has-wide .kg-width-wide {
		left: 0;
		margin-left: calc(-128px + 1.25rem);
		position: relative;
		width: calc(100% + 256px - 2.5rem)
	}
}

.content.has-full .kg-header-card {
	align-items: center;
	display: flex;
	text-align: center
}

.content .kg-header-card.kg-style-light {
	background-color: rgb(var(--color-gray-50)/1)
}

.content .kg-header-card.kg-style-dark,
.dark .content .kg-header-card.kg-style-light {
	background-color: rgb(var(--color-gray-950)/1)
}

.dark .content .kg-header-card.kg-style-dark {
	background-color: rgb(var(--color-gray-50)/1);
	color: rgb(var(--color-gray-900)/1)
}

.content .kg-header-card.kg-style-dark .kg-header-card-header,
.content .kg-header-card.kg-style-dark .kg-header-card-subheader {
	color: rgb(var(--color-gray-50)/1)
}

.dark .content .kg-header-card.kg-style-dark .kg-header-card-header,
.dark .content .kg-header-card.kg-style-dark .kg-header-card-subheader {
	color: rgb(var(--color-gray-900)/1)
}

.content .kg-header-card.kg-style-dark .kg-header-card-button {
	background-color: rgb(var(--color-gray-50)/1);
	color: rgb(var(--color-gray-900)/1)
}

.dark .content .kg-header-card.kg-style-dark .kg-header-card-button {
	background-color: rgb(var(--color-gray-900)/1);
	color: rgb(var(--color-gray-50)/1)
}

.content .kg-header-card .kg-header-card-header,
.content .kg-header-card .kg-header-card-header strong {
	font-weight: 700
}

.content .kg-header-card h2+.kg-header-card-subheader {
	margin-top: 2.5vh
}

.content .kg-header-card .kg-header-card-subheader {
	margin-bottom: 1vh;
	margin-top: 1vh;
	opacity: .8
}

.content .kg-header-card h2.kg-header-card-header a,
.content .kg-header-card h3.kg-header-card-subheader a {
	color: inherit
}

.content .kg-header-card h2.kg-header-card-header a:hover,
.content .kg-header-card h3.kg-header-card-subheader a:hover {
	color: var(--ghost-accent-color)
}

.content .kg-header-card h2.kg-header-card-header a {
	font-weight: inherit;
	text-decoration-thickness: 4px;
	text-underline-offset: 4px
}

.content .kg-header-card.kg-style-accent h2.kg-header-card-header a,
.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a {
	color: inherit;
	text-decoration-color: inherit
}

.content .kg-header-card.kg-style-accent h2.kg-header-card-header a:hover,
.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a:hover {
	color: inherit;
	opacity: .8
}

.content .kg-header-card .kg-header-card-button {
	border-radius: .25rem
}

.content .kg-card.kg-header-card {
	margin-bottom: 4em;
	margin-top: 4em;
	z-index: 0
}

.content .kg-header-card.kg-width-full+.kg-header-card.kg-width-full,
.content .kg-signup-card.kg-width-full+.kg-header-card.kg-width-full {
	margin-top: -4em
}

.content .kg-header-card.kg-v2 {
	border-radius: .375rem;
	overflow: hidden;
	z-index: 0
}

.content .kg-header-card.kg-v2 code {
	color: inherit
}

.content .kg-header-card.kg-v2 .kg-header-card-heading {
	font-size: 3rem !important;
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.25
}

.content .kg-header-card.kg-v2 .kg-header-card-subheading {
	font-weight: 400 !important;
	margin-top: .5rem !important
}

.content .kg-header-card.kg-v2:not(.kg-width-full) .kg-header-card-subheading {
	font-size: 1.25rem !important
}

.content .kg-header-card.kg-v2 .kg-header-card-button {
	border-radius: .25rem;
	height: auto;
	line-height: 1.25;
	max-width: 100%;
	min-height: 48px;
	padding-bottom: .75rem;
	padding-top: .75rem;
	white-space: normal
}

.content .kg-header-card.kg-v2:not(.kg-layout-split)>picture:after {
	background: #000;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .4;
	position: absolute;
	right: 0;
	top: 0
}

.content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-content {
	padding: min(6.4vmax, 120px) 1.5rem
}

.content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-text {
	margin-left: auto;
	margin-right: auto;
	max-width: 48rem;
	padding: 0
}

.content .kg-header-card.kg-v2.kg-width-full {
	border-radius: 0
}

.content .kg-header-card.kg-v2.kg-width-full:not(.kg-layout-split) .kg-header-card-text {
	padding: min(12vmax, 260px)
}

.content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content>picture {
	margin-bottom: 8rem;
	margin-top: 8rem
}

.content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-image {
	border-radius: .25rem;
	padding: 0
}

@media not all and (min-width:1024px) {
	.content .kg-header-card.kg-v2.kg-width-full .kg-header-card-content {
		padding: min(12vmax, 260px) 1.25rem
	}

	.content .kg-header-card.kg-v2.kg-width-full:not(.kg-layout-split) .kg-header-card-text {
		margin-left: auto;
		margin-right: auto;
		max-width: 48rem;
		padding: 0 !important
	}

	.content .kg-header-card.kg-v2.kg-width-full .kg-header-card-subheading {
		font-size: 1.25rem !important
	}

	.content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-text {
		margin-left: auto;
		margin-right: auto;
		max-width: 48rem;
		padding: min(12vmax, 260px) 0 !important
	}

	.content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content {
		grid-template-columns: 1fr;
		padding: 0 1.25rem !important
	}

	.content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content>picture {
		margin: 0 -1.25rem
	}

	.content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content>picture {
		margin-bottom: 0;
		margin-top: 0
	}

	.content .kg-header-card.kg-v2.kg-layout-split:not(.kg-content-wide) .kg-header-card-image {
		aspect-ratio: 1/1;
		height: auto;
		min-height: unset
	}
}

@media (min-width:1536px) {
	.content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-heading {
		font-size: 3.75rem !important
	}

	.content .kg-header-card.kg-v2.kg-width-full .kg-header-card-heading {
		font-size: clamp(3.6rem, 5.6vw, 6.4rem) !important;
		line-height: 1.1 !important
	}
}

@media not all and (min-width:640px) {
	.content .kg-header-card.kg-v2 .kg-header-card-heading {
		font-size: 1.875rem !important
	}
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] {
	background-color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] {
	background-color: rgb(var(--color-gray-800)/1) !important;
	border: 1px solid rgb(var(--color-gray-50)/10%)
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-heading {
	color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-heading {
	color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-subheading {
	color: rgb(var(--color-gray-500)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-subheading {
	color: rgb(var(--color-gray-400)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#000000"] {
	background-color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#000000"] {
	background-color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-heading {
	color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-heading {
	color: rgb(var(--color-gray-900)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-subheading {
	color: rgb(var(--color-gray-400)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-subheading {
	color: rgb(var(--color-gray-500)/1) !important
}

.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading,
.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading {
	color: var(--color-contrast, #fff) !important
}

.content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-subheading,
.dark .content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-heading,
.dark .content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-subheading {
	color: #fff !important
}

.content .kg-header-card.kg-v2 .kg-header-card-button[style*="background-color: #000000"] {
	background-color: rgb(var(--color-gray-900)/1) !important;
	color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-header-card.kg-v2 .kg-header-card-button.kg-style-accent {
	color: var(--color-contrast, #fff) !important
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-button[style*="background-color: #ffffff"] {
	color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-button[style*="background-color: #ffffff"] {
	background-color: rgb(var(--color-gray-50)/1) !important;
	color: rgb(var(--color-gray-900)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-button[style*="background-color: #000000"] {
	background-color: rgb(var(--color-gray-900)/1) !important;
	color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-button[style*="background-color: #000000"],
html:not(.dark) .content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-button[style*="background-color: #ffffff"] {
	background-color: rgb(var(--color-gray-50)/1) !important;
	color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-button[style*="background-color: #ffffff"] {
	background-color: rgb(var(--color-gray-900)/1) !important;
	color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-header-card.kg-v2 .kg-header-card-heading a {
	font-weight: inherit;
	text-decoration-thickness: 3px;
	text-underline-offset: 3px
}

.content .kg-header-card.kg-v2:not(.kg-style-accent) .kg-header-card-heading a:hover,
.content .kg-header-card.kg-v2:not(.kg-style-accent) .kg-header-card-subheading a:hover {
	color: var(--ghost-accent-color)
}

.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading a,
.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading a {
	text-decoration-color: var(--color-contrast, #fff)
}

.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading a:hover,
.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading a:hover {
	opacity: .8
}

.content .kg-card.kg-signup-card {
	border-radius: .375rem;
	margin-bottom: 4em;
	margin-top: 4em;
	overflow: hidden;
	z-index: 0
}

.content .kg-header-card.kg-width-full+.kg-signup-card.kg-width-full,
.content .kg-signup-card.kg-width-full+.kg-signup-card.kg-width-full {
	margin-top: -4em
}

.content .kg-card.kg-signup-card code {
	color: inherit
}

.content .kg-signup-card .kg-signup-card-heading {
	font-size: 3rem !important;
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.25
}

.content .kg-signup-card .kg-signup-card-subheading {
	font-weight: 400 !important;
	margin-top: .5rem !important
}

.content .kg-signup-card:not(.kg-width-full) .kg-signup-card-subheading {
	font-size: 1.25rem !important
}

.content .kg-signup-card .kg-signup-card-fields {
	border-radius: .375rem
}

.content .kg-signup-card .kg-signup-card-button,
.content .kg-signup-card .kg-signup-card-input {
	max-height: 48px
}

.content .kg-signup-card .kg-signup-card-button {
	border-radius: .25rem
}

.content .kg-signup-card .kg-signup-card-disclaimer {
	font-size: .875rem;
	margin-top: .5rem
}

.content .kg-signup-card:not(.kg-layout-split)>picture:after {
	background: #000;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .4;
	position: absolute;
	right: 0;
	top: 0
}

.content .kg-signup-card.kg-width-wide .kg-signup-card-content {
	padding: min(6.4vmax, 120px) 1.5rem
}

.content .kg-signup-card.kg-width-wide .kg-signup-card-text {
	margin-left: auto;
	margin-right: auto;
	max-width: 48rem;
	padding: 0
}

.content .kg-signup-card.kg-width-full {
	border-radius: 0
}

.content .kg-signup-card.kg-width-full:not(.kg-layout-split) .kg-signup-card-text {
	padding: min(12vmax, 260px)
}

.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content>picture {
	margin-bottom: 8rem;
	margin-top: 8rem
}

.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-image {
	border-radius: .25rem;
	padding: 0
}

@media not all and (min-width:1024px) {
	.content .kg-signup-card.kg-width-full .kg-signup-card-content {
		padding: min(12vmax, 260px) 1.25rem
	}

	.content .kg-signup-card.kg-width-full:not(.kg-layout-split) .kg-signup-card-text {
		margin-left: auto;
		margin-right: auto;
		max-width: 48rem;
		padding: 0 !important
	}

	.content .kg-signup-card.kg-width-full .kg-signup-card-subheading {
		font-size: 1.25rem !important
	}

	.content .kg-signup-card.kg-layout-split .kg-signup-card-text {
		margin-left: auto;
		margin-right: auto;
		max-width: 48rem;
		padding: min(12vmax, 260px) 0 !important
	}

	.content .kg-signup-card.kg-layout-split .kg-signup-card-content {
		grid-template-columns: 1fr;
		padding: 0 1.25rem !important
	}

	.content .kg-signup-card.kg-layout-split .kg-signup-card-content>picture {
		margin: 0 -1.25rem
	}

	.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content>picture {
		margin-bottom: 0;
		margin-top: 0
	}

	.content .kg-signup-card.kg-layout-split:not(.kg-content-wide) .kg-signup-card-image {
		aspect-ratio: 1/1;
		height: auto;
		min-height: unset
	}
}

@media (min-width:1536px) {
	.content .kg-signup-card.kg-width-wide .kg-signup-card-heading {
		font-size: 3.75rem !important
	}

	.content .kg-signup-card.kg-width-full .kg-signup-card-heading {
		font-size: clamp(3.6rem, 5.6vw, 6.4rem) !important;
		line-height: 1.1 !important
	}
}

@media not all and (min-width:640px) {
	.content .kg-signup-card .kg-signup-card-heading {
		font-size: 1.875rem !important
	}
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] {
	background-color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] {
	background-color: rgb(var(--color-gray-800)/1) !important;
	border: 1px solid rgb(var(--color-gray-50)/10%)
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-heading {
	color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-heading {
	color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-error,
.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-subheading,
.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-success {
	color: rgb(var(--color-gray-500)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-error,
.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-subheading,
.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-success {
	color: rgb(var(--color-gray-400)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-disclaimer {
	color: rgb(var(--color-gray-500)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-disclaimer {
	color: rgb(var(--color-gray-400)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-fields {
	background-color: rgb(var(--color-gray-700)/1) !important;
	border: 1px solid rgb(var(--color-gray-50)/10%)
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .error .kg-signup-card-fields {
	border: 1px solid red
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-input {
	background-color: rgb(var(--color-gray-700)/1) !important;
	color: rgb(var(--color-gray-400)/1)
}

.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] {
	background-color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] {
	background-color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-heading {
	color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-heading {
	color: rgb(var(--color-gray-900)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-error,
.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-subheading,
.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-success {
	color: rgb(var(--color-gray-400)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-error,
.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-subheading,
.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-success {
	color: rgb(var(--color-gray-500)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-disclaimer {
	color: rgb(var(--color-gray-400)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-disclaimer {
	color: rgb(var(--color-gray-500)/1) !important
}

html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-fields {
	background-color: rgb(var(--color-gray-700)/1) !important;
	border: 1px solid rgb(var(--color-gray-50)/10%)
}

html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .error .kg-signup-card-fields {
	border: 1px solid red
}

html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-input {
	background-color: rgb(var(--color-gray-700)/1) !important;
	color: rgb(var(--color-gray-400)/1)
}

.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer,
.content .kg-signup-card.kg-style-accent .kg-signup-card-error,
.content .kg-signup-card.kg-style-accent .kg-signup-card-heading,
.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading,
.content .kg-signup-card.kg-style-accent .kg-signup-card-success {
	color: var(--color-contrast, #fff) !important
}

.dark .content .kg-signup-card.kg-style-accent .kg-signup-card-input {
	color: rgb(var(--color-gray-900)/1)
}

.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-disclaimer,
.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-error,
.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-heading,
.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-subheading,
.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-success {
	color: #fff !important
}

.content .kg-signup-card .kg-signup-card-button[style*="background-color: #000000"] {
	background-color: rgb(var(--color-gray-900)/1) !important;
	color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-signup-card .kg-signup-card-button.kg-style-accent {
	color: var(--color-contrast, #fff) !important
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #ffffff"] {
	color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #ffffff"],
html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-button[style*="background-color: #ffffff"] {
	background-color: rgb(var(--color-gray-50)/1) !important;
	color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-button[style*="background-color: #ffffff"] {
	color: rgb(var(--color-gray-900)/1) !important
}

.content .kg-signup-card .kg-signup-card-heading a {
	font-weight: inherit;
	text-decoration-thickness: 3px;
	text-underline-offset: 3px
}

.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer a,
.content .kg-signup-card.kg-style-accent .kg-signup-card-heading a,
.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading a {
	text-decoration-color: var(--color-contrast, #fff)
}

.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer a:hover,
.content .kg-signup-card.kg-style-accent .kg-signup-card-heading a:hover,
.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading a:hover {
	color: inherit;
	opacity: .8
}

.content .kg-button-card a.kg-btn-accent,
.content .kg-callout-card-accent,
.content .kg-callout-card.kg-callout-card-accent a,
.content .kg-header-card.kg-style-accent h2.kg-header-card-header,
.content .kg-header-card.kg-style-accent h2.kg-header-card-header a,
.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader,
.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a,
.content .kg-header-card.kg-style-light a.kg-header-card-button,
.content .kg-product-card a.kg-product-card-btn-accent {
	color: var(--color-contrast, #fff)
}

.content {
	font-size: 1rem;
	line-height: 1.75
}

.content>*+* {
	margin-bottom: 1.5rem;
	margin-top: 1.5rem
}

.content>p {
	margin-bottom: 1.25em;
	margin-top: 1.25em
}

.content>p:before {
	content: "";
	display: inline-flex
}

.content>blockquote {
	margin-bottom: 1.6em;
	margin-top: 1.6em;
	padding-left: 1em
}

.content>h1 {
	font-size: 2.25em;
	letter-spacing: -.025em;
	line-height: 1.11111;
	margin-bottom: .88889em;
	margin-top: 1.77778em
}

.content>h2 {
	font-size: 1.5em;
	letter-spacing: -.025em;
	line-height: 1.33333;
	margin-bottom: 1em;
	margin-top: 2em
}

.content>h3 {
	font-size: 1.25em;
	letter-spacing: -.025em;
	line-height: 1.6;
	margin-bottom: .6em;
	margin-top: 1.6em
}

.content>h4,
.content>h5,
.content>h6 {
	line-height: 1.5;
	margin-bottom: .5em;
	margin-top: 1.5em
}

.content>.kg-card,
.content>figure,
.content>img,
.content>video {
	margin-bottom: 2em;
	margin-top: 2em
}

.content .kg-audio-card+.kg-audio-card,
.content .kg-button-card+.kg-button-card,
.content .kg-callout-card+.kg-callout-card,
.content .kg-file-card+.kg-file-card,
.content .kg-toggle-card+.kg-toggle-card {
	margin-top: -1em
}

.content .kg-gallery-card,
.content .kg-image-card {
	--gap: 0.5em
}

.content .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,
.content .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,
.content .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,
.content .kg-image-card:not(.kg-card-hascaption)+.kg-image-card {
	margin-top: -1.5em
}

.content>figure>* {
	margin-bottom: 0 !important;
	margin-top: 0 !important
}

.content>figure figcaption,
.has-figcaption figcaption {
	font-size: .875em;
	line-height: 1.42857;
	margin-top: .85714em !important
}

.content>code,
.content>h2 code {
	font-size: .875em
}

.content>h3 code {
	font-size: .9em
}

.content pre {
	border-radius: .375rem;
	font-size: .875em;
	line-height: 1.71429;
	padding: .85714em 1.14286em
}

.content>pre {
	margin-bottom: 2.28571em;
	margin-top: 2.28571em
}

.content>.code-toolbar {
	margin-bottom: 2em;
	margin-top: 2em
}

.content ol,
.content ul {
	margin-bottom: 1.25em;
	margin-top: 1.25em;
	padding-left: 1.625em
}

.content ol>li,
.content ul>li {
	margin-bottom: .5em;
	margin-top: .5em;
	padding-left: .375em
}

.content>ol>li p,
.content>ul>li p {
	margin-bottom: .75em;
	margin-top: .75em
}

.content>ol>li>:first-child:not(ul):not(li),
.content>ul>li>:first-child:not(ul):not(li) {
	margin-top: 1.25em
}

.content>ol>li>:last-child:not(ul):not(li),
.content>ul>li>:last-child:not(ul):not(li) {
	margin-bottom: 1.25em
}

.content ol ol,
.content ol ul,
.content ul ol,
.content ul ul {
	margin-bottom: .75em;
	margin-top: .75em
}

.content>hr {
	margin-bottom: 3em;
	margin-top: 3em
}

.content>h2[id]+*,
.content>h3[id]+*,
.content>h4[id]+*,
.content>h5[id]+*,
.content>h6[id]+*,
.content>hr+* {
	margin-top: 0
}

.content .table-responsive,
.content>table {
	font-size: .875em;
	line-height: 1.71429
}

.content>.table-responsive,
.content>table {
	margin-bottom: 2.28571em;
	margin-top: 2.28571em
}

.content thead th {
	padding-bottom: .57143em;
	padding-left: .57143em;
	padding-right: .57143em
}

.content thead th:first-child {
	padding-left: 0
}

.content thead th:last-child {
	padding-right: 0
}

.content tbody td,
.content tfoot td {
	padding: .57143em
}

.content tbody td:first-child,
.content tfoot td:first-child {
	padding-left: 0
}

.content tbody td:last-child,
.content tfoot td:last-child {
	padding-right: 0
}

.content>:first-child {
	margin-top: 0
}

.content>:last-child {
	margin-bottom: 0
}

.content-lg {
	font-size: 1.125rem;
	line-height: 1.77778
}

.content-lg>*+* {
	margin-bottom: 1.875rem;
	margin-top: 1.875rem
}

.content-lg>p {
	margin-bottom: 1.33333em;
	margin-top: 1.33333em
}

.content-lg>blockquote {
	margin-bottom: 1.66667em;
	margin-top: 1.66667em;
	padding-left: 1em
}

.content-lg>h1 {
	font-size: 2.66667em;
	letter-spacing: -.025em;
	line-height: 1;
	margin-bottom: .83333em;
	margin-top: 2.22222em
}

.content-lg>h2 {
	font-size: 1.66667em;
	letter-spacing: -.025em;
	line-height: 1.33333;
	margin-bottom: 1.06667em;
	margin-top: 1.86667em
}

.content-lg>h3 {
	font-size: 1.33333em;
	letter-spacing: -.025em;
	line-height: 1.5;
	margin-bottom: .66667em;
	margin-top: 1.66667em
}

.content-lg>h4,
.content-lg>h5,
.content-lg>h6 {
	line-height: 1.55556;
	margin-bottom: .44444em;
	margin-top: 1.77778em
}

.content-lg>.kg-card,
.content-lg>figure,
.content-lg>img,
.content-lg>video {
	margin-bottom: 1.77778em;
	margin-top: 1.77778em
}

.content-lg .kg-audio-card+.kg-audio-card,
.content-lg .kg-button-card+.kg-button-card,
.content-lg .kg-callout-card+.kg-callout-card,
.content-lg .kg-file-card+.kg-file-card,
.content-lg .kg-toggle-card+.kg-toggle-card {
	margin-top: -.77778em
}

.content-lg .kg-gallery-card,
.content-lg .kg-image-card {
	--gap: 0.44444em
}

.content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,
.content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,
.content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,
.content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-image-card {
	margin-top: -1.33333em
}

.content-lg>figure>* {
	margin-bottom: 0;
	margin-top: 0
}

.content-lg>figure figcaption,
.has-figcaption-lg figcaption {
	font-size: .875rem;
	line-height: 1.71429;
	margin-top: .75rem !important
}

.content-lg>code {
	font-size: .88889em
}

.content-lg>h2 code {
	font-size: .86667em
}

.content-lg>h3 code {
	font-size: .875em
}

.content-lg pre {
	border-radius: .42857rem;
	font-size: .77778em;
	line-height: 1.71429;
	padding: 1.14286em 1.71429em
}

.content-lg>pre {
	margin-bottom: 2em;
	margin-top: 2em
}

.content-lg>.code-toolbar {
	margin-bottom: 1.77778em;
	margin-top: 1.77778em
}

.content-lg ol,
.content-lg ul {
	margin-bottom: 1.33333em;
	margin-top: 1.33333em;
	padding-left: 1.55556em
}

.content-lg ol>li,
.content-lg ul>li {
	margin-bottom: .66667em;
	margin-top: .66667em;
	padding-left: .44444em
}

.content-lg>ol>li p,
.content-lg>ul>li p {
	margin-bottom: .88889em;
	margin-top: .88889em
}

.content-lg>ol>li>:first-child:not(ul):not(li),
.content-lg>ul>li>:first-child:not(ul):not(li) {
	margin-top: 1.33333em
}

.content-lg>ol>li>:last-child:not(ul):not(li),
.content-lg>ul>li>:last-child:not(ul):not(li) {
	margin-bottom: 1.33333em
}

.content-lg ol ol,
.content-lg ol ul,
.content-lg ul ol,
.content-lg ul ul {
	margin-bottom: .88889em;
	margin-top: .88889em
}

.content-lg>hr {
	margin-bottom: 3.11111em;
	margin-top: 3.11111em
}

.content-lg>h2[id]+*,
.content-lg>h3[id]+*,
.content-lg>h4[id]+*,
.content-lg>h5[id]+*,
.content-lg>h6[id]+*,
.content-lg>hr+* {
	margin-top: 0
}

.content-lg .table-responsive,
.content-lg>table {
	font-size: .88889em;
	line-height: 1.5
}

.content-lg>.table-responsive,
.content-lg>table {
	margin-bottom: 2em;
	margin-top: 2em
}

.content-lg thead th {
	padding-bottom: .75em;
	padding-left: .75em;
	padding-right: .75em
}

.content-lg thead th:first-child {
	padding-left: 0
}

.content-lg thead th:last-child {
	padding-right: 0
}

.content-lg tbody td,
.content-lg tfoot td {
	padding: .75em
}

.content-lg tbody td:first-child,
.content-lg tfoot td:first-child {
	padding-left: 0
}

.content-lg tbody td:last-child,
.content-lg tfoot td:last-child {
	padding-right: 0
}

.content-lg>:first-child {
	margin-top: 0
}

.content-lg>:last-child {
	margin-bottom: 0
}

.sr-only {
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	clip: rect(0, 0, 0, 0);
	border-width: 0;
	white-space: nowrap
}

.visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.inset-0 {
	inset: 0
}

.-left-1\/2 {
	left: -50%
}

.-left-full {
	left: -100%
}

.-left-px {
	left: -1px
}

.-top-px {
	top: -1px
}

.bottom-0 {
	bottom: 0
}

.left-0 {
	left: 0
}

.right-0 {
	right: 0
}

.right-3 {
	right: .75rem
}

.top-0 {
	top: 0
}

.top-1\/2 {
	top: 50%
}

.top-16 {
	top: 4rem
}

.top-20 {
	top: 5rem
}

.top-4 {
	top: 1rem
}

.top-\[theme\(spacing\.36\)\] {
	top: 9rem
}

.top-px {
	top: 1px
}

.-z-10 {
	z-index: -10
}

.z-10 {
	z-index: 10
}

.z-50 {
	z-index: 50
}

.\!m-0 {
	margin: 0 !important
}

.m-0 {
	margin: 0
}

.m-1 {
	margin: .25rem
}

.m-1\.5 {
	margin: .375rem
}

.m-auto {
	margin: auto
}

.-mx-3 {
	margin-left: -.75rem;
	margin-right: -.75rem
}

.mx-1 {
	margin-left: .25rem;
	margin-right: .25rem
}

.mx-1\.5 {
	margin-left: .375rem;
	margin-right: .375rem
}

.mx-2 {
	margin-left: .5rem;
	margin-right: .5rem
}

.mx-5 {
	margin-left: 1.25rem;
	margin-right: 1.25rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my-8 {
	margin-bottom: 3rem;
	margin-top: 3rem
}

.my-6 {
	margin-bottom: 2rem;
	margin-top: 2rem
}

.my-3 {
	margin-bottom: 1.5rem;
	margin-top: 1.5rem
}

.my-1 {
	margin-bottom: .5rem;
	margin-top: .5rem
}

.my-0 {
	margin-bottom: 0;
	margin-top: 0
}

.my-16 {
	margin-bottom: 4rem;
	margin-top: 4rem
}

.my-20 {
	margin-bottom: 5rem;
	margin-top: 5rem
}

.-mb-16 {
	margin-bottom: -4rem
}

.-ml-0 {
	margin-left: 0
}

.-ml-1 {
	margin-left: -.25rem
}

.-ml-1\.5 {
	margin-left: -.375rem
}

.-ml-2 {
	margin-left: -.5rem
}

.-mr-1 {
	margin-right: -.25rem
}

.-mr-1\.5 {
	margin-right: -.375rem
}

.-mr-3 {
	margin-right: -.75rem
}

.mb-0 {
	margin-bottom: 0
}

.mb-0\.5 {
	margin-bottom: .125rem
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-16 {
	margin-bottom: 4rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-2\.5 {
	margin-bottom: .625rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-7 {
	margin-bottom: 1.75rem
}

.mb-8 {
	margin-bottom: 2rem
}

.ml-0 {
	margin-left: 0
}

.ml-0\.5 {
	margin-left: .125rem
}

.ml-1 {
	margin-left: .25rem
}

.ml-4 {
	margin-left: 1rem
}

.ml-auto {
	margin-left: auto
}

.mr-1 {
	margin-right: .25rem
}

.mr-1\.5 {
	margin-right: .375rem
}

.mr-2 {
	margin-right: .5rem
}

.mr-3 {
	margin-right: .75rem
}

.mr-4 {
	margin-right: 1rem
}

.mr-5 {
	margin-right: 1.25rem
}

.mr-7 {
	margin-right: 1.75rem
}

.mr-8 {
	margin-right: 2rem
}

.mr-auto {
	margin-right: auto
}

.mt-0 {
	margin-top: 0
}

.mt-0\.5 {
	margin-top: .125rem
}

.mt-1 {
	margin-top: .25rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-16 {
	margin-top: 4rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-24 {
	margin-top: 6rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-5 {
	margin-top: 1.25rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-7 {
	margin-top: 1.75rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-auto {
	margin-top: auto
}

.block {
	display: block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.contents {
	display: contents
}

.hidden {
	display: none
}

.h-0 {
	height: 0
}

.h-0\.5 {
	height: .125rem
}

.h-1 {
	height: .25rem
}

.h-1\.5 {
	height: .375rem
}

.h-10 {
	height: 2.5rem
}

.h-12 {
	height: 3rem
}

.h-20 {
	height: 5rem
}

.h-28 {
	height: 7rem
}

.h-3 {
	height: .75rem
}

.h-3\.5 {
	height: .875rem
}

.h-4 {
	height: 1rem
}

.h-5 {
	height: 1.25rem
}

.h-6 {
	height: 1.5rem
}

.h-7 {
	height: 1.75rem
}

.h-8 {
	height: 2rem
}

.h-9 {
	height: 2.25rem
}

.h-\[600px\] {
	height: 600px
}

.h-\[calc\(100vh_-_theme\(spacing\.20\)\)\] {
	height: calc(100vh - 5rem)
}

.h-full {
	height: 100%
}

.max-h-9 {
	max-height: 2.25rem
}

.max-h-\[calc\(100vh-theme\(spacing\.24\)\)\] {
	max-height: calc(100vh - 6rem)
}

.max-h-\[calc\(100vh-theme\(spacing\.48\)\)\] {
	max-height: calc(100vh - 12rem)
}

.min-h-10 {
	min-height: 2.5rem
}

.min-h-20 {
	min-height: 5rem
}

.min-h-\[calc\(100vh_-_theme\(spacing\.20\)\)\] {
	min-height: calc(100vh - 5rem)
}

.min-h-full {
	min-height: 100%
}

.min-h-screen {
	min-height: 100vh
}

.w-1 {
	width: .25rem
}

.w-1\.5 {
	width: .375rem
}

.w-2 {
	width: .5rem
}

.w-20 {
	width: 5rem
}

.w-28 {
	width: 7rem
}

.w-3 {
	width: .75rem
}

.w-3\.5 {
	width: .875rem
}

.w-4 {
	width: 1rem
}

.w-5 {
	width: 1.25rem
}

.w-56 {
	width: 14rem
}

.w-6 {
	width: 1.5rem
}

.w-64 {
	width: 16rem
}

.w-7 {
	width: 1.75rem
}

.w-8 {
	width: 2rem
}

.w-9 {
	width: 2.25rem
}

.w-\[600px\] {
	width: 600px
}

.w-auto {
	width: auto
}

.w-full {
	width: 100%
}

.w-screen {
	width: 100vw
}

.min-w-0 {
	min-width: 0
}

.max-w-3xl {
	max-width: 48rem
}

.max-w-hero {
	max-width: 808px;
}

.max-w-hero-1000 {
	max-width: 1000px;
}

.max-w-4xl {
	max-width: 56rem
}

.max-w-5xl {
	max-width: 64rem
}

.max-w-7xl {
	max-width: 80rem
}

.max-w-\[1200px\] {
	max-width: 1200px
}

.max-w-md {
	max-width: 28rem
}

.max-w-none {
	max-width: none
}

.max-w-xs {
	max-width: 20rem
}

.flex-auto {
	flex: 1 1 auto
}

.flex-none {
	flex: none
}

.flex-shrink {
	flex-shrink: 1
}

.flex-shrink-0 {
	flex-shrink: 0
}

.basis-1\/2 {
	flex-basis: 50%
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-6 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-6 {
	--tw-translate-x: -1.5rem
}

.-translate-x-full {
	--tw-translate-x: -100%
}

.-translate-x-full,
.-translate-y-1\/2 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%
}

.-translate-y-12 {
	--tw-translate-y: -3rem
}

.-translate-y-12,
.-translate-y-2\/3 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-2\/3 {
	--tw-translate-y: -66.666667%
}

.-translate-y-20 {
	--tw-translate-y: -5rem
}

.-translate-y-20,
.-translate-y-full {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-full {
	--tw-translate-y: -100%
}

.translate-x-2\/3 {
	--tw-translate-x: 66.666667%
}

.translate-x-2\/3,
.translate-x-full {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
	--tw-translate-x: 100%
}

.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-40px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.animate-slide-down {
	animation: slide-down var(--animation-duration, 0ms) ease-out
}

@keyframes slide-up {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.animate-slide-up {
	animation: slide-up var(--animation-duration, 0ms) ease-out
}

.cursor-pointer {
	cursor: pointer
}

.scroll-m-10 {
	scroll-margin: 2.5rem
}

.scroll-m-20 {
	scroll-margin: 5rem
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-col {
	flex-direction: column
}

.flex-col-reverse {
	flex-direction: column-reverse
}

.flex-wrap {
	flex-wrap: wrap
}

.items-center {
	align-items: center
}

.justify-center {
	justify-content: center
}

.gap-0 {
	gap: 0
}

.gap-1 {
	gap: 1rem
}

.gap-10 {
	gap: 2.5rem
}

.gap-8 {
	gap: 2rem
}

.space-x-1>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
	margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
	margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(1rem*var(--tw-space-y-reverse));
	margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-8>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(2rem*var(--tw-space-y-reverse));
	margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.overflow-auto {
	overflow: auto
}

.overflow-hidden {
	overflow: hidden
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-x-hidden {
	overflow-x: hidden
}

.overflow-y-scroll {
	overflow-y: scroll
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
	white-space: nowrap
}

.\!rounded-full {
	border-radius: 9999px !important
}

.rounded {
	border-radius: .25rem
}

.rounded-2xl {
	border-radius: 1rem
}

.rounded-full {
	border-radius: 9999px
}

.rounded-lg {
	border-radius: .5rem
}

.rounded-md {
	border-radius: .375rem
}

.rounded-xl {
	border-radius: .75rem
}

.border {
	border-width: 1px
}

.border-4 {
	border-width: 4px
}

.border-b {
	border-bottom-width: 1px
}

.border-l {
	border-left-width: 1px
}

.border-l-2 {
	border-left-width: 2px
}

.border-r {
	border-right-width: 1px
}

.border-t {
	border-top-width: 1px
}

.border-dashed {
	border-style: dashed
}

.border-gray-900\/10 {
	border-color: rgb(var(--color-gray-900)/.1)
}

.border-gray-900\/5 {
	border-color: rgb(var(--color-gray-900)/.05)
}

.border-white {
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.bg-accent {
	background-color: var(--ghost-accent-color)
}

.bg-accent-10 {
	background-color: rgb(var(--ghost-accent-color-rgb)/.1)
}

.bg-black {
	background-color: #000;
}

.bg-black\/20 {
	background-color: rgba(0, 0, 0, .2)
}

.bg-black\/5 {
	background-color: rgba(0, 0, 0, .05)
}

.bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity))
}

.bg-gray-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-500)/var(--tw-bg-opacity))
}

.bg-gray-900 {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

.bg-gray-900\/10 {
	background-color: rgb(var(--color-gray-900)/.1)
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/30 {
	background-color: hsla(0, 0%, 100%, .3)
}

.bg-white\/90 {
	background-color: hsla(0, 0%, 100%, .9)
}

.bg-white\/95 {
	background-color: hsla(0, 0%, 100%, .95)
}

.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-bl {
	background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.from-accent {
	--tw-gradient-from: var(--ghost-accent-color) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
	--tw-gradient-from: transparent var(--tw-gradient-from-position);
	--tw-gradient-to: transparent var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-10\% {
	--tw-gradient-from-position: 10%
}

.to-gray-900 {
	--tw-gradient-to: rgb(var(--color-gray-900)/1) var(--tw-gradient-to-position)
}

.to-transparent {
	--tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-white {
	--tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.to-70\% {
	--tw-gradient-to-position: 70%
}

.bg-clip-text {
	-webkit-background-clip: text;
	background-clip: text
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.p-0 {
	padding: 0
}

.p-2 {
	padding: .5rem
}

.p-4 {
	padding: 1rem
}

.p-8 {
	padding: 2rem
}

.px-0 {
	padding-left: 0;
	padding-right: 0
}

.px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.px-1\.5 {
	padding-left: .375rem;
	padding-right: .375rem
}

.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.py-1 {
	padding-bottom: .25rem;
	padding-top: .25rem
}

.py-1\.5 {
	padding-bottom: .375rem;
	padding-top: .375rem
}

.py-10 {
	padding-bottom: 2.5rem;
	padding-top: 2.5rem
}

.py-16 {
	padding-bottom: 4rem;
	padding-top: 4rem
}

.py-2 {
	padding-bottom: .5rem;
	padding-top: .5rem
}

.py-20 {
	padding-bottom: 5rem;
	padding-top: 5rem
}

.py-3 {
	padding-bottom: .75rem;
	padding-top: .75rem
}

.py-4 {
	padding-bottom: 1rem;
	padding-top: 1rem
}

.py-6 {
	padding-bottom: 1.5rem;
	padding-top: 1.5rem
}

.pb-28 {
	padding-bottom: 7rem
}

.pb-20 {
	padding-bottom: 5rem;
}

.pb-6 {
	padding-bottom: 1.5rem
}

.pb-12 {
	padding-bottom: 3rem;
}

.pl-3 {
	padding-left: .75rem
}

.pl-5 {
	padding-left: 1.25rem
}

.pl-6 {
	padding-left: 1.5rem
}

.pl-9 {
	padding-left: 2.25rem
}

.pr-1 {
	padding-right: .25rem
}

.pr-16 {
	padding-right: 4rem
}

.pr-3 {
	padding-right: .75rem
}

.pr-4 {
	padding-right: 1rem
}

.pt-10 {
	padding-top: 2.5rem
}

.pt-14 {
	padding-top: 3.5rem
}

.pt-16 {
	padding-top: 4rem
}

.pt-3 {
	padding-top: .75rem
}

.pt-4 {
	padding-top: 1rem
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.text-2xs {
	font-size: .75rem;
	line-height: 1rem
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-lead {
	font-size: 1.375rem;
	line-height: 2rem
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-xs {
	font-size: .8125rem;
	line-height: 1.125rem
}

.font-light {
	font-weight: 300
}

.font-bold {
	font-weight: 700
}

.font-extrabold {
	font-weight: 800
}

.text-72 {
	font-size: 72px;
	line-height: 85px;
}

.font-medium {
	font-weight: 500
}

.font-normal {
	font-weight: 400
}

.font-semibold {
	font-weight: 600
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

.leading-4 {
	line-height: 1rem
}

.leading-5 {
	line-height: 1.25rem
}

.leading-6 {
	line-height: 1.5rem
}

.leading-none {
	line-height: 1
}

.leading-normal {
	line-height: 1.5
}

.leading-relaxed {
	line-height: 1.625
}

.leading-snug {
	line-height: 1.375
}

.leading-tight {
	line-height: 1.25
}

.-tracking-xs {
	letter-spacing: -.012em
}

.tracking-tight {
	letter-spacing: -.025em
}

.tracking-wider {
	letter-spacing: .05em
}

.text-accent {
	color: var(--ghost-accent-color)
}

.text-accent-contrast {
	color: var(--color-contrast, #fff)
}

.text-gray-400 {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-400)/var(--tw-text-opacity))
}

.text-gray-50 {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-50)/var(--tw-text-opacity))
}

.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-500)/var(--tw-text-opacity))
}

.text-gray-600 {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-600)/var(--tw-text-opacity))
}

.text-gray-600\/\[0\.82\] {
	color: rgb(var(--color-gray-600)/.82)
}

.text-gray-700 {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
}

.text-gray-900 {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-900)/var(--tw-text-opacity))
}

.text-inherit {
	color: inherit
}

.text-transparent {
	color: transparent
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
	text-decoration-line: underline
}

.no-underline {
	text-decoration-line: none
}

.decoration-accent {
	text-decoration-color: var(--ghost-accent-color)
}

.decoration-2 {
	text-decoration-thickness: 2px
}

.underline-offset-2 {
	text-underline-offset: 2px
}

.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.opacity-100 {
	opacity: 1
}

.opacity-5 {
	opacity: .05
}

.opacity-50 {
	opacity: .5
}

.opacity-80 {
	opacity: .8
}

.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-sm {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.ring-1 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1,
.ring-2 {
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-inset {
	--tw-ring-inset: inset
}

.ring-accent {
	--tw-ring-color: var(--ghost-accent-color)
}

.ring-gray-900\/10 {
	--tw-ring-color: rgb(var(--color-gray-900)/0.1)
}

.ring-gray-900\/5 {
	--tw-ring-color: rgb(var(--color-gray-900)/0.05)
}

.blur {
	--tw-blur: blur(8px)
}

.blur,
.blur-\[100px\] {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[100px\] {
	--tw-blur: blur(100px)
}

.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
	--tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-sm {
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
	--tw-backdrop-blur: blur(4px)
}

.transition {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-300 {
	transition-duration: .3s
}

.duration-500 {
	transition-duration: .5s
}

.ease-out {
	transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

html {
	--color-gray-50: 248 250 252;
	--color-gray-100: 241 245 249;
	--color-gray-200: 226 232 240;
	--color-gray-300: 203 213 225;
	--color-gray-400: 148 163 184;
	--color-gray-500: 100 116 139;
	--color-gray-600: 71 85 105;
	--color-gray-700: 51 65 85;
	--color-gray-800: 30 41 59;
	--color-gray-900: 15 23 42;
	--color-gray-950: 2 6 23
}

html.has-gray-scale-Gray {
	--color-gray-50: 249 250 251;
	--color-gray-100: 243 244 246;
	--color-gray-200: 229 231 235;
	--color-gray-300: 209 213 219;
	--color-gray-400: 156 163 175;
	--color-gray-500: 107 114 128;
	--color-gray-600: 75 85 99;
	--color-gray-700: 55 65 81;
	--color-gray-800: 31 41 55;
	--color-gray-900: 17 24 39;
	--color-gray-950: 3 7 18
}

html.has-gray-scale-Zinc {
	--color-gray-50: 250 250 250;
	--color-gray-100: 244 244 245;
	--color-gray-200: 228 228 231;
	--color-gray-300: 212 212 216;
	--color-gray-400: 161 161 170;
	--color-gray-500: 113 113 122;
	--color-gray-600: 82 82 91;
	--color-gray-700: 63 63 70;
	--color-gray-800: 39 39 42;
	--color-gray-900: 24 24 27;
	--color-gray-950: 9 9 11
}

html.has-gray-scale-Stone {
	--color-gray-50: 250 250 249;
	--color-gray-100: 245 245 244;
	--color-gray-200: 231 229 228;
	--color-gray-300: 214 211 209;
	--color-gray-400: 168 162 158;
	--color-gray-500: 120 113 108;
	--color-gray-600: 87 83 78;
	--color-gray-700: 68 64 60;
	--color-gray-800: 41 37 36;
	--color-gray-900: 28 25 23;
	--color-gray-950: 12 10 9
}

html.has-gray-scale-Neutral {
	--color-gray-50: 250 250 250;
	--color-gray-100: 245 245 245;
	--color-gray-200: 229 229 229;
	--color-gray-300: 212 212 212;
	--color-gray-400: 163 163 163;
	--color-gray-500: 115 115 115;
	--color-gray-600: 82 82 82;
	--color-gray-700: 64 64 64;
	--color-gray-800: 38 38 38;
	--color-gray-900: 23 23 23;
	--color-gray-950: 10 10 10
}

.lazyload,
.lazyloading {
	filter: blur(10px)
}

.kg-gallery-image img.lazyload,
.kg-gallery-image img.lazyloading,
.kg-image-card img.lazyload,
.kg-image-card img.lazyloading,
.kg-product-card .kg-product-card-image.lazyload,
.kg-product-card .kg-product-card-image.lazyloading {
	-webkit-clip-path: inset(0 round .25rem);
	clip-path: inset(0 round .25rem)
}

.kg-image-card.kg-width-full img.lazyload,
.kg-image-card.kg-width-full img.lazyloading {
	-webkit-clip-path: inset(0);
	clip-path: inset(0)
}

html.no-img-blur .lazyload,
html.no-img-blur .lazyloading {
	filter: none !important;
	opacity: 0
}

.lazyloaded {
	filter: blur(0);
	opacity: 1;
	transition: all .4s ease-in-out
}

.kg-gallery-image img.lazyloaded,
.kg-image-card img.lazyloaded,
.kg-product-card .kg-product-card-image.lazyloaded {
	-webkit-clip-path: inset(0);
	clip-path: inset(0)
}

html.no-img-background [data-hero] figure>img.ring-1:first-child,
html.no-img-background figure>div.after\:absolute:first-child {
	background-color: transparent
}

html.no-img-border figure>div.after\:absolute:first-child:after {
	display: none
}

html.no-img-border [data-hero] figure>img.ring-1:first-child {
	box-shadow: none
}

a[href="#___TOCBOT___"] {
	display: none
}

.gh-announcement-bar {
	font-size: .875rem !important
}

.gh-announcement-bar-content * {
	font-weight: 600 !important
}

.gh-announcement-bar-content a,
.gh-announcement-bar-content a *,
.gh-announcement-bar-content strong {
	font-weight: 700 !important
}

.gh-announcement-bar button svg path {
	stroke: currentColor
}

.gh-announcement-bar button:hover {
	background: rgba(0, 0, 0, .1);
	border-radius: .5rem
}

.gh-announcement-bar.dark button:hover {
	background: hsla(0, 0%, 100%, .2)
}

.gh-announcement-bar.light {
	background-color: rgb(var(--color-gray-50)/1) !important
}

.gh-announcement-bar.dark {
	background-color: rgb(var(--color-gray-950)/1) !important
}

.gh-announcement-bar.accent,
.gh-announcement-bar.accent a,
.gh-announcement-bar.accent button {
	color: var(--color-contrast, #fff) !important
}

@media not all and (prefers-reduced-motion) {
	.has-animation {
		--animation-duration: 600ms;
		--animation-delay: 100ms
	}
}

[data-sal] {
	transition-delay: var(--animation-delay, 0ms);
	transition-duration: var(--animation-duration, 0ms);
	transition-timing-function: var(--animation-easing, ease-out)
}

[data-sal|=slide] {
	opacity: 0;
	transition-property: opacity, transform
}

[data-sal=slide-up] {
	transform: translateY(40px)
}

[data-sal=slide-down] {
	transform: translateY(-40px)
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
	opacity: 1;
	transform: none
}

.pswp {
	backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	touch-action: none;
	width: 100%;
	z-index: 3999999;
	-webkit-text-size-adjust: 100%
}

.pswp img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: .001;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	will-change: opacity
}

.pswp--open {
	display: block
}

.pswp--zoom-allowed .pswp__img {
	cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
	cursor: grab
}

.pswp--dragging .pswp__img {
	cursor: grabbing
}

.pswp__bg {
	backface-visibility: hidden;
	background-color: rgba(0, 0, 0, .85);
	opacity: 0;
	transform: translateZ(0);
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	will-change: opacity
}

.pswp__bg,
.pswp__scroll-wrap {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.pswp__scroll-wrap {
	overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
	backface-visibility: hidden;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	touch-action: none
}

.pswp__container,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp__zoom-wrap {
	position: absolute;
	transform-origin: left top;
	transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
	width: 100%
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	transition: none
}

.pswp__item {
	bottom: 0;
	overflow: hidden;
	right: 0
}

.pswp__img,
.pswp__item {
	left: 0;
	position: absolute;
	top: 0
}

.pswp__img {
	height: auto;
	width: auto
}

.pswp__img--placeholder {
	backface-visibility: hidden
}

.pswp__img--placeholder--blank {
	background: #000
}

.pswp--ie .pswp__img {
	height: auto !important;
	left: 0;
	top: 0;
	width: 100% !important
}

.pswp__error-msg {
	color: rgb(var(--color-gray-50)/1);
	font-size: 14px;
	left: 0;
	line-height: 16px;
	margin-top: -8px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%
}

.pswp__error-msg a {
	color: rgb(var(--color-gray-50)/1);
	text-decoration: underline
}

.pswp__button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	display: block;
	float: right;
	height: 44px;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	transition: opacity .2s;
	width: 44px
}

.pswp__button:focus,
.pswp__button:hover {
	opacity: 1
}

.pswp__button:active {
	opacity: .9;
	outline: none
}

.pswp__button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url(../images/default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	height: 44px;
	width: 44px
}

@media (-webkit-min-device-pixel-ratio:1.09375),
(-webkit-min-device-pixel-ratio:1.1),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {

	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url(../images/default-skin.svg)
	}

	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none
	}
}

.pswp__button--close {
	background-position: 0 -44px
}

.pswp__button--share {
	background-position: -44px -44px
}

.pswp__button--fs {
	display: none
}

.pswp--supports-fs .pswp__button--fs {
	display: block
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}

.pswp__button--zoom {
	background-position: -88px 0;
	display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none;
	height: 100px;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	width: 70px
}

.pswp__button--arrow--left {
	left: 0
}

.pswp__button--arrow--right {
	right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: "";
	height: 30px;
	position: absolute;
	top: 35px;
	width: 32px
}

.pswp__button--arrow--left:before {
	background-position: -138px -44px;
	left: 6px
}

.pswp__button--arrow--right:before {
	background-position: -94px -44px;
	right: 6px
}

.pswp__counter {
	color: rgb(var(--color-gray-50)/1);
	font-size: 11px;
	font-weight: 700;
	height: 44px;
	left: 0;
	line-height: 44px;
	padding: 0 15px;
	position: absolute;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.pswp__caption {
	bottom: 0;
	left: 0;
	min-height: 44px;
	position: absolute;
	width: 100%
}

.pswp__caption__center {
	color: rgb(var(--color-gray-50)/1);
	font-size: 11px;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 420px;
	padding: 25px 15px 30px;
	text-align: center
}

.pswp__caption__center .post-caption-title {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 7px;
	text-transform: uppercase
}

.pswp__caption__center .post-caption-meta-item+.post-caption-meta-item:before {
	content: "\02022";
	padding: 0 4px
}

.pswp__caption--empty {
	display: none
}

.pswp__caption--fake {
	visibility: hidden
}

.pswp__preloader {
	direction: ltr;
	height: 44px;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .25s ease-out;
	width: 44px;
	will-change: opacity
}

.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
	opacity: 1
}

@media screen and (max-width:1024px) {
	.pswp__preloader {
		float: right;
		left: auto;
		margin: 0;
		position: relative;
		top: auto
	}
}

.pswp__ui {
	opacity: 1;
	visibility: visible;
	z-index: 1550;
	-webkit-font-smoothing: auto
}

.pswp__top-bar {
	height: 44px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
	backface-visibility: hidden;
	transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
	will-change: opacity
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
	opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
	opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
	display: none
}

.pswp__element--disabled {
	display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
	background: none
}

code[class*=language-],
pre[class*=language-] {
	color: rgb(var(--color-gray-300)/1);
	direction: ltr;
	-webkit-hyphens: none;
	hyphens: none;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	text-align: left;
	text-shadow: none;
	white-space: pre;
	word-break: normal;
	word-spacing: normal
}

code[class*=language-]::-moz-selection,
pre[class*=language-]::-moz-selection {
	background: #234879;
	text-shadow: none
}

code[class*=language-]::mozselection,
code[class*=language-]::selection,
pre[class*=language-]::mozselection,
pre[class*=language-]::selection {
	background: #234879;
	text-shadow: none
}

@media print {

	code[class*=language-],
	pre[class*=language-] {
		text-shadow: none
	}
}

figure.kg-code-card>pre {
	margin: 0
}

.content pre {
	display: flex;
	overflow: auto;
	padding: .75rem 1rem !important
}

.content pre code {
	font-size: inherit !important;
	line-height: inherit !important;
	margin-left: -1rem !important;
	padding-left: 1rem !important
}

.token.block {
	display: initial
}

.namespace {
	opacity: .7
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
	color: rgb(var(--color-gray-400)/1)
}

.token.punctuation {
	color: rgb(var(--color-gray-300)/1)
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
	color: #79c0ff
}

.language-css .token.string,
.style .token.string,
.token.atrule,
.token.attr-name,
.token.attr-value,
.token.builtin,
.token.char,
.token.entity,
.token.inserted,
.token.keyword,
.token.operator,
.token.selector,
.token.string,
.token.url {
	color: #a5d6ff
}

.token.function {
	color: #d2a8ff
}

.token.important,
.token.regex,
.token.variable {
	color: #a8daff
}

.token.bold,
.token.important {
	font-weight: 700
}

.token.italic {
	font-style: italic
}

.token.entity {
	cursor: help
}

pre[data-line] {
	position: relative
}

pre[class*=language-]>code[class*=language-] {
	position: relative;
	z-index: 1
}

.line-highlight {
	border-left: 4px solid var(--ghost-accent-color);
	padding-bottom: inherit;
	padding-left: 0;
	padding-right: 0;
	padding-top: inherit;
	pointer-events: none;
	white-space: pre
}

.line-highlight,
.line-highlight:after {
	left: 0;
	position: absolute;
	right: 0;
	z-index: -1
}

.line-highlight:after {
	background: var(--ghost-accent-color);
	bottom: 0;
	content: "";
	opacity: .2;
	top: 0
}

@media print {
	.line-highlight {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact
	}
}

div.code-toolbar {
	position: relative
}

div.code-toolbar>.toolbar {
	display: inline-flex;
	opacity: 0;
	position: absolute;
	right: .5rem;
	top: .375rem;
	transition: opacity .3s ease-in-out;
	z-index: 10
}

div.code-toolbar:hover>.toolbar {
	opacity: 1
}

div.code-toolbar:focus-within>.toolbar {
	opacity: 1
}

div.code-toolbar>.toolbar>.toolbar-item {
	display: inline-flex
}

div.code-toolbar>.toolbar>.toolbar-item>a {
	cursor: pointer
}

.code-toolbar .toolbar-item>button {
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	font-weight: 600;
	line-height: normal;
	overflow: visible;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.code-toolbar .toolbar-item>a,
.code-toolbar .toolbar-item>button,
.code-toolbar .toolbar-item>span {
	background: rgb(var(--color-gray-600)/1);
	border-radius: .25rem;
	color: rgb(var(--color-gray-50)/1);
	font-size: .8125rem;
	opacity: .6;
	padding: .25rem
}

.code-toolbar .toolbar-item>a:focus,
.code-toolbar .toolbar-item>a:hover,
.code-toolbar .toolbar-item>button:focus,
.code-toolbar .toolbar-item>button:hover,
.code-toolbar .toolbar-item>span:focus,
.code-toolbar .toolbar-item>span:hover {
	opacity: .8;
	text-decoration: none
}

.code-toolbar .copy-to-clipboard-button {
	align-items: center;
	display: inline-flex;
	justify-content: center
}

.code-toolbar .copy-to-clipboard-button[data-copy-state=copy]:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 16H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2m-6 12h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2'/%3E%3C/svg%3E");
	content: "";
	height: 1.25rem;
	margin-right: .25rem;
	width: 1.25rem
}

.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-success]:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m5 13 4 4L19 7'/%3E%3C/svg%3E");
	content: "";
	height: 1.25rem;
	margin-right: .25rem;
	width: 1.25rem
}

.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-error]:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12'/%3E%3C/svg%3E");
	content: "";
	height: 1.25rem;
	margin-right: .25rem;
	width: 1.25rem
}

.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-error],
.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-success] {
	padding-right: .375rem
}

:root {
	--content-body: rgb(var(--color-gray-700)/1);
	--content-headings: rgb(var(--color-gray-900)/1);
	--content-lead: rgb(var(--color-gray-600)/1);
	--content-links: rgb(var(--color-gray-900)/1);
	--content-bold: rgb(var(--color-gray-900)/1);
	--content-counters: rgb(var(--color-gray-500)/1);
	--content-bullets: rgb(var(--color-gray-300)/1);
	--content-hr: rgb(var(--color-gray-200)/1);
	--content-quotes: rgb(var(--color-gray-900)/1);
	--content-quote-borders: rgb(var(--color-gray-200)/1);
	--content-captions: rgb(var(--color-gray-500)/1);
	--content-code: rgb(var(--color-gray-900)/1);
	--content-pre-code: rgb(var(--color-gray-200)/1);
	--content-pre-bg: rgb(var(--color-gray-800)/1);
	--content-th-borders: rgb(var(--color-gray-300)/1);
	--content-td-borders: rgb(var(--color-gray-200)/1);
	/* --content-invert-body: rgb(var(--color-gray-300)/1); */
	--content-invert-body: rgb(var(--color-gray-50)/1);
	--content-invert-headings: rgb(var(--color-gray-50)/1);
	--content-invert-lead: rgb(var(--color-gray-400)/1);
	--content-invert-links: rgb(var(--color-gray-50)/1);
	--content-invert-bold: rgb(var(--color-gray-50)/1);
	--content-invert-counters: rgb(var(--color-gray-400)/1);
	/* --content-invert-bullets: rgb(var(--color-gray-600)/1); */
	--content-invert-bullets: rgb(var(--color-gray-50)/1);
	--content-invert-hr: rgb(var(--color-gray-700)/1);
	--content-invert-quotes: rgb(var(--color-gray-100)/1);
	--content-invert-quote-borders: rgb(var(--color-gray-700)/1);
	--content-invert-captions: rgb(var(--color-gray-400)/1);
	--content-invert-code: rgb(var(--color-gray-50)/1);
	--content-invert-pre-code: rgb(var(--color-gray-300)/1);
	--content-invert-pre-bg: rgb(var(--color-gray-800)/1);
	--content-invert-th-borders: rgb(var(--color-gray-600)/1);
	--content-invert-td-borders: rgb(var(--color-gray-700)/1)
}

.dark {
	--content-body: var(--content-invert-body);
	--content-headings: var(--content-invert-headings);
	--content-lead: var(--content-invert-lead);
	--content-links: var(--content-invert-links);
	--content-bold: var(--content-invert-bold);
	--content-counters: var(--content-invert-counters);
	--content-bullets: var(--content-invert-bullets);
	--content-hr: var(--content-invert-hr);
	--content-quotes: var(--content-invert-quotes);
	--content-quote-borders: var(--content-invert-quote-borders);
	--content-captions: var(--content-invert-captions);
	--content-code: var(--content-invert-code);
	--content-pre-code: var(--content-invert-pre-code);
	--content-pre-bg: var(--content-invert-pre-bg);
	--content-th-borders: var(--content-invert-th-borders);
	--content-td-borders: var(--content-invert-td-borders)
}

.landing-block-content .kg-button-card {
	align-items: flex-start;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 0 !important
}

.landing-block-content .kg-button-card a.kg-btn {
	align-items: center;
	border-radius: .5rem;
	display: flex;
	font-size: 1rem;
	height: auto;
	justify-content: center;
	line-height: 1.5;
	min-width: 240px;
	padding: .75rem
}

@media (min-width:640px) {
	.landing-block-content .kg-button-card {
		align-items: flex-start;
		display: inline-flex;
		margin-top: 2rem;
		width: auto
	}

	.landing-block-content .kg-button-card+.kg-button-card {
		margin-left: 1.5rem;
		margin-top: 0
	}

	.landing-block-content .kg-button-card a.kg-btn {
		min-width: 180px
	}
}

@media not all and (min-width:640px) {
	.landing-block-content .kg-button-card+.kg-button-card {
		margin-top: 1rem !important
	}
}

.landing-block-content .kg-button-card+.kg-button-card a.kg-btn {
	background-color: rgb(var(--color-gray-950)/.05);
	color: rgb(var(--color-gray-900)/1);
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.landing-block-content .kg-button-card+.kg-button-card a.kg-btn:hover {
	background-color: rgb(var(--color-gray-950)/.1)
}

.dark .landing-block-content .kg-button-card+.kg-button-card a.kg-btn {
	background-color: rgb(var(--color-gray-800)/1);
	color: rgb(var(--color-gray-50)/1)
}

.content.landing-block-content>ol,
.content.landing-block-content>ul {
	/* list-style: none; */
	padding: 2rem;
}

.content.landing-block-content>ol li,
.content.landing-block-content>ul li {
	/* padding-left: 32px; */
	position: relative
}

/* .content.landing-block-content>ol li:before,
.content.landing-block-content>ul li:before {
	background-color: #dcfce7;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2322c55e' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 100%;
	content: "";
	display: block;
	flex-shrink: 0;
	height: 20px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 20px
} */

/* .dark .content.landing-block-content>ol li:before,
.dark .content.landing-block-content>ul li:before {
	background-color: #052e16
} */

@media (min-width:640px) {

	.landing-block.is-txt-center .content.landing-block-content>ol,
	.landing-block.is-txt-center .content.landing-block-content>ul {
		display: flex;
		justify-content: center
	}

	.landing-block.is-txt-center .content.landing-block-content>ol li,
	.landing-block.is-txt-center .content.landing-block-content>ul li {
		font-size: .875rem;
		line-height: 1.25rem;
		padding: 0 1.5rem 0 1.75rem
	}

	.landing-block.is-txt-center .content.landing-block-content>ol li:before,
	.landing-block.is-txt-center .content.landing-block-content>ul li:before {
		top: 0
	}
}

.landing-block.tag-hash-landing-testimonials .landing-block-content>* {
	margin-left: auto;
	margin-right: auto;
	max-width: 48rem
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-image {
	justify-self: flex-start
}

.landing-block.tag-hash-landing-testimonials .kg-product-card {
	display: inline-flex;
	margin: 0 !important;
	text-align: left;
	width: 33.33333%
}

@media (max-width:1024px) {
	.landing-block.tag-hash-landing-testimonials .kg-product-card {
		width: 50%
	}
}

@media (max-width:768px) {
	.landing-block.tag-hash-landing-testimonials .kg-product-card {
		width: 100%
	}
}

@media (min-width:640px) {
	.landing-block.tag-hash-landing-testimonials .kg-product-card-image {
		justify-self: center
	}

	.landing-block.tag-hash-landing-testimonials .kg-product-card {
		text-align: center
	}
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-container {
	border: none;
	box-shadow: none;
	padding: 2.5rem 1.25rem;
	position: relative
}

@media (max-width:640px) {
	.landing-block.tag-hash-landing-testimonials .kg-product-card-container {
		max-width: none;
		padding: 1.75rem 0
	}
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-image {
	border-radius: 100%;
	height: 2.5rem;
	margin: 0;
	-o-object-fit: cover;
	object-fit: cover;
	width: 2.5rem
}

.landing-block.tag-hash-landing-testimonials .kg-product-card .kg-product-card-button {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-title {
	color: rgb(var(--color-gray-700)/1);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

.dark .landing-block.tag-hash-landing-testimonials .kg-product-card-title {
	color: rgb(var(--color-gray-300)/1)
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-description {
	color: rgb(var(--color-gray-600)/1);
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5
}

.dark .landing-block.tag-hash-landing-testimonials .kg-product-card-description {
	color: rgb(var(--color-gray-400)/1)
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-description p {
	opacity: 1
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-rating-star {
	align-items: center;
	display: flex;
	height: 16px;
	justify-content: center
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-rating {
	align-self: center;
	color: #f59e0b;
	grid-column: 1/span 2;
	grid-row: 1;
	justify-self: center;
	padding: 0
}

@media (max-width:640px) {
	.landing-block.tag-hash-landing-testimonials .kg-product-card-rating {
		justify-self: flex-start
	}

	.landing-block.tag-hash-landing-testimonials .kg-product-card-rating-star {
		justify-content: flex-start
	}
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-title-container {
	grid-column: 1/span 2;
	grid-row: 2
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-image {
	grid-column: 1/span 2;
	grid-row: 3
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-description {
	grid-column: 1/span 2;
	grid-row: 4
}

@media (max-width:640px) {
	.landing-block.tag-hash-landing-testimonials .kg-product-card-container {
		grid-template-columns: 2.5rem auto
	}

	.landing-block.tag-hash-landing-testimonials .kg-product-card-image {
		grid-column: 1;
		grid-row: 3
	}

	.landing-block.tag-hash-landing-testimonials .kg-product-card-description {
		grid-column: 2;
		grid-row: 3;
		margin-left: -2.5rem
	}

	.landing-block.tag-hash-landing-testimonials .kg-product-card-image~.kg-product-card-description {
		margin-left: .75rem
	}
}

.landing-block-content .kg-toggle-card {
	border-radius: 0;
	border-width: 1px 0;
	margin: 0 !important;
	padding: 0
}

.landing-block-content .kg-toggle-card+.kg-toggle-card {
	border-top-width: 0
}

.landing-block-content p:first-child+.kg-toggle-card {
	margin-top: 4rem !important
}

.landing-block-content .kg-toggle-card .kg-toggle-heading {
	padding: 1.75rem 0
}

.landing-block-content .kg-toggle-card .kg-toggle-heading-text {
	font-size: 1rem;
	line-height: 1.25rem
}

.landing-block-content .kg-toggle-card .kg-toggle-card-icon {
	height: 1.25rem;
	width: 1.25rem
}

.landing-block-content .kg-toggle-card .kg-toggle-content {
	text-align: left
}

.landing-block-content .kg-toggle-card .kg-toggle-content :first-child {
	margin-top: 0
}

.landing-block-content .kg-toggle-card .kg-toggle-content :last-child {
	margin-bottom: 1.75rem
}

.landing-block.tag-hash-landing-features .landing-block-content>* {
	margin-left: auto;
	margin-right: auto;
	max-width: 48rem
}

.landing-block.tag-hash-landing-features .kg-product-card-image {
	justify-self: flex-start
}

.landing-block.tag-hash-landing-features .kg-product-card {
	display: inline-flex;
	margin: 0 !important;
	text-align: left;
	width: 33.33333%;

	background-image: linear-gradient(black,black),
		linear-gradient(90deg, rgba(8,50,226,1) 0%, rgba(0,178,226,1) 100%);
	border-radius: 8px;
	background-origin: border-box;
	background-clip: content-box, border-box;
	padding: 1px;
}

@media (max-width:1024px) {
	.landing-block.tag-hash-landing-features .kg-product-card {
		width: 50%
	}
}

@media (max-width:768px) {
	.landing-block.tag-hash-landing-features .kg-product-card {
		width: 100%
	}
}

@media (min-width:640px) {
	.landing-block.tag-hash-landing-features .kg-product-card-image {
		justify-self: center
	}

	.landing-block.tag-hash-landing-features .kg-product-card {
		text-align: center
	}
}

.landing-block.tag-hash-landing-features .kg-product-card-container {
	border: none;
	box-shadow: none;
	/* grid-template-columns: 1fr; */
	display: flex;
	gap: 1rem;
	flex-flow: row wrap;
	padding: 2.5rem 1.25rem;
	position: relative;
}

@media (max-width:640px) {
	.landing-block.tag-hash-landing-features .kg-product-card-container {
		max-width: none;
		padding: 1.25rem 0
	}
}

.landing-block.tag-hash-landing-features .kg-product-card-image {
	background-color: transparent !important;
	/* height: 2.5rem; */
	margin: 0;
	width: 2.5rem;
	flex: 0 0 2.5rem;
}

.landing-block.tag-hash-landing-features .kg-product-card .kg-product-card-button {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.landing-block.tag-hash-landing-features .kg-product-card-title {
	color: rgb(var(--color-gray-700)/1);
	color: white;
	font-size: 1.5rem;
	font-family: 'var(--header-font) '!important;
	font-weight: 400;
	line-height: 1.5;
	flex: 1 1 auto;
}

.dark .landing-block.tag-hash-landing-features .kg-product-card-title {
	color: rgb(var(--color-gray-50)/1)
}

.landing-block.tag-hash-landing-features .kg-product-card-description {
	color: rgb(var(--color-gray-600)/1);
	font-size: .875rem;
	font-weight: 400;
	line-height: 2em;
	flex: 1 1 100%;
	text-align: left;
}

.dark .landing-block.tag-hash-landing-features .kg-product-card-description {
	color: rgb(var(--color-gray-50)/1)
}

.landing-block.tag-hash-landing-features .kg-product-card-description p {
	opacity: 1;
	line-height: 2em;
}

.landing-block.tag-hash-landing-features .kg-product-card-description p a {
	font-size: .75rem;
	color: var(--ghost-accent-color);
	text-decoration: none;
	cursor: inherit;
}

.landing-block.tag-hash-landing-features .kg-product-card-rating-star {
	align-items: center;
	display: none;
	height: 16px;
	justify-content: center;
	visibility: hidden
}

.landing-block.tag-hash-landing-features .kg-product-card-rating {
	align-self: center;
	color: #f59e0b;
	grid-column: 1;
	grid-row: 1;
	justify-self: center;
	padding: 0
}

.landing-block.tag-hash-landing-img-left .landing-block-content {
	font-size: .875rem;
}
	.landing-block.tag-hash-landing-img-left .landing-block-content p {
		margin-bottom: 0;
	}
	.landing-block.tag-hash-landing-img-left .landing-block-content ul {
		margin-top: 0;
		padding: 1rem 2rem;
	}

.landing-block.tag-hash-landing-features.tag-hash-categories .landing-block-content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
	.landing-block.tag-hash-landing-features.tag-hash-categories .landing-block-content .kg-product-card {
		width: 100%;
	}
	.landing-block.tag-hash-landing-features.tag-hash-categories .landing-block-content .kg-product-card .kg-product-card-container {
		padding: 1.25rem;
		padding-bottom: 3rem;
		flex-flow: column nowrap;
		align-items: flex-start;
	}
	.landing-block.tag-hash-landing-features.tag-hash-categories .landing-block-content .kg-product-card .kg-product-card-title {
		font-weight: 700;
		font-size: 1.125rem;
	}

.timeline .timeline-post:first-child:before,
.timeline [data-post-month="01"]+[data-post-month="01"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="01"]+[data-post-month="01"]:not(.timeline-post--break):before,
.timeline [data-post-month="02"]+[data-post-month="02"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="02"]+[data-post-month="02"]:not(.timeline-post--break):before,
.timeline [data-post-month="03"]+[data-post-month="03"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="03"]+[data-post-month="03"]:not(.timeline-post--break):before,
.timeline [data-post-month="04"]+[data-post-month="04"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="04"]+[data-post-month="04"]:not(.timeline-post--break):before,
.timeline [data-post-month="05"]+[data-post-month="05"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="05"]+[data-post-month="05"]:not(.timeline-post--break):before,
.timeline [data-post-month="06"]+[data-post-month="06"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="06"]+[data-post-month="06"]:not(.timeline-post--break):before,
.timeline [data-post-month="07"]+[data-post-month="07"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="07"]+[data-post-month="07"]:not(.timeline-post--break):before,
.timeline [data-post-month="08"]+[data-post-month="08"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="08"]+[data-post-month="08"]:not(.timeline-post--break):before,
.timeline [data-post-month="09"]+[data-post-month="09"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="09"]+[data-post-month="09"]:not(.timeline-post--break):before,
.timeline [data-post-month="10"]+[data-post-month="10"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="10"]+[data-post-month="10"]:not(.timeline-post--break):before,
.timeline [data-post-month="11"]+[data-post-month="11"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="11"]+[data-post-month="11"]:not(.timeline-post--break):before,
.timeline [data-post-month="12"]+[data-post-month="12"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="12"]+[data-post-month="12"]:not(.timeline-post--break):before {
	display: none
}

@media (min-width:1024px) {
	.lg\:content-lg {
		font-size: 1.125rem;
		line-height: 1.77778
	}

	.lg\:content-lg>*+* {
		margin-bottom: 1.875rem;
		margin-top: 1.875rem
	}

	.lg\:content-lg>p {
		margin-bottom: 1.33333em;
		margin-top: 1.33333em
	}

	.lg\:content-lg>blockquote {
		margin-bottom: 1.66667em;
		margin-top: 1.66667em;
		padding-left: 1em
	}

	.lg\:content-lg>h1 {
		font-size: 2.66667em;
		letter-spacing: -.025em;
		line-height: 1;
		margin-bottom: .83333em;
		margin-top: 2.22222em
	}

	.lg\:content-lg>h2 {
		font-size: 1.66667em;
		letter-spacing: -.025em;
		line-height: 1.33333;
		margin-bottom: 1.06667em;
		margin-top: 1.86667em
	}

	.lg\:content-lg>h3 {
		font-size: 1.33333em;
		letter-spacing: -.025em;
		line-height: 1.5;
		margin-bottom: .66667em;
		margin-top: 1.66667em
	}

	.lg\:content-lg>h4,
	.lg\:content-lg>h5,
	.lg\:content-lg>h6 {
		line-height: 1.55556;
		margin-bottom: .44444em;
		margin-top: 1.77778em
	}

	.lg\:content-lg>.kg-card,
	.lg\:content-lg>figure,
	.lg\:content-lg>img,
	.lg\:content-lg>video {
		margin-bottom: 1.77778em;
		margin-top: 1.77778em
	}

	.lg\:content-lg .kg-audio-card+.kg-audio-card,
	.lg\:content-lg .kg-button-card+.kg-button-card,
	.lg\:content-lg .kg-callout-card+.kg-callout-card,
	.lg\:content-lg .kg-file-card+.kg-file-card,
	.lg\:content-lg .kg-toggle-card+.kg-toggle-card {
		margin-top: -.77778em
	}

	.lg\:content-lg .kg-gallery-card,
	.lg\:content-lg .kg-image-card {
		--gap: 0.44444em
	}

	.lg\:content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,
	.lg\:content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,
	.lg\:content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,
	.lg\:content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-image-card {
		margin-top: -1.33333em
	}

	.lg\:content-lg>figure>* {
		margin-bottom: 0;
		margin-top: 0
	}

	.lg\:content-lg>figure figcaption {
		font-size: .875rem;
		line-height: 1.71429;
		margin-top: .75rem !important
	}

	.lg\:content-lg>code {
		font-size: .88889em
	}

	.lg\:content-lg>h2 code {
		font-size: .86667em
	}

	.lg\:content-lg>h3 code {
		font-size: .875em
	}

	.lg\:content-lg pre {
		border-radius: .42857rem;
		font-size: .77778em;
		line-height: 1.71429;
		padding: 1.14286em 1.71429em
	}

	.lg\:content-lg>pre {
		margin-bottom: 2em;
		margin-top: 2em
	}

	.lg\:content-lg>.code-toolbar {
		margin-bottom: 1.77778em;
		margin-top: 1.77778em
	}

	.lg\:content-lg ol,
	.lg\:content-lg ul {
		margin-bottom: 1.33333em;
		margin-top: 1.33333em;
		padding-left: 1.55556em
	}

	.lg\:content-lg ol>li,
	.lg\:content-lg ul>li {
		margin-bottom: .66667em;
		margin-top: .66667em;
		padding-left: .44444em
	}

	.lg\:content-lg>ol>li p,
	.lg\:content-lg>ul>li p {
		margin-bottom: .88889em;
		margin-top: .88889em
	}

	.lg\:content-lg>ol>li>:first-child:not(ul):not(li),
	.lg\:content-lg>ul>li>:first-child:not(ul):not(li) {
		margin-top: 1.33333em
	}

	.lg\:content-lg>ol>li>:last-child:not(ul):not(li),
	.lg\:content-lg>ul>li>:last-child:not(ul):not(li) {
		margin-bottom: 1.33333em
	}

	.lg\:content-lg ol ol,
	.lg\:content-lg ol ul,
	.lg\:content-lg ul ol,
	.lg\:content-lg ul ul {
		margin-bottom: .88889em;
		margin-top: .88889em
	}

	.lg\:content-lg>hr {
		margin-bottom: 3.11111em;
		margin-top: 3.11111em
	}

	.lg\:content-lg>h2[id]+*,
	.lg\:content-lg>h3[id]+*,
	.lg\:content-lg>h4[id]+*,
	.lg\:content-lg>h5[id]+*,
	.lg\:content-lg>h6[id]+*,
	.lg\:content-lg>hr+* {
		margin-top: 0
	}

	.lg\:content-lg .table-responsive,
	.lg\:content-lg>table {
		font-size: .88889em;
		line-height: 1.5
	}

	.lg\:content-lg>.table-responsive,
	.lg\:content-lg>table {
		margin-bottom: 2em;
		margin-top: 2em
	}

	.lg\:content-lg thead th {
		padding-bottom: .75em;
		padding-left: .75em;
		padding-right: .75em
	}

	.lg\:content-lg thead th:first-child {
		padding-left: 0
	}

	.lg\:content-lg thead th:last-child {
		padding-right: 0
	}

	.lg\:content-lg tbody td,
	.lg\:content-lg tfoot td {
		padding: .75em
	}

	.lg\:content-lg tbody td:first-child,
	.lg\:content-lg tfoot td:first-child {
		padding-left: 0
	}

	.lg\:content-lg tbody td:last-child,
	.lg\:content-lg tfoot td:last-child {
		padding-right: 0
	}

	.lg\:content-lg>:first-child {
		margin-top: 0
	}

	.lg\:content-lg>:last-child {
		margin-bottom: 0
	}
}

@media (min-width:1280px) {
	.xl\:outer-xl {
		padding-left: 2.5rem;
		padding-right: 2.5rem
	}
}

@media (min-width:1536px) {
	.\34xl\:content-lg {
		font-size: 1.125rem;
		line-height: 1.77778
	}

	.\34xl\:content-lg>*+* {
		margin-bottom: 1.875rem;
		margin-top: 1.875rem
	}

	.\34xl\:content-lg>p {
		margin-bottom: 1.33333em;
		margin-top: 1.33333em
	}

	.\34xl\:content-lg>blockquote {
		margin-bottom: 1.66667em;
		margin-top: 1.66667em;
		padding-left: 1em
	}

	.\34xl\:content-lg>h1 {
		font-size: 2.66667em;
		letter-spacing: -.025em;
		line-height: 1;
		margin-bottom: .83333em;
		margin-top: 2.22222em
	}

	.\34xl\:content-lg>h2 {
		font-size: 1.66667em;
		letter-spacing: -.025em;
		line-height: 1.33333;
		margin-bottom: 1.06667em;
		margin-top: 1.86667em
	}

	.\34xl\:content-lg>h3 {
		font-size: 1.33333em;
		letter-spacing: -.025em;
		line-height: 1.5;
		margin-bottom: .66667em;
		margin-top: 1.66667em
	}

	.\34xl\:content-lg>h4,
	.\34xl\:content-lg>h5,
	.\34xl\:content-lg>h6 {
		line-height: 1.55556;
		margin-bottom: .44444em;
		margin-top: 1.77778em
	}

	.\34xl\:content-lg>.kg-card,
	.\34xl\:content-lg>figure,
	.\34xl\:content-lg>img,
	.\34xl\:content-lg>video {
		margin-bottom: 1.77778em;
		margin-top: 1.77778em
	}

	.\34xl\:content-lg .kg-audio-card+.kg-audio-card,
	.\34xl\:content-lg .kg-button-card+.kg-button-card,
	.\34xl\:content-lg .kg-callout-card+.kg-callout-card,
	.\34xl\:content-lg .kg-file-card+.kg-file-card,
	.\34xl\:content-lg .kg-toggle-card+.kg-toggle-card {
		margin-top: -.77778em
	}

	.\34xl\:content-lg .kg-gallery-card,
	.\34xl\:content-lg .kg-image-card {
		--gap: 0.44444em
	}

	.\34xl\:content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,
	.\34xl\:content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,
	.\34xl\:content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,
	.\34xl\:content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-image-card {
		margin-top: -1.33333em
	}

	.\34xl\:content-lg>figure>* {
		margin-bottom: 0;
		margin-top: 0
	}

	.\34xl\:content-lg>figure figcaption {
		font-size: .875rem;
		line-height: 1.71429;
		margin-top: .75rem !important
	}

	.\34xl\:content-lg>code {
		font-size: .88889em
	}

	.\34xl\:content-lg>h2 code {
		font-size: .86667em
	}

	.\34xl\:content-lg>h3 code {
		font-size: .875em
	}

	.\34xl\:content-lg pre {
		border-radius: .42857rem;
		font-size: .77778em;
		line-height: 1.71429;
		padding: 1.14286em 1.71429em
	}

	.\34xl\:content-lg>pre {
		margin-bottom: 2em;
		margin-top: 2em
	}

	.\34xl\:content-lg>.code-toolbar {
		margin-bottom: 1.77778em;
		margin-top: 1.77778em
	}

	.\34xl\:content-lg ol,
	.\34xl\:content-lg ul {
		margin-bottom: 1.33333em;
		margin-top: 1.33333em;
		padding-left: 1.55556em
	}

	.\34xl\:content-lg ol>li,
	.\34xl\:content-lg ul>li {
		margin-bottom: .66667em;
		margin-top: .66667em;
		padding-left: .44444em
	}

	.\34xl\:content-lg>ol>li p,
	.\34xl\:content-lg>ul>li p {
		margin-bottom: .88889em;
		margin-top: .88889em
	}

	.\34xl\:content-lg>ol>li>:first-child:not(ul):not(li),
	.\34xl\:content-lg>ul>li>:first-child:not(ul):not(li) {
		margin-top: 1.33333em
	}

	.\34xl\:content-lg>ol>li>:last-child:not(ul):not(li),
	.\34xl\:content-lg>ul>li>:last-child:not(ul):not(li) {
		margin-bottom: 1.33333em
	}

	.\34xl\:content-lg ol ol,
	.\34xl\:content-lg ol ul,
	.\34xl\:content-lg ul ol,
	.\34xl\:content-lg ul ul {
		margin-bottom: .88889em;
		margin-top: .88889em
	}

	.\34xl\:content-lg>hr {
		margin-bottom: 3.11111em;
		margin-top: 3.11111em
	}

	.\34xl\:content-lg>h2[id]+*,
	.\34xl\:content-lg>h3[id]+*,
	.\34xl\:content-lg>h4[id]+*,
	.\34xl\:content-lg>h5[id]+*,
	.\34xl\:content-lg>h6[id]+*,
	.\34xl\:content-lg>hr+* {
		margin-top: 0
	}

	.\34xl\:content-lg .table-responsive,
	.\34xl\:content-lg>table {
		font-size: .88889em;
		line-height: 1.5
	}

	.\34xl\:content-lg>.table-responsive,
	.\34xl\:content-lg>table {
		margin-bottom: 2em;
		margin-top: 2em
	}

	.\34xl\:content-lg thead th {
		padding-bottom: .75em;
		padding-left: .75em;
		padding-right: .75em
	}

	.\34xl\:content-lg thead th:first-child {
		padding-left: 0
	}

	.\34xl\:content-lg thead th:last-child {
		padding-right: 0
	}

	.\34xl\:content-lg tbody td,
	.\34xl\:content-lg tfoot td {
		padding: .75em
	}

	.\34xl\:content-lg tbody td:first-child,
	.\34xl\:content-lg tfoot td:first-child {
		padding-left: 0
	}

	.\34xl\:content-lg tbody td:last-child,
	.\34xl\:content-lg tfoot td:last-child {
		padding-right: 0
	}

	.\34xl\:content-lg>:first-child {
		margin-top: 0
	}

	.\34xl\:content-lg>:last-child {
		margin-bottom: 0
	}
}

.before\:absolute:before {
	content: var(--tw-content);
	position: absolute
}

.before\:inset-0:before {
	content: var(--tw-content);
	inset: 0
}

.before\:left-1\/2:before {
	content: var(--tw-content);
	left: 50%
}

.before\:top-0:before {
	content: var(--tw-content);
	top: 0
}

.before\:mt-10:before {
	content: var(--tw-content);
	margin-top: 2.5rem
}

.before\:block:before {
	content: var(--tw-content);
	display: block
}

.before\:hidden:before {
	content: var(--tw-content);
	display: none
}

.before\:h-9:before {
	content: var(--tw-content);
	height: 2.25rem
}

.before\:w-0:before {
	content: var(--tw-content);
	width: 0
}

.before\:w-full:before {
	content: var(--tw-content);
	width: 100%
}

.before\:-translate-x-px:before {
	--tw-translate-x: -1px
}

.before\:-translate-x-px:before,
.before\:-translate-y-full:before {
	content: var(--tw-content);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:-translate-y-full:before {
	--tw-translate-y: -100%
}

.before\:border-l-2:before {
	border-left-width: 2px;
	content: var(--tw-content)
}

.before\:border-t:before {
	border-top-width: 1px;
	content: var(--tw-content)
}

.before\:border-dashed:before {
	border-style: dashed;
	content: var(--tw-content)
}

.before\:border-gray-900\/10:before {
	border-color: rgb(var(--color-gray-900)/.1);
	content: var(--tw-content)
}

.before\:bg-accent:before {
	background-color: var(--ghost-accent-color);
	content: var(--tw-content)
}

.before\:pb-20:before {
	content: var(--tw-content);
	padding-bottom: 5rem
}

.before\:opacity-20:before {
	content: var(--tw-content);
	opacity: .2
}

.after\:absolute:after {
	content: var(--tw-content);
	position: absolute
}

.after\:bottom-0:after {
	bottom: 0;
	content: var(--tw-content)
}

.after\:left-0:after {
	content: var(--tw-content);
	left: 0
}

.after\:left-1\/2:after {
	content: var(--tw-content);
	left: 50%
}

.after\:top-0:after {
	content: var(--tw-content);
	top: 0
}

.after\:mb-10:after {
	content: var(--tw-content);
	margin-bottom: 2.5rem
}

.after\:block:after {
	content: var(--tw-content);
	display: block
}

.after\:hidden:after {
	content: var(--tw-content);
	display: none
}

.after\:h-1:after {
	content: var(--tw-content);
	height: .25rem
}

.after\:h-1\.5:after {
	content: var(--tw-content);
	height: .375rem
}

.after\:h-9:after {
	content: var(--tw-content);
	height: 2.25rem
}

.after\:h-full:after {
	content: var(--tw-content);
	height: 100%
}

.after\:w-0:after {
	content: var(--tw-content);
	width: 0
}

.after\:w-1:after {
	content: var(--tw-content);
	width: .25rem
}

.after\:w-1\.5:after {
	content: var(--tw-content);
	width: .375rem
}

.after\:w-full:after {
	content: var(--tw-content);
	width: 100%
}

.after\:-translate-x-px:after {
	--tw-translate-x: -1px
}

.after\:-translate-x-px:after,
.after\:translate-y-full:after {
	content: var(--tw-content);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:translate-y-full:after {
	--tw-translate-y: 100%
}

.after\:rounded-full:after {
	border-radius: 9999px;
	content: var(--tw-content)
}

.after\:rounded-lg:after {
	border-radius: .5rem;
	content: var(--tw-content)
}

.after\:rounded-md:after {
	border-radius: .375rem;
	content: var(--tw-content)
}

.after\:border-b:after {
	border-bottom-width: 1px;
	content: var(--tw-content)
}

.after\:border-l-2:after {
	border-left-width: 2px;
	content: var(--tw-content)
}

.after\:border-dashed:after {
	border-style: dashed;
	content: var(--tw-content)
}

.after\:border-gray-900\/10:after {
	border-color: rgb(var(--color-gray-900)/.1);
	content: var(--tw-content)
}

.after\:bg-accent:after {
	background-color: var(--ghost-accent-color);
	content: var(--tw-content)
}

.after\:pt-20:after {
	content: var(--tw-content);
	padding-top: 5rem
}

.after\:ring-1:after {
	content: var(--tw-content);
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.after\:ring-inset:after {
	content: var(--tw-content);
	--tw-ring-inset: inset
}

.after\:ring-gray-900\/5:after {
	content: var(--tw-content);
	--tw-ring-color: rgb(var(--color-gray-900)/0.05)
}

.first\:mt-8:first-child {
	margin-top: 2rem
}

.first\:pt-0:first-child {
	padding-top: 0
}

.last\:mr-0:last-child {
	margin-right: 0
}

.last\:border-none:last-child {
	border-style: none
}

.last\:pb-0:last-child {
	padding-bottom: 0
}

.last\:pb-16:last-child {
	padding-bottom: 4rem
}

.focus-within\:not-sr-only:focus-within {
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: static;
	width: auto;
	clip: auto;
	white-space: normal
}

.hover\:scale-105:hover {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:bg-gray-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

.hover\:bg-gray-50:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity))
}

.hover\:bg-gray-50\/90:hover {
	background-color: rgb(var(--color-gray-50)/.9)
}

.hover\:text-accent:hover {
	color: var(--ghost-accent-color)
}

.hover\:text-gray-600:hover {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-600)/var(--tw-text-opacity))
}

.hover\:text-gray-700:hover {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
}

.hover\:underline:hover {
	text-decoration-line: underline
}

.hover\:opacity-80:hover {
	opacity: .8
}

.hover\:opacity-85:hover {
	opacity: .85
}

.hover\:ring-2:hover {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.hover\:ring-gray-900\/20:hover {
	--tw-ring-color: rgb(var(--color-gray-900)/0.2)
}

.focus\:not-sr-only:focus {
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: static;
	width: auto;
	clip: auto;
	white-space: normal
}

.group:focus-within .group-focus-within\:ring {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group\/dh:hover .group-hover\/dh\:bg-gray-900\/5 {
	background-color: rgb(var(--color-gray-900)/.05)
}

.group:focus .group-focus\:ring {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group.current .group-\[\.current\]\:mr-2 {
	margin-right: .5rem
}

.group.no-sections .group-\[\.no-sections\]\:mt-0,
.group.no-space-top .group-\[\.no-space-top\]\:mt-0 {
	margin-top: 0
}

.group\/ds.open .group-\[\.open\]\/ds\:block {
	display: block
}

.group.loading .group-\[\.loading\]\:inline {
	display: inline
}

.group.current .group-\[\.current\]\:flex,
.group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:flex {
	display: flex
}

.group.loading .group-\[\.loading\]\:hidden,
.group.no-sections .group-\[\.no-sections\]\:hidden,
.group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:hidden {
	display: none
}

.group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:min-h-20 {
	min-height: 5rem
}

.group.current .group-\[\.current\]\:w-2 {
	width: .5rem
}

.group.open .group-\[\.open\]\:translate-x-0 {
	--tw-translate-x: 0px
}

.group.open .group-\[\.open\]\:translate-x-0,
.group\/ds.open .group-\[\.open\]\/ds\:rotate-90 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/ds.open .group-\[\.open\]\/ds\:rotate-90 {
	--tw-rotate: 90deg
}

.group.no-sections .group-\[\.no-sections\]\:space-y-0>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(0px*var(--tw-space-y-reverse));
	margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

.group\/html.has-sidebar-dark.dark .group-\[\.has-sidebar-dark\.dark\]\/html\:bg-gray-950 {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-950)/var(--tw-bg-opacity))
}

.group\/html.has-sidebar-dark .group-\[\.has-sidebar-dark\]\/html\:bg-gray-900 {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

.group.no-sections .group-\[\.no-sections\]\:pt-4 {
	padding-top: 1rem
}

.group.current .group-\[\.current\]\:font-semibold {
	font-weight: 600
}

.group.current .group-\[\.current\]\:text-accent {
	color: var(--ghost-accent-color)
}

.peer.open~.peer-\[\.open\]\:block {
	display: block
}

.peer.hidden~.peer-\[\.hidden\]\:hidden {
	display: none
}

:is(.dark .dark\:block) {
	display: block
}

:is(.dark .dark\:inline) {
	display: inline
}

:is(.dark .dark\:hidden) {
	display: none
}

:is(.dark .dark\:border) {
	border-width: 1px
}

:is(.dark .dark\:border-accent-20) {
	border-color: rgb(var(--ghost-accent-color-rgb)/.2)
}

:is(.dark .dark\:border-gray-50\/10) {
	border-color: rgb(var(--color-gray-50)/.1)
}

:is(.dark .dark\:border-gray-50\/5) {
	border-color: rgb(var(--color-gray-50)/.05)
}

:is(.dark .dark\:border-gray-900) {
	--tw-border-opacity: 1;
	border-color: rgb(var(--color-gray-900)/var(--tw-border-opacity))
}

:is(.dark .dark\:bg-gray-50\/10) {
	background-color: rgb(var(--color-gray-50)/.1)
}

:is(.dark .dark\:bg-gray-700) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-800) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-800\/60) {
	background-color: rgb(var(--color-gray-800)/.6)
}

:is(.dark .dark\:bg-gray-900) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-950) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-950)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-black) {
	--tw-bg-opacity: 1;
	background-color: rgb(0,0,0,var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-transparent) {
	background-color: transparent
}

:is(.dark .dark\:to-gray-50) {
	--tw-gradient-to: rgb(var(--color-gray-50)/1) var(--tw-gradient-to-position)
}

:is(.dark .dark\:to-gray-900) {
	--tw-gradient-to: rgb(var(--color-gray-900)/1) var(--tw-gradient-to-position)
}

:is(.dark .dark\:text-gray-200) {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-300) {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-300)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-400) {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-400)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-400\/90) {
	color: rgb(var(--color-gray-400)/.9)
}

:is(.dark .dark\:text-gray-50) {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-50)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-500) {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-500)/var(--tw-text-opacity))
}

:is(.dark .dark\:ring-inset) {
	--tw-ring-inset: inset
}

:is(.dark .dark\:ring-gray-50\/10) {
	--tw-ring-color: rgb(var(--color-gray-50)/0.1)
}

:is(.dark .dark\:ring-gray-50\/5) {
	--tw-ring-color: rgb(var(--color-gray-50)/0.05)
}

:is(.dark .dark\:ring-white\/5) {
	--tw-ring-color: hsla(0, 0%, 100%, .05)
}

:is(.dark .before\:dark\:border-gray-50\/10):before {
	border-color: rgb(var(--color-gray-50)/.1);
	content: var(--tw-content)
}

:is(.dark .dark\:before\:border-gray-50\/10):before {
	border-color: rgb(var(--color-gray-50)/.1);
	content: var(--tw-content)
}

:is(.dark .after\:dark\:border-gray-50\/10):after {
	border-color: rgb(var(--color-gray-50)/.1);
	content: var(--tw-content)
}

:is(.dark .dark\:after\:border-gray-50\/10):after {
	border-color: rgb(var(--color-gray-50)/.1);
	content: var(--tw-content)
}

:is(.dark .dark\:after\:ring-gray-50\/5):after {
	content: var(--tw-content);
	--tw-ring-color: rgb(var(--color-gray-50)/0.05)
}

:is(.dark .dark\:hover\:bg-gray-700:hover) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-gray-800:hover) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:text-gray-100:hover) {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-100)/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-gray-200:hover) {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-gray-300:hover) {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-300)/var(--tw-text-opacity))
}

:is(.dark .group\/dh:hover .dark\:group-hover\/dh\:bg-gray-50\/10) {
	background-color: rgb(var(--color-gray-50)/.1)
}

.group\/html.has-sidebar-dark :is(.dark .group-\[\.has-sidebar-dark\]\/html\:dark\:bg-gray-950) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-950)/var(--tw-bg-opacity))
}

.group.current :is(.dark .group-\[\.current\]\:dark\:hover\:text-accent:hover) {
	color: var(--ghost-accent-color)
}

@media not all and (min-width:1280px) {
	.max-xl\:-right-1\/2 {
		right: -50%
	}

	.max-xl\:left-auto {
		left: auto
	}
}

@media not all and (min-width:1024px) {
	.max-lg\:-left-px {
		left: -1px
	}

	.max-lg\:ml-auto {
		margin-left: auto
	}

	.max-lg\:-translate-x-1\/2 {
		--tw-translate-x: -50%
	}

	.max-lg\:-translate-x-1\/2,
	.max-lg\:-translate-x-full {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.max-lg\:-translate-x-full {
		--tw-translate-x: -100%
	}

	.max-lg\:space-y-4>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(1rem*var(--tw-space-y-reverse));
		margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
	}

	.max-lg\:border-l-2 {
		border-left-width: 2px
	}

	.max-lg\:pb-6 {
		padding-bottom: 1.5rem
	}

	.max-lg\:pl-6 {
		padding-left: 1.5rem
	}

	.max-lg\:pl-8 {
		padding-left: 2rem
	}

	.max-lg\:pr-12 {
		padding-right: 3rem
	}

	.group.open .group-\[\.open\]\:max-lg\:block {
		display: block
	}

	.group.open .group-\[\.open\]\:max-lg\:flex {
		display: flex
	}

	.group.open .group-\[\.open\]\:max-lg\:translate-x-0 {
		--tw-translate-x: 0px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.group.open .group-\[\.open\]\:max-lg\:shadow-lg {
		--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.group.open .group-\[\.open\]\:max-lg\:transition {
		transition-duration: .15s;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.group.open .group-\[\.open\]\:max-lg\:ease-out {
		transition-timing-function: cubic-bezier(0, 0, .2, 1)
	}
}

@media not all and (min-width:640px) {
	.max-sm\:scroll-m-4 {
		scroll-margin: 1rem
	}

	.max-sm\:space-y-4>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-bottom: calc(1rem*var(--tw-space-y-reverse));
		margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
	}
}

@media (min-width:640px) {
	.sm\:mx-0 {
		margin-left: 0;
		margin-right: 0
	}

	.sm\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.sm\:my-20 {
		margin-bottom: 5rem;
		margin-top: 5rem
	}

	.sm\:-mb-20 {
		margin-bottom: -5rem
	}

	.sm\:mb-0 {
		margin-bottom: 0
	}

	.sm\:mb-10 {
		margin-bottom: 2.5rem
	}

	.sm\:mb-20 {
		margin-bottom: 5rem
	}

	.sm\:mr-2 {
		margin-right: .5rem
	}

	.sm\:mr-6 {
		margin-right: 1.5rem
	}

	.sm\:mt-8 {
		margin-top: 2rem
	}

	.sm\:inline {
		display: inline
	}

	.sm\:hidden {
		display: none
	}

	.sm\:w-1\/2 {
		width: 50%
	}

	.sm\:min-w-logo {
		min-width: min(calc(var(--logo-width)*1px), calc(36px*var(--logo-width)/var(--logo-height)))
	}

	.sm\:flex-row {
		flex-direction: row
	}

	.sm\:items-center {
		align-items: center
	}

	.sm\:justify-center {
		justify-content: center
	}

	.sm\:space-x-8>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(2rem*var(--tw-space-x-reverse))
	}

	.sm\:py-20 {
		padding-bottom: 5rem;
		padding-top: 5rem
	}

	.sm\:py-28 {
		padding-bottom: 7rem;
		padding-top: 7rem
	}

	.sm\:pr-6 {
		padding-right: 1.5rem
	}

	.sm\:pt-20 {
		padding-top: 5rem
	}

	.sm\:text-center {
		text-align: center
	}

	.sm\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem
	}

	.sm\:text-5xl {
		font-size: 3rem;
		line-height: 1
	}

	.sm\:text-6xl {
		font-size: 3.75rem;
		line-height: 1
	}

	.sm\:text-base {
		font-size: 1rem;
		line-height: 1.5rem
	}

	.sm\:last\:pb-28:last-child {
		padding-bottom: 7rem
	}
}

@media (min-width:768px) {
	.md\:col-span-2 {
		grid-column: span 2/span 2
	}

	.md\:my-28 {
		margin-top: 7rem
	}

	.md\:mb-28,
	.md\:my-28 {
		margin-bottom: 7rem
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.md\:py-28 {
		padding-bottom: 7rem
	}

	.md\:pt-28,
	.md\:py-28 {
		padding-top: 7rem
	}

	.md\:text-5xl {
		font-size: 3rem;
		line-height: 1
	}
}

@media (min-width:1024px) {
	.lg\:visible {
		visibility: visible
	}

	.lg\:sticky {
		position: sticky
	}

	.lg\:\!left-0 {
		left: 0 !important
	}

	.lg\:\!right-0 {
		right: 0 !important
	}

	.lg\:-right-px {
		right: -1px
	}

	.lg\:left-0 {
		left: 0
	}

	.lg\:left-1\/2 {
		left: 50%
	}

	.lg\:left-px {
		left: 1px
	}

	.lg\:top-20 {
		top: 5rem
	}

	.lg\:top-px {
		top: 1px
	}

	.lg\:col-span-3 {
		grid-column: span 3/span 3
	}

	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.lg\:my-10 {
		margin-bottom: 2.5rem;
		margin-top: 2.5rem
	}

	.lg\:-ml-4 {
		margin-left: -1rem
	}

	.lg\:mb-0 {
		margin-bottom: 0
	}

	.lg\:ml-7 {
		margin-left: 1.75rem
	}

	.lg\:ml-auto {
		margin-left: auto
	}

	.lg\:mt-0 {
		margin-top: 0
	}

	.lg\:mt-3 {
		margin-top: .75rem
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-20 {
		height: 5rem
	}

	.lg\:h-4 {
		height: 1rem
	}

	.lg\:h-5 {
		height: 1.25rem
	}

	.lg\:h-\[calc\(100vh_-_theme\(spacing\.20\)\)\] {
		height: calc(100vh - 5rem)
	}

	.lg\:w-1\/2 {
		width: 50%
	}

	.lg\:w-1\/3 {
		width: 33.333333%
	}

	.lg\:w-2\/3 {
		width: 66.666667%
	}

	.lg\:w-4 {
		width: 1rem
	}

	.lg\:w-5 {
		width: 1.25rem
	}

	.lg\:w-72 {
		width: 18rem
	}

	.lg\:min-w-80 {
		min-width: 20rem
	}

	.lg\:min-w-logo {
		min-width: min(calc(var(--logo-width)*1px), calc(36px*var(--logo-width)/var(--logo-height)))
	}

	.lg\:max-w-sm {
		max-width: 24rem
	}

	.lg\:-translate-x-1\/2 {
		--tw-translate-x: -50%
	}

	.lg\:-translate-x-1\/2,
	.lg\:-translate-x-7 {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.lg\:-translate-x-7 {
		--tw-translate-x: -1.75rem
	}

	.lg\:-translate-y-1\/2 {
		--tw-translate-y: -50%
	}

	.lg\:-translate-y-1\/2,
	.lg\:translate-x-1\/2 {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.lg\:translate-x-1\/2 {
		--tw-translate-x: 50%
	}

	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.flex-row {
		flex-direction: row;
	}

	.lg\:items-center {
		align-items: center
	}

	.lg\:gap-1 {
		gap: .25rem
	}

	.lg\:gap-20 {
		gap: 5rem
	}
	
	.lg\:space-x-4>:not([hidden])~:not([hidden]) {
		--tw-space-x-reverse: 0;
		margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
		margin-right: calc(1rem*var(--tw-space-x-reverse))
	}

	.lg\:rounded-xl {
		border-radius: .75rem
	}

	.lg\:border-l-2 {
		border-left-width: 2px
	}

	.lg\:border-r {
		border-right-width: 1px
	}

	.lg\:border-r-2 {
		border-right-width: 2px
	}

	.lg\:\!border-none {
		border-style: none !important
	}

	.lg\:border-none {
		border-style: none
	}

	.lg\:border-gray-900\/5 {
		border-color: rgb(var(--color-gray-900)/.05)
	}

	.lg\:bg-transparent {
		background-color: transparent
	}

	.lg\:\!p-0 {
		padding: 0 !important
	}

	.lg\:p-6 {
		padding: 1.5rem
	}

	.lg\:px-10 {
		padding-left: 2.5rem;
		padding-right: 2.5rem
	}

	.lg\:px-3 {
		padding-left: .75rem;
		padding-right: .75rem
	}

	.lg\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.lg\:py-8 {
		padding-bottom: 2rem;
		padding-top: 2rem
	}

	.lg\:pl-0 {
		padding-left: 0
	}

	.lg\:pl-4 {
		padding-left: 1rem
	}

	.lg\:pl-8 {
		padding-left: 2rem
	}

	.lg\:pr-6 {
		padding-right: 1.5rem
	}

	.lg\:pr-8 {
		padding-right: 2rem
	}

	.lg\:pt-0 {
		padding-top: 0
	}

	.lg\:text-6xl {
		font-size: 3.75rem;
		line-height: 1
	}

	.lg\:text-7xl {
		font-size: 4.5rem;
		line-height: 1
	}

	.lg\:text-sm {
		font-size: .875rem;
		line-height: 1.25rem
	}

	.lg\:after\:block:after,
	.lg\:before\:block:before {
		content: var(--tw-content);
		display: block
	}

	.lg\:after\:rounded-xl:after {
		border-radius: .75rem;
		content: var(--tw-content)
	}

	.group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:lg\:hidden {
		display: none
	}

	.group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:lg\:min-h-0 {
		min-height: 0
	}

	.group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:lg\:border-r {
		border-right-width: 1px
	}

	.group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:lg\:border-gray-900\/5 {
		border-color: rgb(var(--color-gray-900)/.05)
	}

	.group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:lg\:bg-transparent {
		background-color: transparent
	}

	:is(.dark .lg\:dark\:border-gray-50\/5) {
		border-color: rgb(var(--color-gray-50)/.05)
	}

	:is(.dark .lg\:dark\:bg-transparent) {
		background-color: transparent
	}

	.group\/html.has-sidebar-transparent :is(.dark .group-\[\.has-sidebar-transparent\]\/html\:lg\:dark\:border-gray-50\/5) {
		border-color: rgb(var(--color-gray-50)/.05)
	}

	.group\/html.has-sidebar-transparent :is(.dark .group-\[\.has-sidebar-transparent\]\/html\:lg\:dark\:bg-transparent) {
		background-color: transparent
	}

	@media not all and (min-width:1280px) {
		.lg\:max-xl\:flex {
			display: flex
		}
	}
}

@media (min-width:1280px) {
	.xl\:order-first {
		order: -9999
	}

	.xl\:ml-0 {
		margin-left: 0
	}

	.xl\:mt-16 {
		margin-top: 4rem
	}

	.xl\:block {
		display: block
	}

	.xl\:flex {
		display: flex
	}

	.xl\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.xl\:grid-cols-\[auto_theme\(spacing\.56\)\] {
		grid-template-columns: auto 14rem
	}

	.xl\:grid-cols-\[theme\(spacing\.56\)_auto_theme\(spacing\.56\)\] {
		grid-template-columns: 14rem auto 14rem
	}

	.xl\:gap-10 {
		gap: 2.5rem
	}

	.xl\:px-16 {
		padding-left: 4rem;
		padding-right: 4rem
	}
}

@media (min-width:1536px) {
	.\34xl\:text-lead {
		font-size: 1.375rem;
		line-height: 2rem
	}

	.xxl\:block {
		display: block
	}
	.xxl\:grid-cols-\[auto_theme\(spacing\.56\)\] {
		grid-template-columns: auto 14rem;
	}
}

.\[\&\.current-parent\]\:bg-gray-100.current-parent {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

:is(.dark .dark\:\[\&\.current-parent\]\:bg-gray-700.current-parent) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

.\[\&\.current\]\:bg-gray-100.current {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

:is(.dark .dark\:\[\&\.current\]\:bg-gray-700.current) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

.\[\&\.external\>svg\]\:inline.external>svg {
	display: inline
}

.\[\&\.external\]\:inline-flex.external {
	display: inline-flex
}

.\[\&\.has-modal\]\:h-screen.has-modal {
	height: 100vh
}

.\[\&\.has-modal\]\:overflow-hidden.has-modal {
	overflow: hidden
}

.\[\&\.no-space-top\]\:mt-0.no-space-top {
	margin-top: 0
}

.\[\&\.node-name--H3\]\:py-1.node-name--H3 {
	padding-bottom: .25rem;
	padding-top: .25rem
}

.\[\&\.node-name--H3\]\:before\:mr-1.node-name--H3:before {
	content: var(--tw-content);
	margin-right: .25rem
}

.\[\&\.node-name--H3\]\:before\:inline.node-name--H3:before {
	content: var(--tw-content);
	display: inline
}

.\[\&\.node-name--H3\]\:before\:opacity-50.node-name--H3:before {
	content: var(--tw-content);
	opacity: .5
}

.\[\&\.node-name--H3\]\:before\:content-\[\'\2014\'\].node-name--H3:before {
	--tw-content: "—";
	content: var(--tw-content)
}

.\[\&\.open\>svg\]\:rotate-180.open>svg {
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\.open\]\:visible.open {
	visibility: visible
}

.\[\&\.open\]\:z-50.open {
	z-index: 50
}

.\[\&\.open\]\:bg-gray-100.open {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

:is(.dark .dark\:\[\&\.open\]\:bg-gray-700.open) {
	--tw-bg-opacity: 1;
	background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

@media not all and (min-width:1024px) {
	.\[\&\.open\]\:max-lg\:visible.open {
		visibility: visible
	}

	.\[\&\.open\]\:max-lg\:inset-0.open {
		inset: 0
	}

	.\[\&\.open\]\:max-lg\:z-50.open {
		z-index: 50
	}
}

.\[\&\.stuck\]\:bg-white\/90.stuck {
	background-color: hsla(0, 0%, 100%, .9)
}

:is(.dark .dark\:\[\&\.stuck\]\:bg-gray-900\/70.stuck) {
	background-color: rgb(var(--color-gray-900)/.7)
}

@media not all and (min-width:1440px) {
	.max-3xl\:\[\&\:nth-child\(-n\+6\)\]\:hidden:nth-child(-n+6) {
		display: none
	}
}

@media (min-width:1440px) {

	.\33xl\:\[\&\:nth-child\(-n\+6\)\]\:hidden:nth-child(-n+6),
	.\33xl\:\[\&\:nth-child\(-n\+7\)\]\:hidden:nth-child(-n+7),
	.\33xl\:\[\&\:nth-child\(-n\+8\)\]\:hidden:nth-child(-n+8) {
		display: none
	}
}

.\[\&\:nth-child\(n\+6\)\]\:block:nth-child(n+6) {
	display: block
}

.\[\&\:nth-child\(n\+6\)\]\:hidden:nth-child(n+6) {
	display: none
}

@media not all and (min-width:1440px) {
	.max-3xl\:\[\&\:nth-child\(n\+6\)\]\:block:nth-child(n+6) {
		display: block
	}

	.max-3xl\:\[\&\:nth-child\(n\+6\)\]\:hidden:nth-child(n+6) {
		display: none
	}
}

.\[\&\:nth-child\(n\+7\)\]\:block:nth-child(n+7) {
	display: block
}

.\[\&\:nth-child\(n\+7\)\]\:hidden:nth-child(n+7) {
	display: none
}

.\[\&\:nth-child\(n\+8\)\]\:block:nth-child(n+8) {
	display: block
}

.\[\&\:nth-child\(n\+8\)\]\:hidden:nth-child(n+8),
.\[\&\:nth-child\(n_\+_7\)\]\:hidden:nth-child(n+7) {
	display: none
}

:is(.dark .\[\&_\.current\]\:dark\:text-gray-300) .current {
	--tw-text-opacity: 1;
	color: rgb(var(--color-gray-300)/var(--tw-text-opacity))
}

@media not all and (min-width:1536px) {
	.max-4xl\:\[\&_\:nth-child\(n_\+_6\)\]\:hidden :nth-child(n+6) {
		display: none
	}
}

.toc-list.is-collapsed .\[\.toc-list\.is-collapsed_\&\]\:hidden {
	display: none
}


/* Custom Landing Page updates */
#anddone-developer-documentation {
	overflow: hidden;
	background-color: black;
}
#anddone-developer-documentation .inner {
	position: relative;
	z-index: 2;
}
#anddone-developer-documentation h1 {
	font-size: 72px;
	font-weight: 700;
	text-transform: uppercase;
	color: white;
}
#anddone-developer-documentation h1 .title-accent-color {
	color: var(--ghost-accent-color)
}
#anddone-developer-documentation .hero-bg-holder {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
#anddone-developer-documentation .hero-image-left {
	background: url(../images/anddone-grid-bg.png);
	background-repeat: no-repeat;
	background-size:100%;
	aspect-ratio: 1;
	background-position: bottom center;
	transform: rotate(90deg);
}
#anddone-developer-documentation .hero-image-right {
	background: url(../images/anddone-grid-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
	aspect-ratio: 1;
    background-position: bottom center;
	transform: rotate(270deg);
}
.landing-block h2 {
	color: var(--ghost-accent-color);
	font-size: 2rem;
	font-weight: 700;
}

.landing-block.tag-hash-landing-footer {
	background-color: black;
}
.landing-block.tag-hash-landing-footer .landing-block-content p {
	font-size: .875rem;
}
.landing-block.tag-hash-landing-footer .landing-block-content .kg-button-card {
	margin-top: 1rem;
}
.landing-block.tag-hash-landing-footer .landing-block-content .kg-button-card a.kg-btn {
	border-radius: 4px;
	font-size: .813rem;
	text-transform: uppercase;
}

/* LXD - Custom Animation for Section Hero */
@keyframes fadeIn {
	from {
	  opacity: 0;
	  transform: translateY(10px);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
  
  .animate-fadein {
	animation: fadeIn 0.8s ease-out forwards;
  }
  
  /* Custom Font Classes */
  .font-barlow {
	font-family: 'Barlow', sans-serif;
  }
  
  .font-readex {
	font-family: 'Readex Pro', sans-serif;
  }
  
  /* Custom Typography Sizes */
  .text-48 {
	font-size: 48px;
  }
  
  .leading-61 {
	line-height: 61px;
  }

  .leading-50 {
	line-height: 50px;
  }
  
  .text-18 {
	font-size: 18px;
  }

  .text-16 {
	font-size: 16px;
  }

  .text-30 {
	font-size: 30px;
  }

  .text-36 {
	font-size: 36px;
  }

  .text-40 {
	font-size: 40px;
  }

  .text-26 {
	font-size: 26px;
  }
  
  .leading-36 {
	line-height: 36px;
  }

  .leading-26 {
	line-height: 26px;
  }

  /* Title Classes for custom UI components */

 .hero-title {
	font-size: 36px;
	font-weight: 300;
	line-height: 40px;
	color: white;
 }

 .blog-hero-title {
	font-size: 36px;
	font-weight: 300;
	color: white;
	line-height: 40px;
	text-align: center;

 }

 @media (min-width: 768px) {
	.hero-title, .blog-hero-title {
		font-size: 72px;
		line-height: 76px;
	}
  }

 .hero-title-medium {
	font-size: 30px;
	font-weight: 300;
	color: white;
 }

 @media (min-width: 768px) {
	.hero-title-medium {
		font-size: 48px;
	}
 }

 .hero-title-small {
	font-size: 22px;
	font-weight: 300;
	color: white;
 }

 .blog-grid-title {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: white;
	font-family: 'Barlow', sans-serif;
 }

 .small-description {
	font-size: 14px;
 }



 @media (min-width: 768px) {
	.hero-title-small {
		font-size: 30px;
	}
	.small-description {
		font-size: 16px;
	}
  }

 .title-primary {
	color: white;

 }
  
 .title-secondary {
	background: linear-gradient(90deg, #0832E2 0%, #00B2E2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
  }
  
  
  /* Buttons */
  .btn-primary {
	background: linear-gradient(90deg, #0832E2 0%, #00B2E2 50%, #0832E2 100%);
	background-size: 200% 100%;
	background-position: left;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 8px;
	transition: background-position 0.4s ease-in-out, transform 0.4s ease-in-out;
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 13px;
	line-height: 21px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	backface-visibility: hidden;
	will-change: transform;
  }

  .btn-secondary {
	background-color: #ffffff;
	color: #000000;
	padding: 10px 20px;
	border-radius: 8px;
	transition: background-position 0.4s ease-in-out, transform 0.4s ease-in-out;
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 13px;
	line-height: 21px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	backface-visibility: hidden;
	will-change: transform;
  }
  
  .btn-primary:hover,
  .btn-secondary:hover {
	background-position: right;
	transform: scale(1.02) translateZ(0);
}
  
  

  .btn-icon {
	width: 13.46px;
	height: 15.3px;
	margin-left: 5px;
	color: inherit;
  }
  




  .btn-wrapper {
	display: block;
	text-align: left;
  }
  
  @media (max-width: 768px) {
	.btn-wrapper {
		display: flex;
		justify-content: center;
	  }
	  
  }
  
  
  /* LXD - Custom Classes for Sections */
  /* Section Hero Columns */

  .section-hero-columns {
	/* background-image: url(../images/section-bg.png);
	background-size: 100% 100%;
	background-position: top center;
	background-repeat: no-repeat; */
	width: 100%;
	height: 100%;
  }


  
  @media (max-width: 1250px) {
	.section-hero-columns {
	  display: none;
	}
  }
  
  .section-hero-columns-mobile {
	/* background-image: url(../images/section-bg.png);
	background-size: 100% 100%;
	background-position: top center;
	background-repeat: no-repeat; */
	width: 100%;
	height: 100%;
	display: none;
  }
  
  @media (max-width: 1250px) {
	.section-hero-columns-mobile {
	  display: block;
	}
  }

  

  .hero-bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* Setting height to 130% here to match the size of the squares to the bottom grid */
	height: 130%;
	object-fit: cover;
	object-position: bottom center;
	z-index: -1;
  }
  
  

  .hero-bg-video-bottom {
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;       
  }
  
  

.hero-content,
.hero-image {
  width: 100%;
}

.section-pill {
	display: inline-block;
	background-color: #ffffff30;
	color: white;
	padding: 0 20px;
	border-radius: 100px;
	font-size: 10px;
	line-height: 21px;
	font-weight: 700;
	text-align: center;
	backdrop-filter: blur(4px);
	margin: 20px 0;
}

@media (min-width: 768px) {
	.hero-content,
	.hero-image {
	  width: auto;
	}
  }
  


/* Section Columns */
.section-columns {
	background-color: black;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
  }
  
  @media (max-width: 1250px) {
	.section-columns {
	  display: none;
	}
  }
  
  .section-columns-secondary {
	background-color: #202020;
	background-size: cover;
	background-position: top center;  
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
  }

  .section-columns-content {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	font-family: 'Readex Pro', sans-serif;
	color: white;
  }
  
  @media (max-width: 1250px) {
	.section-columns-secondary,
	.section-columns-cta {
	  display: none;
	}
  }
  
  .section-columns-mobile {
	background-color: black;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: none;
  }
  
  .section-columns-cta {
	position: relative; 
	background-color: transparent; 
	width: 100%;
	height: 100%;
	padding: 50px 0; 
  }


  /* For iPFS component */

@media (max-width: 1250px) {
	.section-columns-desktop {
	  display: none !important;
	}
	.section-columns-mobile {
	  display: block !important;
	}
  }
  
  @media (min-width: 1250px) {
	.section-columns-desktop {
	  display: block !important;
	}
  }
  



  .mp4-bg:not(.homepage-accept-payments *, .homepage-premium-finance *, .homepage-outbound-payments *) {
	width: 100%;
	background: linear-gradient(90deg, #0832E2 0%, #00B2E2 100%);
	padding: 3px;
	border-radius: 8px; 
	overflow: hidden;
  }
  	.mp4-bg:not(.homepage-accept-payments *, .homepage-premium-finance *, .homepage-outbound-payments *) > video {
		border-radius: 8px;
	}

  /* Demo Request Form */

  .demo-request-form {
	display: none;
}

  @media (max-width: 1250px) {
	.demo-request-form-mobile {
		display: flex;
	}
  }

  @media (min-width: 1250px) {
	.demo-request-form-mobile {
		display: none;
	}
	.demo-request-form {
		display: flex;
	}
}
  
.outbound-payments-how-it-works .inside-section-container {
	margin-bottom: 0 !important;
}
.outbound-payments-get-started {
	padding-top: 0 !important;
}
  
  /* New Mobile CTA Variant */
  .section-columns-cta-mobile {
	position: relative;
	background-color: transparent;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	display: none;
  }

  
  /* Mobile Overrides */
  @media (max-width: 1250px) {
	.section-columns-mobile,
	.section-columns-cta-mobile {
	  display: block;
	}
  }
  
  .section-columns-secondary-mobile {
	background-color: #202020;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: none;
  }
  
  @media (max-width: 1250px) {
	.section-columns-secondary-mobile {
	  display: block;
	}
  }
  
  


.column-text,
.column-image {
  width: 100%;
  height: 100%;
}



@media (min-width: 768px) {
  .column-text,
  .column-image {
    width: auto;
	height: auto;
  }
}

/* LXD - section-card-long classes */


/* Card container */
.card-long-wrapper {
	position: relative;
	width: 632px;
	min-height: 285px;
	border-radius: 8px;
	padding: 2px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
  }
  
  
  /* Card content container */
  .card-long {
	position: relative;
	background-color: black;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	z-index: 2;
  }
  
  /* Inner container padding */
  .card-long-inner {
	padding: 34px 29px;
	box-sizing: border-box;
	height: 100%;
	display: flex;
  }
  
  
  

  @media (max-width: 1250px) {
	.card-long-wrapper {
	  min-width: 300px;
	}
  }

  
  /* Column 1: Fixed width icon column, aligned to the top */
  .card-long-col1 {
	width: 60px;
	flex-shrink: 0;
	display: flex;
	align-items: flex-start;
  }
  
  /* The icon */
  .card-long-icon {
	width: 60px;
	height: 60px;
	object-fit: cover;
  }
  
  /* Column 2: Fills the remaining space, with left margin */
  .card-long-col2 {
	margin-left: 40px;
	flex-grow: 1;
	color: white;
  }
  
  /* Title inside Column 2 */
  .card-long-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0;
	margin-bottom: 0;
  }
  
  /* Content below title in Column 2 */
  .card-long-content {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
	margin-top: 44px;
  }
  
  /* Cards Section: long cards grid (Accept Payments page) */
.cards-section {
	background-color: #202020;
  }
  
  .cards-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
  }

  @media (max-width: 1083px) {
	.cards-grid {
		grid-template-columns: repeat(1, minmax(300px, 1fr));
	}
  }

  
  /* FAQ Title */
  .faq-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 300;
	font-size: 30px;
	text-align: center;
	color: white;
	margin: 37px 0;
  }

  @media (min-width: 768px) {
	.faq-title {
		font-size: 48px;
		text-align: center;
		margin: 67px 0;
	}
  }

  .faq-question-text {
	transition: color 0.3s ease-in-out;
  }
  
  .faq-question-text:hover {
	color: #00B2E2;
  }
  
  
  /* Accordion Container */
  .faq-accordion {
	width: auto;
	margin: 0 auto;
  }

  @media (min-width: 768px) {
	.faq-accordion {
		width: 790px;
	}
  }
  
  /* FAQ Item - each accordion element */
  .faq-item {
	border-top: 1px solid #00B2E280;
	/* border-bottom: 1px solid #00B2E280; */
  }

  .faq-item-secondary  {
	border-top: 1px solid #676970;
	/* border-bottom: 1px solid #676970; */
  }
  
  /* FAQ Question Button */
  .faq-question {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 36px;
	letter-spacing: 0;
	background: transparent;
	border: none;
	width: 100%;
	text-align: left;
	color: white;
	padding: 20px 0;
	gap: 0.5rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  
  /* FAQ Chevron (default pointing down) */
  .faq-chevron {
	transition: transform 0.3s ease;
  }
  
  /* FAQ Answer Panel */
  .faq-answer {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0;
	color: white;
	max-height: 0;
	opacity: 0;
	padding: 0 0 0 0;
	overflow: hidden;
	transition: 
	  max-height 0.4s ease-in-out, 
	  opacity 0.5s ease-in-out 0s, 
	  padding .5s ease-in-out 0s;
  }
  
  .faq-item.open .faq-answer,
  .faq-item-secondary.open .faq-answer {
	padding: 0 0 20px 0;
	max-height: 500px;
	opacity: 1;
	transition: 
	  max-height 0.4s ease-in-out, 
	  opacity 0.5s ease-in-out,
	  padding 0.5s ease-in-out;
  }
  
  .faq-item.open .faq-chevron,
  .faq-item-secondary.open .faq-chevron {
	transform: rotate(180deg);
  }
  

  /* Section CTA container */
  .section-cta {
	position: relative; 
	/* background-color: transparent; 
	width: 100%;
	height: 100%; */
	padding: 20px 0; 
  }
  
  /* Pseudo-element for background */
  .section-cta::before {
	/* content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/section-bg.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	transform: rotate(180deg); */
	z-index: -1; 
  }
  
  
  /* CTA Title */
  .section-cta-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 72px;
	line-height: 85px;
	letter-spacing: 0;
	text-align: center;
	color: white;
	max-width: 1006px;
	margin: 0 auto 47px auto;
  }

  @media (max-width: 768px) {
	.section-cta-title {
		font-size: 48px;
		line-height: 61px;
	}
  }
  
  /* Button container - side by side on desktop with 20px gap */
  .section-cta-buttons {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 0 auto 100px auto;
  }
  
  @media (max-width: 767px) {
	.section-cta-buttons {
	  flex-direction: column;
	  align-items: center;
	  gap: 15px; 
	  margin: 0 auto 100px auto;

	}
  }

  /* Footer styles */
.section-footer {
	background-color: black;
	padding-top: 30px;
	border-top: 1px solid #00B2E2;
  }
  
  /* Top Row */
  .section-footer-top {
	display: flex;
	margin: 0 auto;
	padding: 0 70px;
	height: 223px;
  }
  
  /* Left Column */
  .section-footer-left {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
  }
  
  .section-footer-logo {
	width: 174px;
	height: 21.46px;
	margin-bottom: 10px;
  }
  
  .section-footer-description {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: white;
	max-width: 286px;
  }
  
  /* Right Column (Links) */
  .section-footer-right {
	width: 60%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 20px;
	margin: auto 0;
  }
  
  .section-footer-links {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start; 
	align-self: flex-start; 
	gap: 40px;
	margin-left: auto;
  }
  

.section-footer-links > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

@media (max-width: 1000px) {
	.section-footer-mobile-links {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: flex-start;
	  width: 100%;
	  column-gap: 100px; 
	  row-gap: 0;    
	}
	
	.section-footer-mobile-links > div {
	  flex: 1 1 130px;
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	  justify-content: flex-start;
	}
  }
  
  
@media only screen and (max-width: 400px) {
	.section-footer-mobile-links {
		gap: 1rem;
	}
	.section-footer-mobile-links > div {
		flex: 1 1 100%;
	}
}
  
@media only screen and (min-width: 666px) {
	.tablet-500h {
		height: 500px !important;
	}
}
  
  
  .section-footer-title {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #00B2E2;
	margin-bottom: 10px;
  }
  
  .section-footer-link {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: white;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
	transition: 0.2s all;
  }

  	.section-footer-link:hover {
		opacity: 0.5;
	}
  
  /* Bottom Row */
  .section-footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 70px;
	height: 83px;
	border-top: 1px solid #00B2E2;
	;
  }
  
  /* Copyright Section */
  .section-footer-copyright {
	display: flex;
	align-items: center;
	gap: 20px;
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: white;
  }
  
  .section-footer-policy {
	color: white;
	text-decoration: none;
	transition: 0.2 all;
  }
  	.section-footer-policy:hover {
		opacity: 0.5;
	}
  
  /* Social Icons */
  .section-footer-icons {
	display: flex;
	align-items: center;
	gap: 24px;
  }
  
  .section-footer-icon {
	width: 20px;
	height: 20px;
  }

  	.section-footer-icon:hover {
		opacity: 0.5;
	}

  /* Hide desktop version on mobile */
.section-footer-desktop {
	display: block;
  }
  
  .section-footer-mobile {
	display: none;
  }
  
  /* Mobile Footer - Visible only at 768px and below */
  @media (max-width: 1000px) {
	.section-footer-desktop {
	  display: none;
	}
  
	.section-footer-mobile {
	  display: block;
	  background-color: black;
	  padding: 20px;

	}
  
	.section-footer-mobile-container {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
	}
  
	.section-footer-mobile-logo {
	  width: 175px;
	  height: auto;
	  margin-bottom: 10px;
	}
  
	.section-footer-mobile-description {
	  font-size: 16px;
	  color: white;
	  margin-bottom: 20px;
	}
  
	.section-footer-mobile-links {
	  margin-bottom: 0;
	}
  
	.section-footer-mobile-title {
	  font-size: 16px;
	  font-weight: bold;
	  color: #00B2E2;
	  margin-bottom: 10px;
	}
  
	.section-footer-mobile-link {
	  font-size: 16px;
	  color: white;
	  text-decoration: none;
	  display: block;
	  margin-bottom: 5px;
	}

	.section-footer-mobile-copyright {
		font-size: 14px;
		color: white;
		margin-top: 20px;

	  }
  
	.section-footer-mobile-icons {
	  display: flex;
	  gap: 20px;
	  margin-top: 10px;

	}

	.section-footer-mobile-icon {
		width: 20px;
		height: 20px;
	}

	.section-footer-divider {
		width: 100%;
		margin: 20px auto;
		height: 1px;
		background-color: #00B2E2;
	}
  }
  
  
  /* LXD - section-card-square styles */

  .card-square-wrapper {
	position: relative;
	max-width: 418px;
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	
  }
  
  .card-square {
	background-color: black;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	z-index: 10;

  }
  
  .card-square-inner {
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 390px;

  }
  
  /* Row 1: Icon & Title */
  .card-square-row1 {
	display: flex;
	align-items: center;
	gap: 20px;
  }
  
  .card-square-icon {
	width: 60px;
	height: 60px;
	object-fit: cover;
  }
  
  .card-square-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 0;
	color: white;
  }
  
  /* Row 2: Content */
  .card-square-content {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
	color: white;
	margin-top: 20px;
  }

/* section-simple-text styling - used for privacy and terms pages */
@media only screen and (max-width: 768px) {
	.section-simple-text-wrapper h2 {
		font-size: 36px;
	}
	.section-simple-text-wrapper > div {
		margin: 3rem auto !important;
	}
}


  /* LXD - Header Styles */
.header-container {
	background-color: black;
	height: 85px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #00B2E2;
	position: sticky;
	top: 0;
	z-index: 1000;
  }
  
  .header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  	.header-inner>div.flex {
		flex: 1 1 100%;
	}
  
  /* Logo */
  .header-logo {
	display: inline-block;
	padding-left: 30px;
  }

  .header-mobile-nav-logo img {
	width: auto;
	height: 20px;
  }
  
  /* Navigation */
  .header-nav {
	margin: auto;
  }
  
  .header-menu {
	display: flex;
	align-items: center;
	gap: 30px;
  }
  
  .header-menu-item,
  .header-menu-toggle {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 13px;
	line-height: 21px;
	color: white;
	text-decoration: none;
  }

  .contact-menu-toggle {
	cursor: pointer;
  }

  .header-menu-toggle-text {
	display: inline-block;
	margin-bottom: -2px;
  }
  
  .header-menu-toggle {
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
  }
  
  .header-chevron {
	width: 12px;
	height: 12px;
	margin-left: 10px;
	transition: transform 0.3s ease;
  }
  
  /* Dropdown */
  .header-dropdown {
	position: absolute;
	top: 52.5px;
	left: 0;
	background: black;
	width: 224px;
	display: none;
	flex-direction: column;
	padding: 30px 0;
	z-index: 1000;
  }
  
  .header-dropdown.open {
	display: flex;
	animation: slide-down 0.3s ease-out;
  }
  
  .header-dropdown-item {
	display: block;
	margin: 5px 30px;
	font-family: 'Barlow', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	color: #00B2E2;
	text-decoration: none;
	transition: background 0.2s ease;
	width: 100%;
  }
  
  .header-dropdown-item:hover {
	color: #50d9ff;
  }
  
  /* Buttons */
  .header-btn-docs {
	background-color: #ffffff33; 
	color: #ffffff;          
	padding: 15px 20px;    
	border-radius: 8px;   
	transition: background-color 0.3s ease;
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 13px;
	line-height: 21px;
	display: inline-block;  
}

  .header-buttons {
	display: flex;
	gap: 10px;
	padding-right: 30px;
	align-items: right;
	min-width: 255px;
  }
  
  .header-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
  }
  


.header-btn-docs:hover {
	background-color: #ffffff48; 
  }
  
  /* Chevron Animation */
  @keyframes slide-down {
	from {
	  opacity: 0;
	  transform: translateY(-10px);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  }

/* Container for the insurance dropdown tray */

.header-insurance-tray {
	position: absolute;
	top: 52.5px;
	left: -380px;
	background: black;
	flex-direction: column;
	min-width: 1400px;
	z-index: 1000;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	min-height: 338px;
	/* padding-bottom: 60px; */
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .header-insurance-tray.open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0);
  }
  
  
  .header-insurance-row {
	display: flex;
	margin-top: -20px;
  }
  
  /* Column definitions */
  .header-insurance-col {
	box-sizing: border-box;
  }
  .header-insurance-col-1 {
	width: 50%;
	height: 338px;
	border-right: 1px solid #00B2E2;
  }
  .header-insurance-col-2,
  .header-insurance-col-3 {
	width: 25%;
	height: 338px;
  }
  .header-insurance-col-2 {
	border-right: 1px solid #00B2E2;
  }
  
  .header-insurance-inner {
	margin: 41px 30px 0 30px;
  }

  /* Hover animation for mega menu */

  .hover-group:hover .icon-default {
	opacity: 0 !important;
  }
  
  .hover-group:hover .icon-hover {
	opacity: 1 !important;
  }
  
  .hover-group:hover .arrow-icon {
	opacity: 1 !important;
  }
  
  

  /* Header column temp classes */

  .header-insurance-tray-temp {
	position: absolute;
	top: 80px;
	left: calc((100vw / 2) - 480px);
	width: 960px;
	height: 201px;
	z-index: 1000;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	background: linear-gradient(to right, #0832E2, #00B2E2);
	border-radius: 8px;
	padding: 2px;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.header-insurance-tray-temp-inner {
	width: 100%;
	height: 100%;
	background: #000;
	border-radius: 6px;
  }


  .header-insurance-tray-temp.open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0);
  }

  .header-devs-tray-temp {
	position: absolute;
	top: 80px;
	left: calc((100vw / 2) - 340px);
	max-width: 980px;
	height: 201px;
	z-index: 1000;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	background: linear-gradient(to right, #0832E2, #00B2E2);
	border-radius: 8px;
	padding: 2px;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.header-devs-tray-temp.open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0);
  }


  .header-platforms-tray-temp {
	position: absolute;
	top: 80px;
	left: calc((100vw / 2) - 340px);
	max-width: 665px;
	height: 201px;
	z-index: 1000;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	background: linear-gradient(to right, #0832E2, #00B2E2);
	border-radius: 8px;
	padding: 2px;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.header-platforms-tray-temp.open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0);
  }




  .header-contact-tray {
	position: absolute;  
	top: 80px;         
	right: max(35px, calc((100vw / 2) - 930px));
	width: 333px;
	height: 357px;
	z-index: 1000;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	background: linear-gradient(to right, #0832E2, #00B2E2);
	border-radius: 8px;
	padding: 2px;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
  }
  
  

.header-contact-tray.open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0);
  }
  
  .header-insurance-col-1-temp,
  .header-insurance-col-2-temp,
  .header-insurance-col-3-temp {
	width: 33.33%;
  }


  .header-devs-col-1-temp,
  .header-devs-col-2-temp,
  .header-devs-col-3-temp {
	width: 33.33%;
  }

  .header-insurance-header-temp {
	display: flex;
	align-items: center;
	width: 100%;
	/* padding-bottom: 36px; */
  }



  
  /* The header in each column (icon + title) */
  .header-insurance-header {
	display: flex;
	align-items: center;
	width: 100%;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5); /* #FFFFFF80 */
	padding-bottom: 16px;
  }
  .header-insurance-icon {
	width: 60px;
	height: 60px;
  }

  .header-insurance-mobile-icon {
	width: 34px;
	height: 34px;
  }

  .header-insurance-description {
	font-family: 'Readex Pro', sans-serif;
	margin-left: 10px;
	font-weight: 300;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFFCC;
  }
  .header-insurance-top-title {
	font-family: Barlow, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 35px;
	letter-spacing: 0;
	color: white;
  }

  .header-insurance-title {
	margin-left: 10px;
	font-family: Barlow, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0;
	color: white;
	transition: color 0.3s ease;
  }
  

  
  
  /* Inner row in column 1 for two sub-columns */
  .header-insurance-inner-row {
	display: flex;
	margin-top: 20px;
  }
  .header-insurance-inner-col {
	width: 50%;
	box-sizing: border-box;
	padding-right: 10px;
  }
  .header-insurance-inner-col:last-child {
	padding-right: 0;
  }
  
  /* Inner titles and links for column 1 – using Readex Pro */
  .header-insurance-inner-title {
	font-family: "Readex Pro", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0;
	margin-bottom: 8px;
	color: #00B2E2;
  }
  .header-insurance-inner-links {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  .header-insurance-inner-links li {
	margin-bottom: 8px;
  }
  .header-insurance-inner-links li a {
	font-family: "Readex Pro", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0;
	text-decoration: none;
	color: white;
  }

  .header-insurance-inner-links li a:hover {
	color: #50d9ff;
  }
  
  /* For columns 2 and 3: links styled with Barlow, bold, 20px/30px */
  .header-insurance-links {
	list-style: none;
	padding: 0;
	margin-top: 20px;
  }
  .header-insurance-links li {
	margin-bottom: 8px;
  }
  .header-insurance-links li a {
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
	text-decoration: none;
	color: #00B2E2;
  }

  .header-insurance-links li a:hover {
	color: #50d9ff;
  }


/* Mobile Header Classes */

.header-mobile-nav-container {
	display: none;
}

/* Activate mobile nav at 1370px or below */
@media (max-width: 1370px) {
	.header-mobile-nav-container {
	  display: block;
	}
	.header-container {
	  display: none;
	}
  }

  
  /* Hamburger styling */
  .header-mobile-nav-hamburger {
	position: absolute;
	top: 20px;
	right: 20px;
	background: none;
	border: none;
	cursor: pointer;
	width: 30px;
	height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	z-index: 10000;
}

  .header-mobile-nav-hamburger:hover {
	opacity: 0.8;
  }

  .header-mobile-nav-hamburger-line {
	display: block;
	width: 30px;
	transition: transform 0.3s ease, opacity 0.3s ease;
	transform-origin: center;
	color: #fff;
  }
  .header-mobile-nav-hamburger.open .header-mobile-nav-hamburger-line:nth-child(1) {
	transform: translateY(14px) rotate(45deg);
  }
  .header-mobile-nav-hamburger.open .header-mobile-nav-hamburger-line:nth-child(2) {
	opacity: 0;
  }
  .header-mobile-nav-hamburger.open .header-mobile-nav-hamburger-line:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
  }
  
  /* Tray open animation */
  .header-mobile-nav-menu-tray {
	transition: transform 0.3s ease;
	transform: translateY(-100%);
  }
  .header-mobile-nav-menu-tray.open {
	transform: translateY(0);
  }
  
.header-mobile-nav-buttons-container {
	gap: 1.5rem;
}

.mobile-blur {
	display: none;
	position: absolute;
	top: 275px;
	left: 0;
	width: 100vw;
	height: calc(100vh - (275px + 60px));
	z-index: 5000;
	backdrop-filter: blur(2px);
}	

  @media only screen and (max-width: 500px) {
	.header-mobile-nav-menu-tray {
		border-bottom: 1px solid #00b2e2;
		width: 100% !important;
	}
	.header-mobile-nav-buttons-container > a {
		flex: 1 1 50%;
		justify-content: center;
	}
	.header-mobile-nav-menu-tray.open .mobile-blur {
		display: block;
	}
	.header-mobile-nav-menu-tray.open:has(.header-mobile-nav-submenu.open) .mobile-blur {
		top: 467px;
	}
  }

  
  /* Dropdown chevron animation */
  .header-mobile-nav-chevron {
	display: inline-block;
	transition: transform 0.3s ease;
  }
  .header-mobile-nav-link-toggle[aria-expanded="true"] .header-mobile-nav-chevron {
	transform: rotate(180deg);
  }

  .header-mobile-nav-link {
	cursor: pointer;
	margin: 1rem 0;
  }
  

  /* Mobile Submenu */
  .header-mobile-nav-submenu,
  .header-mobile-nav-subsubmenu {
	display: none;
  }
  
  .header-mobile-nav-submenu.open,
  .header-mobile-nav-subsubmenu.open {
	display: flex;
	flex-direction: column;
  }

.header-mobile-nav-link-toggle,
.header-mobile-nav-subitem-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.header-mobile-nav-subsubitem:hover {
	color: #50d9ff;
}

  




/* Home Section */
.home-section {
	position: relative;
	background-color: #000;
	margin-top: -145px;

  }
  
  .home-container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px;
  }
  
  

.home-section-img {
	height: 747px;
	background-color: #000;
	background-image: url("../images/bg-home-section.png");
	background-size: auto; 
	background-repeat: no-repeat;
	background-position: center;
  }

  @media (max-width: 1576px) {
	.section-hero-columns {
	  background-size: 100% auto;
	}
  }

  .testimonials-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
  }
  

  .testimonial-item {
	flex: 1 1 30%;
	margin-top: 68px;
	min-width: 250px;
  }

  .testimonial-text {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
	line-height: 30px;
	color: white;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
  }

  .testimonial-author {
	font-family: 'Readex Pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	line-height: 21px;
	text-align: center;
	color: #9F9E9E;
	margin-top: 21px;
  }
  
  
/* Card Square CTA Section */

.section-card-link {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 13px;
	line-height: 21px;
	letter-spacing: 0px;
	color: #00B2E2;
	margin: 36px 0 40 0;
	text-transform: uppercase;
  }
  
  .section-card-link a {
	color: inherit;
	text-decoration: none;
  }

  /* Homepage Cards Grid */

  .section-card-square-cta-wrapper {
	max-width: 1300px;
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	/* background: linear-gradient(to top, #000, transparent); */
  }
  
  
  .homepage-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(289px, 289px));
	gap: 20px;
	justify-content: center;
  }

  .blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(416px, 418px));
	gap: 20px;
	justify-content: center;
  }

  .homepage-blog-section-text {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 36px;
	color: white;
  }
  .view-all-link {
	color: #00B2E2;
	text-decoration: none;
	cursor: pointer;
  }

  .view-all-link:hover {
	color: #50d9ff;
  }

  /* Homepage Blog Card */

  .section-blog-card {
	display: flex;
	flex-direction: column;
	/* align-items: center; */
  }
  
  .section-blog-card-image {
	width: 398.72px;
	height: 230.31px;
	border-radius: 8px;
	object-fit: cover;
  }

  
  .section-blog-card-title {
	margin-top: 16px;
	color: white;
	font-size: 30px;
	font-weight: 300;
	font-family: 'Barlow', sans-serif;
}
  
  .section-blog-card-meta {
	font-family: 'Readex Pro', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #FFFFFF80;
	margin-top: 8px;
  }

  


  @media (max-width: 1250px) {
	.homepage-cards-grid {
	  grid-template-columns: repeat(2, minmax(300px, 418px));
	}
  }

  @media (max-width: 768px) {
	.homepage-cards-grid {
	  grid-template-columns: repeat(1, minmax(300px, 1fr));
	}
  }


  /* Homepage product displays */
  .homepage-accept-payments .inside-section-container,
  .homepage-premium-finance .inside-section-container {
	margin-bottom: 0;
  }


  /* Premium Financing Cards Grid */

  .premium-financing-card-wrapper {
	max-width: 1300px;
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
  }
  
  
  .premium-financing-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(416px, 418px));
	gap: 22px;
	justify-content: center;
  }

  @media (max-width: 1250px) {
	.premium-financing-cards-grid {
	  grid-template-columns: repeat(2, minmax(300px, 418px));
	}
  }

  @media (max-width: 768px) {
	.premium-financing-cards-grid {
	  grid-template-columns: repeat(1, minmax(300px, 1fr));
	}
  }


  /* LXD - section-card-home styles */

.card-home-wrapper {
	position: relative;
	width: 289px;
	height: 260px;
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}



.card-home {
	display: block;
	background-color: #202020;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.card-home-inner {
	/* padding: 45px; */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Row 1: Icon & Title */
.card-home-row1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.card-home-icon {
	width: 43px;
	height: 43px;
	/* object-fit: cover; */
	margin-top: 60px;
}

.card-home-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 35px;
	letter-spacing: 0;
	max-width: 80%;
	color: white;
}

/* Row 2: Content */
.card-home-content {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
	color: white;
}

.card-home-mobile {
	height: 84px;
	background-color: #202020;
	border-radius: 6px;
	padding: 0 14px;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	align-items: center;
  }
  

@media (min-width: 1250px) {
	.card-home-mobile {
		display: none;
	}
}

.card-home-mobile-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.card-home-mobile-row1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 25px;
	width: 100%;
  }
  
  
  .card-home-mobile-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 300;
	font-size: 22px;
	color: white;
	margin: 0;
  }
  
.card-home-mobile-icon {
	width: 43px;
	height: 43px;
	/* object-fit: cover; */
}


@media (max-width: 1250px) {
	.card-home {
	  display: none;
	}
	.card-home-wrapper {
		height: 88px;
	}

}





  
   /* LXD - section-card-square styles */

.card-square-cta-wrapper {
	position: relative;
	max-width: 418px;
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
  }

  @media (max-width: 1250px) {
	.card-square-cta-wrapper {
	  min-width: 300px;
	}
  }
  
  .card-square-cta {
	background-color: #121212;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	z-index: 10;
  }
  
  .card-square-cta-inner {
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
  }
  
  /* Row 1: Icon & Title */
  .card-square-cta-row1 {
	display: flex;
	align-items: center;
	gap: 20px;
  }
  
  .card-square-cta-icon {
	width: 43px;
	height: 43px;
	object-fit: cover;
  }
  
  .card-square-cta-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0;
	color: white;
  }
  
  /* Row 2: Content */
  .card-square-cta-content {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
	color: white;
	min-height: 156px;
  }


/* Who We Are Section */

.who-we-are-section {
	padding: 0 20px 60px 20px;
	text-align: center;
  }
  
  .who-we-are-container {
	margin: 75px auto;
	max-width: 1300px;
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  
  .who-we-are-text {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  }
  
  .who-we-are-image {
	margin-top: 64px;
	max-width: 100%;
	height: auto;
  }
  
  
  

.hero-main-buttons-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 48px;
  }

.hero-main-buttons-mobile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
  }

  .outbound-payments-container {
	background-color: #202020;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
  }

  .max-w-827 {
	max-width: 827px;
  }

  .min-w-1000 {
	min-width: 1000px;
  }

  .max-w-683 {
	max-width: 683px;
  }


  /* Text Card Classes (Who We Serve page) */

  .card-text-wrapper {
	width: 311px;
	height: 178px;
	background: linear-gradient(90deg, #0832E2 0.03%, #00B2E2 100%);
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
  }
  
  .card-text {
	background-color: #121212;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
  }
  
  .card-text-inner {
	padding: 16px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	height: 100%;
  }
  
  .card-text-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 0px;
	color: #00B2E2;
	margin: 0 0 8px 0;
  }
  
  .card-text-body {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0px;
	color: white;
	margin: 0;
  }


  /* Card Text Icon Classes (Who We Serve page) */

  .card-text-icon-wrapper {
	width: 417px;
	height: 238px;
	background: linear-gradient(90deg, #0832E2 0.03%, #00B2E2 100%);
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
  }
  
  .card-text-icon {
	background-color: #121212;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 40px;
  }
  
  .card-text-icon-inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	gap: 20px;
  }
  
  .card-text-icon-icon {
	display: block;
	margin-top: 33px;
	width: 60px;
	height: 60px;
  }
  
  .card-text-icon-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0px;
	text-align: center;
	color: #00B2E2;
	margin: 0;
  }
  
  .card-text-icon-body {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 17px;
	letter-spacing: 0px;
	text-align: center;
	color: white;
	margin: 0;
  }
  
  @media (max-width: 417px) {
	.card-text-icon-wrapper {
	  width: 100%;
	  height: auto;
	}
	.card-text-icon {
	  padding: 0 20px;
	}
  }
  

  /* Who We Serve Card Grid #1 */

  .who-we-serve-outbound-grid-section {
	margin-top: -190px;
	padding: 0 20px; 
  }
  
  .who-we-serve-outbound-grid-container {
	max-width: 1300px;
	margin: 0 auto;
  }
  
  .who-we-serve-outbound-grid {
	display: grid;
	grid-template-columns: repeat(4, 311px);
	column-gap: 17px;
	row-gap: 17px;
	justify-content: top;
  }
  
  /* Responsive adjustment */
  @media (max-width: 1200px) {
	.who-we-serve-outbound-grid {
	  grid-template-columns: repeat(auto-fit, minmax(311px, 1fr));
	}
  }
  
  .who-we-serve-outbound-text {
	max-width: 874px;
	margin: 20px auto 0;
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0;
	text-align: center;
	color: white;
	margin: 60px auto;
  }

  @media (max-width: 874px) {
	.who-we-serve-outbound-text {
	  margin: 40px 20px;
	}
  }


  /* Payment Acceptance Options Cards Section */

  .who-we-serve-payment-options-section {
	margin-top: -300px;
  }
  
  .who-we-serve-payment-options-container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px; 
	box-sizing: border-box;
  }
  
  .who-we-serve-payment-options-grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 22px;
	justify-content: center;
  }
  

  @media (max-width: 1220px) {
	.who-we-serve-payment-options-grid {
	  grid-template-columns: repeat(2, minmax(300px, 1fr));
	}
	.who-we-serve-payment-options-section {
		margin-top: -250px;
	  }
  }


  @media (max-width: 896px) {
	.who-we-serve-payment-options-grid {
	  grid-template-columns: repeat(1, minmax(300px, 1fr));
	}
	.who-we-serve-payment-options-section {
		margin-top: -220px;
	  }
  }
  

  /* MGAs Section */

  /* Section Container */
.mgas-section-payment-options-section {
	margin: 0 auto 121px auto;
  }
  
  .mgas-section-payment-options-container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
  }
  
  /* Grid Layout */
  .mgas-section-payment-options-grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 22px;
	justify-content: center;
  }
  
  /* Card Component */
  .mgas-section-card-icon-wrapper {
	width: 417px;
	min-height: 405px;
	background: linear-gradient(90deg, #0832E2 0.03%, #00B2E2 100%);
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
  }
  
  .mgas-section-card-icon {
	background-color: #121212;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
  }
  
  .mgas-section-card-icon-inner {
	padding: 16px 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	gap: 30px;
  }
  
  /* Text Styles (left-aligned) */
  .mgas-section-card-icon-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0px;
	text-align: left;
	color: #00B2E2;
	margin: 0;
  }
  
  .mgas-section-card-icon-body {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0px;
	text-align: left;
	color: white;
	margin: -6px 0;
  }

  .mgas-section-card-icon-body-list {
	list-style: disc;
	margin-left: 20px;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0px;
	text-align: left;
	color: white;

  }
  
  /* Responsive Grid */

  @media (max-width: 1220px) {
	.mgas-section-payment-options-grid {
	  grid-template-columns: repeat(2, minmax(300px, 1fr));
	}
  }


  @media (max-width: 896px) {
	.mgas-section-payment-options-grid {
	  grid-template-columns: repeat(1, minmax(300px, 1fr));
	}
  }


  /* Why AndDone Section */

  .why-anddone-section-container {
		max-width: 1300px;
		margin: 0 auto;
		padding: 100px 20px; 
		box-sizing: border-box;
		border-bottom: 1px solid #00B2E2;
	  }  

  .bottom-border-section {
	border-bottom: 1px solid #00B2E2;
  }

  .process-chart-desktop {
   display: none;
  }

  .process-chart-mobile {
	display: block;
  }

  @media (min-width: 550px) {
	.process-chart-desktop {
		display: block;
	}
	.process-chart-mobile {
		display: none;
	}
  }

  .why-anddone-adjusted-security {
	/* Desktop correction, remove on mobile */
	margin-top: -145px;
  } 
  .why-anddone-adjusted-flexible {
	/* Desktop correction, remove on mobile */
	margin-top: -100px;
  } 

  @media only screen and (max-width: 768px) {
	.why-anddone-adjusted-security,
	.why-anddone-adjusted-flexible {
		/* Desktop correction, remove on mobile */
		margin-top: -1px;
	}
	.why-anddone-adjusted-security .inside-section-container,
	.why-anddone-adjusted-flexible .inside-section-container {
		margin: 3rem auto;
	}
  }
  

   /* Card Text Icon Classes (Why AndDone page) */

   .card-text-icon-2-wrapper {
	/* max-width: 412px; */
	position: relative;
	width: 100%;
	height: 319px;
	background: linear-gradient(90deg, #0832E2 0.03%, #00B2E2 100%);
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 20px auto;
	box-sizing: border-box;
  }
  	.card-text-icon-2-wrapper.animate-gradient {
		background: unset !important;
	}

	@media (max-width: 896px) {
		.card-text-icon-2-wrapper {
			max-width: 642px;
		}
	}

  .card-text-icon-2 {
	background-color: #000;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 28px;
  }
  
  .card-text-icon-2-inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/* align-items: center;
	justify-content: flex-start; */
	height: 100%;
	gap: 20px;
  }
  
  .card-text-icon-2-icon {
	display: block;
	width: 43px;
	height: 43px;
	margin: 25px auto 0 auto;
  }
  
  .card-text-icon-2-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #fff;
	margin-top: 25px;
  }
  
  .card-text-icon-2-body {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-align: left;
	color: white;
	margin: 0;
	max-width: 354px;
	width: 100%;
  }

  
  @media (max-width: 418px) {
	.card-text-icon-2-wrapper {
	  max-width: 400px;
	  width: 100%;
	  height: auto;
	}
	.card-text-icon-2 {
	  padding: 0 20px;
	}
  }

  .why-anddone-section-grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 22px;
	/* justify-content: center; */
  }
  

  @media (max-width: 1315px) {
	.why-anddone-section-grid {
	  grid-template-columns: repeat(2, minmax(300px, 1fr));
	  max-width: 900px;
	  margin: 0 auto;
	}

  }


  @media (max-width: 896px) {
	.why-anddone-section-grid {
		grid-template-columns: repeat(1, minmax(300px, 1fr));
		margin: 0 auto;
		margin-bottom: 3rem;
		gap: 2rem;
	}
	.why-anddone-section-grid .card-text-icon-2-wrapper {
		max-width: unset;
		height: auto;
		margin: 0;
	}
	.why-anddone-section-grid .card-text-icon-2-wrapper .card-text-icon-2 {
		padding: 2rem;
	}
	.why-anddone-section-grid .card-text-icon-2-wrapper .card-text-icon-2 .card-text-icon-2-inner {
		flex-direction: row;
		align-items: center;
	}
	.why-anddone-section-grid .card-text-icon-2-wrapper .card-text-icon-2 .card-text-icon-2-inner > div {
		display: flex;
		flex-flow: column nowrap;
		gap: 1rem;
	}
	.why-anddone-section-grid .card-text-icon-2-wrapper .card-text-icon-2 .card-text-icon-2-inner .card-text-icon-icon,
	.why-anddone-section-grid .card-text-icon-2-wrapper .card-text-icon-2 .card-text-icon-2-inner .card-text-icon-2-title {
		margin-top: 0;
	}
  }

  @media only screen and (max-width: 500px) {
	.why-anddone-section-grid .card-text-icon-2-wrapper .card-text-icon-2 .card-text-icon-2-inner {
		flex-flow: column nowrap;
		align-items: flex-start;
	}
  }

  /* Review Classes */

  .why-anddone-review-grid {
	display: grid;
	grid-template-columns: repeat(3, 35.3%);
	gap: 22px;
	width: 100%;
  }
  
  
  
  

  @media (max-width: 1260px) {
	.why-anddone-review-grid {
	  grid-template-columns: repeat(2, minmax(300px, 1fr));
	  max-width: 720px;
	  margin: 0 auto;
	}

  }


  @media (max-width: 896px) {
	.why-anddone-review-grid {
	  grid-template-columns: repeat(1, minmax(300px, 1fr));
	  max-width: 340px;
	  margin: 0 auto;
	}

  }

  .review-name {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0px;
	text-align: center;
	color: #9F9E9E;
	text-transform: uppercase;
  }


  .review-wrapper {
	width: 338px;
	padding: 2px;
	display: inline-block;
  }

  .review-inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	gap: 20px;
  }

  .review-icon {
	margin: 25px auto 0 auto;
  }

  .review-text {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0px;
	text-align: center;
	color: white;
	margin-top: 25px;
  }


/* Team Section */

  .team-grid {
	display: grid;
	grid-template-columns: repeat(4, auto);
	gap: 22px;
	justify-content: center;
  }

  @media (max-width: 1267px) {
	.team-grid {
	  grid-template-columns: repeat(2, minmax(300px, 1fr));
	  max-width: 720px;
	  margin: 0 auto;
	}

  }

  @media (max-width: 655px) {
	.team-grid {
	  grid-template-columns: repeat(1, minmax(300px, 1fr));
	  max-width: 300px;
	  margin: 0 auto;
	}

  }

  .team-card {
	width: 298px;
	height: 320px;
  }

  .team-card-image {
	width: 100%;
	height: 166px;
	border-radius: 8px;
  }

  .team-card-name {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0px;
	margin: 27px 0 20px 0;
	color:#00B2E2;
  }

  .team-card-description {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0px;
	color: white;
	margin-bottom: 90px;
  }


  /* Feature Roadmap Section */

  .timeline-line {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
	bottom: 230px;
	border-left: 1px solid transparent;
	border-image: repeating-linear-gradient(
	  to bottom,
	  #FFFFFF80,
	  #FFFFFF80 5px,   /* dash length */
	  transparent 5px,
	  transparent 10px  /* gap */
	) 1;
  }

  .timeline-line-mobile {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
	bottom: 130px;
	border-left: 1px solid transparent;
	border-image: repeating-linear-gradient(
	  to bottom,
	  #FFFFFF80,
	  #FFFFFF80 5px,   /* dash length */
	  transparent 5px,
	  transparent 10px  /* gap */
	) 1;
  }
  
  /* Feature Card Elements Classes */
  
  /* Wrapper for each card with its bullet */
  .feature-roadmap-card-wrapper {
	position: relative;
	margin-top: -30px; /* vertical spacing between cards */
  }
  
  /* Inner wrapper: fixed width = card width (418px) + bullet container (80px) = 498px */
  .feature-roadmap-card-inner-wrapper {
	display: flex;
	/* width: 507px; */
	align-items: center;
  }
  
  /* Left card: its container’s right edge should align with center (timeline) */
  .feature-roadmap-card-wrapper.feature-roadmap-card-left {
	margin-right: calc(50% - 10px);
  }
  
  /* Right card: its container’s left edge should align with center (timeline) */
  .feature-roadmap-card-wrapper.feature-roadmap-card-right {
	margin-left: calc(50% - 9px);
}
  
  /* Bullet container: fixed width 89px */
  .feature-roadmap-bullet-container {
	width: 89px;
	display: flex;
	align-items: center;

  }

  .roadmap-milestone-bullet-container {
	width: 20px;
	display: flex;
	align-items: center;
	margin-left: calc(50% - 9px);
  }
  
  /* Card element */
  .feature-roadmap-card {
	width: 418px;
	border: 2px solid #676970;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
  }
  
  /* Card inner container */
  .feature-roadmap-card-inner {
	padding: 30px;
	box-sizing: border-box;
  }
  
  /* Card image as background */
  .feature-roadmap-card-image {
	width: 414px;
	height: 250px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-size: cover;
	background-position: center;
	margin: -30px 0 22px -30px;
}
  
  /* Title styling */
  .feature-roadmap-card-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	letter-spacing: 0;
	color: white;
	margin: 0 0 10px 0;
  }
  
  /* Body styling */
  .feature-roadmap-card-body {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0;
	color: white;
	margin: 0 0 22px 0;
  }
  
  /* Pills container */
  .feature-roadmap-card-pills {
	display: flex;
	gap: 10px;
  }
  
  /* Pill element */
  .feature-roadmap-card-pill {
	display: flex;
	align-items: center;
	height: 21px;
	border-radius: 100px;
	padding: 0 10px;
	background-color: #FFFFFF33;
  }
  
  /* Pill text */
  .feature-roadmap-card-pill-text {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 21px;
	letter-spacing: 0;
	text-align: center;
	color: white;
	margin-left: 5px;
  }
  
  /* Pill bullet */
  .feature-roadmap-card-pill-bullet {
	width: 5px;
	height: 5px;
	border-radius: 50%;
  }
  
  /* Pill bullet colors */
  .feature-roadmap-card-pill-date .feature-roadmap-card-pill-bullet {
	background-color: #00B2E2;
  }
  .feature-roadmap-card-pill-inprogress .feature-roadmap-card-pill-bullet {
	background-color: #F2CB05;
  }
  .feature-roadmap-card-pill-planned .feature-roadmap-card-pill-bullet {
	background-color: #F62681;
  }
  .feature-roadmap-card-pill-completed .feature-roadmap-card-pill-bullet {
	background-color: #00B200;
  }
  
  /* Timeline bullet styles */
  .feature-roadmap-bullet-outer {
	width: 18px;
	height: 18px;
	background-color: #124755;
	border: 1px solid black;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  .feature-roadmap-bullet-outer-left {
	margin-left: 70px;
	width: 18px;
	height: 18px;
	background-color: #124755;
	border: 1px solid black;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  .feature-roadmap-bullet-outer-center {
	margin-bottom: 50px;
	width: 18px;
	height: 18px;
	background-color: #124755;
	border: 1px solid black;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  .feature-roadmap-bullet-outer-mobile {
	margin-bottom: -9px;
	width: 18px;
	height: 18px;
	background-color: #124755;
	border: 1px solid black;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  .feature-roadmap-bullet-inner {
	width: 10px;
	height: 10px;
	background-color: #00B2E2;
	border: 1px solid black;
	border-radius: 50%;
  }

  .feature-roadmap-bullet {
	margin: auto 0;
  }

/* Milestone Card Element Classes */

/* Milestone Card Container (wrapper with gradient border) */
.feature-timeline-milestone-card-container {
	position: relative;
	width: 418px;        
	margin: 80px auto;
	background: linear-gradient(to right, #0832E2, #00B2E2);
	border-radius: 8px;
	padding: 2px; 
	box-sizing: border-box;
	overflow: visible; 
  }
  
  /* Milestone Card Element (inner content) */
  .feature-timeline-milestone-card {
	width: 100%;
	background-color: #191919;
	border-radius: 6px; 
	overflow: hidden;
	box-sizing: border-box;
  }
  
  /* Inner content container with padding */
  .feature-timeline-milestone-card-inner {
	padding: 30px;
	box-sizing: border-box;
	position: relative; 
  }
  

  .feature-timeline-milestone-icon {
	position: absolute;
	top: -21.5px;
	left: 50%;
	transform: translateX(-50%);
	width: 43px;
	height: 43px;
	border-radius: 50%;
	z-index: 100;
	overflow: visible;
  }


  /* Video Loop Section */

  .video-container {
	max-width: 1090px;
	/* aspect-ratio: 16 / 9; */
	margin: 0 auto;
	/* overflow: hidden; */
  }
  
  .video-container video {
	width: 100%;
	height: auto;
	display: block;
	/* border-radius: 8px; */
  }
  
  
  

/* LXD - Utility Classes for Sections */
.inside-section-container {
	max-width: 1300px;
	margin: 100px auto; 
  }

  @media (max-width: 1370px) {
	.inside-section-container {
		padding: 0 30px;
	}
  }

  @media only screen and (max-width: 640px) {
	.inside-section-container {
		margin: 3rem auto;
	}
	.section-hero-columns-mobile .inside-section-container {
		margin: 3rem auto 100px auto;
	}
	.home-template .section-cta .inside-section-container {
		margin: 3rem auto !important;
	}
  }

  

  .justify-between {
	justify-content: space-between;
  }

  .justify-center {
	justify-content: center;
  }

  /* Targets ul elements post-sanitation by Ghost */
  .custom-html-bullets-section ul {
	list-style-type: disc;
	margin-left: 1.5em;
  }

  .bottom-border {
	border-bottom: 1px solid #00B2E2;
  }
  

/* Down Arrow Icon */
.down-arrow-icon {
	position: absolute;
	bottom: 85px;
	left: 0;
	width: 22px;
	height: 55.5px;
	animation: down-arrow-bounce 2s infinite;
  }
  
  /* Bounce Keyframes */
  @keyframes down-arrow-bounce {
	0%, 100% {
	  transform: translate(-50%, 0);
	}
	50% {
	  transform: translate(-50%, 10px);
	}
  }

  /* Mobile and Desktop Classes */
  
/* Default: mobile-first */
.is-mobile {
  display: block;
}

.is-1024-mobile {
	display: flex;
}

.is-desktop,
.is-1024-desktop {
  display: none;
}

@media (min-width: 1300px) {
  .is-mobile {
    display: none;
  }
  .is-desktop {
    display: block;
  }
}

@media (min-width: 1024px) {
  .is-1024-mobile {
    display: none;
  }
  .is-1024-desktop {
    display: block;
  }
}

/* Contact Us page */
.inside-section-container:has(.contact-form-container) {
	margin-top: 0 !important;
}

.contact-form-container {
	padding: 3px !important;
	background-image: linear-gradient(90deg, #0832E2 0%, #00b2e2 100%);
	flex: 1 1 calc(70% - 1rem) !important;
    min-width: 250px !important;
    border-radius: 8px !important;
	overflow: hidden !important;
}
	.contact-form-container .contact-form-inner {
		background-color: #202020;
		border-radius: 8px;
		overflow: hidden;
	}

.contact-form-container.single {
	max-width: 1084px;
	margin: 0 auto 100px auto;
}

.inside-section-container:has(.contact-form-container) .home-container {
	padding: 0;
}

/* 404 Page */
.page-error-404 {
	position: relative;
	overflow: hidden;
}
	.page-error-404 img.error-bg {
		position: absolute;
		top: -250px;
		right: -100px;
		z-index: -1;
		opacity: 0.5;
		max-width: unset;
	}
	.page-error-404 .inner {
		max-height: 666px;
		min-height: 666px;
	}
		.page-error-404 .inner > section {
			margin-left: 8rem;
			margin-right: auto;
		}

	.error-button-holder {
		display: flex;
		flex-flow: row nowrap;
		gap: 2rem;
		margin-top: 2rem;
	}

@media only screen and (max-width: 768px) {
	.page-error-404 img.error-bg {
		right: -250px;
	}
	.page-error-404 .inner {
		padding-top: 60px;
	}
	.page-error-404 .inner > section {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	.error-button-holder {
		flex-flow: column nowrap;
	}
}

/* Video Controls Scale */

  video::-webkit-media-controls-play-button,
  video::-webkit-media-controls-volume-slider {
	width: 38px;
	height: 38px;
  }
  

  /* Who is AndDone Timeline Section Classes */
  .roadmap-card-wrapper {
	position: relative;
	z-index: 0;
	width: 514px;
	height: 100%;
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;

  }

  .roadmap-card-inner-wrapper {
	display: flex;
	/* align-items: center; */
  }

  .roadmap-card {
	position: relative;
	z-index: 1;
	display: block;
	background-color: #000;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
  }

  .roadmap-card-inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
}


/* Image shimmer for the Who We Are page */


  /* Who is AndDone Timeline Section Classes */
  .image-card-wrapper {
	position: relative;
	z-index: 0;
	height: 100%;
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;

  }

  .image-card-inner-wrapper {
	display: flex;
	/* align-items: center; */
  }

  .image-card {
	position: relative;
	z-index: 1;
	display: block;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
  }

  .image-card-inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
}








/* Card Shimmer Effect */

	.gradient-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(90deg, #0832E2, #00B2E2);
		z-index: -1;
		border-radius: 8px;
	  }
	
		.gradient-bg::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border-radius: 8px;
			background: linear-gradient(90deg, transparent 25%, #9ceaff 50%, transparent 80%);
			background-size: 200% 100%;
			opacity: 0;
			transition: opacity 0.3s ease, transform 0.3s ease;
		  }
		  
		/* When shimmer is triggered, animate the pseudo-element */
		.card-long-wrapper.animate-gradient .gradient-bg::before,
		.card-text-icon-2-wrapper.animate-gradient .gradient-bg::before,
		.card-text-wrapper.animate-gradient .gradient-bg::before,
		.card-text-icon-wrapper.animate-gradient .gradient-bg::before,
		.card-square-cta-wrapper.animate-gradient .gradient-bg::before,
		.card-home-wrapper.animate-gradient .gradient-bg::before,
		.roadmap-card-wrapper.animate-gradient .gradient-bg::before,
		.card-square-wrapper.animate-gradient .gradient-bg::before,
		.card-who-is-wrapper.animate-gradient .gradient-bg::before,
		.header-container.animate-gradient .gradient-bg::before,
		.image-card-wrapper.animate-gradient .gradient-bg::before,
		.header-nav-mobile-container.animate-gradient .gradient-bg::before {
		  opacity: 1;
		  animation: shimmer 3s linear infinite;
		}
		
		  
		  /* Keyframes for shimmer (moving the background position) */
		  @keyframes shimmer {
			from {
			  background-position: -200% 0;
			}
			to {
			  background-position: 200% 0;
			}
		  }


/* Who is AndDone Card Array Section */

.card-who-is-wrapper {
	position: relative;
	max-width: 416px;
	border-radius: 8px;
	padding: 2px;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	min-height: 277px;

	
  }
  
  .card-who-is {
	background-color: #202020;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	z-index: 10;

  }
  
  .card-who-is-inner {
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 277px;

  }
  
  /* Row 1: Icon & Title */
  .card-who-is-row1 {
	display: flex;
	flex-direction: column;
	gap: 33px;
  }
  
  .card-who-is-icon {
	max-width: 60px;
	max-height: 60px;
	/* object-fit: cover; */
  }
  
  .card-who-is-title {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0;
	color: white;
	margin-bottom: -10px;
  }
  
  /* Row 2: Content */
  .card-who-is-content {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
	color: white;
	margin-top: 20px;
  }


  .anddone-leadership-photo-wrapper {
	display: flex;
	justify-content: center;
  }
  
  @media (min-width: 1291px) {
	.anddone-leadership-photo-wrapper {
	  justify-content: flex-end;
	}
  }
  
  .who-is-anddone-title {
	font-size: 30px;
  }

  .anddone-leadership-title {
	font-size: 26px;
	margin:20px 0 0;
  }

  @media (min-width: 1090px) {
	.who-is-anddone-title {
	  font-size: 48px;
	}
	.anddone-leadership-title {
		font-size: 40px;
		margin:20px 0 10px;
	  }
  }

/* LXD - Carousel Element Styles */

.carousel-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }

  .carousel-wrapper {
    overflow: hidden;
    width: 100%;
    touch-action: pan-y;
  }

  .carousel-inner {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
  }

  .carousel-item {
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 40px;
    background: #000;
    user-select: none;  
  }

  .carousel-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
  }

  .carousel-controls {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 45px;
  }

  .carousel-arrow.prev {
    margin-left: 60px;
  }

  .carousel-counter {
    margin-left: auto; 
    margin-right: 30px;
    font-size: 16px;
    color: #fff;
    user-select: none;
  }

  .carousel-arrow.next {
    margin-right: 60px;
  }

  .carousel-arrow img {
    display: block;
    width: 57px;
    height: 27px;
  }
  .carousel-arrow {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }

  @media (min-width: 600px) {
    .carousel-wrapper {
      height: 350px;
    }
    .carousel-item {
      width: 525px;
      height: 350px;
    }
  }

  @media (max-width: 599px) {
    .carousel-wrapper {
      height: 186px;
    }
    .carousel-item {
      width: 279px;
      height: 186px;
    }

    .carousel-controls {
      justify-content: center;
    }

    .carousel-counter {
      margin-left: auto;
      margin-right: 30px;
    }
  }

.who-we-are-section-margin {
	margin-top: auto;
	margin-bottom: auto;
}

@media (min-width: 1200px) {
	.who-we-are-section-margin {
		margin-top: -80px;
		margin-bottom: -50px;
	}
}

.ipfs-link {
	text-decoration: underline;
}

.ipfs-link:hover {
	color: #b2b2b2;
}