body[data-path="home"] #page-home,
body[data-path="home"] #page-home .page-content,
body[data-path="home"] #page-home .page-content-wrapper,
body[data-path="home"] #page-home .page-body,
body[data-path="home"] #page-home .page_content,
body[data-path="home"] #page-home > .page-content-wrapper > main.container,
.page-container[data-page-name="index"],
.page-container[data-page-name="index"] .page-content,
.page-container[data-page-name="index"] .page-content-wrapper,
.page-container[data-page-name="index"] .page-body {
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100%;
}

body[data-path="home"] #page-home .page-header-wrapper,
body[data-path="home"] #page-home .page-header,
body[data-path="home"] #page-home .page-breadcrumbs,
body[data-path="home"] #page-home .page-footer,
.page-container[data-page-name="index"] .page-header,
.page-container[data-page-name="index"] .page-breadcrumbs {
	display: none;
}

body[data-path="home"] #page-home,
.page-container[data-page-name="index"] {
	background: #f4f7fa;
}

:root {
	--ark-bg: #f4f7fa;
	--ark-surface: #ffffff;
	--ark-ink: #101827;
	--ark-ink-soft: #42526a;
	--ark-muted: #758399;
	--ark-line: rgba(20, 34, 52, 0.13);
	--ark-line-strong: rgba(20, 34, 52, 0.22);
	--ark-blue: #1464c8;
	--ark-blue-dark: #0c438c;
	--ark-teal: #0f8b8d;
	--ark-green: #2f7d58;
	--ark-navy: #101827;
	--ark-glass-ink: #0b0405;
	--ark-hero-image: url("/assets/overseas_warehouse/images/home/home-hero.avif");
	--ark-shadow: 0 18px 46px rgba(16, 24, 39, 0.08);
	--ark-shadow-soft: 0 12px 28px rgba(16, 24, 39, 0.055);
	--ark-shell: 1280px;
	--ark-radius: 8px;
}

html {
	background: #0b0405;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

body {
	background: #0b0405;
	color: var(--ark-ink);
	font-family: var(
		--font-stack,
		"InterVariable",
		"Inter",
		"-apple-system",
		"BlinkMacSystemFont",
		"Segoe UI",
		sans-serif
	);
	margin: 0;
	overflow-x: hidden;
	padding: 0;
}

.landing-page,
.landing-page * {
	box-sizing: border-box;
}

.landing-page {
	background: #0b0405;
	color: #f0edeb;
	min-height: 100vh;
	position: relative;
}

.landing-shell {
	margin: 0 auto;
	max-width: none;
	padding: 0;
	width: min(calc(100% - 64px), var(--ark-shell));
}

.landing-nav {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background: rgba(11, 4, 5, 0.3);
	border-bottom: 1px solid rgba(240, 237, 235, 0.35);
	box-shadow: none;
	font-family: var(
		--font-stack,
		"InterVariable",
		"Inter",
		"-apple-system",
		"BlinkMacSystemFont",
		"Segoe UI",
		sans-serif
	);
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 50;
}

.landing-nav-inner {
	align-items: center;
	display: flex;
	gap: 0;
	min-height: 79px;
}

.landing-brand {
	align-items: center;
	color: #ffffff;
	display: flex;
	gap: 9px;
	min-width: 0;
	text-decoration: none;
}

.landing-brand:hover,
.landing-brand:focus,
.landing-nav a:hover,
.landing-nav a:focus {
	text-decoration: none;
}

.landing-brand-mark {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(240, 237, 235, 0.35);
	border-radius: 2px;
	box-shadow: none;
	display: inline-flex;
	height: 28px;
	overflow: hidden;
	width: 28px;
}

.landing-brand-mark img {
	display: block;
	height: 28px;
	object-fit: cover;
	width: 28px;
}

.landing-brand-copy {
	display: grid;
	gap: 2px;
}

.landing-brand-copy strong {
	color: #ffffff;
	font-size: 1rem;
	font-weight: 720;
	line-height: 0.98;
}

.landing-brand-copy small {
	color: rgba(240, 237, 235, 0.72);
	font-size: 0.74rem;
	font-weight: 560;
	letter-spacing: 0;
	line-height: 1;
}

.landing-nav-links,
.landing-nav-actions,
.landing-hero-actions,
.landing-demo-actions {
	align-items: center;
	display: flex;
	gap: 40px;
}

.landing-nav-links {
	justify-content: flex-start;
	margin-left: 64px;
}

.landing-nav-links > a,
.landing-product-menu > button,
.landing-nav-demo,
.landing-nav-login {
	border-radius: 4px;
	color: rgb(240, 237, 235);
	font-size: 0.94rem;
	font-weight: 560;
	line-height: 0.95;
	padding: 8px 12px;
	text-decoration: none;
	transition:
		background 150ms ease,
		border-color 150ms ease,
		color 150ms ease;
	white-space: nowrap;
}

.landing-nav-actions {
	gap: 24px;
	margin-left: auto;
}

.landing-nav-actions .landing-nav-login {
	margin-right: -12px;
}

.landing-product-menu {
	perspective: 2000px;
	position: relative;
}

.landing-product-menu::after {
	content: "";
	display: none;
}

.landing-product-menu > button {
	align-items: center;
	background: transparent;
	border: 0;
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	gap: 8px;
}

.landing-product-menu > button::after {
	border: solid currentColor;
	border-width: 0 1px 1px 0;
	content: "";
	display: inline-block;
	padding: 2.5px;
	transform: translateY(-1px) rotate(45deg);
}

.landing-nav-links > a:hover,
.landing-nav-links > a:focus,
.landing-product-menu > button:hover,
.landing-product-menu:has(.landing-product-dropdown:hover) > button,
.landing-product-menu:focus-within > button {
	background: #1c1c4e;
	color: #eaeaef;
}

.landing-product-dropdown {
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	background: rgba(245, 248, 252, 0.58);
	border: 1px solid rgba(255, 255, 255, 0.54);
	border-radius: 14px;
	box-shadow: 0 28px 80px rgba(11, 4, 5, 0.28);
	left: 50%;
	opacity: 0;
	padding: 6px;
	pointer-events: none;
	position: absolute;
	top: calc(100% + 26px);
	transform: translateX(-50%) scale(0.88);
	transform-origin: 50% 0;
	transition:
		opacity 180ms ease,
		transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
	width: 700px;
	z-index: 60;
}

.landing-product-dropdown::before {
	content: "";
	height: 26px;
	left: 0;
	position: absolute;
	right: 0;
	top: -26px;
}

.landing-product-menu > button:hover + .landing-product-dropdown,
.landing-product-dropdown:hover,
.landing-product-menu:focus-within .landing-product-dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) scale(1);
}

.landing-product-dropdown-inner {
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid rgba(20, 34, 52, 0.18);
	border-radius: 12px;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(270px, 1fr));
	padding: 18px;
}

.landing-product-dropdown a {
	align-items: flex-start;
	border-radius: 10px;
	color: #32324d;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 0;
	padding: 18px 22px;
	text-decoration: none;
	transition:
		background-color 180ms ease,
		color 180ms ease;
}

.landing-product-dropdown a:hover,
.landing-product-dropdown a:focus {
	background: #f6f6ff;
}

.landing-product-title {
	align-items: center;
	color: #292875;
	display: flex;
	gap: 8px;
	line-height: 1.2;
	transition: color 180ms ease;
}

.landing-product-title::before {
	background: currentColor;
	content: "";
	display: block;
	flex: 0 0 auto;
	height: 20px;
	-webkit-mask: url("/assets/overseas_warehouse/images/home/logo-meno-black.svg") center /
		contain no-repeat;
	mask: url("/assets/overseas_warehouse/images/home/logo-meno-black.svg") center / contain
		no-repeat;
	width: 20px;
}

.landing-product-dropdown a:hover .landing-product-title,
.landing-product-dropdown a:focus .landing-product-title {
	color: #4945ff;
}

.landing-product-dropdown strong {
	color: inherit;
	font-size: 0.98rem;
	font-weight: 650;
	line-height: inherit;
}

.landing-product-summary {
	color: #666687;
	font-size: 0.85rem;
	font-weight: 400;
	line-height: 1.5;
}

.landing-nav-demo {
	background: var(--ark-glass-ink);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #ffffff;
}

.landing-nav-demo,
.landing-nav-login {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 40px;
	padding: 0 17px;
}

.landing-nav-demo:hover,
.landing-nav-demo:focus {
	background: #1f1719;
	border-color: rgba(255, 255, 255, 0.48);
	color: #ffffff;
}

.landing-nav-login {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(240, 237, 235, 0.28);
	color: rgb(240, 237, 235);
}

.landing-hero,
.landing-section,
.landing-demo {
	scroll-margin-top: 96px;
}

.landing-hero {
	align-items: center;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	min-height: 100svh;
	overflow: hidden;
	padding: 79px 0 56px;
	position: relative;
}

.landing-hero-bg {
	background: var(--ark-hero-image);
	background-position: center center;
	background-size: cover;
	inset: 0;
	position: absolute;
	transform: scale(1.01);
}

.landing-hero-content {
	display: grid;
	gap: 24px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	max-width: none;
	position: relative;
	z-index: 1;
}

.landing-hero-logo-wall {
	align-self: center;
	margin-bottom: 0;
	margin-top: auto;
	position: relative;
	z-index: 1;
}

.landing-hero-logo-grid {
	align-items: center;
	display: flex;
	gap: clamp(18px, 3vw, 42px);
	justify-content: space-between;
	min-height: 58px;
	width: 100%;
}

.landing-hero-logo {
	align-items: center;
	display: inline-flex;
	min-height: 44px;
	text-align: center;
}

.landing-hero-logo img {
	display: block;
	filter: drop-shadow(0 10px 22px rgba(11, 4, 5, 0.28));
	height: 34px;
	max-width: 142px;
	object-fit: contain;
	width: auto;
}

.landing-eyebrow,
.landing-section-kicker,
.landing-info-card > span,
.landing-product-card > span,
.landing-scenario-grid span {
	display: inline-flex;
	font-family: "SF Mono", "Monaco", "Consolas", monospace;
	font-size: 0.75rem;
	font-weight: 760;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.landing-eyebrow {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	color: #ffffff;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 700;
	gap: 10px;
	height: 42px;
	justify-self: start;
	letter-spacing: 0;
	margin-bottom: -12px;
	padding: 8px 12px;
	/* text-shadow: 0 0 14px rgba(255, 255, 255, 0.24), 0 10px 26px rgba(20, 100, 200, 0.24); */
}

.landing-eyebrow-icon {
	display: block;
	flex: 0 0 auto;
	height: 12px;
	width: auto;
}

.landing-eyebrow-viewport {
	display: inline-flex;
	height: 24px;
	min-width: 110px;
	overflow: hidden;
	perspective: 900px;
	position: relative;
	font-family: Figtree, Arial, sans-serif;
}

.landing-eyebrow-frame {
	filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.18));
	left: 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(34%) rotateX(-16deg) scale(0.985);
	transform-origin: 50% 0;
	transition:
		opacity 680ms ease,
		transform 680ms cubic-bezier(0.22, 1, 0.36, 1),
		filter 680ms ease;
	white-space: nowrap;
}

.landing-eyebrow-frame.is-active {
	opacity: 1;
	transform: translateY(-50%) rotateX(0deg) scale(1);
}

.landing-eyebrow-frame.is-exiting {
	opacity: 0;
	transform: translateY(-126%) rotateX(16deg) scale(0.985);
}

.landing-hero h1 {
	color: #f0f6fe;
	font-size: clamp(3.25rem, 6.25vw, 5rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.02;
	margin: 0;
	max-width: 880px;
	text-shadow: none;
}

.landing-hero h1 span {
	display: block;
}

.landing-hero p {
	color: rgba(240, 237, 235, 0.8);
	font-size: clamp(1.08rem, 1.56vw, 1.25rem);
	font-weight: 400;
	line-height: 1.45;
	margin: 0;
	max-width: 760px;
	text-shadow: none;
}

.landing-hero-actions {
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 8px;
}

.landing-btn {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 2px;
	display: inline-flex;
	font-size: 0.98rem;
	font-weight: 780;
	justify-content: center;
	min-height: 44px;
	padding: 0 17px;
	text-decoration: none;
	transition:
		background 150ms ease,
		border-color 150ms ease,
		color 150ms ease,
		transform 150ms ease;
	white-space: nowrap;
}

.landing-btn:hover,
.landing-btn:focus {
	text-decoration: none;
}

.landing-btn-primary {
	background: var(--ark-glass-ink);
	border-color: rgba(255, 255, 255, 0.3);
	box-shadow: none;
	color: #ffffff;
}

.landing-btn-primary:hover,
.landing-btn-primary:focus {
	background: #1f1719;
	border-color: rgba(255, 255, 255, 0.48);
	color: #ffffff;
}

.landing-btn-secondary,
.landing-btn-dark {
	background: rgba(240, 237, 235, 0.92);
	border-color: rgba(240, 237, 235, 0.92);
	color: var(--ark-glass-ink);

	background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(240, 237, 235, 0.28);
    color: rgb(240, 237, 235);
}

.landing-btn-secondary:hover,
.landing-btn-secondary:focus,
.landing-btn-dark:hover,
.landing-btn-dark:focus {
	background: #ffffff;
	color: var(--ark-glass-ink);
}

.landing-section {
	padding: 158px 0 0;
}

.landing-section-head {
	margin-bottom: 28px;
	max-width: 840px;
}

.landing-section-kicker {
	color: var(--ark-muted);
}

.landing-section-head h2,
.landing-demo h2 {
	color: #f0edeb;
	font-size: clamp(2.2rem, 3.5vw, 3.35rem);
	font-weight: 440;
	letter-spacing: 0;
	line-height: 1.06;
	margin: 10px 0 12px;
}

.landing-section-head p,
.landing-demo p,
.landing-info-card p,
.landing-product-card p,
.landing-scenario-grid p {
	color: rgba(240, 237, 235, 0.66);
	font-size: 1rem;
	line-height: 1.75;
	margin: 0;
}

.landing-product-grid,
.landing-solution-grid,
.landing-scenario-grid,
.landing-assurance-grid {
	display: grid;
	gap: 16px;
}

.landing-product-grid,
.landing-scenario-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-solution-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.landing-assurance-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-info-card,
.landing-product-card,
.landing-scenario-grid article,
.landing-faq details {
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid var(--ark-line);
	border-radius: var(--ark-radius);
	box-shadow: var(--ark-shadow-soft);
}

.landing-info-card,
.landing-product-card,
.landing-scenario-grid article {
	display: grid;
	gap: 12px;
	min-height: 210px;
	padding: 24px;
}

.landing-info-card > span,
.landing-product-card > span,
.landing-scenario-grid span {
	color: var(--ark-blue-dark);
}

.landing-product-card:nth-child(n + 4) > span,
.landing-scenario-grid span {
	color: var(--ark-teal);
}

.landing-assurance-grid .landing-info-card > span {
	color: var(--ark-green);
}

.landing-info-card h3,
.landing-product-card h3,
.landing-scenario-grid h3 {
	color: var(--ark-ink);
	font-size: 1.16rem;
	font-weight: 780;
	line-height: 1.36;
	margin: 0;
}

.landing-product-card a {
	align-self: end;
	color: var(--ark-blue);
	font-size: 0.92rem;
	font-weight: 780;
	text-decoration: none;
}

.landing-product-card a:hover,
.landing-product-card a:focus {
	color: var(--ark-blue-dark);
	text-decoration: none;
}

.landing-assurance-note {
	background: #ffffff;
	border: 1px solid var(--ark-line);
	border-radius: var(--ark-radius);
	box-shadow: var(--ark-shadow-soft);
	color: var(--ark-ink-soft);
	font-size: 0.98rem;
	font-weight: 700;
	margin: 16px 0 0;
	padding: 16px 18px;
}

.landing-demo {
	padding: 82px 0 0;
}

.landing-demo-inner {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(16, 24, 39, 0.98), rgba(18, 48, 71, 0.94)),
		url("/assets/overseas_warehouse/images/home/homepage-hero-jimeng-v2.jpg");
	background-position: center;
	background-size: cover;
	border-radius: var(--ark-radius);
	box-shadow: var(--ark-shadow);
	color: #ffffff;
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 38px;
	position: relative;
}

.landing-demo .landing-section-kicker,
.landing-demo h2 {
	color: #ffffff;
}

.landing-demo h2 {
	font-size: clamp(2rem, 3.2vw, 3rem);
}

.landing-demo p {
	color: rgba(255, 255, 255, 0.78);
	max-width: 790px;
}

.landing-demo-actions {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.landing-faq-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-faq details {
	padding: 0;
}

.landing-faq summary {
	color: var(--ark-ink);
	cursor: pointer;
	font-size: 1rem;
	font-weight: 780;
	line-height: 1.45;
	list-style: none;
	padding: 18px 20px;
}

.landing-faq summary::-webkit-details-marker {
	display: none;
}

.landing-faq summary::after {
	color: var(--ark-muted);
	content: "+";
	float: right;
	font-weight: 760;
	margin-left: 18px;
}

.landing-faq details[open] summary::after {
	content: "-";
}

.landing-faq p {
	border-top: 1px solid var(--ark-line);
	color: var(--ark-ink-soft);
	line-height: 1.75;
	margin: 0;
	padding: 0 20px 18px;
}

.landing-footer {
	padding: 34px 0 32px;
}

.landing-footer-inner {
	align-items: center;
	color: var(--ark-ink-soft);
	display: flex;
	gap: 20px;
	justify-content: space-between;
	padding-top: 22px;
}

.landing-footer-inner strong,
.landing-footer-inner span {
	display: block;
}

.landing-footer-inner strong {
	color: var(--ark-ink);
	font-size: 0.98rem;
	margin-bottom: 4px;
}

.landing-footer-inner span,
.landing-footer-inner p {
	font-size: 0.86rem;
	margin: 0;
}

.landing-section-head-centered {
	margin-left: auto;
	margin-right: auto;
	max-width: 820px;
	text-align: center;
}

.landing-section-kicker {
	color: rgba(240, 237, 235, 0.54);
}

.landing-openlayer-oms {
	background: #fafafa;
	color: #04010e;
	display: grid;
	align-items: center;
	column-gap: clamp(52px, 5.8vw, 100px);
	grid-template-columns: minmax(360px, 500px) minmax(430px, 500px);
	justify-content: center;
	min-height: 700px;
	padding: 72px 32px 58px;
	position: relative;
	scroll-margin-top: 79px;
}

.landing-openlayer-oms::before {
	background-image:
		radial-gradient(4.66% 23.38% at 8.75% -0.48%, #04010e 0%, rgba(197, 181, 248, 0) 100%),
		radial-gradient(3.75% 10.75% at 61.32% 5.09%, #04010e 0%, rgba(197, 181, 248, 0) 100%),
		radial-gradient(3.25% 21.56% at 97.71% 67.72%, #04010e 0%, rgba(197, 181, 248, 0) 100%),
		radial-gradient(13.31% 12.18% at 61.25% -2.93%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),
		radial-gradient(28.45% 20.24% at 0.49% 76.37%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),
		radial-gradient(24.01% 32.27% at 6.46% -5.13%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),
		radial-gradient(27.25% 22.3% at 99.51% 68.07%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-size: 100% 10px;
	content: "";
	display: block;
	inset: 0;
	opacity: 0.05;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.landing-openlayer-oms::after {
	background: linear-gradient(180deg, #c5b5f8 0%, #5b2fea 100%);
	content: "";
	filter: blur(150px);
	height: 100px;
	left: 15%;
	opacity: 0.5;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate3d(0, 0, 0);
	width: 40%;
	z-index: 0;
}

.landing-openlayer-oms-copy {
	align-self: center;
	display: flex;
	flex-direction: column;
	gap: 28px;
	justify-self: end;
	max-width: 500px;
	position: relative;
	transform: translateX(clamp(24px, 1.6vw, 36px));
	z-index: 5;
	font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.landing-openlayer-oms h2 {
	color:rgb(172, 86, 245);
	font-size: 18px;
	margin: 0;
	font-weight: 600;
}

.landing-openlayer-oms h2 span {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(180deg, #592fea 0%, #7a58ee 100%);
	color: transparent;
	text-shadow: 0 4px 36px rgba(91, 47, 234, 0.38);
}

.landing-openlayer-oms-copy p {
	color: #1d1d1f;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0;

	span {
		color: rgba(4, 1, 14, 0.75);
		display: block;
		font-size: 18px;
		font-weight: normal;
		margin-top: 0.8em;
	}
}

.landing-openlayer-oms-actions {
	align-items: center;
	align-self: flex-start;
	column-gap: 24px;
	display: flex;
	flex-direction: row;
	row-gap: 24px;
}

.landing-openlayer-oms-button {
	align-items: center;
	background: none;
	border: none;
	box-sizing: content-box;
	column-gap: 10px;
	color: #04010e;
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
}

.landing-openlayer-oms-button:hover,
.landing-openlayer-oms-button:focus {
	color: #04010e;
	text-decoration: none;
	transform: scale(1.03);
}

.landing-openlayer-oms-button b {
	font-weight: 600;
}

.landing-openlayer-cta-arrow {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	height: 12px;
	justify-content: center;
	width: 12px;
}

.landing-openlayer-cta-arrow svg {
	display: block;
	fill: none;
	height: 12px;
	width: 12px;
}

.landing-openlayer-cta-arrow path {
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.landing-openlayer-oms-visual-shell {
	display: flex;
	flex-direction: column;
	justify-self: start;
	left: clamp(48px, 5.2vw, 112px);
	padding-top: 0;
	position: relative;
	top: -30px;
	transform: none;
	width: min(100%, 516px);
	z-index: auto;
}

.landing-openlayer-oms-visual {
	height: 640px;
	position: relative;
	width: 100%;
}

.landing-openlayer-product-watermark {
	bottom: auto;
	height: 360px;
	left: 0;
	max-width: none;
	object-fit: contain;
	pointer-events: none;
	position: absolute;
	right: auto;
	top: 0;
	transform: rotate(20deg);
	width: 395px;
	z-index: 0;
}

.landing-openlayer-rail {
	background: #8b6cff;
	bottom: -132px;
	border-radius: 999px;
	left: 72px;
	overflow: visible;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: 1;
}

.landing-openlayer-flow-runner {
	--flow-runner-direction: 1;
	--flow-runner-opacity: 0;
	--flow-runner-x: -9999px;
	--flow-runner-y: -9999px;
	filter: none;
	height: 1px;
	left: 0;
	opacity: var(--flow-runner-opacity);
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate3d(var(--flow-runner-x), var(--flow-runner-y), 0);
	transition: opacity 180ms ease;
	width: 1px;
	will-change: opacity, transform;
	z-index: 2;
}

.landing-openlayer-flow-tail {
	display: none;
}

.landing-openlayer-flow-tail::before {
	display: none;
}

.landing-openlayer-flow-orbit,
.landing-openlayer-flow-core {
	border-radius: 50%;
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.landing-openlayer-flow-orbit {
	display: none;
}

.landing-openlayer-flow-core {
	background: rgba(250, 250, 250, 0.9);
    border: 1px solid rgba(4, 1, 14, 0.08);
	/* box-shadow:
		0 0 0 2px rgba(122, 88, 238, 0.08),
		0 0 14px rgba(91, 47, 234, 0.42),
		0 5px 14px rgba(45, 23, 111, 0.18); */
	filter: none;
	height: 48px;
	width: 48px;
}

.landing-openlayer-flow-core::before {
	background: #000;
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	-webkit-mask: url("../images/home/logo-meno-white.svg") center / contain no-repeat;
	mask: url("../images/home/logo-meno-white.svg") center / contain no-repeat;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
}

.landing-openlayer-commit,
.landing-openlayer-summary {
	align-items: center;
	display: flex;
	position: absolute;
	z-index: 5;
}

.landing-openlayer-commit {
	column-gap: 16px;
	left: 48px;
	top: 0;
}

.landing-openlayer-node {
	align-items: center;
	background: rgba(250, 250, 250, 0.9);
	border: 1px solid rgba(4, 1, 14, 0.08);
	border-radius: 50%;
	color: #592fea;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
}

.landing-openlayer-node-large {
	height: 48px;
	width: 48px;
}

.landing-openlayer-node-large svg {
	height: 20px;
	width: 20px;
}

.landing-openlayer-node svg,
.landing-openlayer-result svg,
.landing-openlayer-avatar svg {
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.landing-openlayer-avatar {
	align-items: center;
	background: url("../images/home/avatar.jpg") center / cover no-repeat;
	border-radius: 50%;
	display: inline-flex;
	height: 30px;
	justify-content: center;
	overflow: hidden;
	width: 30px;
}

.landing-openlayer-avatar svg {
	display: none;
}

.landing-openlayer-commit strong {
	color: #04010e;
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 20px;
	white-space: nowrap;
}

.landing-openlayer-commit > span:last-child {
	color: rgba(4, 1, 14, 0.4);
	font-size: 0.84rem;
	line-height: 20px;
	white-space: nowrap;
}

@property --openlayer-card-flow-angle {
	syntax: "<angle>";
	inherits: false;
	initial-value: -90deg;
}

.landing-openlayer-card-shell {
	--openlayer-card-flow-angle: -90deg;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: linear-gradient(180deg, rgba(4, 1, 14, 0.01) 0%, rgba(4, 1, 14, 0.05) 100%);
	border: 1px solid rgba(4, 1, 14, 0.08);
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	left: 0;
	overflow: hidden;
	padding: 20px 8px 8px;
	position: absolute;
	right: auto;
	top: 96px;
	transition:
		border-color 220ms ease,
		box-shadow 220ms ease,
		background 220ms ease;
	width: 496px;
	z-index: 5;
}

.landing-openlayer-card-shell > * {
	position: relative;
	z-index: 1;
}

.landing-openlayer-card-shell.is-lit {
	box-shadow:
		0 0 0 1px rgba(122, 88, 238, 0.06) inset,
		0 20px 54px rgba(91, 47, 234, 0.08);
}

.landing-openlayer-card-shell.is-lit::before {
	animation: landing-openlayer-card-border-loop 4500ms linear infinite;
	background: conic-gradient(
		from var(--openlayer-card-flow-angle),
		transparent 0deg,
		transparent 302deg,
		rgba(122, 88, 238, 0.16) 316deg,
		rgba(122, 88, 238, 0.78) 334deg,
		rgba(91, 47, 234, 0.82) 344deg,
		rgba(122, 88, 238, 0.62) 354deg,
		transparent 360deg
	);
	border-radius: inherit;
	content: "";
	inset: 0;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	padding: 2px;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.landing-openlayer-card {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background:
		linear-gradient(0deg, rgba(4, 1, 14, 0.01) 0%, rgba(4, 1, 14, 0.01) 100%),
		#fafafa;
	border: 1px solid rgba(4, 1, 14, 0.08);
	border-radius: 24px;
	box-shadow: 0 -4px 16px rgba(4, 1, 14, 0.05) inset;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	width: 100%;
}

.landing-openlayer-card-head {
	align-items: center;
	background: linear-gradient(90deg, rgba(91, 47, 234, 0.018) 0%, rgba(228, 207, 255, 0) 100%);
	border-bottom: 1px solid rgba(4, 1, 14, 0.08);
	display: flex;
	justify-content: center;
	min-height: 72px;
	padding: 16px 20px;
}

.landing-openlayer-brand-grid {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	height: 36px;
	width: 100%;
}

.landing-openlayer-brand-logo {
	align-items: center;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(4, 1, 14, 0.05);
	border-radius: 7px;
	box-shadow: 0 6px 18px rgba(4, 1, 14, 0.04);
	display: inline-flex;
	height: 28px;
	justify-content: center;
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

.landing-openlayer-brand-logo img {
	display: block;
	max-height: 18px;
	max-width: 40px;
	object-fit: contain;
}

.landing-openlayer-brand-logo-mark img {
	max-height: 20px;
	max-width: 22px;
}

.landing-openlayer-oms-source-strip {
	align-items: center;
	display: flex;
	justify-content: center;
}

.landing-openlayer-oms-source-strip .landing-openlayer-brand-grid {
	gap: 12px;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	width: calc(100% - 48px);
}

.landing-openlayer-oms-card-head {
	gap: 16px;
	justify-content: flex-start;
	min-height: 72px;
	padding: 16px 24px;
}

.landing-openlayer-oms-icon {
	align-items: center;
	background: linear-gradient(180deg, #ff8a1f 0%, #f97316 100%);
	border-radius: 10px;
	box-shadow:
		0 18px 34px rgba(249, 115, 22, 0.24),
		0 0 1px rgba(4, 1, 14, 0.12) inset;
	color: #ffffff;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.landing-openlayer-oms-icon img,
.landing-openlayer-wms-icon img,
.landing-openlayer-product-icon img {
	display: block;
	height: auto;
	max-width: 24px;
	object-fit: contain;
	width: auto;
}

.landing-openlayer-oms-card-head strong {
	color: rgba(4, 1, 14, 0.7);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.landing-openlayer-card-body {
	display: flex;
	flex-direction: column;
	padding: 8px 24px 10px;
	position: relative;
}

.landing-openlayer-card-line {
	background: #04010e;
	bottom: 0;
	left: 40px;
	opacity: 0.1;
	position: absolute;
	top: 0;
	width: 1px;
}

.landing-openlayer-test-row {
	align-items: center;
	display: grid;
	gap: 20px;
	grid-template-columns: 32px minmax(0, 1fr) auto;
	min-height: 78px;
	position: relative;
}

.landing-openlayer-node-small {
	border-radius: 8px;
	height: 32px;
	position: relative;
	width: 32px;
	z-index: 1;
}

.landing-openlayer-node-small svg {
	height: 18px;
	width: 18px;
}

.landing-openlayer-test-label {
	color: rgba(4, 1, 14, 0.7);
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 400;
	gap: 2px;
	line-height: 20px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.landing-openlayer-test-label strong {
	color: #04010e;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}

.landing-openlayer-test-label small {
	color: rgba(4, 1, 14, 0.46);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.landing-openlayer-status {
	align-items: center;
	background: linear-gradient(270deg, rgba(51, 193, 116, 0.15) 0%, rgba(51, 193, 116, 0.03) 100%);
	border: 1px solid rgba(51, 193, 116, 0.1);
	border-radius: 6px;
	color: #33c174;
	display: inline-flex;
	font-size: 12px;
	gap: 6px;
	justify-content: center;
	line-height: 24px;
	min-width: 64px;
	padding: 0 8px;
	white-space: nowrap;
}

.landing-openlayer-status::before {
	border: 1px solid currentColor;
	border-radius: 50%;
	content: "";
	height: 6px;
	width: 6px;
}

.landing-openlayer-summary {
	bottom: -60px;
	column-gap: 24px;
	left: 48px;
	row-gap: 16px;
}

.landing-openlayer-node-success::before {
	-webkit-animation: landing-openlayer-pulse 2.5s infinite;
	animation: landing-openlayer-pulse 2.5s infinite;
	background: #33c174;
	border-radius: 50%;
	content: "";
	height: 10px;
	width: 10px;
}

@-webkit-keyframes landing-openlayer-pulse {
	0%,
	33% {
		box-shadow: 0 0 0 0 rgba(51, 193, 116, 0.7);
	}

	50% {
		box-shadow: 0 0 0 6px rgba(51, 193, 116, 0);
	}

	66%,
	100% {
		box-shadow: 0 0 0 0 rgba(51, 193, 116, 0);
	}
}

@keyframes landing-openlayer-pulse {
	0%,
	33% {
		box-shadow: 0 0 0 0 rgba(51, 193, 116, 0.7);
	}

	50% {
		box-shadow: 0 0 0 6px rgba(51, 193, 116, 0);
	}

	66%,
	100% {
		box-shadow: 0 0 0 0 rgba(51, 193, 116, 0);
	}
}

.landing-openlayer-result {
	align-items: center;
	display: flex;
	gap: 12px;
	white-space: nowrap;
}

.landing-openlayer-result-icon {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	height: 24px;
	justify-content: center;
	width: 24px;
}

.landing-openlayer-result svg {
	height: 14px;
	width: 14px;
}

.landing-openlayer-result-label {
	color: #04010e;
	font-size: 13px;
	line-height: 24px;
	white-space: nowrap;
}

.landing-openlayer-result strong {
	color: #04010e;
	font-size: 13px;
	font-weight: normal;
	line-height: 24px;
}

.landing-openlayer-result em {
	color: #04010e;
	font-size: 13px;
	font-style: normal;
	line-height: 24px;
	opacity: 0.4;
	padding-left: 4px;
}

.landing-openlayer-result-success .landing-openlayer-result-icon {
	background: linear-gradient(270deg, rgba(51, 193, 116, 0.13) 0%, rgba(51, 193, 116, 0.03) 100%);
	border: 1px solid rgba(51, 193, 116, 0.32);
	color: #33c174;
}

.landing-openlayer-result-alert .landing-openlayer-result-icon {
	background: linear-gradient(270deg, rgba(255, 160, 28, 0.13) 0%, rgba(255, 160, 28, 0.03) 100%);
	border: 1px solid rgba(255, 160, 28, 0.14);
	color: rgb(255, 159, 28);
}

.landing-openlayer-wms {
	background: #fafafa;
	margin-top: -1px;
}

.landing-openlayer-wms::before {
	opacity: 0.035;
}

.landing-openlayer-wms::after {
	display: none;
}

.landing-openlayer-wms .landing-openlayer-oms-visual {
	height: 750px;
}

.landing-openlayer-wms .landing-openlayer-rail {
	bottom: -152px;
	top: -120px;
}

.landing-openlayer-wms .landing-openlayer-commit {
	top: 40px;
}

.landing-openlayer-wms-card-shell {
	top: 104px;
}

.landing-openlayer-wms-environment {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: center;
}

.landing-openlayer-wms-environment span {
	color: rgba(4, 1, 14, 0.66);
	font-size: 15px;
	line-height: 24px;
}

.landing-openlayer-wms-environment strong {
	background: linear-gradient(270deg, rgba(255, 160, 28, 0.13) 0%, rgba(255, 160, 28, 0.03) 100%);
	border: 1px solid rgba(255, 160, 28, 0.14);
	border-radius: 8px;
	color: #ff9f1c;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	padding: 0 14px;
}

.landing-openlayer-wms-card-head {
	gap: 16px;
	justify-content: flex-start;
	min-height: 72px;
	padding: 16px 24px;
}

.landing-openlayer-wms-icon {
	align-items: center;
	background: linear-gradient(180deg, #3468fc 0%, #4d7cff 100%);
	border-radius: 10px;
	box-shadow:
		0 18px 34px rgba(52, 104, 252, 0.22),
		0 0 1px rgba(4, 1, 14, 0.12) inset;
	color: #ffffff;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.landing-openlayer-wms-icon img {
	max-width: 28px;
}

.landing-openlayer-wms-card-head strong {
	color: rgba(4, 1, 14, 0.7);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.landing-openlayer-wms .landing-openlayer-card-body {
	padding: 8px 24px 10px;
}

.landing-openlayer-wms .landing-openlayer-test-row {
	min-height: 78px;
}

.landing-openlayer-wms .landing-openlayer-summary {
	bottom: -36px;
}

.landing-openlayer-wms .landing-openlayer-test-label {
	display: flex;
	flex-direction: column;
	gap: 2px;
	line-height: 20px;
	white-space: normal;
}

.landing-openlayer-wms .landing-openlayer-test-label strong {
	color: #04010e;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}

.landing-openlayer-wms .landing-openlayer-test-label small {
	color: rgba(4, 1, 14, 0.46);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.landing-openlayer-wms .landing-openlayer-status {
	min-width: 72px;
}

.landing-openlayer-process {
	background: #fafafa;
	margin-top: -1px;
}

.landing-openlayer-process::before {
	opacity: 0.035;
}

.landing-openlayer-process::after {
	display: none;
}

.landing-openlayer-process .landing-openlayer-oms-visual {
	height: 700px;
}

.landing-openlayer-process .landing-openlayer-rail {
	bottom: -152px;
	top: -120px;
}

.landing-openlayer-process .landing-openlayer-commit {
	top: 20px;
}

.landing-openlayer-process-card-shell {
	top: 104px;
}

.landing-openlayer-process-kicker {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: center;
}

.landing-openlayer-process-kicker span {
	color: rgba(4, 1, 14, 0.66);
	font-size: 15px;
	line-height: 24px;
}

.landing-openlayer-process-kicker strong {
	background: linear-gradient(270deg, rgba(51, 193, 116, 0.13) 0%, rgba(51, 193, 116, 0.03) 100%);
	border: 1px solid rgba(51, 193, 116, 0.14);
	border-radius: 8px;
	color: #33c174;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	padding: 0 14px;
}

.landing-openlayer-process-card-head {
	gap: 16px;
	justify-content: flex-start;
	min-height: 72px;
	padding: 16px 24px;
}

.landing-openlayer-process-card-head strong {
	color: rgba(4, 1, 14, 0.7);
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.landing-openlayer-product-icon {
	align-items: center;
	border-radius: 10px;
	color: #ffffff;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.landing-openlayer-tms-icon {
	background: linear-gradient(180deg, #16b981 0%, #33c174 100%);
	box-shadow:
		0 18px 34px rgba(22, 185, 129, 0.2),
		0 0 1px rgba(4, 1, 14, 0.12) inset;
}

.landing-openlayer-erp-icon {
	background: linear-gradient(180deg, #592fea 0%, #7a58ee 100%);
	box-shadow:
		0 18px 34px rgba(91, 47, 234, 0.22),
		0 0 1px rgba(4, 1, 14, 0.12) inset;
}

.landing-openlayer-process .landing-openlayer-card-body {
	padding: 8px 24px 10px;
}

.landing-openlayer-process .landing-openlayer-test-row {
	min-height: 78px;
}

.landing-openlayer-process .landing-openlayer-summary {
	bottom: 0;
}

.landing-openlayer-process .landing-openlayer-test-label {
	display: flex;
	flex-direction: column;
	gap: 2px;
	line-height: 20px;
	white-space: normal;
}

.landing-openlayer-process .landing-openlayer-test-label strong {
	color: #04010e;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
}

.landing-openlayer-process .landing-openlayer-test-label small {
	color: rgba(4, 1, 14, 0.46);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.landing-openlayer-process .landing-openlayer-status {
	min-width: 72px;
}

.landing-openlayer-erp .landing-openlayer-oms-visual {
	height: 820px;
}

.landing-openlayer-erp .landing-openlayer-rail {
	bottom: 172px;
}

.landing-openlayer-erp .landing-openlayer-commit {
	top: 0;
}

.landing-openlayer-final-state {
	align-items: center;
	column-gap: 24px;
	display: flex;
	left: 0;
	margin-left: -82px;
	position: absolute;
	row-gap: 16px;
	top: 648px;
	z-index: 5;
}

.landing-openlayer-final-stack {
	display: flex;
	flex-direction: column;
}

.landing-openlayer-final-lines {
	column-gap: 58px;
	display: flex;
	padding-left: 131px;
}

.landing-openlayer-final-lines span {
	display: flex;
	flex-direction: column;
	height: 72px;
	margin-left: 0;
	width: 2px;
}

.landing-openlayer-final-lines i {
	background: rgba(215, 204, 252, 0.9);
	display: block;
	height: 100%;
	width: 2px;
	z-index: -1;
}

.landing-openlayer-final-row {
	align-items: center;
	column-gap: 24px;
	display: flex;
	margin-left: 48px;
	row-gap: 16px;
}

.landing-openlayer-final-mask {
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #04010e 25%, #04010e 75%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0%, #04010e 25%, #04010e 75%, transparent 100%);
	overflow: hidden;
	position: relative;
}

.landing-openlayer-final-icons {
	align-items: center;
	column-gap: 12px;
	display: flex;
	position: relative;
}

.landing-openlayer-final-icons span {
	-webkit-backdrop-filter: blur(8px);
	align-items: center;
	backdrop-filter: blur(8px);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.06) 100%);
	border: thin solid rgba(4, 1, 14, 0.08);
	border-radius: 8px;
	box-sizing: border-box;
	color: #592fea;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.landing-openlayer-final-icons span:first-child,
.landing-openlayer-final-icons span:last-child {
	color: rgba(89, 47, 234, 0.35);
}

.landing-openlayer-final-icons svg {
	display: block;
	fill: none;
	height: 24px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	width: 24px;
}

.landing-openlayer-final-label {
	align-items: center;
	border-radius: 10px;
	box-sizing: border-box;
	column-gap: 8px;
	display: flex;
	height: 40px;
	row-gap: 16px;
}

.landing-openlayer-final-label span {
	animation: landing-openlayer-pulse 2.5s infinite;
	background: #33c174;
	border-radius: 50%;
	display: flex;
	height: 10px;
	justify-content: center;
	width: 10px;
}

.landing-openlayer-final-label strong,
.landing-openlayer-final-label em {
	color: #04010e;
	font-size: 13px;
	line-height: 24px;
	white-space: nowrap;
}

.landing-openlayer-final-label strong {
	font-weight: 700;
}

.landing-openlayer-final-label em {
	font-style: normal;
	opacity: 0.4;
}

.landing-silicon-products {
	background:
		radial-gradient(circle at 50% -18%, rgba(126, 76, 247, 0.2), transparent 38%),
		#1b1e29;
	border-top: 1px solid rgba(240, 237, 235, 0.08);
	color: #f5f4fb;
	overflow: hidden;
	padding: 156px 0 132px;
}

.landing-silicon-products .landing-shell {
	width: min(calc(100% - 80px), 1200px);
}

.landing-silicon-products-head {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 1280px;
	text-align: center;
}

.landing-silicon-products-pill {
	background: #6ff08a;
	border: 1px solid rgba(255, 255, 255, 0.54);
	border-radius: 5px;
	box-shadow: 0 10px 26px rgba(56, 235, 100, 0.14);
	color: #172013;
	font-size: 0.82rem;
	font-weight: 850;
	line-height: 1;
	padding: 7px 10px;
}

.landing-silicon-products-head h2 {
	color: #f7f6ff;
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 26px 0 24px;
}

.landing-silicon-products-head h2 span,
.landing-silicon-products-head h2 strong {
	display: block;
}

.landing-silicon-products-head h2 span {
	color: rgba(177, 181, 205, 0.28);
	text-shadow: 0 16px 44px rgba(0, 0, 0, 0.28);
}

.landing-silicon-products-head h2 strong {
	color: #f7f6ff;
	font: inherit;
}

.landing-silicon-products-head p {
	color: rgb(163, 164, 191);
	font-size: 1rem;
	line-height: 1.75;
	margin: 0;
	max-width: 1280px;
}

.landing-silicon-product-board {
	background: #0b0405;
	border-radius: 9px;
	box-shadow: 0 36px 90px rgba(0, 0, 0, 0.28);
	margin-top: 66px;
	overflow: hidden;
}

.landing-silicon-product-card-grid {
	background: #0b0405;
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.landing-silicon-product-card,
.landing-silicon-product-band {
	text-decoration: none;
}

.landing-silicon-product-card {
	background: linear-gradient(145deg, #8450f1, #6b28ee);
	color: #ffffff;
	display: grid;
	gap: 10px;
	min-height: 232px;
	padding: 32px;
	transition:
		background 180ms ease,
		transform 180ms ease;
}

.landing-silicon-product-card:nth-child(2),
.landing-silicon-product-card:nth-child(4) {
	background: linear-gradient(145deg, #7227ec, #6121e8);
}

.landing-silicon-product-card:hover,
.landing-silicon-product-card:focus {
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-2px);
}

.landing-silicon-product-card h3 {
	align-self: end;
	color: #ffffff;
	font-size: clamp(1.24rem, 1.8vw, 1.55rem);
	font-weight: 820;
	line-height: 1.05;
	margin: 0;
}

.landing-silicon-product-card p {
	color: rgba(255, 255, 255, 0.84);
	font-size: 0.94rem;
	line-height: 1.42;
	margin: 0;
}

.landing-silicon-product-icon,
.landing-silicon-product-band-icon {
	display: inline-flex;
	flex: 0 0 auto;
}

.landing-silicon-product-icon {
	color: #ffffff;
	height: 46px;
	width: 46px;
}

.landing-silicon-product-icon svg,
.landing-silicon-product-band-icon svg {
	display: block;
	fill: none;
	height: 100%;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
	width: 100%;
}

.landing-silicon-product-band-grid {
	background: #0b0405;
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 6px;
}

.landing-silicon-product-band {
	align-items: center;
	background: #6cc6f1;
	color: #254257;
	display: flex;
	gap: 22px;
	min-height: 88px;
	padding: 20px 42px;
}

.landing-silicon-product-band:hover,
.landing-silicon-product-band:focus {
	color: #1c3549;
	text-decoration: none;
}

.landing-silicon-product-band-icon {
	height: 48px;
	opacity: 0.9;
	width: 48px;
}

.landing-silicon-product-band span:not(.landing-silicon-product-band-icon) {
	display: grid;
	gap: 6px;
}

.landing-silicon-product-band strong {
	color: #233c51;
	font-size: clamp(1.18rem, 1.8vw, 1.5rem);
	font-weight: 850;
	line-height: 1.05;
}

.landing-silicon-product-band small {
	color: rgba(35, 60, 81, 0.74);
	font-size: 0.94rem;
	line-height: 1.35;
}

.landing-silicon-product-strip {
	align-items: center;
	background: #c5adf2;
	color: #130c1b;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	margin-top: 6px;
	min-height: 84px;
	text-align: center;
}

.landing-silicon-product-strip span {
	font-size: clamp(0.86rem, 1.25vw, 1.04rem);
	font-weight: 850;
	line-height: 1.2;
	padding: 0 10px;
}

.landing-silicon-product-summary {
	align-items: center;
	background: #f8f6fb;
	color: #6e41e9;
	display: grid;
	gap: 10px;
	justify-items: center;
	min-height: 104px;
	padding: 24px;
	text-align: center;
  margin-top: 6px;
}

.landing-silicon-product-summary strong {
	font-size: clamp(1.42rem, 2.2vw, 1.9rem);
	font-weight: 850;
	line-height: 1.1;
}

.landing-silicon-product-summary span {
	color: rgba(83, 55, 145, 0.76);
	font-size: 1rem;
	line-height: 1.45;
	max-width: 760px;
}

.landing-proof {
	border-top: 1px solid rgba(240, 237, 235, 0.14);
	padding-top: 142px;
}

.landing-product-value {
	background: #0d0e11;
	border-top: 1px solid rgba(240, 237, 235, 0.14);
	overflow: hidden;
	padding-bottom: clamp(104px, 14vw, 188px);
	position: relative;
}

.landing-product-value::after {
	background: linear-gradient(180deg, rgba(13, 14, 17, 0), rgba(13, 14, 17, 0.34) 78%);
	bottom: 0;
	content: "";
	height: 42%;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 0;
}

.landing-product-value-canvas-wrap,
[data-attio-product-value-canvas-wrap] {
	bottom: 0;
	height: min(56%, 560px);
	inset-inline: -0.5px;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.landing-product-value-canvas-wrap::before,
[data-attio-product-value-canvas-wrap]::before {
	background: radial-gradient(ellipse at 50% 100%, rgba(240, 237, 235, 0.22), transparent 62%);
	content: "";
	inset: 0;
	opacity: 0.9;
	position: absolute;
}

.landing-product-value-canvas,
[data-attio-product-value-canvas] {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	width: calc(100% + 1px);
}

.landing-fulfillment-chain {
	display: grid;
	gap: 52px;
	position: relative;
	z-index: 2;
}

.landing-fulfillment-head {
	display: grid;
	gap: 18px;
	max-width: 960px;
}

.landing-fulfillment-head h2 {
	color: #f0edeb;
	font-size: clamp(2.25rem, 4.2vw, 4.05rem);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0;
	max-width: 980px;
}

.landing-fulfillment-head p {
	color: rgba(240, 237, 235, 0.68);
	font-size: 1.04rem;
	line-height: 1.72;
	margin: 0;
	max-width: 880px;
}

.landing-fulfillment-stage {
	background:
		linear-gradient(rgba(240, 237, 235, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(240, 237, 235, 0.045) 1px, transparent 1px),
		radial-gradient(circle at 18% 12%, rgba(143, 191, 255, 0.14), transparent 34%),
		radial-gradient(circle at 82% 92%, rgba(90, 167, 255, 0.12), transparent 32%),
		rgba(11, 4, 5, 0.68);
	background-size:
		28px 28px,
		28px 28px,
		100% 100%,
		100% 100%,
		100% 100%;
	border: 1px solid rgba(240, 237, 235, 0.13);
	border-radius: 8px;
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.24);
	display: grid;
	gap: 22px;
	overflow: hidden;
	padding: 32px 32px 30px 118px;
	position: relative;
}

.landing-fulfillment-stage::before,
.landing-fulfillment-stage::after {
	content: "";
	pointer-events: none;
	position: absolute;
}

.landing-fulfillment-stage::before {
	background: linear-gradient(90deg, transparent, rgba(240, 237, 235, 0.08), transparent);
	height: 1px;
	left: 0;
	right: 0;
	top: 50%;
}

.landing-fulfillment-stage::after {
	background: radial-gradient(circle, rgba(240, 237, 235, 0.24), transparent 62%);
	height: 220px;
	right: -80px;
	top: -70px;
	width: 220px;
}

.landing-fulfillment-route-svg {
	bottom: 116px;
	height: auto;
	left: 34px;
	position: absolute;
	top: 42px;
	width: 64px;
	z-index: 1;
}

.landing-fulfillment-route {
	animation: landing-fulfillment-dash 8.4s linear infinite;
	fill: none;
	stroke: url(#ark-fulfillment-route-gradient);
	stroke-dasharray: 0.055 0.035;
	stroke-linecap: round;
	stroke-width: 2;
}

.landing-fulfillment-packet {
	fill: #f0edeb;
	opacity: 0.9;
}

.landing-fulfillment-packet-secondary {
	fill: #8fbfff;
	opacity: 0.68;
}

.landing-fulfillment-steps {
	display: grid;
	gap: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

.landing-fulfillment-step {
	align-items: stretch;
	display: grid;
	gap: 18px;
	grid-template-columns: 54px minmax(0, 1fr);
	min-width: 0;
}

.landing-fulfillment-index {
	align-items: center;
	animation: landing-fulfillment-node-pulse 4.8s ease-in-out infinite;
	animation-delay: var(--step-delay);
	align-self: center;
	background: rgba(240, 237, 235, 0.08);
	border: 1px solid rgba(240, 237, 235, 0.2);
	border-radius: 999px;
	color: rgba(240, 237, 235, 0.86);
	display: inline-flex;
	font-family: "SF Mono", "Monaco", "Consolas", monospace;
	font-size: 0.74rem;
	font-weight: 760;
	height: 46px;
	justify-content: center;
	letter-spacing: 0;
	width: 46px;
}

.landing-fulfillment-node {
	background: rgba(13, 14, 17, 0.78);
	border: 1px solid rgba(240, 237, 235, 0.12);
	border-radius: 8px;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 0.78fr) minmax(210px, 0.42fr);
	min-height: 112px;
	min-width: 0;
	overflow: hidden;
	padding: 20px 22px;
	position: relative;
}

.landing-fulfillment-node::before {
	animation: landing-fulfillment-data-scan 7.2s ease-in-out infinite;
	animation-delay: var(--step-delay);
	background: linear-gradient(90deg, transparent, rgba(240, 237, 235, 0.07), transparent);
	content: "";
	inset: 0;
	position: absolute;
	transform: translateX(-120%);
}

.landing-fulfillment-node > * {
	position: relative;
	z-index: 1;
}

.landing-fulfillment-system {
	color: rgba(143, 191, 255, 0.82);
	display: block;
	font-family: "SF Mono", "Monaco", "Consolas", monospace;
	font-size: 0.72rem;
	font-weight: 760;
	letter-spacing: 0;
	line-height: 1.2;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.landing-fulfillment-node h3 {
	color: #ffffff;
	font-size: clamp(1.08rem, 1.65vw, 1.42rem);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1.22;
	margin: 0;
}

.landing-fulfillment-node p {
	color: rgba(240, 237, 235, 0.58);
	font-size: 0.92rem;
	line-height: 1.56;
	margin: 8px 0 0;
}

.landing-fulfillment-data {
	align-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
	min-width: 0;
}

.landing-fulfillment-data span,
.landing-fulfillment-foundation span,
.landing-fulfillment-foundation strong {
	align-items: center;
	border: 1px solid rgba(240, 237, 235, 0.14);
	border-radius: 999px;
	display: inline-flex;
	justify-content: center;
	letter-spacing: 0;
	white-space: nowrap;
}

.landing-fulfillment-data span {
	background: rgba(240, 237, 235, 0.08);
	color: rgba(240, 237, 235, 0.8);
	font-size: 0.8rem;
	font-weight: 650;
	line-height: 1;
	min-height: 30px;
	padding: 0 11px;
}

.landing-fulfillment-foundation {
	align-items: center;
	border-top: 1px solid rgba(240, 237, 235, 0.11);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 24px;
	position: relative;
	z-index: 2;
}

.landing-fulfillment-foundation strong {
	background: #f0edeb;
	color: #0b0405;
	font-size: 0.86rem;
	font-weight: 780;
	min-height: 34px;
	padding: 0 14px;
}

.landing-fulfillment-foundation span {
	background: rgba(143, 191, 255, 0.09);
	color: rgba(240, 237, 235, 0.72);
	font-size: 0.82rem;
	font-weight: 630;
	min-height: 34px;
	padding: 0 13px;
}

.landing-sequence-module {
	display: grid;
	gap: 54px;
	position: relative;
	z-index: 2;
}

.landing-sequence-copy {
	display: grid;
	gap: 18px;
	margin: 0 auto;
	max-width: 980px;
	text-align: center;
}

.landing-sequence-copy h2 {
	color: #f0edeb;
	font-size: clamp(2.5rem, 5vw, 4.9rem);
	font-weight: 520;
	letter-spacing: 0;
	line-height: 1.02;
	margin: 0;
}

.landing-sequence-copy h2 span {
	display: block;
}

.landing-sequence-copy p {
	color: rgba(240, 237, 235, 0.64);
	font-size: 1.05rem;
	line-height: 1.7;
	margin: 0 auto;
	max-width: 740px;
}

.landing-sequence-showcase {
	background:
		radial-gradient(circle at 50% 12%, rgba(240, 237, 235, 0.11), transparent 28%),
		radial-gradient(circle at 50% 92%, rgba(22, 199, 132, 0.14), transparent 28%),
		#050506;
	border: 1px solid rgba(240, 237, 235, 0.13);
	border-radius: 8px;
	display: grid;
	gap: 26px;
	grid-template-columns: minmax(0, 0.62fr) minmax(260px, 0.38fr);
	overflow: hidden;
	padding: clamp(34px, 5vw, 70px);
	position: relative;
}

.landing-sequence-showcase::before {
	background:
		linear-gradient(rgba(240, 237, 235, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(240, 237, 235, 0.045) 1px, transparent 1px);
	background-size: 32px 32px;
	content: "";
	inset: 0;
	opacity: 0.55;
	pointer-events: none;
	position: absolute;
}

.landing-sequence-diagram,
.landing-sequence-bento,
.landing-sequence-data-rail {
	position: relative;
	z-index: 1;
}

.landing-sequence-diagram {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 560px;
}

.landing-sequence-line,
.landing-sequence-flow-svg {
	left: 50%;
	position: absolute;
	top: 66px;
	transform: translateX(-50%);
}

.landing-sequence-line {
	background: rgba(240, 237, 235, 0.72);
	bottom: 86px;
	width: 2px;
}

.landing-sequence-line::after {
	animation: landing-sequence-line-flow 2.6s linear infinite;
	background: linear-gradient(180deg, transparent, #f0edeb, transparent);
	content: "";
	height: 78px;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	width: 100%;
}

.landing-sequence-flow-svg {
	fill: none;
	height: calc(100% - 132px);
	overflow: visible;
	width: 24px;
}

.landing-sequence-flow-svg path {
	stroke: transparent;
}

.landing-sequence-flow-dot {
	fill: #f0edeb;
	filter: drop-shadow(0 0 10px rgba(240, 237, 235, 0.72));
}

.landing-sequence-steps {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: min(100%, 620px);
}

.landing-sequence-step {
	align-items: center;
	animation: landing-sequence-pill-focus 7s ease-in-out infinite;
	animation-delay: var(--sequence-delay);
	background: rgba(5, 5, 6, 0.84);
	border: 2px solid rgba(240, 237, 235, 0.68);
	border-radius: 999px;
	box-shadow: 0 14px 42px rgba(0, 0, 0, 0.2);
	color: #f0edeb;
	display: grid;
	gap: 12px;
	grid-template-columns: 36px 42px minmax(0, 1fr);
	min-height: 66px;
	padding: 8px 28px 8px 12px;
	width: min(100%, 610px);
}

.landing-sequence-arrow,
.landing-sequence-avatar,
.landing-sequence-check {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	justify-content: center;
}

.landing-sequence-arrow {
	background: rgba(240, 237, 235, 0.9);
	color: #9aa1ad;
	font-size: 1.35rem;
	font-weight: 520;
	height: 36px;
	width: 36px;
}

.landing-sequence-avatar {
	background: linear-gradient(135deg, #f0edeb, #bfc7d5);
	color: #050506;
	font-family: "SF Mono", "Monaco", "Consolas", monospace;
	font-size: 0.68rem;
	font-weight: 800;
	height: 42px;
	letter-spacing: 0;
	width: 42px;
}

.landing-sequence-step strong,
.landing-sequence-step small {
	display: block;
	grid-column: 3;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.landing-sequence-step strong {
	font-size: clamp(1rem, 1.45vw, 1.35rem);
	font-weight: 680;
	line-height: 1.2;
}

.landing-sequence-step small {
	color: rgba(240, 237, 235, 0.48);
	font-size: 0.9rem;
	font-weight: 560;
	margin-top: 4px;
}

.landing-sequence-step-success {
	background: #f7f8fb;
	border-color: #ffffff;
	box-shadow:
		0 0 0 7px rgba(22, 199, 132, 0.12),
		0 0 36px rgba(22, 199, 132, 0.42);
	color: #151719;
	grid-template-columns: 42px minmax(0, auto);
	justify-content: center;
	min-height: 66px;
	padding: 8px 28px;
	width: min(100%, 330px);
}

.landing-sequence-step-success strong {
	grid-column: auto;
}

.landing-sequence-check {
	background: #16c784;
	color: #ffffff;
	font-size: 1.15rem;
	font-weight: 760;
	height: 36px;
	width: 36px;
}

.landing-sequence-bento {
	align-self: center;
	display: grid;
	gap: 14px;
}

.landing-sequence-bento article {
	background: rgba(247, 248, 251, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 8px;
	box-shadow: 0 22px 46px rgba(0, 0, 0, 0.18);
	color: #151719;
	display: grid;
	gap: 9px;
	min-height: 132px;
	padding: 22px;
}

.landing-sequence-bento article:first-child {
	background: #16c784;
	color: #052318;
}

.landing-sequence-bento span {
	color: rgba(21, 23, 25, 0.52);
	font-size: 0.78rem;
	font-weight: 680;
	line-height: 1.3;
}

.landing-sequence-bento article:first-child span {
	color: rgba(5, 35, 24, 0.62);
}

.landing-sequence-bento strong {
	font-size: 1.25rem;
	font-weight: 680;
	line-height: 1.25;
}

.landing-sequence-bento small {
	color: rgba(21, 23, 25, 0.58);
	font-size: 0.86rem;
	font-weight: 560;
	line-height: 1.45;
}

.landing-sequence-data-rail {
	align-items: center;
	border-top: 1px solid rgba(240, 237, 235, 0.1);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	grid-column: 1 / -1;
	padding-top: 22px;
}

.landing-sequence-data-rail strong,
.landing-sequence-data-rail span {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 0.8rem;
	font-weight: 680;
	line-height: 1;
	min-height: 34px;
	white-space: nowrap;
}

.landing-sequence-data-rail strong {
	background: #f0edeb;
	color: #050506;
	padding: 0 14px;
}

.landing-sequence-data-rail span {
	background: rgba(240, 237, 235, 0.07);
	border: 1px solid rgba(240, 237, 235, 0.13);
	color: rgba(240, 237, 235, 0.7);
	padding: 0 13px;
}

.landing-value-story {
	display: grid;
	gap: 52px;
	position: relative;
	z-index: 2;
}

.landing-value-story-split {
	align-items: center;
	gap: clamp(40px, 6vw, 86px);
	grid-template-columns: minmax(0, 0.58fr) minmax(320px, 0.42fr);
}

.landing-value-story-reverse {
	grid-template-columns: minmax(320px, 0.42fr) minmax(0, 0.58fr);
}

.landing-value-copy {
	display: grid;
	gap: 18px;
	max-width: 840px;
}

.landing-value-story:not(.landing-value-story-split) .landing-value-copy {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.landing-value-copy h2 {
	color: #f0edeb;
	font-size: clamp(2.2rem, 3.5vw, 3.35rem);
	font-weight: 440;
	letter-spacing: 0;
	line-height: 1.06;
	margin: 0;
}

.landing-value-copy p {
	color: rgba(240, 237, 235, 0.66);
	font-size: 1rem;
	line-height: 1.75;
	margin: 0;
}

.landing-value-visual {
	background: #150f10;
	border: 1px solid rgba(240, 237, 235, 0.14);
	border-radius: 3px;
	margin: 0;
	overflow: hidden;
}

.landing-value-visual picture {
	display: block;
}

.landing-value-visual img {
	display: block;
	height: auto;
	width: 100%;
}

.landing-role-section {
	padding-top: 118px;
}

.landing-story-points {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.landing-story-points span {
	background: rgba(240, 237, 235, 0.08);
	border: 1px solid rgba(240, 237, 235, 0.14);
	border-radius: 3px;
	color: rgba(240, 237, 235, 0.78);
	font-size: 0.9rem;
	font-weight: 720;
	line-height: 1;
	padding: 12px 14px;
}

.landing-openlayer-compliance-section {
	--compliance-closure-bg: #101113;
	--compliance-closure-bg-soft: #1e222a;
	--compliance-metal-bright: #dee7f6;
	--compliance-metal-dim: #6f7f98;
	--compliance-metal-line: #a4adba;
	--compliance-metal-soft: rgba(192, 202, 220, 0.42);
	--compliance-branch-line: rgba(164, 173, 186, 0.34);
	--compliance-terminal-accent: #7a58ee;
	--compliance-terminal-glow: rgba(122, 88, 238, 0.42);
	--compliance-terminal-fill: #c5b5f8;
	--compliance-terminal-text: #dee7f6;
	--compliance-terminal-tag-bg: linear-gradient(
		270deg,
		rgba(122, 88, 238, 0.18) 0%,
		rgba(122, 88, 238, 0.04) 100%
	);
	background: #04010e;
	color: #ffffff;
	overflow: hidden;
	padding: 200px 0;
	position: relative;
}

.landing-openlayer-compliance-section::before {
	background-image:
		radial-gradient(3.28% 14.13% at 95.69% 76.56%, #ffffff 0%, rgba(197, 181, 248, 0) 100%),
		radial-gradient(3.34% 13.71% at -1.11% 75.79%, #ffffff 0%, rgba(197, 181, 248, 0) 100%),
		radial-gradient(19.29% 20.92% at -1.53% 72.66%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),
		radial-gradient(25.01% 24.71% at 86.94% 77.54%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-size: 100% 10px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	margin-top: -1px;
	opacity: 0.05;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

.landing-openlayer-compliance-section::after {
	background: linear-gradient(180deg, #6f7f98 0%, #1e222a 100%);
	content: "";
	filter: blur(200px);
	height: 50%;
	left: -5%;
	opacity: 0.24;
	pointer-events: none;
	position: absolute;
	top: 25%;
	transform: translate3d(0, 0, 0);
	width: 100px;
	z-index: 0;
}

.landing-openlayer-compliance-section .landing-value-story {
	align-items: center;
	column-gap: clamp(72px, 12.5vw, 180px);
	grid-template-columns: minmax(420px, 520px) minmax(420px, 496px);
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 1196px;
	width: min(calc(100% - 64px), 1196px);
	z-index: 1;
}

.landing-openlayer-compliance-section .landing-value-copy {
	max-width: 520px;
}

.landing-openlayer-compliance-section .landing-section-kicker {
	color: var(--compliance-metal-line);
	font-family: inherit;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 32px;
	text-transform: none;
}

.landing-openlayer-compliance-section .landing-value-copy h2 {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(180deg, #ffffff 11.25%, rgba(255, 255, 255, 0.7) 87.5%);
	background-clip: text;
	color: transparent;
	font-size: 52px;
	font-weight: 700;
	line-height: 64px;
}

.landing-openlayer-compliance-section .landing-value-copy p {
	color: rgba(255, 255, 255, 0.72);
	font-size: 18px;
	line-height: 32px;
}

.landing-openlayer-compliance-visual {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 420px;
	isolation: isolate;
	justify-self: end;
	overflow: visible;
	width: min(100%, 580px);
}

.landing-openlayer-compliance-logo {
	height: 80px;
	margin-top: 20px;
	position: relative;
	width: 80px;
}

.landing-openlayer-compliance-logo .logo-circle-outer-container {
	animation: landing-compliance-logo-pulse 2.84s ease-out infinite both;
	inset: 0;
	position: absolute;
}

.landing-openlayer-compliance-logo .logo-circle-outer-container span {
	border-radius: 50%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.landing-openlayer-compliance-logo .logo-circle-outer-container span:nth-child(1) {
	background: rgba(111, 127, 152, 0.16);
	border: 1px solid rgba(218, 225, 238, 0.07);
	height: 174px;
	width: 174px;
}

.landing-openlayer-compliance-logo .logo-circle-outer-container span:nth-child(2) {
	background: rgba(129, 143, 166, 0.2);
	border: 1px solid rgba(218, 225, 238, 0.09);
	height: 151px;
	width: 151px;
}

.landing-openlayer-compliance-logo .logo-circle-outer-container span:nth-child(3) {
	background:
		radial-gradient(circle at center, rgba(129, 73, 240, 0.18), transparent 64%),
		rgba(151, 160, 176, 0.24);
	border: 1px solid rgba(214, 204, 255, 0.16);
	height: 124px;
	width: 124px;
}

.landing-openlayer-compliance-logo-core {
	align-items: center;
	background: linear-gradient(180deg, rgba(30, 34, 42, 0.96) 0%, #101113 100%);
	border: 1px solid rgba(214, 204, 255, 0.3);
	border-radius: 50%;
	color: #04010e;
	display: flex;
	filter: drop-shadow(0 0 22px rgba(129, 73, 240, 0.18));
	height: inherit;
	justify-content: center;
	position: relative;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		inset 0 -18px 26px rgba(0, 0, 0, 0.26),
		0 18px 32px rgba(0, 0, 0, 0.24);
	width: inherit;
}

.landing-openlayer-compliance-logo-core img {
	display: block;
	height: 42px;
	object-fit: contain;
	width: 42px;
}

.landing-openlayer-compliance-visual .fade-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	position: relative;
}

.landing-openlayer-compliance-visual .tree-top,
.landing-openlayer-compliance-visual .tree-opening,
.landing-openlayer-compliance-visual .tree-opening-branch,
.landing-openlayer-compliance-visual .tree-closing-branch,
.landing-openlayer-compliance-visual .tree-closing {
	display: block;
	transform-origin: top;
}

.landing-openlayer-compliance-visual .tree-top {
	background: var(--compliance-branch-line);
	clip-path: inset(0 0 100% 0);
	height: 23px;
	opacity: 0.74;
	width: 1px;
}

.landing-openlayer-compliance-visual .tree-opening {
	background: var(--compliance-branch-line);
	clip-path: inset(0 50% 0 50%);
	height: 1px;
	width: 382px;
}

.landing-openlayer-compliance-visual .tree-opening-branches,
.landing-openlayer-compliance-visual .tree-closing-branches {
	display: flex;
	justify-content: space-between;
	width: 382px;
}

.landing-openlayer-compliance-visual .tree-opening-branch {
	background: var(--compliance-branch-line);
	clip-path: inset(0 0 100% 0);
	height: 23px;
	opacity: 0.72;
	width: 1px;
}

.landing-openlayer-compliance-visual .tree-opening-branch:nth-child(1),
.landing-openlayer-compliance-visual .tree-opening-branch:nth-child(5) {
	background: var(--compliance-branch-line);
}

.landing-openlayer-compliance-visual .brand-circles {
	color: var(--compliance-metal-bright);
	display: flex;
	justify-content: space-between;
	width: 460px;
}

.landing-openlayer-compliance-visual .brand-circle {
	align-items: center;
	background: linear-gradient(
		180deg,
		rgba(30, 34, 42, 0.82) 0%,
		rgba(16, 17, 19, 0.92) 100%
	);
	border: 1px solid rgba(218, 225, 238, 0.2);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 16px 28px rgba(0, 0, 0, 0.18);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	gap: 3px;
	height: 80px;
	justify-content: center;
	transform: scale(0);
	width: 80px;
}

.landing-openlayer-compliance-visual .brand-circle svg {
	display: block;
	fill: none;
	height: 30px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.6;
	width: 30px;
}

.landing-openlayer-compliance-visual .brand-circle-label {
	color: rgba(222, 231, 246, 0.88);
	display: block;
	font-size: 11px;
	font-weight: 650;
	line-height: 14px;
	white-space: nowrap;
}

.landing-openlayer-compliance-visual .dotted-lines {
	display: flex;
	justify-content: space-between;
	width: 382px;
}

.landing-openlayer-compliance-visual .dotted-line {
	background: var(--compliance-branch-line);
	clip-path: inset(0 0 100% 0);
	height: 26px;
	opacity: 0.68;
	width: 1px;
}

.landing-openlayer-compliance-visual .status-circles {
	display: flex;
	justify-content: space-between;
	width: 407px;
}

.landing-openlayer-compliance-visual .status-circle {
	background: var(--compliance-closure-bg);
	border: 1px solid var(--compliance-metal-soft);
	border-radius: 50%;
	display: block;
	height: 28px;
	position: relative;
	transform: scale(0);
	width: 28px;
}

.landing-openlayer-compliance-visual .loading-icon {
	background: conic-gradient(
		from 90deg,
		var(--compliance-metal-bright) 0deg,
		var(--compliance-closure-bg-soft) 324.367deg,
		var(--compliance-closure-bg-soft) 360deg
	);
	height: 16px;
	left: 50%;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
}

.landing-openlayer-compliance-visual .checkmark-icon {
	color: var(--compliance-metal-bright);
	display: block;
	fill: none;
	height: 18px;
	left: 50%;
	opacity: 0;
	position: absolute;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	top: 50%;
	transform: translate(-50%, -44%) scale(1.5) rotate(-20deg);
	width: 18px;
}

.landing-openlayer-compliance-visual .tree-closing-branch {
	background: var(--compliance-branch-line);
	clip-path: inset(0 0 100% 0);
	height: 59px;
	opacity: 0.72;
	width: 1px;
}

.landing-openlayer-compliance-visual .tree-closing {
	background: var(--compliance-branch-line);
	clip-path: inset(0 100% 0 0);
	height: 1px;
	width: 382px;
}

.landing-openlayer-compliance-status {
	height: 0;
	position: relative;
	z-index: 22;
}


.landing-openlayer-compliance-status .checking,
.landing-openlayer-compliance-status .passed {
	align-items: center;
	border: none;
	border-radius: 9999px;
	display: flex;
	font-size: 12px;
	font-weight: 600;
	height: 40px;
	justify-content: center;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 0;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.landing-openlayer-compliance-status .checking {
	background: linear-gradient(180deg, #dee7f6 0%, #ffffff 100%);
	box-shadow: 0 12px 30px rgba(222, 231, 246, 0.16);
	color: #101113;
	opacity: 0;
	transform: translate(-50%, -25%) scale(1);
	width: 114px;
}

.landing-openlayer-compliance-status .checking span {
	opacity: 0;
}

.landing-openlayer-compliance-status .checking span:nth-child(2) {
	animation-delay: 0.2s;
}

.landing-openlayer-compliance-status .checking span:nth-child(3) {
	animation-delay: 0.4s;
}

.landing-openlayer-compliance-status .passed {
	background: linear-gradient(
		180deg,
		var(--compliance-closure-bg-soft) 0%,
		var(--compliance-closure-bg) 100%
	);
	border: 1px solid rgba(218, 225, 238, 0.2);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 24px rgba(222, 231, 246, 0.14);
	color: var(--compliance-metal-bright);
	opacity: 0;
	width: 112px;
}

.landing-openlayer-compliance-visual .tree-terminal-segments {
	align-items: center;
	display: flex;
	flex-direction: column;
	isolation: isolate;
	margin-top: 30px;
	opacity: 0;
	position: relative;
	transform: translateY(6px);
	width: 8px;
	z-index: 20;
}

.landing-openlayer-compliance-visual .cable-first,
.landing-openlayer-compliance-visual .cable-second {
	background: var(--compliance-branch-line);
	position: relative;
	width: 1px;
}

.landing-openlayer-compliance-visual .cable-first {
	height: 5px;
}

.landing-openlayer-compliance-visual .cable-second {
	height: 29px;
}

.landing-openlayer-compliance-visual .core-container {
	height: 8px;
	position: relative;
	width: 8px;
	z-index: 20;
}

.landing-openlayer-compliance-visual .core-first,
.landing-openlayer-compliance-visual .core-second {
	inset: 0;
	position: absolute;
}

.landing-openlayer-compliance-visual .core-dot-glow {
	background: var(--compliance-terminal-glow);
	border-radius: 50%;
	inset: -4px;
	position: absolute;
}

.landing-openlayer-compliance-visual .core-dot-fill {
	background: var(--compliance-terminal-fill);
	border-radius: 50%;
	height: 100%;
	position: relative;
	width: 100%;
}

.landing-openlayer-compliance-visual .tag-second,
.landing-openlayer-compliance-visual .tag-first {
	align-items: center;
	background: var(--compliance-terminal-tag-bg);
	border-radius: 10px;
	color: var(--compliance-terminal-text);
	display: flex;
	font-family: var(--font-stack, "InterVariable", "Inter", sans-serif);
	font-size: 10px;
	gap: 6px;
	height: 22px;
	left: 19px;
	padding: 0 6px 0 9px;
	position: absolute;
	top: -7px;
	white-space: nowrap;
}

.landing-openlayer-compliance-visual .tag-first span,
.landing-openlayer-compliance-visual .tag-second span {
	display: block;
	line-height: normal;
}

.landing-openlayer-compliance-visual .tag-first svg,
.landing-openlayer-compliance-visual .tag-second svg {
	color: currentColor;
	display: block;
	height: 11px;
	width: 12px;
}

.landing-openlayer-compliance-visual .tag-first path,
.landing-openlayer-compliance-visual .tag-second path {
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.landing-business-closures.is-visible .logo-circle-outer-container {
	animation: landing-compliance-logo-pulse 2.84s ease-out infinite both;
}

.landing-business-closures.is-visible .tree-top,
.landing-business-closures.is-visible .tree-opening-branch,
.landing-business-closures.is-visible .dotted-line,
.landing-business-closures.is-visible .tree-closing-branch {
	animation: landing-compliance-reveal-y 7s ease-out 1 both;
}

.landing-business-closures.is-visible .tree-opening {
	animation: landing-compliance-reveal-x 7s ease-out 1 both;
}

.landing-business-closures.is-visible .brand-circle,
.landing-business-closures.is-visible .status-circle {
	animation: landing-compliance-pop 7s ease-out 1 both;
}

.landing-business-closures.is-visible .loading-icon {
	animation: landing-compliance-loader 7s ease-out 1 both;
}

.landing-business-closures.is-visible .checkmark-icon {
	animation: landing-compliance-check 7s ease-out 1 both;
}

.landing-business-closures.is-visible .tree-closing {
	animation: landing-compliance-reveal-x-left 7s ease-out 1 both;
}

.landing-business-closures.is-visible .checking {
	animation: landing-compliance-checking 7s ease-out 1 both;
}

.landing-business-closures.is-visible .checking span {
	animation: landing-compliance-dots 1.5s linear 4 both;
}

.landing-business-closures.is-visible .checking span:nth-child(2) {
	animation-delay: 0.2s;
}

.landing-business-closures.is-visible .checking span:nth-child(3) {
	animation-delay: 0.4s;
}

.landing-business-closures.is-visible .passed {
	animation: landing-compliance-passed 7s ease-out 1 both;
}

.landing-business-closures.is-visible .landing-openlayer-compliance-status::after {
	animation: landing-compliance-status-connector 7s ease-out 1 both;
}

.landing-business-closures.is-visible .tree-terminal-segments {
	animation: landing-compliance-terminal-segments 7s ease-out 1 both;
}

.landing-openlayer-compliance-visual .tree-opening-branch:nth-child(1),
.landing-openlayer-compliance-visual .brand-circle:nth-child(1),
.landing-openlayer-compliance-visual .dotted-line:nth-child(1),
.landing-openlayer-compliance-visual .status-circle:nth-child(1),
.landing-openlayer-compliance-visual .tree-closing-branch:nth-child(1) {
	animation-delay: 0.3s;
}

.landing-openlayer-compliance-visual .tree-opening-branch:nth-child(2),
.landing-openlayer-compliance-visual .brand-circle:nth-child(2),
.landing-openlayer-compliance-visual .dotted-line:nth-child(2),
.landing-openlayer-compliance-visual .status-circle:nth-child(2),
.landing-openlayer-compliance-visual .tree-closing-branch:nth-child(2) {
	animation-delay: 0.5s;
}

.landing-openlayer-compliance-visual .tree-opening-branch:nth-child(3),
.landing-openlayer-compliance-visual .brand-circle:nth-child(3),
.landing-openlayer-compliance-visual .dotted-line:nth-child(3),
.landing-openlayer-compliance-visual .status-circle:nth-child(3),
.landing-openlayer-compliance-visual .tree-closing-branch:nth-child(3) {
	animation-delay: 0.7s;
}

.landing-openlayer-compliance-visual .tree-opening-branch:nth-child(4),
.landing-openlayer-compliance-visual .brand-circle:nth-child(4),
.landing-openlayer-compliance-visual .dotted-line:nth-child(4),
.landing-openlayer-compliance-visual .status-circle:nth-child(4),
.landing-openlayer-compliance-visual .tree-closing-branch:nth-child(4) {
	animation-delay: 0.9s;
}

.landing-openlayer-compliance-visual .tree-opening-branch:nth-child(5),
.landing-openlayer-compliance-visual .brand-circle:nth-child(5),
.landing-openlayer-compliance-visual .dotted-line:nth-child(5),
.landing-openlayer-compliance-visual .status-circle:nth-child(5),
.landing-openlayer-compliance-visual .tree-closing-branch:nth-child(5) {
	animation-delay: 1.1s;
}

.landing-openlayer-compliance-visual .tree-opening {
	animation-delay: 0.22s;
}

.landing-openlayer-compliance-visual .tree-closing {
	animation-delay: 1.12s;
}

.landing-openlayer-compliance-visual .tree-terminal-segments {
	animation-delay: 1.42s;
}

@keyframes landing-compliance-logo-pulse {
	0%,
	64%,
	100% {
		transform: scale(1);
	}
	35% {
		transform: scale(1.0506329114);
	}
}

@keyframes landing-compliance-reveal-y {
	0%,
	10% {
		clip-path: inset(0 0 100% 0);
	}
	24%,
	100% {
		clip-path: inset(0 0 0 0);
	}
}

@keyframes landing-compliance-reveal-x {
	0%,
	10% {
		clip-path: inset(0 50% 0 50%);
	}
	24%,
	100% {
		clip-path: inset(0 0 0 0);
	}
}

@keyframes landing-compliance-reveal-x-left {
	0%,
	16% {
		clip-path: inset(0 100% 0 0);
	}
	30%,
	100% {
		clip-path: inset(0 0 0 0);
	}
}

@keyframes landing-compliance-pop {
	0%,
	16% {
		transform: scale(0);
	}
	28%,
	100% {
		transform: scale(1);
	}
}

@keyframes landing-compliance-loader {
	0%,
	25% {
		opacity: 1;
		transform: translate(-50%, -50%) rotate(0deg) scale(1);
	}
	70% {
		opacity: 1;
		transform: translate(-50%, -50%) rotate(1008deg) scale(0.7);
	}
	72%,
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) rotate(1008deg) scale(0.7);
	}
}

@keyframes landing-compliance-check {
	0%,
	70% {
		opacity: 0;
		transform: translate(-50%, -44%) scale(1.5) rotate(-20deg);
	}
	76%,
	100% {
		opacity: 1;
		transform: translate(-50%, -44%) scale(1) rotate(0deg);
	}
}

@keyframes landing-compliance-checking {
	0%,
	24% {
		opacity: 0;
		transform: translate(-50%, -25%) scale(1);
	}
	34%,
	70% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
	76%,
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.8);
	}
}

@keyframes landing-compliance-passed {
	0%,
	70% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1);
	}
	78%,
	100% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(0.9);
	}
}

@keyframes landing-compliance-status-connector {
	0%,
	78% {
		opacity: 0;
		transform: translateX(-50%) scaleY(0);
	}
	86%,
	100% {
		opacity: 1;
		transform: translateX(-50%) scaleY(1);
	}
}

@keyframes landing-compliance-terminal-segments {
	0%,
	78% {
		opacity: 0;
		transform: translateY(6px);
	}
	86%,
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes landing-compliance-dots {
	0%,
	100% {
		opacity: 0;
	}
	35%,
	70% {
		opacity: 1;
	}
}

@media (max-width: 1180px) {
	.landing-openlayer-compliance-section {
		padding: 128px 0;
	}

	.landing-openlayer-compliance-section .landing-value-story {
		gap: 64px;
		grid-template-columns: 1fr;
		justify-items: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 720px;
		width: min(calc(100% - 64px), 720px);
	}

	.landing-openlayer-compliance-section .landing-value-copy {
		max-width: 720px;
		text-align: center;
	}

	.landing-openlayer-compliance-section .landing-story-points {
		justify-content: center;
	}

	.landing-openlayer-compliance-visual {
		max-width: 100%;
		width: min(100%, 500px);
	}
}

@media (max-width: 760px) {
	.landing-openlayer-compliance-section {
		padding: 104px 0;
	}

	.landing-openlayer-compliance-section .landing-value-story {
		gap: 42px;
		width: min(calc(100% - 36px), 520px);
	}

	.landing-openlayer-compliance-section .landing-value-copy {
		text-align: left;
	}

	.landing-openlayer-compliance-section .landing-section-kicker {
		font-size: 1.18rem;
		line-height: 1.45;
	}

	.landing-openlayer-compliance-section .landing-value-copy h2 {
		font-size: clamp(2.3rem, 10.6vw, 3.25rem);
		line-height: 1.14;
		overflow-wrap: anywhere;
	}

	.landing-openlayer-compliance-section .landing-value-copy p {
		font-size: 1rem;
		line-height: 1.8;
	}

	.landing-openlayer-compliance-section .landing-story-points {
		justify-content: flex-start;
	}

	.landing-openlayer-compliance-visual {
		height: 360px;
		justify-self: center;
		width: min(100%, 360px);
	}

	.landing-openlayer-compliance-logo {
		transform: scale(0.84);
		transform-origin: center top;
	}

	.landing-openlayer-compliance-visual .fade-container {
		width: 100%;
	}

	.landing-openlayer-compliance-visual .tree-opening,
	.landing-openlayer-compliance-visual .tree-opening-branches,
	.landing-openlayer-compliance-visual .tree-closing,
	.landing-openlayer-compliance-visual .tree-closing-branches {
		width: 84%;
	}

	.landing-openlayer-compliance-visual .brand-circles {
		width: 100%;
	}

	.landing-openlayer-compliance-visual .brand-circle {
		gap: 2px;
		height: 64px;
		width: 64px;
	}

	.landing-openlayer-compliance-visual .brand-circle svg {
		height: 24px;
		width: 24px;
	}

	.landing-openlayer-compliance-visual .brand-circle-label {
		font-size: 10px;
		line-height: 12px;
	}

	.landing-openlayer-compliance-visual .dotted-lines {
		width: 84%;
	}

	.landing-openlayer-compliance-visual .status-circles {
		width: 90%;
	}

	.landing-openlayer-compliance-visual .tree-terminal-segments {
		margin-left: -72px;
	}
}

.landing-business-closures {
	--closure-bg: #0d0e11;
	--closure-fg: #ffffff;
	--closure-muted: #a8abb8;
	--closure-soft: #858899;
	--closure-line: rgba(132, 139, 156, 0.18);
	--closure-orbit-duration: 8.8s;
	--compliance-closure-bg: #101113;
	--compliance-closure-bg-soft: #1e222a;
	--compliance-metal-bright: #dee7f6;
	--compliance-metal-dim: #6f7f98;
	--compliance-metal-line: #a4adba;
	--compliance-metal-soft: rgba(192, 202, 220, 0.42);
	--compliance-branch-line: rgba(164, 173, 186, 0.34);
	--compliance-terminal-accent: #7a58ee;
	--compliance-terminal-glow: rgba(122, 88, 238, 0.42);
	--compliance-terminal-fill: #c5b5f8;
	--compliance-terminal-text: #dee7f6;
	--compliance-terminal-tag-bg: linear-gradient(
		270deg,
		rgba(122, 88, 238, 0.18) 0%,
		rgba(122, 88, 238, 0.04) 100%
	);
	overflow: hidden;
	padding: 118px 0 112px;
	position: relative;
}

.landing-business-closures::before,
.landing-business-closures::after {
	background: var(--closure-line);
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 100vw;
}

.landing-business-closures::before {
	top: 0;
}

.landing-business-closures::after {
	bottom: 0;
}

.landing-closure-section-grid {
	background-image:
		linear-gradient(rgba(168, 178, 196, 0.085) 1px, transparent 1px),
		linear-gradient(90deg, rgba(168, 178, 196, 0.085) 1px, transparent 1px),
		linear-gradient(rgba(168, 178, 196, 0.12) 1px, transparent 1px),
		linear-gradient(90deg, rgba(168, 178, 196, 0.12) 1px, transparent 1px);
	background-position: center;
	background-size:
		24px 24px,
		24px 24px,
		96px 96px,
		96px 96px;
	inset: -1px 0;
	-webkit-mask-image: radial-gradient(
		ellipse at 58% 52%,
		#000 0 58%,
		rgba(0, 0, 0, 0.42) 76%,
		transparent 100%
	);
	mask-image: radial-gradient(
		ellipse at 58% 52%,
		#000 0 58%,
		rgba(0, 0, 0, 0.42) 76%,
		transparent 100%
	);
	opacity: 0.72;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.landing-closure-loop-inner {
	position: relative;
	z-index: 1;
}

.landing-closure-capability-grid {
	align-items: stretch;
	display: grid;
	gap: clamp(64px, 7vw, 96px);
	grid-template-columns: 1fr;
}

.landing-closure-capability {
	--closure-capability-bg: #11141a;
	--closure-capability-visual-bg: #161a22;
	--closure-capability-visual-height: clamp(430px, 33vw, 500px);
	align-content: start;
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: grid;
	gap: 0;
	grid-template-areas: "copy visual";
	grid-template-columns: minmax(360px, 0.9fr) minmax(520px, 1.1fr);
	min-height: var(--closure-capability-visual-height);
	min-width: 0;
	overflow: hidden;
	padding: 0;
}

.landing-closure-capability .landing-openlayer-compliance-visual {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	grid-area: visual;
	height: var(--closure-capability-visual-height);
	justify-content: center;
	justify-self: stretch;
	max-width: none;
	overflow: hidden;
	width: 100%;
}

.landing-closure-capability .landing-closure-visual {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	grid-area: visual;
	height: var(--closure-capability-visual-height);
	justify-self: stretch;
	max-width: none;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.landing-closure-capability-collaboration .landing-openlayer-compliance-logo {
	margin-top: 0;
	transform: scale(0.74);
	transform-origin: center top;
}

.landing-closure-capability-collaboration
		.landing-openlayer-compliance-visual
	.fade-container {
	margin-top: 0;
	transform: scale(1);
	transform-origin: center top;
}

.landing-closure-capability .landing-closure-mcp-svg {
	height: 100%;
	margin: 0 auto;
	max-height: 100%;
	width: min(100%, var(--closure-capability-visual-height));
}

.landing-closure-capability-copy {
	align-self: center;
	grid-area: copy;
	margin-inline: 0;
	max-width: 600px;
	padding-bottom: 4px;
	padding-right: clamp(24px, 4vw, 72px);
	width: 100%;
}

.landing-closure-copy {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	max-width: 660px;
	text-align: left;
}

.landing-closure-copy .landing-section-kicker {
	color: var(--closure-soft);
}

.landing-closure-headline {
	font-size: clamp(1.85rem, 2.45vw, 2.75rem);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1.14;
	margin: 0;
	max-width: 650px;
}

.landing-closure-headline-primary {
	color: var(--closure-fg);
	color: #8149f0;
}

.landing-closure-headline-muted {
	color: rgba(151, 160, 176, 0.95);
	color: #fff;
}

.landing-closure-visual {
	align-items: center;
	aspect-ratio: 1;
	background: radial-gradient(
		circle at center,
		rgba(132, 139, 156, 0.1),
		rgba(13, 14, 17, 0) 62%
	);
	border: 0;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	justify-self: end;
	margin-top: 0;
	min-height: 0;
	overflow: visible;
	position: relative;
	width: min(100%, 580px);
}

.landing-closure-visual::before,
.landing-closure-visual::after {
	display: none;
}

.landing-closure-visual::before {
	left: clamp(18px, 6vw, 86px);
}

.landing-closure-visual::after {
	right: clamp(18px, 6vw, 86px);
}

.landing-closure-mcp-svg {
	display: block;
	height: 100%;
	max-width: none;
	overflow: visible;
	transform: none;
	transform-origin: center;
	width: 100%;
}

.landing-closure-bg-field {
	opacity: 0.86;
}

.landing-closure-core-aura {
	opacity: 0.74;
}

.landing-closure-ask-ring {
	fill: none;
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
	will-change: transform;
}

.landing-closure-ask-ring-outer,
.landing-closure-ask-ring-inner {
	animation: landing-closure-ask-ring-spin 56.2s linear infinite;
}

.landing-closure-ask-ring-middle {
	animation: landing-closure-ask-ring-spin-reverse 56.2s linear infinite;
}

.landing-closure-runner-orbit {
	animation: landing-closure-runner-arc var(--closure-orbit-duration) linear infinite;
	transform-box: view-box;
	transform-origin: 260px 260px;
	will-change: transform;
}

.landing-closure-runner {
	fill: none;
	filter: drop-shadow(0 0 5px rgba(222, 231, 246, 0.22));
	opacity: 0.5;
	stroke: rgba(222, 231, 246, 0.86);
	stroke-dasharray: 4 8;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
}

.landing-closure-node-pulse {
	animation: landing-closure-node-pulse var(--closure-orbit-duration)
		var(--closure-node-delay, 0s)
		linear infinite;
	fill: rgba(196, 207, 225, 0.06);
	filter: drop-shadow(0 0 12px rgba(196, 207, 225, 0.18));
	opacity: 0;
	stroke: #c0cadc;
	stroke-opacity: 0.62;
	stroke-width: 0.64;
	transform-box: fill-box;
	transform-origin: center;
	vector-effect: non-scaling-stroke;
}

.landing-closure-node {
	filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.28));
}

.landing-closure-node-ring {
	fill: rgba(16, 17, 19, 0.36);
	stroke: rgba(218, 225, 238, 0.22);
	stroke-width: 0.56;
	vector-effect: non-scaling-stroke;
}

.landing-closure-node-fill {
	fill: url("#ark-closure-node-gradient");
	stroke: rgba(246, 249, 255, 0.22);
	stroke-width: 0.5;
	vector-effect: non-scaling-stroke;
}

.landing-closure-node text {
	dominant-baseline: middle;
	font-family: var(
		--font-stack,
		"InterVariable",
		"Inter",
		"-apple-system",
		"BlinkMacSystemFont",
		"Segoe UI",
		sans-serif
	);
	letter-spacing: 0;
	line-height: 1;
	pointer-events: none;
	text-anchor: middle;
}

.landing-closure-node-title {
	fill: #f6f8ff;
	font-size: 13px;
	font-weight: 780;
}

.landing-closure-node-caption {
	fill: rgba(205, 213, 226, 0.72);
	font-size: 9.5px;
	font-weight: 500;
}

.landing-closure-core-outer,
.landing-closure-core-mid,
.landing-closure-core-disk {
	vector-effect: non-scaling-stroke;
}

.landing-closure-core-outer {
	fill: rgba(16, 17, 19, 0.78);
	stroke: rgba(129, 73, 240, 0.18);
	stroke-width: 0.62;
}

.landing-closure-core-mid {
	fill: rgba(30, 34, 42, 0.86);
	stroke: rgba(167, 145, 255, 0.24);
	stroke-width: 0.56;
}

.landing-closure-core-disk {
	fill: #101113;
	filter: url("#ark-closure-soft-glow");
	stroke: rgba(214, 204, 255, 0.42);
	stroke-width: 0.5;
}

@keyframes landing-closure-runner-arc {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes landing-closure-ask-ring-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes landing-closure-ask-ring-spin-reverse {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

@keyframes landing-closure-node-pulse {
	0% {
		opacity: 0.4;
		transform: scale(1);
	}
	52% {
		opacity: 0;
		transform: scale(1.78);
	}
	100% {
		opacity: 0;
		transform: scale(1.78);
	}
}

@media (prefers-reduced-motion: reduce) {
	.landing-closure-ask-ring,
	.landing-closure-runner-orbit,
	.landing-closure-node-pulse,
	.landing-closure-core-aura,
	.landing-fulfillment-route,
	.landing-fulfillment-index,
	.landing-fulfillment-node::before,
	.landing-sequence-line::after,
	.landing-sequence-step,
	.landing-business-closures.is-visible .logo-circle-outer-container,
	.landing-business-closures.is-visible .tree-top,
	.landing-business-closures.is-visible .tree-opening,
	.landing-business-closures.is-visible .tree-opening-branch,
	.landing-business-closures.is-visible .brand-circle,
	.landing-business-closures.is-visible .dotted-line,
	.landing-business-closures.is-visible .status-circle,
	.landing-business-closures.is-visible .loading-icon,
	.landing-business-closures.is-visible .checkmark-icon,
	.landing-business-closures.is-visible .tree-closing-branch,
	.landing-business-closures.is-visible .tree-closing,
	.landing-business-closures.is-visible .checking,
	.landing-business-closures.is-visible .checking span,
	.landing-business-closures.is-visible .passed,
	.landing-business-closures.is-visible .landing-openlayer-compliance-status::after,
	.landing-business-closures.is-visible .tree-terminal-segments {
		animation: none;
	}

	.landing-fulfillment-packet,
	.landing-sequence-flow-dot {
		opacity: 0;
	}

	.landing-business-closures.is-visible .tree-top,
	.landing-business-closures.is-visible .tree-opening,
	.landing-business-closures.is-visible .tree-opening-branch,
	.landing-business-closures.is-visible .dotted-line,
	.landing-business-closures.is-visible .tree-closing-branch,
	.landing-business-closures.is-visible .tree-closing {
		clip-path: inset(0 0 0 0);
	}

	.landing-business-closures.is-visible .brand-circle,
	.landing-business-closures.is-visible .status-circle {
		transform: scale(1);
	}

	.landing-business-closures.is-visible .loading-icon {
		opacity: 0;
	}

	.landing-business-closures.is-visible .checkmark-icon {
		opacity: 1;
		transform: translate(-50%, -44%) scale(1) rotate(0deg);
	}

	.landing-business-closures.is-visible .checking {
		opacity: 0;
	}

	.landing-business-closures.is-visible .passed {
		opacity: 1;
		transform: translate(-50%, -50%) scale(0.9);
	}

	.landing-business-closures.is-visible .landing-openlayer-compliance-status::after {
		opacity: 1;
		transform: translateX(-50%) scaleY(1);
	}

	.landing-business-closures.is-visible .tree-terminal-segments {
		opacity: 1;
		transform: translateY(0);
	}
}

.landing-attio-value {
	--attio-primary-background: #101113;
	--attio-primary-foreground: #ffffff;
	--attio-disabled-foreground: #6f7988;
	--attio-accent-foreground: #8f99a8;
	--attio-card-node: #6f7988;
	--attio-subtle-stroke: #2e3238;
	--attio-weak-stroke: #232529;
	background: var(--attio-primary-background);
	color: var(--attio-primary-foreground);
	display: flex;
	flex-direction: column;
	font-family: var(
		--font-stack,
		"InterVariable",
		"Inter",
		"-apple-system",
		"BlinkMacSystemFont",
		"Segoe UI",
		sans-serif
	);
	justify-content: center;
	min-height: 100svh;
	overflow: hidden;
	padding: 0;
	position: relative;
}

[data-attio-value-canvas-wrap] {
	height: 60%;
	inset: 0 0 auto;
	overflow: hidden;
	pointer-events: auto;
	position: absolute;
	z-index: 0;
}

[data-attio-value-canvas] {
	display: block;
	height: 100%;
	left: -0.5px;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% + 1px);
}

.landing-attio-container {
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 2;
}

@media (min-width: 375px) {
	.landing-attio-container {
		max-width: 375px;
	}
}

@media (min-width: 576px) {
	.landing-attio-container {
		max-width: 576px;
	}
}

@media (min-width: 768px) {
	.landing-attio-container {
		max-width: 768px;
	}
}

@media (min-width: 992px) {
	.landing-attio-container {
		max-width: 992px;
	}
}

@media (min-width: 1200px) {
	.landing-attio-container {
		max-width: 1200px;
	}
}

@media (min-width: 1536px) {
	.landing-attio-container {
		max-width: 1536px;
	}
}

.landing-attio-header {
	padding-top: 368px;
	position: relative;
	text-align: center;
	z-index: 2;
}

.landing-attio-header-grid,
.landing-attio-card-shell,
.landing-attio-spacer-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.landing-attio-heading {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 12px;
	grid-column: 2 / -2;
	text-align: center;
}

.landing-attio-kicker {
	color: var(--attio-disabled-foreground);
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
}

.landing-attio-heading h2 {
	color: var(--attio-primary-foreground);
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 44px;
	margin: 0;
}

@media (min-width: 992px) {
	.landing-attio-heading h2 {
		font-size: 56px;
		line-height: 60px;
	}
}

.landing-attio-spacer {
	height: 160px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}

.landing-attio-card-stage {
	position: relative;
	z-index: 2;
}

.landing-attio-card-stage::before,
.landing-attio-card-stage::after {
	background-image: repeating-linear-gradient(
		90deg,
		var(--attio-subtle-stroke) 0 4px,
		transparent 4px 10px
	);
	content: "";
	height: 1px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	transform: translateX(-50%);
	width: 100vw;
	z-index: 0;
}

.landing-attio-card-stage::before {
	top: 0;
}

.landing-attio-card-stage::after {
	bottom: 0;
}

.landing-attio-card-grid {
	aspect-ratio: 5 / 1;
	background: var(--attio-primary-background);
	border-bottom: 1px solid var(--attio-weak-stroke);
	border-top: 1px solid var(--attio-weak-stroke);
	display: grid;
	grid-column: 2 / -2;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	position: relative;
	width: 100%;
	z-index: 1;
}

.landing-attio-card {
	background: var(--attio-primary-background);
	border-left: 1px solid var(--attio-weak-stroke);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 0;
	overflow: visible;
	padding: 24px;
	position: relative;
}

.landing-attio-card:last-child {
	border-right: 1px solid var(--attio-weak-stroke);
}

.landing-attio-card-node {
	background: var(--attio-card-node);
	height: 4px;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	width: 4px;
	z-index: 2;
}

.landing-attio-card-node-tl {
	left: -2px;
	top: -2px;
}

.landing-attio-card-node-tr {
	right: -2px;
	top: -2px;
}

.landing-attio-card-node-bl {
	bottom: -2px;
	left: -2px;
}

.landing-attio-card-node-br {
	bottom: -2px;
	right: -2px;
}

.landing-attio-card-icon {
	align-items: center;
	color: var(--attio-accent-foreground);
	display: inline-flex;
	height: 20px;
	justify-content: center;
	width: 20px;
}

.landing-attio-card-icon svg {
	display: block;
	fill: none;
	height: 20px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.05;
	width: 20px;
}

.landing-attio-card-icon img {
	display: block;
	height: 20px;
	object-fit: contain;
	width: 20px;
}

.landing-attio-card p {
	color: var(--attio-accent-foreground);
	font-size: clamp(14px, 1.05vw, 16px);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.375;
	margin: 0;
	text-wrap: balance;
}

.landing-attio-card strong {
	color: var(--attio-primary-foreground);
	font-weight: 500;
}

@media (max-width: 1199px) {
	.landing-attio-card-grid {
		aspect-ratio: auto;
		grid-column: 3 / -3;
		grid-template-columns: 1fr;
	}

	.landing-attio-card {
		border-right: 1px solid var(--attio-weak-stroke);
		min-height: 176px;
	}

	.landing-attio-card + .landing-attio-card {
		border-top: 1px solid var(--attio-weak-stroke);
	}
}

@media (max-width: 991px) {
	.landing-attio-card-grid {
		grid-column: 2 / -2;
	}
}

.landing-metric-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 56px;
}

.landing-metric-grid article,
.landing-dark-card-grid article,
.landing-assurance-panel,
.landing-human-card,
.landing-integration-card,
.landing-faq details {
	background: #150f10;
	border: 1px solid rgba(240, 237, 235, 0.14);
	border-radius: 3px;
	color: #f0edeb;
}

.landing-metric-grid article {
	display: grid;
	gap: 14px;
	min-height: 244px;
	padding: 28px;
}

.landing-metric-grid strong {
	color: #f0edeb;
	font-size: clamp(4rem, 7vw, 6.5rem);
	font-weight: 390;
	letter-spacing: 0;
	line-height: 0.9;
}

.landing-metric-grid span {
	color: #f0edeb;
	font-size: 1.08rem;
	font-weight: 700;
}

.landing-metric-grid p {
	color: rgba(240, 237, 235, 0.62);
	line-height: 1.7;
	margin: 0;
}

.landing-product-strip {
	border-bottom: 1px solid rgba(240, 237, 235, 0.13);
	border-top: 1px solid rgba(240, 237, 235, 0.13);
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-top: 24px;
}

.landing-product-strip a {
	align-items: center;
	color: rgba(240, 237, 235, 0.72);
	display: flex;
	font-size: 0.94rem;
	font-weight: 650;
	min-height: 74px;
	padding: 0 16px;
	text-decoration: none;
	transition:
		background 160ms ease,
		color 160ms ease;
}

.landing-product-strip a + a {
	border-left: 1px solid rgba(240, 237, 235, 0.13);
}

.landing-product-strip a:hover,
.landing-product-strip a:focus {
	background: rgba(240, 237, 235, 0.08);
	color: #f0edeb;
	text-decoration: none;
}

.landing-platform-head,
.landing-split-section {
	align-items: end;
	display: grid;
	gap: 48px;
	grid-template-columns: minmax(0, 0.98fr) minmax(320px, 0.58fr);
}

.landing-platform-head h2,
.landing-split-section h2 {
	margin-bottom: 0;
}

.landing-platform-head p,
.landing-split-copy p {
	color: rgba(240, 237, 235, 0.64);
	font-size: 1rem;
	line-height: 1.75;
	margin: 0;
}

.landing-platform-stage {
	background:
		radial-gradient(circle at 26% 0%, rgba(110, 19, 48, 0.34), transparent 32%), #0f090a;
	border: 1px solid rgba(240, 237, 235, 0.14);
	border-radius: 3px;
	margin-top: 54px;
	min-height: 580px;
	overflow: hidden;
	position: relative;
}

.landing-network-canvas {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.landing-screen {
	background: rgba(240, 237, 235, 0.9);
	border: 1px solid rgba(240, 237, 235, 0.42);
	border-radius: 4px;
	box-shadow: 0 34px 96px rgba(0, 0, 0, 0.42);
	color: #0b0405;
	left: 50%;
	max-width: 980px;
	padding: 18px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 96px);
}

.landing-screen-top {
	align-items: center;
	border-bottom: 1px solid rgba(11, 4, 5, 0.14);
	display: flex;
	gap: 8px;
	padding: 2px 0 16px;
}

.landing-screen-top span {
	color: rgba(11, 4, 5, 0.72);
	font-size: 0.82rem;
	font-weight: 760;
	margin-right: auto;
}

.landing-screen-top i {
	background: rgba(11, 4, 5, 0.18);
	border-radius: 50%;
	height: 9px;
	width: 9px;
}

.landing-screen-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding-top: 18px;
}

.landing-screen-grid article {
	background: #ffffff;
	border: 1px solid rgba(11, 4, 5, 0.1);
	border-radius: 3px;
	display: grid;
	gap: 9px;
	min-height: 164px;
	padding: 18px;
}

.landing-screen-grid small {
	color: rgba(11, 4, 5, 0.52);
	font-size: 0.76rem;
	font-weight: 800;
}

.landing-screen-grid strong {
	color: #0b0405;
	font-size: 1.08rem;
}

.landing-screen-grid span {
	color: rgba(11, 4, 5, 0.62);
	font-size: 0.92rem;
	line-height: 1.55;
}

.landing-flowline {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 16px;
}

.landing-flowline span {
	background: linear-gradient(
		90deg,
		rgba(11, 4, 5, 0.06),
		rgba(11, 4, 5, 0.34),
		rgba(11, 4, 5, 0.06)
	);
	height: 2px;
	overflow: hidden;
	position: relative;
}

.landing-flowline span::after {
	animation: ark-flow 2.8s ease-in-out infinite;
	background: #0b0405;
	content: "";
	height: 2px;
	left: -40%;
	position: absolute;
	top: 0;
	width: 40%;
}

.landing-flowline span:nth-child(2)::after {
	animation-delay: 280ms;
}

.landing-flowline span:nth-child(3)::after {
	animation-delay: 560ms;
}

.landing-flowline span:nth-child(4)::after {
	animation-delay: 840ms;
}

.landing-split-copy {
	display: grid;
	gap: 16px;
}

.landing-workflow-board {
	border-bottom: 1px solid rgba(240, 237, 235, 0.14);
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 48px;
	padding-bottom: 72px;
	position: relative;
}

.landing-workflow-svg {
	height: 320px;
	inset: 0 0 auto;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.landing-workflow-svg path {
	animation: ark-dash 5s ease-in-out infinite;
	fill: none;
	stroke: rgba(240, 237, 235, 0.32);
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	stroke-width: 2;
}

.landing-workflow-svg circle {
	fill: #f0edeb;
}

.landing-workflow-board article {
	background: rgba(21, 15, 16, 0.88);
	border: 1px solid rgba(240, 237, 235, 0.14);
	border-radius: 3px;
	display: grid;
	gap: 12px;
	min-height: 256px;
	padding: 22px;
	position: relative;
	z-index: 1;
}

.landing-workflow-board article:nth-of-type(2) {
	margin-top: 70px;
}

.landing-workflow-board article:nth-of-type(3) {
	margin-top: 24px;
}

.landing-workflow-board article:nth-of-type(4) {
	margin-top: 120px;
}

.landing-workflow-board span,
.landing-dark-card-grid span {
	color: rgba(240, 237, 235, 0.5);
	font-family: "SF Mono", "Monaco", "Consolas", monospace;
	font-size: 0.76rem;
	font-weight: 780;
}

.landing-workflow-board h3,
.landing-dark-card-grid h3 {
	color: #f0edeb;
	font-size: 1.25rem;
	line-height: 1.25;
	margin: 0;
}

.landing-workflow-board p,
.landing-dark-card-grid p {
	color: rgba(240, 237, 235, 0.64);
	line-height: 1.72;
}

.landing-dark-card-grid article {
	background:
		linear-gradient(180deg, rgba(240, 237, 235, 0.04), rgba(240, 237, 235, 0.01)), #150f10;
	min-height: 232px;
	transition:
		transform 180ms ease,
		border-color 180ms ease;
}

.landing-dark-card-grid article:hover {
	border-color: rgba(240, 237, 235, 0.36);
	transform: translateY(-4px);
}

.landing-assurance-panel {
	align-items: stretch;
	background:
		radial-gradient(circle at 82% 12%, rgba(110, 19, 48, 0.38), transparent 34%), #150f10;
	display: grid;
	gap: 36px;
	grid-template-columns: minmax(0, 1fr) 420px;
	padding: 48px;
}

.landing-assurance-copy h2 {
	color: #f0edeb;
	font-size: clamp(2.2rem, 4vw, 3.7rem);
	font-weight: 430;
	line-height: 1.04;
	margin: 10px 0 18px;
}

.landing-assurance-copy p {
	color: rgba(240, 237, 235, 0.66);
	line-height: 1.75;
	margin: 0;
	max-width: 720px;
}

.landing-assurance-copy ul {
	display: grid;
	gap: 14px;
	list-style: none;
	margin: 34px 0 0;
	padding: 0;
}

.landing-assurance-copy li {
	border-top: 1px solid rgba(240, 237, 235, 0.13);
	display: grid;
	gap: 8px;
	grid-template-columns: 160px minmax(0, 1fr);
	padding-top: 16px;
}

.landing-assurance-copy strong {
	color: #f0edeb;
}

.landing-assurance-copy li span {
	color: rgba(240, 237, 235, 0.62);
	line-height: 1.65;
}

.landing-accuracy-card {
	background: rgba(240, 237, 235, 0.92);
	border-radius: 3px;
	color: #0b0405;
	display: grid;
	gap: 14px;
	padding: 28px;
}

.landing-accuracy-card > span {
	color: rgba(11, 4, 5, 0.58);
	font-size: 0.8rem;
	font-weight: 820;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.landing-accuracy-card strong {
	font-size: 6rem;
	font-weight: 390;
	letter-spacing: 0;
	line-height: 0.9;
}

.landing-accuracy-card p {
	color: rgba(11, 4, 5, 0.66);
	line-height: 1.7;
	margin: 0;
}

.landing-bars {
	align-items: end;
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, 1fr);
	height: 180px;
	margin-top: auto;
}

.landing-bars i {
	animation: ark-rise 1.1s ease both;
	background: #0b0405;
	display: block;
	height: var(--bar);
}

.landing-bars i:nth-child(2) {
	animation-delay: 120ms;
}

.landing-bars i:nth-child(3) {
	animation-delay: 240ms;
}

.landing-bars i:nth-child(4) {
	animation-delay: 360ms;
}

.landing-quote {
	padding-top: 170px;
}

.landing-quote .landing-shell {
	background: #2e0017;
	border-radius: 3px;
	color: #f0edeb;
	min-height: 420px;
	padding: 64px;
}

.landing-quote blockquote {
	display: grid;
	gap: 28px;
	margin: 0;
	max-width: 980px;
}

.landing-quote p {
	color: #f0edeb;
	font-size: clamp(2rem, 4.2vw, 4.4rem);
	font-weight: 400;
	line-height: 1.02;
	margin: 0;
}

.landing-quote footer {
	color: rgba(240, 237, 235, 0.64);
	font-size: 1rem;
}

.landing-reliability-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.landing-human-card,
.landing-integration-card {
	display: grid;
	gap: 18px;
	min-height: 560px;
	overflow: hidden;
	padding: 32px;
}

.landing-human-visual {
	background: linear-gradient(145deg, rgba(240, 237, 235, 0.08), rgba(240, 237, 235, 0.02));
	border: 1px solid rgba(240, 237, 235, 0.13);
	border-radius: 3px;
	display: grid;
	min-height: 300px;
	overflow: hidden;
	place-items: center;
	position: relative;
}

.landing-human-visual span {
	animation: ark-orbit 7s linear infinite;
	border: 1px solid rgba(240, 237, 235, 0.32);
	border-radius: 50%;
	height: 190px;
	position: absolute;
	width: 190px;
}

.landing-human-visual svg {
	height: 78%;
	position: relative;
	width: 78%;
}

.landing-human-visual rect,
.landing-human-visual path,
.landing-human-visual circle {
	fill: none;
	stroke: rgba(240, 237, 235, 0.7);
	stroke-width: 3;
}

.landing-human-card h3,
.landing-integration-card h3 {
	color: #f0edeb;
	font-size: clamp(1.7rem, 3vw, 2.65rem);
	font-weight: 440;
	line-height: 1.08;
	margin: 0;
}

.landing-human-card p,
.landing-integration-card p {
	color: rgba(240, 237, 235, 0.62);
	line-height: 1.75;
	margin: 0;
}

.landing-integration-card > span {
	color: rgba(240, 237, 235, 0.54);
	font-size: 0.85rem;
	font-weight: 760;
}

.landing-integration-rail {
	align-content: end;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: auto;
}

.landing-integration-rail i {
	animation: ark-fade-up 700ms ease both;
	background: rgba(240, 237, 235, 0.08);
	border: 1px solid rgba(240, 237, 235, 0.14);
	border-radius: 3px;
	color: rgba(240, 237, 235, 0.78);
	font-style: normal;
	font-weight: 760;
	min-height: 72px;
	padding: 24px 18px;
}

.landing-faq-layout {
	align-items: start;
	display: grid;
	gap: 56px;
	grid-template-columns: 0.45fr 0.55fr;
}

.landing-faq-grid {
	display: grid;
	gap: 0;
	grid-template-columns: 1fr;
}

.landing-faq details {
	background: transparent;
	border-color: rgba(240, 237, 235, 0.14);
	border-left: 0;
	border-right: 0;
	border-top: 0;
	box-shadow: none;
}

.landing-faq summary {
	color: #f0edeb;
	font-size: 1rem;
	padding: 22px 0;
}

.landing-faq p {
	border-top: 0;
	color: rgba(240, 237, 235, 0.62);
	padding: 0 0 22px;
}

.landing-demo {
	padding: 160px 0 0;
}

.landing-demo-inner {
	background:
		radial-gradient(circle at 50% 10%, rgba(240, 237, 235, 0.28), transparent 20%), #f0edeb;
	color: #0b0405;
	min-height: 430px;
}

.landing-demo .landing-section-kicker,
.landing-demo h2 {
	color: #0b0405;
}

.landing-demo p {
	color: rgba(11, 4, 5, 0.64);
}

.landing-demo .landing-btn-primary {
	background: #0b0405;
	color: #ffffff;
}

.landing-demo .landing-btn-dark {
	background: transparent;
	border-color: rgba(11, 4, 5, 0.3);
	color: #0b0405;
}

.landing-globe-module {
	min-height: 0;
	overflow: clip;
	padding-top: 12px;
	position: relative;
	z-index: 60;
	background: #ffffff;
}

.landing-globe-frame {
	margin: 0;
	max-width: none;
	transform: none;
	transform-origin: center bottom;
	width: 100%;
}

.landing-globe-stage {
	background: linear-gradient(180deg, #1370aa 0%, #f6f5f3 100%);
	border-radius: 100px 100px 0 0;
	color: #f0f0f0;
	height: 1200px;
	overflow: clip;
	position: relative;
}

.landing-globe-stage::before {
	background:
		radial-gradient(circle at 73% 42%, rgba(255, 255, 255, 0.24), transparent 26%),
		linear-gradient(180deg, rgba(255, 255, 255, 0) 68%, #f6f5f3 100%);
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.landing-globe-canvas-wrap {
	bottom: -874px;
	height: auto;
	left: -317px;
	position: absolute;
	right: -958px;
	top: -244px;
	transform: rotate(-12deg) translateY(0);
	transform-origin: 50% 50%;
	width: auto;
	z-index: 1;
}

.landing-globe-canvas {
	display: block;
	height: 100%;
	pointer-events: none;
	touch-action: auto;
	width: 100%;
}

.landing-globe-copy-top,
.landing-globe-copy-bottom {
	position: absolute;
	z-index: 3;
}

.landing-globe-copy-top {
	left: max(32px, calc((100% - 1200px) / 2));
	top: 80px;
}

.landing-globe-metric {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(3.6rem, 5.2vw, 4rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.02;
	margin: 0 0 10px;
}

.landing-globe-metric span {
	display: inline-block;
	font-size: 0.88em;
	transform: translateY(-0.02em);
}

.landing-globe-copy-top p:not(.landing-globe-metric) {
	color: rgba(255, 255, 255, 0.9);
	font-size: 18px;
	font-weight: 560;
	line-height: 1.35;
	margin: 0;
}

.landing-globe-copy-bottom {
	bottom: clamp(76px, 8vh, 84px);
	color: rgba(49, 57, 64, 0.86);
	display: grid;
	gap: 22px;
	left: max(32px, calc((100% - 1200px) / 2));
	max-width: 508px;
}

.landing-globe-copy-bottom p {
	color: rgba(49, 57, 64, 0.82);
	font-size: 18px;
	font-weight: 560;
	line-height: 1.42;
	margin: 0;
}

.landing-globe-card-icons {
	display: flex;
	min-height: 45px;
	position: relative;
}

.landing-globe-card-icon {
	align-items: center;
	animation: landing-globe-icon-drift 5.6s ease-in-out infinite;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	box-shadow: 0 10px 26px rgba(34, 68, 99, 0.12);
	color: #ffffff;
	display: inline-flex;
	height: 45px;
	justify-content: center;
	margin-left: -10px;
	width: 45px;
}

.landing-globe-card-icon:first-child {
	margin-left: 0;
}

.landing-globe-card-icon img {
	display: block;
	height: auto;
	max-width: 18px;
	object-fit: contain;
	width: auto;
}

.landing-globe-card-icon-amber {
	background: #c99039;
}

.landing-globe-card-icon-blue {
	animation-delay: -0.8s;
	background: #517fe6;
}

.landing-globe-card-icon-indigo {
	animation-delay: -1.6s;
	background: #314ee8;
}

.landing-globe-card-icon-silver {
	animation-delay: -2.4s;
	background: #c7c9ca;
	color: #ffffff;
}

.landing-globe-card-icon-green {
	animation-delay: -2.4s;
	background: #3fa66f;
}

.landing-goldsand-faq {
	align-items: center;
	background: #f6f5f3;
	color: #000000;
	display: flex;
	justify-content: center;
	overflow: clip;
	position: relative;
}

.landing-goldsand-faq-layout {
	align-items: flex-start;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) 595px;
	max-width: 1200px;
	overflow: visible;
	position: relative;
	width: 100%;
}

.landing-goldsand-faq h2 {
	color: #121111;
	font-size: clamp(3.1rem, 4.2vw, 4rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 0.98;
	margin: 0;
	max-width: 520px;
}

.landing-goldsand-faq-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	overflow: clip;
	width: 100%;
}

.landing-goldsand-faq-item {
	background: rgba(255, 255, 255, 0.65);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	overflow: hidden;
	position: relative;
}

.landing-goldsand-faq-item summary {
	align-items: center;
	color: #121111;
	cursor: pointer;
	display: flex;
	font-size: 18px;
	font-weight: 550;
	justify-content: space-between;
	line-height: 1.4;
	list-style: none;
	min-height: 60px;
	padding: 14px 24px 14px 16px;
}

.landing-goldsand-faq-item summary::-webkit-details-marker {
	display: none;
}

.landing-goldsand-faq-item summary span:first-child {
	min-width: 0;
}

.landing-goldsand-faq-plus {
	flex: 0 0 auto;
	height: 20px;
	margin-left: 18px;
	position: relative;
	width: 20px;
}

.landing-goldsand-faq-plus::before,
.landing-goldsand-faq-plus::after {
	background: #121111;
	border-radius: 999px;
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 160ms ease;
}

.landing-goldsand-faq-plus::before {
	height: 2px;
	width: 14px;
}

.landing-goldsand-faq-plus::after {
	height: 14px;
	width: 2px;
}

.landing-goldsand-faq-item[open] .landing-goldsand-faq-plus::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.landing-goldsand-faq-item p {
	color: rgba(18, 17, 17, 0.66);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.55;
	margin: -2px 0 0;
	padding: 0 56px 22px 16px;
}

@media (max-width: 900px) {
	.landing-goldsand-faq {
		min-height: 0;
		padding: 128px 24px 96px;
	}

	.landing-goldsand-faq-layout {
		gap: 40px;
		grid-template-columns: 1fr;
	}

	.landing-goldsand-faq h2 {
		font-size: clamp(2.7rem, 10vw, 3.5rem);
	}

	.landing-goldsand-faq-list {
		width: 100%;
	}
}

@media (max-width: 560px) {
	.landing-goldsand-faq {
		padding: 104px 24px 80px;
	}

	.landing-goldsand-faq-layout {
		gap: 32px;
	}

	.landing-goldsand-faq h2 {
		font-size: 42px;
		line-height: 1;
	}

	.landing-goldsand-faq-item {
		border-radius: 20px;
	}

	.landing-goldsand-faq-item summary {
		font-size: 16px;
		min-height: 58px;
		padding: 13px 18px 13px 16px;
	}

	.landing-goldsand-faq-item p {
		font-size: 14px;
		padding: 0 46px 20px 16px;
	}
}

.landing-waitlist-module {
	background: #ffffff;
	overflow: hidden;
}

.landing-waitlist-gradient {
	align-items: center;
	background: linear-gradient(180deg, #f6f5f3 67.8456%, #ffffff 100%);
	display: flex;
	justify-content: center;
	min-height: 850px;
	overflow: clip;
	padding: 200px 32px;
	position: relative;
	width: 100%;
}

.landing-waitlist-banner {
	align-items: center;
	background: #ffffff;
	border: 1px solid rgba(18, 17, 17, 0.05);
	border-radius: 40px;
	color: #000000;
	display: flex;
	gap: 10px;
	height: 450px;
	justify-content: center;
	max-width: 1200px;
	overflow: clip;
	padding: 40px;
	position: relative;
	width: 100%;
}

.landing-waitlist-copy {
	align-items: flex-start;
	display: flex;
	flex: 1 0 0;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	min-width: 0;
	position: relative;
	z-index: 2;
}

.landing-waitlist-text {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 506px;
	overflow: clip;
	width: 100%;
	font-family: Georgia, "Times New Roman", serif;
}

.landing-waitlist-text h2 {
	color: #000000;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0;
}

.landing-waitlist-text p {
	color: #626262;
	font-size: 18px;
	font-weight: 550;
	line-height: 1.2;
	margin: 0;
}

.landing-waitlist-button {
	align-items: center;
	background: #121111;
	border-radius: 100px;
	color: #ffffff;
	display: inline-flex;
	font-size: 18px;
	font-weight: 550;
	height: 52px;
	justify-content: center;
	line-height: 1.1;
	padding: 14px 26px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.landing-waitlist-button:hover,
.landing-waitlist-button:focus {
	color: #ffffff;
	text-decoration: none;
}

.landing-waitlist-visual {
	align-items: center;
	display: flex;
	flex: 0 0 53%;
	height: 529px;
	justify-content: center;
	overflow: visible;
	position: relative;
}

.landing-waitlist-coin {
	bottom: -318px;
	left: -191px;
	position: absolute;
	right: -289px;
	top: -318px;
	z-index: 1;
}

.landing-waitlist-coin img {
	display: block;
	height: 100%;
	object-fit: contain;
	object-position: center;
	width: 100%;
}

@media (max-width: 900px) {
	.landing-waitlist-gradient {
		min-height: 0;
		padding: 32px 24px;
	}

	.landing-waitlist-banner {
		align-items: flex-start;
		border-radius: 32px;
		flex-direction: column;
		gap: 0;
		height: min-content;
		padding: 0;
	}

	.landing-waitlist-copy {
		align-items: center;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 45%);
		flex: none;
		gap: 24px;
		height: min-content;
		order: 1;
		padding: 32px;
		width: 100%;
	}

	.landing-waitlist-text {
		align-items: center;
		text-align: center;
		width: 80%;
	}

	.landing-waitlist-text h2 {
		font-size: 40px;
	}

	.landing-waitlist-visual {
		flex: none;
		height: 635px;
		order: 0;
		width: 100%;
	}

	.landing-waitlist-coin {
		bottom: auto;
		height: 1231px;
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		width: 1231px;
	}
}

@media (max-width: 560px) {
	.landing-waitlist-gradient {
		padding: 24px;
	}

	.landing-waitlist-banner {
		border-radius: 24px;
	}

	.landing-waitlist-copy {
		padding: 24px;
	}

	.landing-waitlist-text {
		width: 100%;
	}

	.landing-waitlist-text h2 {
		font-size: 32px;
		line-height: 1.08;
	}

	.landing-waitlist-text p {
		font-size: 21px;
	}

	.landing-waitlist-visual {
		height: 389px;
	}

	.landing-waitlist-coin {
		height: 880px;
		width: 880px;
	}
}

.landing-footer {
	background: #0b0405;
	color: #f0edeb;
	padding: 0;
}

.landing-footer-content {
	display: grid;
	gap: clamp(32px, 4vw, 66px);
	grid-template-columns: minmax(280px, 0.9fr) minmax(0, 2.4fr) auto;
	overflow-wrap: anywhere;
	padding-bottom: clamp(76px, 8vw, 118px);
	padding-top: clamp(88px, 10vw, 150px);
	width: min(calc(100% - 64px), 1480px);
}

.landing-footer-company,
.landing-footer-nav,
.landing-footer-social {
	min-width: 0;
}

.landing-footer-company {
	display: grid;
	gap: 22px;
	max-width: 560px;
}

.landing-footer-brand {
	display: inline-flex;
	width: 190px;
}

.landing-footer-brand img {
	display: block;
	height: auto;
	width: 60%;
}

.landing-footer-company p,
.landing-footer-copyright {
	color: rgba(240, 237, 235, 0.66);
	font-size: 0.94rem;
	line-height: 1.65;
	margin: 0;
}

.landing-footer-copyright {
	align-self: end;
	color: rgba(240, 237, 235, 0.48);
	font-size: 0.84rem;
	margin-top: clamp(28px, 4vw, 58px);
}

.landing-footer-nav {
	display: grid;
	gap: 28px;
	grid-column: 2 / 3;
	grid-template-columns: repeat(4, minmax(104px, 1fr));
}

.landing-footer-social {
	align-self: start;
	grid-column: 3 / 4;
	justify-self: end;
}

.landing-footer-social-links {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, 38px);
}

.landing-footer-nav div,
.landing-footer-social {
	align-content: start;
	display: grid;
	gap: 12px;
}

.landing-footer-heading {
	color: rgba(240, 237, 235, 0.68);
	display: block;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.1rem;
}

.landing-footer-content a {
	color: rgba(240, 237, 235, 0.68);
	font-size: 0.92rem;
	line-height: 1.35;
	text-decoration: none;
	transition: color 160ms ease;
}

.landing-footer-content a:hover,
.landing-footer-content a:focus {
	color: #ffffff;
	text-decoration: none;
}

.landing-footer-social-link {
	align-items: center;
	background: rgba(240, 237, 235, 0.06);
	border: 1px solid rgba(240, 237, 235, 0.14);
	border-radius: 999px;
	display: inline-flex;
	height: 38px;
	justify-content: center;
	transition:
		background 160ms ease,
		border-color 160ms ease,
		color 160ms ease;
	width: 38px;
}

.landing-footer-social-link:hover,
.landing-footer-social-link:focus {
	background: rgba(240, 237, 235, 0.12);
	border-color: rgba(240, 237, 235, 0.28);
}

.landing-footer-social-logo {
	display: block;
	fill: currentColor;
	height: 18px;
	width: 18px;
}

.landing-footer-visual {
	align-items: flex-end;
	background: #0b0405;
	display: flex;
	justify-content: center;
	min-height: clamp(240px, 25vw, 540px);
	overflow: hidden;
	padding-top: clamp(38px, 5vw, 84px);
	position: relative;
	width: 100%;
}

/* .landing-footer-visual::before {
	background: linear-gradient(to right, #0b0405 0%, rgba(11, 4, 5, 0.82) 34%, rgba(11, 4, 5, 0) 100%);
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: clamp(80px, 12vw, 220px);
	z-index: 2;
}

.landing-footer-visual::after {
	background: linear-gradient(to left, #0b0405 0%, rgba(11, 4, 5, 0.82) 34%, rgba(11, 4, 5, 0) 100%);
	bottom: 0;
	content: "";
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: clamp(80px, 12vw, 220px);
	z-index: 2;
} */

.landing-footer-svg {
	display: block;
	flex: 0 0 auto;
	height: auto;
	max-width: none;
	transform: translateY(1px);
	width: 100vw;
}

.landing-footer-outline {
	fill: none;
	vector-effect: non-scaling-stroke;
}

.landing-footer-outline * {
	vector-effect: non-scaling-stroke;
}

.landing-footer-container-logo {
	filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.34));
	mix-blend-mode: screen;
	opacity: 0.15;
}

@media (max-width: 760px) {
	.landing-footer-content {
		gap: 34px;
		grid-template-columns: 1fr;
		padding-bottom: 54px;
		padding-top: 72px;
	}

	.landing-footer-company {
		grid-row: auto;
		max-width: none;
	}

	.landing-footer-nav {
		gap: 24px;
		grid-column: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.landing-footer-social {
		grid-column: auto;
		justify-self: start;
	}

	.landing-footer-visual {
		min-height: clamp(140px, 38vw, 210px);
		padding-top: 22px;
	}

	.landing-footer-visual::before,
	.landing-footer-visual::after {
		width: 64px;
	}
}

@keyframes ark-flow {
	to {
		left: 100%;
	}
}

@keyframes landing-openlayer-card-border-loop {
	from {
		--openlayer-card-flow-angle: -90deg;
	}
	to {
		--openlayer-card-flow-angle: 270deg;
	}
}

@media (prefers-reduced-motion: reduce) {
	.landing-openlayer-flow-runner {
		transition: none;
	}

	.landing-openlayer-flow-tail {
		opacity: 0.48;
	}

	.landing-openlayer-card-shell.is-lit::before {
		animation: none;
	}
}

@keyframes ark-dash {
	45%,
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes ark-rise {
	from {
		transform: scaleY(0.16);
		transform-origin: bottom;
	}
	to {
		transform: scaleY(1);
		transform-origin: bottom;
	}
}

@keyframes ark-orbit {
	to {
		transform: rotate(360deg);
	}
}

@keyframes ark-fade-up {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes landing-fulfillment-dash {
	to {
		stroke-dashoffset: -1;
	}
}

@keyframes landing-fulfillment-node-pulse {
	0%,
	100% {
		box-shadow: 0 0 0 rgba(143, 191, 255, 0);
		transform: scale(1);
	}
	42% {
		box-shadow: 0 0 0 7px rgba(143, 191, 255, 0.08);
		transform: scale(1.03);
	}
}

@keyframes landing-fulfillment-data-scan {
	0%,
	46% {
		transform: translateX(-120%);
	}
	72% {
		transform: translateX(120%);
	}
	100% {
		transform: translateX(120%);
	}
}

@keyframes landing-sequence-line-flow {
	to {
		transform: translateY(520%);
	}
}

@keyframes landing-sequence-pill-focus {
	0%,
	100% {
		border-color: rgba(240, 237, 235, 0.58);
		transform: translateY(0);
	}
	14%,
	24% {
		border-color: rgba(240, 237, 235, 0.98);
		box-shadow: 0 18px 54px rgba(240, 237, 235, 0.1);
		transform: translateY(-2px);
	}
}

@keyframes landing-globe-icon-drift {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-3px);
	}
}

.product-page {
	background: linear-gradient(180deg, #f7fafc 0%, #eef4f8 100%);
	min-height: 100vh;
}

.product-hero {
	background:
		linear-gradient(90deg, rgba(7, 13, 23, 0.84), rgba(7, 13, 23, 0.56)),
		url("/assets/overseas_warehouse/images/home/homepage-hero-jimeng-v2.jpg");
	background-position: center;
	background-size: cover;
	color: #ffffff;
	padding: 118px 0 80px;
}

.product-hero-inner {
	display: grid;
	gap: 18px;
}

.product-back {
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.92rem;
	font-weight: 730;
	text-decoration: none;
}

.product-back:hover,
.product-back:focus {
	color: #ffffff;
	text-decoration: none;
}

.product-hero .landing-section-kicker,
.product-hero h1,
.product-hero p {
	color: #ffffff;
}

.product-hero h1 {
	font-size: clamp(3rem, 5vw, 5rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0;
}

.product-hero p {
	color: rgba(255, 255, 255, 0.84);
	font-size: 1.2rem;
	line-height: 1.7;
	margin: 0;
	max-width: 760px;
}

.product-summary-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-summary-grid article {
	background: #ffffff;
	border: 1px solid var(--ark-line);
	border-radius: var(--ark-radius);
	box-shadow: var(--ark-shadow-soft);
	display: grid;
	gap: 10px;
	min-height: 150px;
	padding: 24px;
}

.product-summary-grid strong {
	color: var(--ark-ink);
	font-size: 1rem;
}

.product-summary-grid span {
	color: var(--ark-ink-soft);
	line-height: 1.7;
}

@media (max-width: 1180px) {
	.landing-openlayer-oms {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 104px 32px 90px;
		row-gap: 42px;
		scroll-margin-top: 170px;
	}

	.landing-openlayer-oms-copy {
		align-self: auto;
		max-width: 720px;
		transform: none;
	}

	.landing-openlayer-oms-visual-shell {
		justify-self: center;
		left: auto;
		padding-top: 0;
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		width: min(100%, 516px);
	}

	.landing-openlayer-oms-visual {
		height: 640px;
		width: 100%;
	}

	.landing-openlayer-card-shell {
		width: min(100%, 496px);
	}

	.landing-demo-inner {
		grid-template-columns: 1fr;
	}

	.landing-globe-module {
		padding: 0;
	}

	.landing-globe-frame {
		width: 100%;
	}

	.landing-globe-stage {
		border-radius: 60px 60px 0 0;
		height: 1200px;
	}

	.landing-globe-canvas-wrap {
		bottom: -874px;
		height: auto;
		left: -317px;
		right: -958px;
		top: -244px;
		transform: rotate(-12deg) translateY(0);
		width: auto;
	}

	.landing-nav-inner {
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 14px 24px;
		padding-bottom: 14px;
		padding-top: 14px;
	}

	.landing-nav-links,
	.landing-nav-actions {
		margin-left: 0;
	}

	.landing-nav-links,
	.landing-nav-actions,
	.landing-demo-actions {
		justify-content: flex-start;
	}

	.landing-product-dropdown {
		left: 50%;
		right: auto;
		top: calc(100% + 26px);
		transform: translateX(-50%) scale(0.88);
		width: min(calc(100vw - 64px), 700px);
	}

	.landing-product-menu > button:hover + .landing-product-dropdown,
	.landing-product-dropdown:hover,
	.landing-product-menu:focus-within .landing-product-dropdown {
		transform: translateX(-50%) scale(1);
	}

	.landing-silicon-products .landing-shell {
		width: min(calc(100% - 64px), 960px);
	}

	.landing-silicon-product-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.landing-silicon-product-card:nth-child(5) {
		grid-column: 1 / -1;
	}

	.landing-silicon-product-strip {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.landing-product-grid,
	.landing-metric-grid,
	.landing-screen-grid,
	.landing-product-strip,
	.landing-workflow-board,
	.landing-scenario-grid,
	.landing-solution-grid,
	.landing-assurance-grid,
	.landing-assurance-panel,
	.landing-reliability-grid,
	.landing-faq-layout,
	.product-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.landing-platform-head,
	.landing-split-section {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.landing-workflow-svg {
		display: none;
	}

	.landing-workflow-board article,
	.landing-workflow-board article:nth-of-type(2),
	.landing-workflow-board article:nth-of-type(3),
	.landing-workflow-board article:nth-of-type(4) {
		margin-top: 0;
	}

	.landing-accuracy-card {
		min-height: 360px;
	}

	.landing-value-story-split,
	.landing-value-story-reverse {
		grid-template-columns: 1fr;
	}

	.landing-closure-loop-inner {
		gap: clamp(34px, 5vw, 64px);
		grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.95fr);
	}

	.landing-closure-capability-grid {
		gap: clamp(18px, 2.6vw, 32px);
	}

	.landing-closure-visual {
		width: min(100%, 500px);
	}

	.landing-closure-mcp-svg {
		height: 100%;
		transform: none;
		width: 100%;
	}

	[data-attio-value-canvas-wrap] {
		height: 50%;
	}

	.landing-attio-heading {
		grid-column: 2 / -2;
	}

	.landing-attio-card-stage {
		margin-top: 0;
	}

	.landing-attio-card-grid {
		aspect-ratio: auto;
		grid-column: 3 / -3;
		grid-template-columns: 1fr;
	}

	.landing-attio-card {
		border-right: 1px solid var(--attio-weak-stroke);
		min-height: 176px;
	}

	.landing-attio-card + .landing-attio-card {
		border-top: 1px solid var(--attio-weak-stroke);
	}
}

@media (max-width: 1040px) {
	.landing-closure-capability-grid {
		gap: 48px;
		justify-items: center;
	}

	.landing-closure-capability {
		gap: 30px;
		grid-template-areas:
			"copy"
			"visual";
		grid-template-columns: 1fr;
		min-height: 0;
		width: min(100%, 720px);
	}

	.landing-closure-capability-copy {
		max-width: 720px;
		padding-right: 0;
	}
}

@media (max-width: 760px) {
	.landing-openlayer-oms {
		padding: 84px 18px 72px;
		row-gap: 30px;
		scroll-margin-top: 260px;
	}

	.landing-openlayer-oms-copy {
		gap: 24px;
	}

	.landing-openlayer-oms h2 {
		font-size: clamp(2.8rem, 13vw, 3.6rem);
	}

	.landing-openlayer-oms-copy p {
		font-size: 1rem;
		line-height: 1.72;
	}

	.landing-openlayer-oms-actions {
		column-gap: 18px;
		row-gap: 16px;
	}

	.landing-openlayer-oms-visual {
		height: 700px;
	}

	.landing-openlayer-rail {
		left: 36px;
		width: 2px;
	}

	.landing-openlayer-commit {
		column-gap: 12px;
		left: 12px;
		top: 18px;
	}

	.landing-openlayer-node-large {
		height: 48px;
		width: 48px;
	}

	.landing-openlayer-avatar {
		height: 32px;
		width: 32px;
	}

	.landing-openlayer-commit strong,
	.landing-openlayer-commit > span:last-child {
		font-size: 0.82rem;
	}

	.landing-openlayer-card-shell {
		border-radius: 30px;
		left: 0;
		padding: 24px 8px 8px;
		right: auto;
		top: 128px;
		width: 100%;
	}

	.landing-openlayer-card {
		border-radius: 24px;
	}

	.landing-openlayer-card-head {
		min-height: 64px;
		padding: 14px 12px;
	}

	.landing-openlayer-brand-grid {
		gap: 5px;
		height: 32px;
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.landing-openlayer-brand-logo {
		border-radius: 6px;
		height: 24px;
	}

	.landing-openlayer-brand-logo img {
		max-height: 15px;
		max-width: 28px;
	}

	.landing-openlayer-brand-logo-mark img {
		max-height: 16px;
		max-width: 16px;
	}

	.landing-openlayer-card-body {
		padding: 8px 14px 10px;
	}

	.landing-openlayer-card-line {
		left: 30px;
	}

	.landing-openlayer-test-row {
		gap: 12px;
		grid-template-columns: 32px minmax(0, 1fr) auto;
		min-height: 86px;
	}

	.landing-openlayer-node-small {
		height: 32px;
		width: 32px;
	}

	.landing-openlayer-node-small svg {
		height: 18px;
		width: 18px;
	}

	.landing-openlayer-test-label {
		font-size: 13px;
		line-height: 24px;
	}

	.landing-openlayer-status {
		font-size: 13px;
		gap: 6px;
		line-height: 24px;
		min-width: 64px;
		padding: 0 8px;
	}

	.landing-openlayer-status::before {
		height: 6px;
		width: 6px;
	}

	.landing-openlayer-summary {
		bottom: 0;
		column-gap: 14px;
		left: 12px;
	}

	.landing-openlayer-result {
		gap: 8px;
	}

	.landing-openlayer-result-icon {
		height: 24px;
		width: 24px;
	}

	.landing-openlayer-result svg {
		height: 14px;
		width: 14px;
	}

	.landing-openlayer-result strong,
	.landing-openlayer-result em {
		font-size: 13px;
	}

	.landing-shell {
		width: calc(100% - 36px);
	}

	.landing-nav-inner {
		gap: 14px;
		padding-bottom: 14px;
		padding-top: 14px;
	}

	.landing-nav-links,
	.landing-nav-actions {
		flex-wrap: wrap;
	}

	.landing-product-dropdown {
		width: min(calc(100vw - 36px), 700px);
	}

	.landing-product-dropdown-inner {
		grid-template-columns: 1fr;
	}

	.landing-silicon-products {
		padding: 112px 0 86px;
	}

	.landing-silicon-products .landing-shell {
		width: 100%;
	}

	.landing-silicon-products-head {
		padding: 0 18px;
	}

	.landing-silicon-products-head h2 {
		font-size: clamp(2.56rem, 12vw, 3.65rem);
		line-height: 1.04;
		margin-top: 24px;
	}

	.landing-silicon-products-head p {
		font-size: 1rem;
	}

	.landing-silicon-product-board {
		border-radius: 7px;
		margin-top: 64px;
	}

	.landing-silicon-product-card-grid {
		grid-template-columns: 1fr;
	}

	.landing-silicon-product-card,
	.landing-silicon-product-card:nth-child(5) {
		grid-column: auto;
	}

	.landing-silicon-product-card {
		align-items: center;
		column-gap: 16px;
		grid-template-columns: 58px minmax(0, 1fr);
		min-height: 128px;
		padding: 28px 32px;
	}

	.landing-silicon-product-icon {
		grid-row: 1 / span 2;
		height: 44px;
		width: 44px;
	}

	.landing-silicon-product-card h3 {
		align-self: end;
		font-size: 1.3rem;
	}

	.landing-silicon-product-card p {
		align-self: start;
		font-size: 0.86rem;
	}

	.landing-silicon-product-band-grid {
		grid-template-columns: 1fr;
	}

	.landing-silicon-product-band {
		gap: 18px;
		min-height: 126px;
		padding: 26px 38px;
	}

	.landing-silicon-product-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 22px 0;
		row-gap: 18px;
	}

	.landing-silicon-product-summary {
		padding: 28px 24px 30px;
	}

	.landing-hero {
		padding: 148px 0 48px;
	}

	.landing-hero h1 {
		font-size: clamp(2.55rem, 11vw, 3.45rem);
	}

	.landing-eyebrow {
		font-size: 0.98rem;
		height: 40px;
		margin-bottom: -10px;
		min-width: 0;
		width: 100%;
	}

	.landing-eyebrow-viewport {
		flex: 1 1 auto;
		min-width: 0;
	}

	.landing-hero-logo-grid {
		gap: 16px 24px;
		flex-wrap: wrap;
		justify-content: space-between;
		min-height: 0;
	}

	.landing-hero-logo img {
		height: 28px;
		max-width: 112px;
	}

	.landing-product-grid,
	.landing-metric-grid,
	.landing-screen-grid,
	.landing-product-strip,
	.landing-workflow-board,
	.landing-scenario-grid,
	.landing-solution-grid,
	.landing-assurance-grid,
	.landing-assurance-panel,
	.landing-reliability-grid,
	.landing-faq-layout,
	.landing-faq-grid,
	.product-summary-grid {
		grid-template-columns: 1fr;
	}

	.landing-section,
	.landing-demo {
		padding-top: 84px;
		scroll-margin-top: 260px;
	}

	.landing-proof {
		padding-top: 88px;
	}

	.landing-product-value {
		padding-bottom: 116px;
	}

	.landing-product-value-canvas-wrap {
		height: 44%;
	}

	.landing-platform-stage {
		min-height: 620px;
	}

	.landing-screen {
		width: calc(100% - 28px);
	}

	.landing-assurance-panel,
	.landing-quote .landing-shell,
	.landing-human-card,
	.landing-integration-card,
	.landing-demo-inner {
		padding: 28px;
	}

	.landing-globe-module {
		padding: 0;
	}

	.landing-globe-frame {
		transform: none;
		width: 100%;
	}

	.landing-globe-stage {
		border-radius: 40px 40px 0 0;
		height: 913px;
	}

	.landing-globe-canvas-wrap {
		bottom: -1161px;
		height: auto;
		left: -317px;
		right: -958px;
		top: -244px;
		transform: rotate(-12deg) translateY(0);
		width: auto;
	}

	.landing-globe-copy-top {
		left: 24px;
		top: 260px;
	}

	.landing-globe-metric {
		font-size: clamp(3rem, 14vw, 3.7rem);
	}

	.landing-globe-copy-top p:not(.landing-globe-metric),
	.landing-globe-copy-bottom p {
		font-size: 0.98rem;
	}

	.landing-globe-copy-bottom {
		bottom: 42px;
		left: 24px;
		max-width: min(calc(100% - 48px), 390px);
	}

	.landing-globe-card-icon {
		height: 39px;
		width: 39px;
	}

	.landing-globe-card-icon img {
		max-width: 20px;
	}

	.landing-assurance-copy li {
		grid-template-columns: 1fr;
	}

	.landing-quote {
		padding-top: 84px;
	}

	.landing-quote .landing-shell {
		min-height: 340px;
	}

	.landing-footer-inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.landing-value-story {
		gap: 30px;
	}

	.landing-value-copy h2 {
		font-size: clamp(1.95rem, 10vw, 2.75rem);
	}

	.landing-business-closures {
		padding: 92px 0 84px;
	}

	.landing-closure-loop-inner {
		gap: 36px;
		grid-template-columns: 1fr;
	}

	.landing-closure-capability-grid {
		gap: 58px;
	}

	.landing-closure-capability {
		--closure-capability-visual-height: 390px;
		gap: 24px;
		padding: 0;
	}

	.landing-closure-copy {
		align-items: flex-start;
		text-align: left;
	}

	.landing-closure-headline {
		font-size: clamp(1.9rem, 8.4vw, 2.65rem);
	}

	.landing-closure-visual {
		justify-self: center;
		margin-top: 0;
		width: 100%;
	}

	.landing-closure-capability .landing-openlayer-compliance-visual {
		height: var(--closure-capability-visual-height);
		width: 100%;
	}

	.landing-closure-capability .landing-closure-visual {
		height: var(--closure-capability-visual-height);
		width: 100%;
	}

	.landing-closure-capability-collaboration .landing-openlayer-compliance-logo {
		margin-top: 0;
		transform: scale(0.68);
	}

	.landing-closure-capability-collaboration
		.landing-openlayer-compliance-visual
		.fade-container {
		transform: scale(0.88);
	}

	.landing-closure-mcp-svg {
		height: 100%;
		transform: none;
		width: 100%;
	}

	.landing-story-points span {
		font-size: 0.84rem;
	}

	[data-attio-value-canvas-wrap] {
		height: 33.333%;
	}

	.landing-attio-value {
		min-height: 100svh;
		padding: 0;
	}

	.landing-attio-spacer {
		height: 100px;
	}

	.landing-attio-kicker {
		font-size: 16px;
		line-height: 22px;
	}

	.landing-attio-heading h2 {
		font-size: 40px;
		line-height: 44px;
	}

	.landing-attio-card-stage {
		margin-top: 0;
	}

	.landing-attio-card-grid {
		aspect-ratio: auto;
		grid-column: 2 / -2;
		grid-template-columns: 1fr;
	}

	.landing-attio-card,
	.landing-attio-card:nth-child(3n) {
		border-right: 1px solid var(--attio-weak-stroke);
	}

	.landing-attio-card {
		min-height: 172px;
	}
}

@media (max-width: 1180px) {
	.landing-fulfillment-stage {
		padding-left: 96px;
	}

	.landing-fulfillment-route-svg {
		left: 24px;
	}

	.landing-fulfillment-node {
		grid-template-columns: minmax(0, 1fr);
	}

	.landing-fulfillment-data {
		justify-content: flex-start;
	}
}

@media (max-width: 760px) {
	.landing-fulfillment-chain {
		gap: 34px;
	}

	.landing-fulfillment-head h2 {
		font-size: clamp(2rem, 9.2vw, 2.85rem);
	}

	.landing-fulfillment-head p {
		font-size: 0.98rem;
	}

	.landing-fulfillment-stage {
		background-size:
			22px 22px,
			22px 22px,
			100% 100%,
			100% 100%,
			100% 100%;
		border-radius: 6px;
		gap: 18px;
		margin-left: calc((100vw - 100%) / -2);
		margin-right: calc((100vw - 100%) / -2);
		padding: 24px 18px 24px 56px;
	}

	.landing-fulfillment-route-svg {
		bottom: 112px;
		left: 3px;
		top: 42px;
		width: 48px;
	}

	.landing-fulfillment-steps {
		gap: 12px;
	}

	.landing-fulfillment-step {
		gap: 10px;
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.landing-fulfillment-index {
		font-size: 0.68rem;
		height: 34px;
		width: 34px;
	}

	.landing-fulfillment-node {
		border-radius: 6px;
		min-height: 0;
		padding: 16px;
	}

	.landing-fulfillment-node h3 {
		font-size: 1.02rem;
		line-height: 1.28;
	}

	.landing-fulfillment-node p {
		font-size: 0.86rem;
	}

	.landing-fulfillment-data {
		gap: 6px;
	}

	.landing-fulfillment-data span {
		font-size: 0.72rem;
		min-height: 27px;
		padding: 0 9px;
	}

	.landing-fulfillment-foundation {
		gap: 8px;
		padding-top: 18px;
	}

	.landing-fulfillment-foundation strong,
	.landing-fulfillment-foundation span {
		font-size: 0.74rem;
		min-height: 30px;
		padding: 0 10px;
	}
}

@media (max-width: 1180px) {
	.landing-sequence-showcase {
		grid-template-columns: 1fr;
	}

	.landing-sequence-diagram {
		min-height: 540px;
	}

	.landing-sequence-bento {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.landing-sequence-bento article {
		min-height: 128px;
	}
}

@media (max-width: 760px) {
	.landing-sequence-module {
		gap: 34px;
	}

	.landing-sequence-copy {
		text-align: left;
	}

	.landing-sequence-copy h2 {
		font-size: clamp(2.18rem, 10.5vw, 3.15rem);
	}

	.landing-sequence-copy p {
		font-size: 0.96rem;
		margin: 0;
	}

	.landing-sequence-showcase {
		border-left: 0;
		border-radius: 0;
		border-right: 0;
		margin-left: calc((100vw - 100%) / -2);
		margin-right: calc((100vw - 100%) / -2);
		padding: 38px 18px 34px;
	}

	.landing-sequence-diagram {
		min-height: 470px;
	}

	.landing-sequence-steps {
		gap: 22px;
		width: 100%;
	}

	.landing-sequence-step {
		gap: 9px;
		grid-template-columns: 32px 36px minmax(0, 1fr);
		min-height: 60px;
		padding: 8px 16px 8px 10px;
	}

	.landing-sequence-arrow {
		font-size: 1.14rem;
		height: 32px;
		width: 32px;
	}

	.landing-sequence-avatar {
		font-size: 0.62rem;
		height: 36px;
		width: 36px;
	}

	.landing-sequence-step strong {
		font-size: 0.96rem;
	}

	.landing-sequence-step small {
		font-size: 0.78rem;
	}

	.landing-sequence-step-success {
		grid-template-columns: 34px minmax(0, auto);
		min-height: 60px;
		width: min(100%, 280px);
	}

	.landing-sequence-check {
		height: 32px;
		width: 32px;
	}

	.landing-sequence-bento {
		grid-template-columns: 1fr;
	}

	.landing-sequence-bento article {
		min-height: 0;
		padding: 18px;
	}

	.landing-sequence-bento strong {
		font-size: 1.08rem;
	}

	.landing-sequence-data-rail {
		gap: 8px;
		padding-top: 18px;
	}

	.landing-sequence-data-rail strong,
	.landing-sequence-data-rail span {
		font-size: 0.72rem;
		min-height: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* Probably demo bento module, scoped so imported utility classes do not affect the rest of the landing page. */
.landing-probably-bento-stage {
	margin-top: clamp(48px, 7vw, 96px);
	padding-bottom: clamp(48px, 6vw, 88px);
}

.landing-probably-bento {
--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-900:oklch(39.6% .141 25.723);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-950:oklch(28.2% .091 267.935);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)
	font-family: var(--font-sans);
	position: relative;
	z-index: 2;
}

.landing-probably-bento,
.landing-probably-bento * {
	box-sizing: border-box;
	--tw-border-style: solid;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-translate-z: 0;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-color: #0000001a;
	--tw-shadow-alpha: 100%;
	--tw-inset-shadow: 0 0 #0000;
	--tw-inset-ring-shadow: 0 0 #0000;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-gradient-from: #0000;
	--tw-gradient-to: #0000;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.landing-probably-bento :where(h3, p) {
	margin: 0;
}

.landing-probably-bento svg {
	display: block;
}

.landing-probably-bento .pointer-events-none{pointer-events:none}
.landing-probably-bento .absolute{position:absolute}
.landing-probably-bento .relative{position:relative}
.landing-probably-bento .inset-0{inset:calc(var(--spacing)*0)}
.landing-probably-bento .mr-2{margin-right:calc(var(--spacing)*2)}
.landing-probably-bento .mb-2{margin-bottom:calc(var(--spacing)*2)}
.landing-probably-bento .mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}
.landing-probably-bento .mb-3{margin-bottom:calc(var(--spacing)*3)}
.landing-probably-bento .mb-4{margin-bottom:calc(var(--spacing)*4)}
.landing-probably-bento .ml-1{margin-left:calc(var(--spacing)*1)}
.landing-probably-bento .ml-auto{margin-left:auto}
.landing-probably-bento .flex{display:flex}
.landing-probably-bento .grid{display:grid}
.landing-probably-bento .hidden{display:none}
.landing-probably-bento .inline-block{display:inline-block}
.landing-probably-bento .h-3{height:calc(var(--spacing)*3)}
.landing-probably-bento .h-5{height:calc(var(--spacing)*5)}
.landing-probably-bento .h-10{height:calc(var(--spacing)*10)}
.landing-probably-bento .h-\[140px\]{height:140px}
.landing-probably-bento .max-h-\[180px\]{max-height:180px}
.landing-probably-bento .w-2\.5{width:calc(var(--spacing)*2.5)}
.landing-probably-bento .w-3{width:calc(var(--spacing)*3)}
.landing-probably-bento .w-5{width:calc(var(--spacing)*5)}
.landing-probably-bento .w-10{width:calc(var(--spacing)*10)}
.landing-probably-bento .w-full{width:100%}
.landing-probably-bento .max-w-full{max-width:100%}
.landing-probably-bento .min-w-0{min-width:calc(var(--spacing)*0)}
.landing-probably-bento .flex-shrink-0,.landing-probably-bento .shrink-0{flex-shrink:0}
.landing-probably-bento .translate-x-8{--tw-translate-x:calc(var(--spacing)*8);translate:var(--tw-translate-x)var(--tw-translate-y)}
.landing-probably-bento .translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}
.landing-probably-bento .animate-pulse{animation:var(--animate-pulse)}
.landing-probably-bento .cursor-pointer{cursor:pointer}
.landing-probably-bento .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.landing-probably-bento .flex-col{flex-direction:column}
.landing-probably-bento .items-center{align-items:center}
.landing-probably-bento .justify-center{justify-content:center}
.landing-probably-bento .gap-2{gap:calc(var(--spacing)*2)}
.landing-probably-bento .overflow-hidden{overflow:hidden}
.landing-probably-bento .overflow-visible{overflow:visible}
.landing-probably-bento .rounded-2xl{border-radius:var(--radius-2xl)}
.landing-probably-bento .rounded-full{border-radius:3.40282e38px}
.landing-probably-bento .rounded-lg{border-radius:var(--radius-lg)}
.landing-probably-bento .border{border-style:var(--tw-border-style);border-width:1px}
.landing-probably-bento .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
.landing-probably-bento .border-amber-500\/20{border-color:#f99c0033}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500)20%,transparent)}}
.landing-probably-bento .border-blue-500\/20{border-color:#3080ff33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}
.landing-probably-bento .border-cyan-500\/20{border-color:#00b7d733}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-cyan-500\/20{border-color:color-mix(in oklab,var(--color-cyan-500)20%,transparent)}}
.landing-probably-bento .border-emerald-500\/20{border-color:#00bb7f33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-emerald-500\/20{border-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}
.landing-probably-bento .border-green-500\/20{border-color:#00c75833}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}
.landing-probably-bento .border-green-500\/30{border-color:#00c7584d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500)30%,transparent)}}
.landing-probably-bento .border-orange-500\/20{border-color:#fe6e0033}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-orange-500\/20{border-color:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}
.landing-probably-bento .border-pink-500\/20{border-color:#f6339a33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-pink-500\/20{border-color:color-mix(in oklab,var(--color-pink-500)20%,transparent)}}
.landing-probably-bento .border-violet-500\/20{border-color:#8d54ff33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-violet-500\/20{border-color:color-mix(in oklab,var(--color-violet-500)20%,transparent)}}
.landing-probably-bento .border-white\/10{border-color:#ffffff1a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}
.landing-probably-bento .bg-amber-500\/10{background-color:#f99c001a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}
.landing-probably-bento .bg-black\/95{background-color:#000000f2}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-black\/95{background-color:color-mix(in oklab,var(--color-black)95%,transparent)}}
.landing-probably-bento .bg-blue-500\/10{background-color:#3080ff1a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}
.landing-probably-bento .bg-cyan-500\/10{background-color:#00b7d71a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-cyan-500\/10{background-color:color-mix(in oklab,var(--color-cyan-500)10%,transparent)}}
.landing-probably-bento .bg-emerald-500\/10{background-color:#00bb7f1a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}
.landing-probably-bento .bg-green-400{background-color:var(--color-green-400)}
.landing-probably-bento .bg-green-500\/50{background-color:#00c75880}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-green-500\/50{background-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}
.landing-probably-bento .bg-orange-500\/10{background-color:#fe6e001a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500)10%,transparent)}}
.landing-probably-bento .bg-pink-500\/10{background-color:#f6339a1a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-pink-500\/10{background-color:color-mix(in oklab,var(--color-pink-500)10%,transparent)}}
.landing-probably-bento .bg-red-500\/50{background-color:#fb2c3680}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-red-500\/50{background-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}
.landing-probably-bento .bg-violet-500\/10{background-color:#8d54ff1a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500)10%,transparent)}}
.landing-probably-bento .bg-yellow-500\/50{background-color:#edb20080}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-yellow-500\/50{background-color:color-mix(in oklab,var(--color-yellow-500)50%,transparent)}}
.landing-probably-bento .bg-zinc-900\/80{background-color:#18181bcc}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .bg-zinc-900\/80{background-color:color-mix(in oklab,var(--color-zinc-900)80%,transparent)}}
.landing-probably-bento .bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}
.landing-probably-bento .from-amber-500\/5{--tw-gradient-from:#f99c000d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .from-amber-500\/5{--tw-gradient-from:color-mix(in oklab,var(--color-amber-500)5%,transparent)}}
.landing-probably-bento .from-amber-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.landing-probably-bento .from-blue-500\/5{--tw-gradient-from:#3080ff0d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .from-blue-500\/5{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)5%,transparent)}}
.landing-probably-bento .from-blue-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.landing-probably-bento .from-emerald-500\/5{--tw-gradient-from:#00bb7f0d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .from-emerald-500\/5{--tw-gradient-from:color-mix(in oklab,var(--color-emerald-500)5%,transparent)}}
.landing-probably-bento .from-emerald-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.landing-probably-bento .from-orange-500\/5{--tw-gradient-from:#fe6e000d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .from-orange-500\/5{--tw-gradient-from:color-mix(in oklab,var(--color-orange-500)5%,transparent)}}
.landing-probably-bento .from-orange-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.landing-probably-bento .from-pink-500\/5{--tw-gradient-from:#f6339a0d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .from-pink-500\/5{--tw-gradient-from:color-mix(in oklab,var(--color-pink-500)5%,transparent)}}
.landing-probably-bento .from-pink-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.landing-probably-bento .from-violet-500\/5{--tw-gradient-from:#8d54ff0d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .from-violet-500\/5{--tw-gradient-from:color-mix(in oklab,var(--color-violet-500)5%,transparent)}}
.landing-probably-bento .from-violet-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.landing-probably-bento .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}
.landing-probably-bento .fill-amber-400{fill:var(--color-amber-400)}
.landing-probably-bento .fill-amber-500{fill:var(--color-amber-500)}
.landing-probably-bento .fill-amber-950{fill:var(--color-amber-950)}
.landing-probably-bento .fill-blue-300{fill:var(--color-blue-300)}
.landing-probably-bento .fill-blue-400{fill:var(--color-blue-400)}
.landing-probably-bento .fill-blue-500{fill:var(--color-blue-500)}
.landing-probably-bento .fill-blue-950{fill:var(--color-blue-950)}
.landing-probably-bento .fill-cyan-300{fill:var(--color-cyan-300)}
.landing-probably-bento .fill-cyan-400{fill:var(--color-cyan-400)}
.landing-probably-bento .fill-cyan-500\/10{fill:#00b7d71a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-cyan-500\/10{fill:color-mix(in oklab,var(--color-cyan-500)10%,transparent)}}
.landing-probably-bento .fill-emerald-200{fill:var(--color-emerald-200)}
.landing-probably-bento .fill-emerald-300{fill:var(--color-emerald-300)}
.landing-probably-bento .fill-emerald-400{fill:var(--color-emerald-400)}
.landing-probably-bento .fill-emerald-400\/30{fill:#00d2944d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-emerald-400\/30{fill:color-mix(in oklab,var(--color-emerald-400)30%,transparent)}}
.landing-probably-bento .fill-emerald-900\/70{fill:#004e3bb3}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-emerald-900\/70{fill:color-mix(in oklab,var(--color-emerald-900)70%,transparent)}}
.landing-probably-bento .fill-emerald-950{fill:var(--color-emerald-950)}
.landing-probably-bento .fill-none{fill:none}
.landing-probably-bento .fill-orange-300\/40{fill:#ffb96d66}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-orange-300\/40{fill:color-mix(in oklab,var(--color-orange-300)40%,transparent)}}
.landing-probably-bento .fill-orange-300\/50{fill:#ffb96d80}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-orange-300\/50{fill:color-mix(in oklab,var(--color-orange-300)50%,transparent)}}
.landing-probably-bento .fill-orange-400\/60{fill:#ff8b1a99}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-orange-400\/60{fill:color-mix(in oklab,var(--color-orange-400)60%,transparent)}}
.landing-probably-bento .fill-orange-500\/50{fill:#fe6e0080}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-orange-500\/50{fill:color-mix(in oklab,var(--color-orange-500)50%,transparent)}}
.landing-probably-bento .fill-orange-500\/60{fill:#fe6e0099}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-orange-500\/60{fill:color-mix(in oklab,var(--color-orange-500)60%,transparent)}}
.landing-probably-bento .fill-orange-600\/40{fill:#f0510066}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-orange-600\/40{fill:color-mix(in oklab,var(--color-orange-600)40%,transparent)}}
.landing-probably-bento .fill-pink-300{fill:var(--color-pink-300)}
.landing-probably-bento .fill-pink-400{fill:var(--color-pink-400)}
.landing-probably-bento .fill-pink-500\/10{fill:#f6339a1a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-pink-500\/10{fill:color-mix(in oklab,var(--color-pink-500)10%,transparent)}}
.landing-probably-bento .fill-purple-300{fill:var(--color-purple-300)}
.landing-probably-bento .fill-purple-400{fill:var(--color-purple-400)}
.landing-probably-bento .fill-purple-500\/10{fill:#ac4bff1a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-purple-500\/10{fill:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}
.landing-probably-bento .fill-red-500\/20{fill:#fb2c3633}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-red-500\/20{fill:color-mix(in oklab,var(--color-red-500)20%,transparent)}}
.landing-probably-bento .fill-red-500\/60{fill:#fb2c3699}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-red-500\/60{fill:color-mix(in oklab,var(--color-red-500)60%,transparent)}}
.landing-probably-bento .fill-sky-400{fill:var(--color-sky-400)}
.landing-probably-bento .fill-sky-950{fill:var(--color-sky-950)}
.landing-probably-bento .fill-violet-300{fill:var(--color-violet-300)}
.landing-probably-bento .fill-violet-400{fill:var(--color-violet-400)}
.landing-probably-bento .fill-violet-500\/20{fill:#8d54ff33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-violet-500\/20{fill:color-mix(in oklab,var(--color-violet-500)20%,transparent)}}
.landing-probably-bento .fill-violet-500\/40{fill:#8d54ff66}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-violet-500\/40{fill:color-mix(in oklab,var(--color-violet-500)40%,transparent)}}
.landing-probably-bento .fill-violet-950{fill:var(--color-violet-950)}
.landing-probably-bento .fill-white{fill:var(--color-white)}
.landing-probably-bento .fill-white\/5{fill:#ffffff0d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-white\/5{fill:color-mix(in oklab,var(--color-white)5%,transparent)}}
.landing-probably-bento .fill-white\/80{fill:#fffc}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-white\/80{fill:color-mix(in oklab,var(--color-white)80%,transparent)}}
.landing-probably-bento .fill-zinc-600{fill:var(--color-zinc-600)}
.landing-probably-bento .fill-zinc-700{fill:var(--color-zinc-700)}
.landing-probably-bento .fill-zinc-800\/60{fill:#27272a99}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-zinc-800\/60{fill:color-mix(in oklab,var(--color-zinc-800)60%,transparent)}}
.landing-probably-bento .fill-zinc-800\/80{fill:#27272acc}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-zinc-800\/80{fill:color-mix(in oklab,var(--color-zinc-800)80%,transparent)}}
.landing-probably-bento .fill-zinc-900{fill:var(--color-zinc-900)}
.landing-probably-bento .fill-zinc-900\/90{fill:#18181be6}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .fill-zinc-900\/90{fill:color-mix(in oklab,var(--color-zinc-900)90%,transparent)}}
.landing-probably-bento .stroke-amber-400{stroke:var(--color-amber-400)}
.landing-probably-bento .stroke-blue-300{stroke:var(--color-blue-300)}
.landing-probably-bento .stroke-blue-400{stroke:var(--color-blue-400)}
.landing-probably-bento .stroke-cyan-500\/50{stroke:#00b7d780}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-cyan-500\/50{stroke:color-mix(in oklab,var(--color-cyan-500)50%,transparent)}}
.landing-probably-bento .stroke-emerald-300{stroke:var(--color-emerald-300)}
.landing-probably-bento .stroke-emerald-400{stroke:var(--color-emerald-400)}
.landing-probably-bento .stroke-emerald-400\/10{stroke:#00d2941a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-emerald-400\/10{stroke:color-mix(in oklab,var(--color-emerald-400)10%,transparent)}}
.landing-probably-bento .stroke-emerald-500\/20{stroke:#00bb7f33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-emerald-500\/20{stroke:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}
.landing-probably-bento .stroke-emerald-500\/30{stroke:#00bb7f4d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-emerald-500\/30{stroke:color-mix(in oklab,var(--color-emerald-500)30%,transparent)}}
.landing-probably-bento .stroke-emerald-500\/40{stroke:#00bb7f66}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-emerald-500\/40{stroke:color-mix(in oklab,var(--color-emerald-500)40%,transparent)}}
.landing-probably-bento .stroke-orange-400\/20{stroke:#ff8b1a33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-orange-400\/20{stroke:color-mix(in oklab,var(--color-orange-400)20%,transparent)}}
.landing-probably-bento .stroke-orange-500\/20{stroke:#fe6e0033}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-orange-500\/20{stroke:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}
.landing-probably-bento .stroke-orange-500\/25{stroke:#fe6e0040}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-orange-500\/25{stroke:color-mix(in oklab,var(--color-orange-500)25%,transparent)}}
.landing-probably-bento .stroke-pink-500\/50{stroke:#f6339a80}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-pink-500\/50{stroke:color-mix(in oklab,var(--color-pink-500)50%,transparent)}}
.landing-probably-bento .stroke-purple-500\/50{stroke:#ac4bff80}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-purple-500\/50{stroke:color-mix(in oklab,var(--color-purple-500)50%,transparent)}}
.landing-probably-bento .stroke-red-500{stroke:var(--color-red-500)}
.landing-probably-bento .stroke-sky-400{stroke:var(--color-sky-400)}
.landing-probably-bento .stroke-violet-400{stroke:var(--color-violet-400)}
.landing-probably-bento .stroke-violet-400\/50{stroke:#a685ff80}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-violet-400\/50{stroke:color-mix(in oklab,var(--color-violet-400)50%,transparent)}}
.landing-probably-bento .stroke-violet-500\/20{stroke:#8d54ff33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-violet-500\/20{stroke:color-mix(in oklab,var(--color-violet-500)20%,transparent)}}
.landing-probably-bento .stroke-violet-500\/50{stroke:#8d54ff80}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-violet-500\/50{stroke:color-mix(in oklab,var(--color-violet-500)50%,transparent)}}
.landing-probably-bento .stroke-white\/10{stroke:#ffffff1a}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-white\/10{stroke:color-mix(in oklab,var(--color-white)10%,transparent)}}
.landing-probably-bento .stroke-white\/20{stroke:#fff3}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-white\/20{stroke:color-mix(in oklab,var(--color-white)20%,transparent)}}
.landing-probably-bento .stroke-white\/30{stroke:#ffffff4d}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .stroke-white\/30{stroke:color-mix(in oklab,var(--color-white)30%,transparent)}}
.landing-probably-bento .stroke-\[2\]{stroke-width:2px}
.landing-probably-bento .stroke-\[3\]{stroke-width:3px}
.landing-probably-bento .p-4{padding:calc(var(--spacing)*4)}
.landing-probably-bento .pb-2{padding-bottom:calc(var(--spacing)*2)}
.landing-probably-bento .align-text-bottom{vertical-align:text-bottom}
.landing-probably-bento .font-mono{font-family:var(--font-mono)}
.landing-probably-bento .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
.landing-probably-bento .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
.landing-probably-bento .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
.landing-probably-bento .text-\[10px\]{font-size:10px}
.landing-probably-bento .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
.landing-probably-bento .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
.landing-probably-bento .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}
.landing-probably-bento .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}
.landing-probably-bento .tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}
.landing-probably-bento .break-words{overflow-wrap:break-word}
.landing-probably-bento .whitespace-normal{white-space:normal}
.landing-probably-bento .whitespace-nowrap{white-space:nowrap}
.landing-probably-bento .text-amber-400{color:var(--color-amber-400)}
.landing-probably-bento .text-blue-400{color:var(--color-blue-400)}
.landing-probably-bento .text-cyan-400{color:var(--color-cyan-400)}
.landing-probably-bento .text-emerald-400{color:var(--color-emerald-400)}
.landing-probably-bento .text-green-400{color:var(--color-green-400)}
.landing-probably-bento .text-green-500\/50{color:#00c75880}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .text-green-500\/50{color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}
.landing-probably-bento .text-green-600\/50{color:#00a54480}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .text-green-600\/50{color:color-mix(in oklab,var(--color-green-600)50%,transparent)}}
.landing-probably-bento .text-orange-400{color:var(--color-orange-400)}
.landing-probably-bento .text-pink-400{color:var(--color-pink-400)}
.landing-probably-bento .text-purple-400{color:var(--color-purple-400)}
.landing-probably-bento .text-red-400{color:var(--color-red-400)}
.landing-probably-bento .text-red-500{color:var(--color-red-500)}
.landing-probably-bento .text-violet-400{color:var(--color-violet-400)}
.landing-probably-bento .text-white{color:var(--color-white)}
.landing-probably-bento .text-zinc-400{color:var(--color-zinc-400)}
.landing-probably-bento .opacity-0{opacity:0}
.landing-probably-bento .opacity-20{opacity:.2}
.landing-probably-bento .opacity-30{opacity:.3}
.landing-probably-bento .opacity-40{opacity:.4}
.landing-probably-bento .opacity-60{opacity:.6}
.landing-probably-bento .opacity-80{opacity:.8}
.landing-probably-bento .opacity-90{opacity:.9}
.landing-probably-bento .opacity-100{opacity:1}
.landing-probably-bento .shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.landing-probably-bento .shadow-green-900\/20{--tw-shadow-color:#0d542b33}
@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .shadow-green-900\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-green-900)20%,transparent)var(--tw-shadow-alpha),transparent)}}
.landing-probably-bento .drop-shadow-\[0_0_8px_rgba\(251\,191\,36\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#fbbf2480));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}
.landing-probably-bento .backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}
.landing-probably-bento .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.landing-probably-bento .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.landing-probably-bento .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.landing-probably-bento .delay-300{transition-delay:.3s}
.landing-probably-bento .duration-300{--tw-duration:.3s;transition-duration:.3s}
.landing-probably-bento .duration-500{--tw-duration:.5s;transition-duration:.5s}
.landing-probably-bento .select-none{-webkit-user-select:none;user-select:none}
@media (hover:hover){.landing-probably-bento .group-hover\:w-full:is(:where(.group):hover *){width:100%}.landing-probably-bento .group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.landing-probably-bento .group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.landing-probably-bento .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.landing-probably-bento .group-hover\:animate-ping:is(:where(.group):hover *){animation:var(--animate-ping)}.landing-probably-bento .group-hover\:border-purple-500\/40:is(:where(.group):hover *){border-color:#ac4bff66}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:border-purple-500\/40:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-purple-500)40%,transparent)}}.landing-probably-bento .group-hover\:border-violet-500\/40:is(:where(.group):hover *){border-color:#8d54ff66}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:border-violet-500\/40:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-violet-500)40%,transparent)}}.landing-probably-bento .group-hover\:border-violet-500\/70:is(:where(.group):hover *){border-color:#8d54ffb3}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:border-violet-500\/70:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-violet-500)70%,transparent)}}.landing-probably-bento .group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.landing-probably-bento .group-hover\:bg-purple-500\/20:is(:where(.group):hover *){background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:bg-purple-500\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.landing-probably-bento .group-hover\:bg-violet-500\/20:is(:where(.group):hover *){background-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:bg-violet-500\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-violet-500)20%,transparent)}}.landing-probably-bento .group-hover\:from-purple-600\/5:is(:where(.group):hover *){--tw-gradient-from:#9810fa0d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:from-purple-600\/5:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab,var(--color-purple-600)5%,transparent)}}.landing-probably-bento .group-hover\:from-purple-600\/5:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.landing-probably-bento .group-hover\:from-violet-600\/5:is(:where(.group):hover *){--tw-gradient-from:#7f22fe0d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:from-violet-600\/5:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab,var(--color-violet-600)5%,transparent)}}.landing-probably-bento .group-hover\:from-violet-600\/5:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.landing-probably-bento .group-hover\:via-purple-600\/10:is(:where(.group):hover *){--tw-gradient-via:#9810fa1a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:via-purple-600\/10:is(:where(.group):hover *){--tw-gradient-via:color-mix(in oklab,var(--color-purple-600)10%,transparent)}}.landing-probably-bento .group-hover\:via-purple-600\/10:is(:where(.group):hover *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.landing-probably-bento .group-hover\:via-violet-600\/10:is(:where(.group):hover *){--tw-gradient-via:#7f22fe1a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:via-violet-600\/10:is(:where(.group):hover *){--tw-gradient-via:color-mix(in oklab,var(--color-violet-600)10%,transparent)}}.landing-probably-bento .group-hover\:via-violet-600\/10:is(:where(.group):hover *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.landing-probably-bento .group-hover\:to-transparent:is(:where(.group):hover *){--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.landing-probably-bento .group-hover\:fill-emerald-500\/80:is(:where(.group):hover *){fill:#00bb7fcc}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:fill-emerald-500\/80:is(:where(.group):hover *){fill:color-mix(in oklab,var(--color-emerald-500)80%,transparent)}}.landing-probably-bento .group-hover\:fill-orange-200:is(:where(.group):hover *){fill:var(--color-orange-200)}.landing-probably-bento .group-hover\:fill-orange-300:is(:where(.group):hover *){fill:var(--color-orange-300)}.landing-probably-bento .group-hover\:fill-orange-400:is(:where(.group):hover *){fill:var(--color-orange-400)}.landing-probably-bento .group-hover\:fill-orange-500:is(:where(.group):hover *){fill:var(--color-orange-500)}.landing-probably-bento .group-hover\:stroke-emerald-300:is(:where(.group):hover *){stroke:var(--color-emerald-300)}.landing-probably-bento .group-hover\:stroke-orange-400\/50:is(:where(.group):hover *){stroke:#ff8b1a80}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:stroke-orange-400\/50:is(:where(.group):hover *){stroke:color-mix(in oklab,var(--color-orange-400)50%,transparent)}}.landing-probably-bento .group-hover\:stroke-orange-500\/60:is(:where(.group):hover *){stroke:#fe6e0099}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:stroke-orange-500\/60:is(:where(.group):hover *){stroke:color-mix(in oklab,var(--color-orange-500)60%,transparent)}}.landing-probably-bento .group-hover\:stroke-orange-500\/70:is(:where(.group):hover *){stroke:#fe6e00b3}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\:stroke-orange-500\/70:is(:where(.group):hover *){stroke:color-mix(in oklab,var(--color-orange-500)70%,transparent)}}.landing-probably-bento .group-hover\:stroke-violet-300:is(:where(.group):hover *){stroke:var(--color-violet-300)}.landing-probably-bento .group-hover\:text-purple-100:is(:where(.group):hover *){color:var(--color-purple-100)}.landing-probably-bento .group-hover\:text-purple-300:is(:where(.group):hover *){color:var(--color-purple-300)}.landing-probably-bento .group-hover\:text-violet-100:is(:where(.group):hover *){color:var(--color-violet-100)}.landing-probably-bento .group-hover\:text-violet-300:is(:where(.group):hover *){color:var(--color-violet-300)}.landing-probably-bento .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.landing-probably-bento .group-hover\:text-zinc-400:is(:where(.group):hover *){color:var(--color-zinc-400)}.landing-probably-bento .group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.landing-probably-bento .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.landing-probably-bento .group-hover\/card\:scale-\[1\.02\]:is(:where(.group\/card):hover *){scale:1.02}.landing-probably-bento .group-hover\/card\:scale-\[1\.03\]:is(:where(.group\/card):hover *){scale:1.03}.landing-probably-bento .group-hover\/card\:border-purple-500\/40:is(:where(.group\/card):hover *){border-color:#ac4bff66}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\/card\:border-purple-500\/40:is(:where(.group\/card):hover *){border-color:color-mix(in oklab,var(--color-purple-500)40%,transparent)}}.landing-probably-bento .group-hover\/card\:text-purple-400:is(:where(.group\/card):hover *){color:var(--color-purple-400)}.landing-probably-bento .group-hover\/card\:shadow-lg:is(:where(.group\/card):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.landing-probably-bento .group-hover\/card\:shadow-purple-500\/10:is(:where(.group\/card):hover *){--tw-shadow-color:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .group-hover\/card\:shadow-purple-500\/10:is(:where(.group\/card):hover *){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-purple-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.landing-probably-bento .group-hover\/card\:brightness-110:is(:where(.group\/card):hover *){--tw-brightness:brightness(110%);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,)}.landing-probably-bento .group-hover\/link\:translate-x-1:is(:where(.group\/link):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.landing-probably-bento .group-hover\/link\:-translate-y-1:is(:where(.group\/link):hover *){--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.landing-probably-bento .group-hover\/link\:border-purple-400\/100:is(:where(.group\/link):hover *){border-color:var(--color-purple-400)}.landing-probably-bento .group-hover\/link\:border-violet-400\/100:is(:where(.group\/link):hover *){border-color:var(--color-violet-400)}}
@media (hover:hover){.landing-probably-bento .hover\:border-amber-500\/30:hover{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:border-amber-500\/30:hover{border-color:color-mix(in oklab,var(--color-amber-500)30%,transparent)}}.landing-probably-bento .hover\:border-blue-500\/30:hover{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:border-blue-500\/30:hover{border-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.landing-probably-bento .hover\:border-cyan-500\/30:hover{border-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:border-cyan-500\/30:hover{border-color:color-mix(in oklab,var(--color-cyan-500)30%,transparent)}}.landing-probably-bento .hover\:border-emerald-500\/30:hover{border-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:border-emerald-500\/30:hover{border-color:color-mix(in oklab,var(--color-emerald-500)30%,transparent)}}.landing-probably-bento .hover\:border-orange-500\/30:hover{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:border-orange-500\/30:hover{border-color:color-mix(in oklab,var(--color-orange-500)30%,transparent)}}.landing-probably-bento .hover\:border-pink-500\/30:hover{border-color:#f6339a4d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:border-pink-500\/30:hover{border-color:color-mix(in oklab,var(--color-pink-500)30%,transparent)}}.landing-probably-bento .hover\:border-violet-500\/30:hover{border-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:border-violet-500\/30:hover{border-color:color-mix(in oklab,var(--color-violet-500)30%,transparent)}}.landing-probably-bento .hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.landing-probably-bento .hover\:shadow-amber-500\/10:hover{--tw-shadow-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:shadow-amber-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-amber-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.landing-probably-bento .hover\:shadow-blue-500\/10:hover{--tw-shadow-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:shadow-blue-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.landing-probably-bento .hover\:shadow-cyan-500\/10:hover{--tw-shadow-color:#00b7d71a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:shadow-cyan-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-cyan-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.landing-probably-bento .hover\:shadow-emerald-500\/10:hover{--tw-shadow-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:shadow-emerald-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-emerald-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.landing-probably-bento .hover\:shadow-orange-500\/10:hover{--tw-shadow-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:shadow-orange-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.landing-probably-bento .hover\:shadow-pink-500\/10:hover{--tw-shadow-color:#f6339a1a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:shadow-pink-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-pink-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.landing-probably-bento .hover\:shadow-violet-500\/10:hover{--tw-shadow-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.landing-probably-bento .hover\:shadow-violet-500\/10:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-violet-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}}
@media (min-width:40rem){.landing-probably-bento .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:48rem){.landing-probably-bento .md\:max-w-\[540px\]{max-width:540px}.landing-probably-bento .md\:gap-3{gap:calc(var(--spacing)*3)}.landing-probably-bento .md\:p-5{padding:calc(var(--spacing)*5)}.landing-probably-bento .md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.landing-probably-bento .md\:text-base\/5{font-size:var(--text-base);line-height:calc(var(--spacing)*5)}.landing-probably-bento .md\:opacity-0{opacity:0}@media (hover:hover){.landing-probably-bento .md\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}
@media (min-width:64rem){.landing-probably-bento .lg\:absolute{position:absolute}.landing-probably-bento .lg\:top-8{top:calc(var(--spacing)*8)}.landing-probably-bento .lg\:right-4{right:calc(var(--spacing)*4)}.landing-probably-bento .lg\:col-span-2{grid-column:span 2/span 2}.landing-probably-bento .lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.landing-probably-bento .lg\:block{display:block}.landing-probably-bento .lg\:h-\[140px\]{height:140px}.landing-probably-bento .lg\:w-\[45\%\]{width:45%}.landing-probably-bento .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:opacity-100:where(.astro-sbnvx53a){opacity:1}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:opacity-80:where(.astro-sbnvx53a){opacity:.8}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:rotate-0:where(.astro-sbnvx53a){transform:rotate(0)}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:translate-x-0:where(.astro-sbnvx53a){transform:translate(0)}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:translate-y-0:where(.astro-sbnvx53a){transform:translateY(0)}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:scale-150:where(.astro-sbnvx53a){transform:scale(1.5)}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:scale-110:where(.astro-sbnvx53a){transform:scale(1.1)}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:border-nexus-purple\/50:where(.astro-sbnvx53a){border-color:#a855f780}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:border-nexus-purple:where(.astro-sbnvx53a){border-color:#a855f7}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:text-nexus-purple:where(.astro-sbnvx53a){color:#a855f7}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:text-violet-300:where(.astro-sbnvx53a){color:#c4b5fd}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:bg-nexus-purple\/10:where(.astro-sbnvx53a){background-color:#a855f71a}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:bg-nexus-purple\/20:where(.astro-sbnvx53a){background-color:#a855f733}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:stroke-emerald-400:where(.astro-sbnvx53a){stroke:#34d399}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:stroke-emerald-300:where(.astro-sbnvx53a){stroke:#6ee7b7}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:stroke-violet-300:where(.astro-sbnvx53a){stroke:#c4b5fd}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:stroke-orange-500\/30:where(.astro-sbnvx53a){stroke:#f973164d}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:fill-amber-500:where(.astro-sbnvx53a){fill:#f59e0b}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:fill-amber-600\/80:where(.astro-sbnvx53a){fill:#d97706cc}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:fill-emerald-500\/80:where(.astro-sbnvx53a){fill:#10b981cc}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:fill-orange-400:where(.astro-sbnvx53a){fill:#fb923c}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:animate-pulse:where(.astro-sbnvx53a){animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .group-hover\:animate-ping:where(.astro-sbnvx53a){animation:ping 1s cubic-bezier(0,0,.2,1) infinite}
.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .hidden:where(.astro-sbnvx53a).group-hover\:block{display:block}
.landing-probably-bento .bento-graphic:where(.astro-sbnvx53a){width:100%;display:flex;align-items:center;justify-content:center;height:140px;overflow:hidden;opacity:.9;flex-shrink:0}
.landing-probably-bento .bento-graphic:where(.astro-sbnvx53a) svg:where(.astro-sbnvx53a){width:100%;height:100%;object-fit:contain}
.landing-probably-bento .bento-content:where(.astro-sbnvx53a){flex-shrink:0;z-index:10;position:relative;padding-top:.75rem}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover{box-shadow:0 0 40px -10px var(--card-glow, rgba(255,255,255,.1))}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover.hover\:border-cyan-500\/30{--card-glow: rgba(6, 182, 212, .25)}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover.hover\:border-emerald-500\/30{--card-glow: rgba(16, 185, 129, .25)}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover.hover\:border-violet-500\/30{--card-glow: rgba(139, 92, 246, .25)}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover.hover\:border-blue-500\/30{--card-glow: rgba(59, 130, 246, .25)}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover.hover\:border-amber-500\/30{--card-glow: rgba(245, 158, 11, .25)}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover.hover\:border-orange-500\/30{--card-glow: rgba(249, 115, 22, .25)}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover.hover\:border-pink-500\/30{--card-glow: rgba(236, 72, 153, .25)}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .bento-graphic:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .bento-graphic:where(.astro-sbnvx53a){opacity:1}
.landing-probably-bento .cursor-blink:where(.astro-sbnvx53a){animation:blink 1s step-end infinite}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .blocker-ping:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .blocker-ping:where(.astro-sbnvx53a){animation:blockPing 2s ease-in-out infinite}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .scanner-group:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .scanner-group:where(.astro-sbnvx53a){animation:scanMove 2s ease-in-out infinite alternate}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .glitch-block:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .glitch-block:where(.astro-sbnvx53a){animation:turnGreen 2s steps(1) infinite alternate}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .animate-node-pulse:where(.astro-sbnvx53a)>circle:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a):hover .animate-node-pulse:where(.astro-sbnvx53a)>rect:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a):hover .animate-node-pulse:where(.astro-sbnvx53a)>path:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a):hover .animate-node-pulse:where(.astro-sbnvx53a)>text:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .animate-node-pulse:where(.astro-sbnvx53a)>circle:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .animate-node-pulse:where(.astro-sbnvx53a)>rect:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .animate-node-pulse:where(.astro-sbnvx53a)>path:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .animate-node-pulse:where(.astro-sbnvx53a)>text:where(.astro-sbnvx53a){animation:nodePulse 2s ease-in-out infinite}
.landing-probably-bento .role-particle:where(.astro-sbnvx53a){filter:drop-shadow(0 0 6px currentColor)}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .role-icon-dot:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a):hover .role-icon-label:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .role-icon-dot:where(.astro-sbnvx53a),.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .role-icon-label:where(.astro-sbnvx53a){opacity:1}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .role-icon-bg:where(.astro-sbnvx53a).stroke-purple-500\/50,.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .role-icon-bg:where(.astro-sbnvx53a).stroke-purple-500\/50{stroke:#c084fc;fill:#a855f733}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .role-icon-bg:where(.astro-sbnvx53a).stroke-pink-500\/50,.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .role-icon-bg:where(.astro-sbnvx53a).stroke-pink-500\/50{stroke:#f472b6;fill:#ec489933}
.landing-probably-bento .group:where(.astro-sbnvx53a):hover .role-icon-bg:where(.astro-sbnvx53a).stroke-cyan-500\/50,.landing-probably-bento .group:where(.astro-sbnvx53a).touch-active .role-icon-bg:where(.astro-sbnvx53a).stroke-cyan-500\/50{stroke:#22d3ee;fill:#06b6d433}
.landing-probably-bento .float-node-1:where(.astro-sbnvx53a){animation:float 6s ease-in-out infinite}
.landing-probably-bento .float-node-2:where(.astro-sbnvx53a){animation:float 7s ease-in-out infinite reverse}
.landing-probably-bento .float-node-3:where(.astro-sbnvx53a){animation:float 8s ease-in-out infinite .5s}
.landing-probably-bento .animate-spin-slow:where(.astro-sbnvx53a){animation:gravitySpin 20s linear infinite}
.landing-probably-bento .animate-spin-slower:where(.astro-sbnvx53a){animation:gravitySpin 30s linear infinite}
.landing-probably-bento .animate-spin-reverse:where(.astro-sbnvx53a){animation:gravitySpin 25s linear infinite reverse}
.landing-probably-bento .animate-spin-linear:where(.astro-sbnvx53a){animation:gravitySpin 10s linear infinite}
.landing-probably-bento .animate-ping-slow:where(.astro-sbnvx53a){animation:ping 3s cubic-bezier(0,0,.2,1) infinite}
.landing-probably-bento .float-satellite-1:where(.astro-sbnvx53a){animation:floatSat 4s ease-in-out infinite}
.landing-probably-bento .float-satellite-2:where(.astro-sbnvx53a){animation:floatSat 5s ease-in-out infinite .5s}
.landing-probably-bento .float-satellite-3:where(.astro-sbnvx53a){animation:floatSat 4.5s ease-in-out infinite 1s}
.landing-probably-bento .float-satellite-4:where(.astro-sbnvx53a){animation:floatSat 5.5s ease-in-out infinite .2s}
.landing-probably-bento .float-satellite-5:where(.astro-sbnvx53a){animation:floatSat 4.8s ease-in-out infinite .8s}
@keyframes blink{0%,to{opacity:1}50%{opacity:0}}
@keyframes blockPing{0%{r:0;opacity:1;stroke-width:3}50%{r:15;opacity:0;stroke-width:0}to{r:0;opacity:0}}
@keyframes float{0%,to{transform:translate(var(--tx, 0),var(--ty, 0))}50%{transform:translate(var(--tx, 0),calc(var(--ty, 0) - 10px))}}
@keyframes floatSat{0%,to{transform:translate(0)}50%{transform:translateY(-8px)}}
@keyframes gravitySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes nodePulse{0%{transform:scale(1);filter:brightness(1)}10%{transform:scale(1.1);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}
@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
@keyframes pulse{50%{opacity:.5}}
@keyframes scanMove{0%{transform:translate(-60px)}to{transform:translate(60px)}}
@keyframes turnGreen{0%,50%{fill:#f59e0b}50%,to{fill:#10b981}}

.pricing-page,
.pricing-page *,
.about-page,
.about-page * {
	box-sizing: border-box;
}

body:has(.pricing-page),
body:has(.about-page) {
	background: #ffffff;
}

body:has(.pricing-page) .landing-nav,
body:has(.about-page) .landing-nav {
	-webkit-backdrop-filter: saturate(180%) blur(12px);
	backdrop-filter: saturate(180%) blur(12px);
	background: rgba(255, 255, 255, 0.92);
	border-bottom: 1px solid #eaeaea;
	color: #000000;
	position: sticky;
	top: 0;
	z-index: 60;
}

body:has(.pricing-page) .landing-brand-mark img,
body:has(.about-page) .landing-brand-mark img {
	filter: invert(1);
}

body:has(.pricing-page) .landing-nav-links > a,
body:has(.pricing-page) .landing-product-menu > button,
body:has(.pricing-page) .landing-nav-login,
body:has(.about-page) .landing-nav-links > a,
body:has(.about-page) .landing-product-menu > button,
body:has(.about-page) .landing-nav-login {
	color: #111111;
}

body:has(.pricing-page) .landing-nav-links > a:hover,
body:has(.pricing-page) .landing-nav-links > a:focus,
body:has(.pricing-page) .landing-product-menu > button:hover,
body:has(.pricing-page) .landing-product-menu:has(.landing-product-dropdown:hover) > button,
body:has(.pricing-page) .landing-product-menu:focus-within > button,
body:has(.about-page) .landing-nav-links > a:hover,
body:has(.about-page) .landing-nav-links > a:focus,
body:has(.about-page) .landing-product-menu > button:hover,
body:has(.about-page) .landing-product-menu:has(.landing-product-dropdown:hover) > button,
body:has(.about-page) .landing-product-menu:focus-within > button {
	background: #f5f5f5;
	color: #000000;
}

body:has(.pricing-page) .landing-nav-demo,
body:has(.about-page) .landing-nav-demo {
	background: #000000;
	border: 1px solid #000000;
	color: #ffffff;
}

body:has(.pricing-page) .landing-nav-demo:hover,
body:has(.pricing-page) .landing-nav-demo:focus,
body:has(.about-page) .landing-nav-demo:hover,
body:has(.about-page) .landing-nav-demo:focus {
	background: #333333;
	border-color: #333333;
	color: #ffffff;
}

body:has(.pricing-page) .landing-nav-login,
body:has(.about-page) .landing-nav-login {
	background: #ffffff;
	border-color: #dcdcdc;
}

.pricing-shell {
	margin: 0 auto;
	width: min(calc(100% - 32px), 1440px);
}

.about-page {
	background: #ffffff;
	color: #1a2035;
	font-family:
		InterVariable,
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif;
	overflow: hidden;
}

.about-hero {
	background: #eef4ff;
	display: grid;
	grid-template-rows: auto minmax(360px, auto) auto;
	min-width: 0;
	min-height: clamp(820px, 64vw, 952px);
	overflow: hidden;
	padding-bottom: 244px;
	position: relative;
}

.about-hero > * {
	min-width: 0;
}

.about-hero-media {
	bottom: 100px;
	left: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 1;
}

.about-hero-media::after {
	background:
		linear-gradient(180deg, #eef4ff 0%, rgba(238, 244, 255, 0.88) 8%, rgba(238, 244, 255, 0) 28%),
		linear-gradient(90deg, #eef4ff 0%, rgba(238, 244, 255, 0.92) 5%, rgba(238, 244, 255, 0.46) 13%, rgba(238, 244, 255, 0) 24%, rgba(238, 244, 255, 0) 76%, rgba(238, 244, 255, 0.46) 87%, rgba(238, 244, 255, 0.92) 95%, #eef4ff 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.about-hero-media img {
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000000 10%, #000000 90%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0%, #000000 10%, #000000 90%, transparent 100%);
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: none;
	min-width: 0;
	object-fit: contain;
	object-position: center bottom;
	transform: none;
	width: min(calc(100% - 112px), 70%);
}

.about-hero-content {
	display: grid;
	gap: 20px;
	justify-items: center;
	max-width: none;
	order: 1;
	padding-bottom: 32px;
	padding-top: clamp(72px, 7vw, 112px);
	position: relative;
	text-align: center;
	z-index: 2;
}

.about-kicker {
	color: #4945ff;
	font-size: 16px;
	font-weight: 760;
	letter-spacing: 0.08em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.about-hero .about-kicker {
	background: rgba(255, 255, 255, 0.68);
	border: 1px solid rgba(73, 69, 255, 0.16);
	border-radius: 4px;
	box-shadow: 0 14px 34px rgba(41, 57, 94, 0.08);
	padding: 10px 14px;
}

.about-hero h1,
.about-section h2 {
	color: #1a2035;
	font-weight: 500;
	letter-spacing: 0;
	margin: 0;
}

.about-hero h1 {
	font-size: clamp(3rem, 5vw, 5rem);
	line-height: 1.2;
}

.about-hero-content > p {
	color: #3f4558;
	font-size: clamp(1.08rem, 1.7vw, 1.42rem);
	line-height: 1.68;
	margin: 0;
	max-width: 760px;
}

.about-hero-metrics {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.14)),
		rgba(255, 255, 255, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.46);
	border-radius: 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
	bottom: 1px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	left: 0;
	margin: 0;
	max-width: none;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 2;
}

.about-hero-metrics div {
	align-content: space-between;
	background: rgba(255, 255, 255, 0.03);
	border-left: 1px solid rgba(26, 32, 53, 0.08);
	display: grid;
	gap: 72px;
	min-height: 244px;
	padding: 44px 42px 34px;
}

.about-hero-metrics div:first-child {
	border-left: 0;
}

.about-hero-metrics strong {
	color: #1a2035;
	font-size: clamp(2rem, 2.29vw + 1.44rem, 3.5rem);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 0.95;
}

.about-hero-metrics span {
	color: #515d6f;
	font-size: clamp(1rem, 1.3vw, 1.3rem);
	font-weight: 650;
	line-height: 1.25;
}

.about-section {
	background: #ffffff;
	padding: clamp(80px, 9vw, 132px) 0;
}

.about-section + .about-section {
	border-top: 1px solid #e9ebf2;
}

.about-split {
	display: grid;
	gap: clamp(36px, 6vw, 96px);
	grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
}

.about-section h2 {
	font-size: clamp(2rem, 2.8vw, 3rem);
	line-height: 1.08;
	margin-top: 16px;
	max-width: 860px;
}

.about-title-line {
	display: block;
}

.about-copy {
	display: grid;
	gap: 24px;
}

.about-copy p {
	color: #555b69;
	font-size: 1.02rem;
	line-height: 1.82;
	margin: 0;
}

.about-section-head {
	display: grid;
	gap: 16px;
	margin-bottom: 38px;
	max-width: 980px;
}

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

.about-principle-grid article {
	background: #f7f8fb;
	border: 1px solid #e7e9f2;
	display: grid;
	gap: 18px;
	min-height: 280px;
	padding: 30px;
}

.about-principle-grid span {
	color: #4945ff;
	font-size: 0.8rem;
	font-weight: 760;
	letter-spacing: 0.08em;
}

.about-principle-grid h3 {
	color: #1a2035;
	font-size: 1.28rem;
	font-weight: 650;
	line-height: 1.25;
	margin: 0;
}

.about-principle-grid p {
	color: #5c5e66;
	font-size: 0.96rem;
	line-height: 1.68;
	margin: 0;
}

.pricing-page {
	background: #ffffff;
	color: #000000;
	font-family:
		InterVariable,
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
			sans-serif;
	min-height: 100vh;
	padding-bottom: 24px;
}

.pricing-module {
	padding: 42px 0 0;
}

.pricing-module .pricing-shell {
	width: min(calc(100% - 48px), 1500px);
}

.pricing-comparison-heading {
	margin: 0 0 54px;
	text-align: center;
}

.pricing-comparison-title {
	color: #1a2035;
	font-family:
		ui-sans-serif,
		system-ui,
		-apple-system,
		"Segoe UI",
		Roboto,
		Ubuntu,
		Cantarell,
		"Noto Sans",
		sans-serif,
		"system-ui",
		"Helvetica Neue",
		Arial,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji";
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 50px;
	margin: 0 0 8px;
	text-align: center;
	width: 100%;
}

.pricing-comparison-subtitle {
	color: #5c5e66;
	font-family:
		ui-sans-serif,
		system-ui,
		-apple-system,
		"Segoe UI",
		Roboto,
		Ubuntu,
		Cantarell,
		"Noto Sans",
		sans-serif,
		"system-ui",
		"Helvetica Neue",
		Arial,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji";
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 27px;
	margin: 0 auto;
	max-width: 840px;
	text-align: center;
}

.pricing-table-wrap {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.pricing-table {
	border-collapse: separate;
	border-spacing: 0;
	max-width: 100%;
	min-width: 0;
	table-layout: fixed;
	width: 100%;
}

.pricing-table caption {
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.pricing-feature-col {
	width: 14.2%;
}

.pricing-free-col {
	width: 9.2%;
}

.pricing-year-col {
	width: 6.963636%;
}

.pricing-table th,
.pricing-table td {
	background: #ffffff;
	border-bottom: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	color: #111111;
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.18;
	min-height: 0;
	overflow-wrap: anywhere;
	padding: 8px 0;
	text-align: center;
	vertical-align: middle;
	word-break: break-word;
}

.pricing-table th:first-child,
.pricing-table td:first-child {
	border-left: 0;
}

.pricing-table tr:last-child th,
.pricing-table tr:last-child td {
	border-bottom: 0;
}

.pricing-table thead th {
	background: #ffffff;
	position: sticky;
	top: 0;
	z-index: 5;
}

.pricing-table th:first-child {
	background: #ffffff;
	left: 0;
	padding-left: 12px;
	padding-right: 6px;
	position: sticky;
	text-align: left;
	z-index: 4;
}

.pricing-table thead th:first-child {
	z-index: 7;
}

.pricing-plan-row th {
	height: 88px;
}

.pricing-plan-row th span {
	color: #1a2035;
	display: block;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 36px;
}

.pricing-plan-row th strong {
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	color: #555555;
	display: inline-flex;
	font-size: 0.74rem;
	font-weight: 500;
	margin-top: 6px;
	min-height: 22px;
	padding: 5px 8px;
}

.pricing-plan-row th[colspan="11"] span {
	color: #4945ff;
}

.pricing-plan-row th[colspan="11"] strong {
	background: #000000;
	border-color: #000000;
	color: #ffffff;
}

.pricing-volume-row th {
	color: #4945ff;
	font-size: 0.92rem;
	font-weight: 700;
	padding-bottom: 12px;
	padding-top: 12px;
}

.pricing-volume-row th:first-child {
	color: #000000;
}

.pricing-price-row td {
	height: 52px;
	padding-bottom: 12px;
	padding-top: 12px;
}

.pricing-price-row th {
	padding-bottom: 12px;
	padding-top: 12px;
}

.pricing-money,
.pricing-unit {
	display: block;
}

.pricing-money {
	color: #000000;
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.15;
}

.pricing-unit {
	color: #666666;
	font-size: 0.68rem;
	font-weight: 500;
	margin-top: 2px;
}

.pricing-section-row th,
.pricing-section-row td {
	background: #ffffff;
	font-weight: 700;
}

.pricing-section-toggle {
	align-items: center;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	gap: 5px;
	margin: 0;
	min-height: 22px;
	padding: 0;
	text-align: left;
	width: 100%;
}

.pricing-section-toggle:focus-visible {
	outline: 2px solid #000000;
	outline-offset: 4px;
}

.pricing-chevron {
	border-bottom: 2px solid #777777;
	border-right: 2px solid #777777;
	display: inline-block;
	height: 6px;
	transform: rotate(-45deg);
	transition: transform 160ms ease;
	width: 6px;
}

.pricing-section-row[data-expanded="true"] .pricing-chevron {
	transform: rotate(45deg);
}

.pricing-child-row th,
.pricing-child-row td {
	background: #ffffff;
	color: #333333;
	font-size: 0.8rem;
	font-weight: 500;
	transition:
		border-color 220ms cubic-bezier(0.22, 1, 0.36, 1),
		color 220ms cubic-bezier(0.22, 1, 0.36, 1),
		line-height 220ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 220ms cubic-bezier(0.22, 1, 0.36, 1),
		padding-bottom 220ms cubic-bezier(0.22, 1, 0.36, 1),
		padding-top 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.pricing-child-row th {
	color: #555555;
	padding-left: 22px;
}

.pricing-table .pricing-check {
	color: #4945ff;
	font-size: 1rem;
	font-weight: 800;
}

.pricing-table tbody[data-accordion-panel][data-accordion-open="false"]
	.pricing-child-row
	th,
.pricing-table tbody[data-accordion-panel][data-accordion-open="false"]
	.pricing-child-row
	td {
	border-color: transparent;
	color: transparent;
	line-height: 0;
	opacity: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.pricing-table tbody[hidden] {
	display: none;
}

@media (max-width: 900px) {
	.pricing-shell {
		width: calc(100% - 16px);
	}

	.pricing-module .pricing-shell {
		width: calc(100% - 8px);
	}

	body:has(.pricing-page) .landing-product-menu::after {
		display: none;
	}

	body:has(.pricing-page) .landing-product-dropdown {
		left: 8px;
		position: fixed;
		right: 8px;
		top: 72px;
		transform: none;
		width: auto;
	}

	body:has(.pricing-page) .landing-product-menu > button:hover + .landing-product-dropdown,
	body:has(.pricing-page) .landing-product-dropdown:hover,
	body:has(.pricing-page) .landing-product-menu:focus-within .landing-product-dropdown {
		transform: none;
	}

	body:has(.about-page) .landing-product-menu::after {
		display: none;
	}

	body:has(.about-page) .landing-product-dropdown {
		left: 8px;
		position: fixed;
		right: 8px;
		top: 72px;
		transform: none;
		width: auto;
	}

	body:has(.about-page) .landing-product-menu > button:hover + .landing-product-dropdown,
	body:has(.about-page) .landing-product-dropdown:hover,
	body:has(.about-page) .landing-product-menu:focus-within .landing-product-dropdown {
		transform: none;
	}

	.about-hero {
		grid-template-rows: auto minmax(220px, auto) auto;
		min-height: 800px;
		padding-bottom: 310px;
	}

	.about-hero-media {
		bottom: 232px;
	}

	.about-hero-media img {
		min-width: 560px;
		width: 142%;
	}

	.about-hero-metrics {
		border-radius: 14px;
		bottom: 0;
		left: 12px;
		margin: 0;
		max-width: none;
		right: 12px;
		width: auto;
	}

	.about-hero-content {
		gap: 18px;
		padding-bottom: 18px;
		padding-top: 56px;
	}

	.about-hero h1 {
		font-size: 3.1rem;
		line-height: 0.98;
	}

	.about-hero-content > p {
		font-size: 1rem;
		line-height: 1.72;
	}

	.about-hero-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.about-hero-metrics div {
		border-bottom: 1px solid rgba(26, 32, 53, 0.1);
		gap: 36px;
		min-height: 154px;
		padding: 24px 22px 22px;
	}

	.about-hero-metrics div:nth-child(odd) {
		border-left: 0;
	}

	.about-hero-metrics div:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

	.about-hero-metrics strong {
		font-size: 3rem;
	}

	.about-hero-metrics span {
		font-size: 0.92rem;
	}

	.about-section {
		padding: 64px 0;
	}

	.about-split {
		gap: 28px;
		grid-template-columns: 1fr;
	}

	.about-section h2 {
		font-size: 2rem;
		line-height: 1.14;
	}

	.about-copy p {
		font-size: 0.98rem;
		line-height: 1.78;
	}

	.about-section-head {
		margin-bottom: 28px;
	}

	.about-principle-grid {
		grid-template-columns: 1fr;
	}

	.about-principle-grid article {
		min-height: 0;
		padding: 24px;
	}

	.pricing-module {
		padding-top: 28px;
	}

	.pricing-comparison-heading {
		margin-bottom: 34px;
	}

	.pricing-comparison-title {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 4px;
	}

	.pricing-comparison-subtitle {
		font-size: 14px;
		line-height: 21px;
		max-width: 840px;
		padding: 0 15px;
	}

	.pricing-table-wrap {
		border-radius: 6px;
	}

	.pricing-table th,
	.pricing-table td {
		font-size: 0.62rem;
		line-height: 1.05;
		padding: 4px 0;
	}

	.pricing-plan-row th {
		height: 56px;
	}

	.pricing-plan-row th span {
		font-size: 0.78rem;
		line-height: 1.1;
	}

	.pricing-plan-row th strong {
		border-radius: 4px;
		font-size: 0.52rem;
		margin-top: 4px;
		min-height: 18px;
		padding: 4px 2px;
	}

	.pricing-volume-row th,
	.pricing-money,
	.pricing-check {
		font-size: 0.64rem;
	}

	.pricing-price-row td {
		height: 38px;
		padding-bottom: 6px;
		padding-top: 6px;
	}

	.pricing-price-row th,
	.pricing-volume-row th {
		padding-bottom: 6px;
		padding-top: 6px;
	}

	.pricing-unit {
		font-size: 0.52rem;
	}

	.pricing-child-row th {
		font-size: 0.58rem;
		padding-left: 8px;
	}

	.pricing-table th:first-child {
		padding-left: 4px;
		padding-right: 2px;
	}

	.pricing-section-toggle {
		gap: 3px;
		min-height: 18px;
	}

	.pricing-chevron {
		border-width: 0 1.5px 1.5px 0;
		height: 5px;
		width: 5px;
	}
}