@charset "UTF-8";

/* 기본 유틸리티 클래스 */
.flex {
	display: flex;
}
.inline-flex {
	display: inline-flex;
}
.flex-1 {
	flex: 1 1 0%;
}
.flex-col {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.items-center {
	align-items: center;
}
.justify-between {
	justify-content: space-between;
}
.justify-center {
	justify-content: center;
}
.gap-1 {
	gap: 0.25rem;
}
.gap-2 {
	gap: 0.5rem;
}
.gap-3 {
	gap: 0.75rem;
}
.gap-4 {
	gap: 1rem;
}
.gap-4px {
	gap: 4px;
}
.gap-12px {
	gap: 12px;
}
.w-140px {
	width: 140px;
}
.w-full {
	width: 100%;
}
.mb-2px {
	margin-bottom: 2px;
}
.text-size-16px {
	font-size: 16px;
}

svg {
	width: auto;
	height: auto;
}

:root {
	--el-color-white: #fff;
	--el-color-black: #000;
	--el-font-size-extra-large: 20px;
	--el-font-size-large: 18px;
	--el-font-size-medium: 16px;
	--el-font-size-base: 14px;
	--el-font-size-small: 13px;
	--el-font-size-extra-small: 12px;
	--el-font-weight-primary: 500;
	--el-font-line-height-primary: 24px;
	--el-index-normal: 1;
	--el-index-popper: 2000;
	--el-border-radius-base: 4px;
	--el-border-radius-round: 20px;
	--el-transition-duration: 0.3s;
	--el-transition-duration-fast: 0.2s;
	--el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
	--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),
		opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
	--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
	color-scheme: light;
	--el-color-primary: #409eff;
	--el-color-primary-light-3: #79bbff;
	--el-color-primary-light-5: #a0cfff;
	--el-color-primary-light-7: #c6e2ff;
	--el-color-primary-light-8: #d9ecff;
	--el-color-primary-light-9: #ecf5ff;
	--el-color-primary-dark-2: #337ecc;
	--el-color-success: #67c23a;
	--el-color-success-light-3: #95d475;
	--el-color-success-light-5: #b3e19d;
	--el-color-success-light-7: #d1edc4;
	--el-color-success-light-8: #e1f3d8;
	--el-color-success-light-9: #f0f9eb;
	--el-color-success-dark-2: #529b2e;
	--el-color-warning: #e6a23c;
	--el-color-warning-light-3: #eebe77;
	--el-color-warning-light-5: #f3d19e;
	--el-color-warning-light-7: #f8e3c5;
	--el-color-warning-light-8: #faecd8;
	--el-color-warning-light-9: #fdf6ec;
	--el-color-warning-dark-2: #b88230;
	--el-color-danger: #f56c6c;
	--el-color-danger-light-3: #f89898;
	--el-color-danger-light-5: #fab6b6;
	--el-color-danger-light-7: #fcd3d3;
	--el-color-danger-light-8: #fde2e2;
	--el-color-danger-light-9: #fef0f0;
	--el-color-danger-dark-2: #c45656;
	--el-color-error: #f56c6c;
	--el-color-error-light-3: #f89898;
	--el-color-error-light-5: #fab6b6;
	--el-color-error-light-7: #fcd3d3;
	--el-color-error-light-8: #fde2e2;
	--el-color-error-light-9: #fef0f0;
	--el-color-error-dark-2: #c45656;
	--el-color-info: #909399;
	--el-color-info-light-3: #b1b3b8;
	--el-color-info-light-5: #c8c9cc;
	--el-color-info-light-7: #dedfe0;
	--el-color-info-light-8: #e9e9eb;
	--el-color-info-light-9: #f4f4f5;
	--el-color-info-dark-2: #73767a;
	--el-bg-color: #fff;
	--el-bg-color-page: #f2f3f5;
	--el-bg-color-overlay: #fff;
	--el-text-color-primary: #303133;
	--el-text-color-regular: #606266;
	--el-text-color-secondary: #909399;
	--el-text-color-placeholder: #a8abb2;
	--el-text-color-disabled: #c0c4cc;
	--el-border-color: #dcdfe6;
	--el-border-color-light: #e4e7ed;
	--el-border-color-lighter: #ebeef5;
	--el-border-color-extra-light: #f2f6fc;
	--el-border-color-dark: #d4d7de;
	--el-border-color-darker: #cdd0d6;
	--el-fill-color: #f0f2f5;
	--el-fill-color-light: #f5f7fa;
	--el-fill-color-lighter: #fafafa;
	--el-fill-color-extra-light: #fafcff;
	--el-fill-color-dark: #ebedf0;
	--el-fill-color-darker: #e6e8eb;
	--el-fill-color-blank: #fff;
	--el-box-shadow: 0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;
	--el-box-shadow-light: 0px 0px 12px #0000001f;
	--el-box-shadow-lighter: 0px 0px 6px #0000001f;
	--el-box-shadow-dark: 0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;
	--el-disabled-bg-color: var(--el-fill-color-light);
	--el-disabled-text-color: var(--el-text-color-placeholder);
	--el-disabled-border-color: var(--el-border-color-light);
	--el-overlay-color: #000c;
	--el-overlay-color-light: #000000b3;
	--el-overlay-color-lighter: #00000080;
	--el-mask-color: #ffffffe6;
	--el-mask-color-extra-light: #ffffff4d;
	--el-border-width: 1px;
	--el-border-style: solid;
	--el-border-color-hover: var(--el-text-color-disabled);
	--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
	--el-svg-monochrome-grey: var(--el-border-color);
}

.color-brand {
	color: var(--brand);
}

.cover {
	background-color: #d9d9d9;
	background-position: 50%;
	background-size: cover;
}

.cover-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

:root {
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

:root {
	--primary-color-h: 205;
	--primary-color-s: 84%;
	--primary-color-l: 52%;
	--el-color-primary: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
	--el-color-primary-light-3: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 5%));
	--el-color-primary-light-5: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 10%));
	--el-color-primary-light-7: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 15%));
	--el-color-primary-light-8: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 26%));
	--el-color-primary-light-9: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 37%));
	--el-color-primary-dark-2: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - 10%));
	--el-mask-color: rgba(var(--v-primary-rgb), 0.1);
}

:root {
	--el-color-success: #4b8d6d;
	--el-color-success-light-3: #59ad85;
	--el-color-success-dark-2: #386d54;
	--el-color-success-light-5: #cbddd3;
	--el-overlay-color-lighter: rgba(0, 0, 0, 0.3);
	--el-fill-color-light: #f4f4f4;
	--el-text-color-regular: var(--primary) !important;
	--el-border-radius-base: 6px;
}

.app .el-button {
	background-color: var(--el-button-bg-color);
	font-weight: 800;
	--el-border-radius-base: 34px;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 7px 16px;
	transition: 318ms;
	transition: 0.15s ease-in-out;
}

.app .el-button:active {
	transform: scale(0.95);
}

.app .el-button--large {
	--el-button-size: 43px;
	font-size: 20px;
	font-size: 16px;
	letter-spacing: -0.32px;
	padding: 10px 20px;
}

.app .el-button--default {
	background-color: var(--brand);
	border: none;
	color: var(--secondary) !important;
}

.app .el-button--default:focus,
.app .el-button--default:hover {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}

.app .el-button--default:active {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}

.app .el-button--secondary {
	background: transparent;
	border-color: rgba(0, 0, 0, 0.15);
	color: #000;
}

.app .el-button--secondary:focus,
.app .el-button--secondary:hover {
	background-color: rgba(0, 0, 0, 0.04) !important;
	border-color: rgba(0, 0, 0, 0.15) !important;
	color: #000 !important;
}

.app .el-button--secondary:active {
	background-color: rgba(0, 0, 0, 0.04) !important;
	border-color: rgba(0, 0, 0, 0.15) !important;
}

:root {
	--brand: #1e96eb;
	--brand-rgb: 30, 150, 235;
	--brand-hs: 204.8780487804878deg, 83.67346938775509%;
	--brand-h: 204.8780487804878deg;
	--brand-s: 83.67346938775509%;
	--brand-l: 51.96078431372548%;
	--brand-gradient: linear-gradient(180deg, #1e96eb, #1e96eb);
	--v-primary-rgb: 66, 65, 73;
	--v-secondary-rgb: 255, 255, 255;
	--primary: #424149;
	--primary-deep: #000;
	--primary-gray: #747474;
	--secondary: #fff;
	--logo-color: #5438ff;
	--divider-color: #d7d7d7;
	--link-hover-color: #244ee7;
	--container-padding: 40px;
	--navbar-height: 72px;
}

html {
	overflow-x: hidden;
}

body {
	--bg: #f8f8f7;
	background: var(--bg);
	color: rgb(var(--v-primary-rgb));
	font-family: Inter, Roboto, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: inherit;
	text-decoration: none;
	transition: color 268ms;
}

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

.nuxt-icon {
	display: inline-flex;
	line-height: 1;
	vertical-align: middle;
}

.nuxt-icon svg {
	margin: 0 !important;
}

.container {
	--width: 94.5rem;
	margin: 0 auto;
	max-width: var(--width) !important;
	width: 100%;
}

.container.is-fluid {
	max-width: 100% !important;
}

.limit-container {
	--padding: 32px;
	margin: 0 auto;
	max-width: 1144px;
	padding-left: var(--padding);
	padding-right: var(--padding);
	width: 100%;
}

@media (max-width: 29.9rem) {
	.limit-container {
		--padding: 20px;
	}
}

.section-title {
	font-size: clamp(2rem, 1.35rem + 2.67vw, 3.75rem);
	font-weight: 500;
	letter-spacing: -0.068em;
	line-height: 1.083333333333333;
	margin: 0;
	text-align: center;
}

.section-grad-title {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(91deg, #474747 20.12%, #000 55.27%, #474747 82.61%);
	color: transparent;
}

.headline-2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.333;
}

.page {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.default-layout {
	min-height: 500px;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.default-layout {
		overflow: hidden;
	}
}

.default-layout .fluid-container {
	height: 100%;
	min-height: 500px;
}

.site-header {
	position: relative;
	z-index: 234;
}

.site-header .header-navbar-mobile {
	display: none;
}

@media (max-width: 800px) {
	.site-header .header-navbar {
		display: none;
	}
	.site-header .header-navbar-mobile {
		display: block;
	}
}

.header-navbar {
	--navbar-height: 72px;
	--navbar-border-color: var(--primary-gray);
	--navbar-bg-color: hsla(0, 0%, 100%, 0.7);
	--navbar-active-bg-color: #e7e7e7;
	--github-border-color: #a4a4a4;
	--affix-progress: 0;
	margin: 0 auto;
	position: relative;
}

.header-navbar .logo-handler {
	height: 32px;
	margin-right: 20px;
	position: relative;
	width: 32px;
}

.header-navbar .navbar-logo {
	color: var(--logo-color);
	font-size: 32px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.header-navbar .navbar-placeholder {
	height: var(--navbar-height);
	pointer-events: none;
}

.header-navbar .navbar-fixed {
	background: hsla(60, 7%, 97%, 0.98);
	border-bottom: 0.5px solid transparent;
	left: 0;
	position: fixed;
	top: 0;
	transition: background 318ms;
	width: 100%;
	z-index: 235;
}

.header-navbar .navbar-fixed .limit-container {
	padding: 20px 32px;
}

.header-navbar .navbar-fixed .nav-item > .nav-handler,
.header-navbar .navbar-fixed .nav-item > a {
	border-radius: 12px;
	border-radius: 4px;
	color: #000;
	display: flex;
	letter-spacing: -0.28px;
	padding: 8px 12px;
	transition: 318ms;
}

.header-navbar .navbar-fixed .nav-item > .nav-handler.handler-row,
.header-navbar .navbar-fixed .nav-item > a.handler-row {
	cursor: pointer;
	display: flex;
}

.header-navbar .navbar-fixed .nav-item > .nav-handler.handler-row .arrow-icon,
.header-navbar .navbar-fixed .nav-item > a.handler-row .arrow-icon {
	transform: rotate(90deg);
	transition: 0.16s var(--ease-out-quad);
}

.header-navbar .navbar-fixed .nav-item > .nav-handler:hover,
.header-navbar .navbar-fixed .nav-item > a:hover {
	background: rgba(0, 0, 0, 0.04);
	color: #000;
}

.header-navbar .navbar-fixed .right-part {
	overflow: hidden;
	padding-right: 8px;
	transition-duration: 0.4s;
}

.header-navbar .navbar-fixed .menu-list {
	position: relative;
}

.header-navbar .navbar-fixed .menu-list > span {
	display: none;
}

.header-navbar .navbar-fixed .menu-list .nav-item {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
}

.el-popover.el-popper.logo-phonetic-popper {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	min-width: 140px;
	padding: 4px 12px;
	text-align: center;
}

.el-popover.el-popper.logo-phonetic-popper .phonetic-mark {
	color: #f4f4f5;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 20px;
	text-transform: uppercase;
	white-space: pre;
}

.el-popover.el-popper.community-popper {
	background: var(--White-Background, #f8f8f7);
	border: 1px solid var(--black-08, rgba(0, 0, 0, 0.08));
	border-radius: 8px;
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
	padding: 16px 12px;
}

.el-popover.el-popper.community-popper .inner-page-navbar .nav-item {
	margin-bottom: 2px;
	width: 100%;
}

.el-popover.el-popper.community-popper .scroll-link,
.el-popover.el-popper.community-popper .static-link {
	border-radius: 12px;
	border-radius: 4px;
	color: #000;
	display: flex;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 8px 12px;
	transition: 318ms;
}

.affine-logo svg {
	display: block;
	height: 1em;
	width: 1em;
}

.nuxt-icon svg {
	height: 1em;
	margin-bottom: 0.125em;
	vertical-align: middle;
	width: 1em;
}

.nuxt-icon.nuxt-icon--fill,
.nuxt-icon.nuxt-icon--fill * {
	fill: currentColor !important;
}

.nuxt-icon.nuxt-icon--stroke,
.nuxt-icon.nuxt-icon--stroke * {
	stroke: currentColor !important;
}

.product-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.product-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}

.product-navbar .nav-sub-item .item-desc,
.product-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}

.product-navbar .nav-sub-item .item-name {
	color: #000;
	letter-spacing: -0.014285714285714em;
}

.product-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}

.product-navbar .nav-sub-item .nuxt-icon {
	color: hsla(255, 3%, 47%, 0.6);
	font-size: clamp(1.25rem, 1.157rem + 0.39vw, 1.5rem);
	transition: 218ms;
}

.product-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}

.product-navbar .item-AI-blue .nuxt-icon {
	color: #1e96eb;
}

.team-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.team-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}

.team-navbar .nav-sub-item .item-desc,
.team-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}

.team-navbar .nav-sub-item .item-name {
	color: #000;
	letter-spacing: -0.014285714285714em;
}

.team-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}

.team-navbar .nav-sub-item .nuxt-icon {
	color: #7a7a7a;
	font-size: clamp(1.25rem, 1.157rem + 0.39vw, 1.5rem);
	transition: 218ms;
}

.team-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}

.scroll-link {
	cursor: pointer;
}

.community-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.community-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}

.community-navbar .nav-sub-item .item-desc,
.community-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}

.community-navbar .nav-sub-item .item-name {
	letter-spacing: -0.014285714285714em;
}

.community-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}

.community-navbar .nav-sub-item .nuxt-icon {
	color: hsla(255, 3%, 47%, 0.6);
	font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
	transition: 218ms;
}

.community-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}

.community-navbar .item-discord:hover .nuxt-icon {
	color: #5865f2;
}

.community-navbar .item-twitter-x:hover .nuxt-icon {
	color: #000;
}

.community-navbar .item-telegram:hover .nuxt-icon {
	color: #2aabee;
}

.community-navbar .item-community .nuxt-icon {
	transform: scale(1.1) translateY(1px);
}

.community-navbar .item-community:hover .nuxt-icon {
	color: var(--brand);
}

.get-start-link {
	display: block;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.get-start-link {
		display: none;
	}
}

.get-start-link .login-button {
	height: 30px;
	padding: 5px 16px;
}

.explore-on-desktop {
	background: var(--Black-Tertiary, #8e8d91);
	border-radius: 34px;
	color: var(--Black-Quinary, #f4f4f5);
	display: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	margin-top: 36px;
	padding: 12px 52px;
	text-align: center;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.explore-on-desktop {
		display: block;
	}
}

.stars-on-github-btn {
	border: 1px solid var(--black-quaternary, #ccc);
	border-radius: 34px;
	color: var(--primary-deep);
	font-size: 14px;
	gap: 6px;
	line-height: 1;
	padding: 6px 16px;
	transition: 0.15s ease-in-out;
}

.stars-on-github-btn:active {
	transform: scale(0.95);
}

.stars-on-github-btn:hover {
	background: rgba(0, 0, 0, 0.04);
}

@media (max-width: 569px) {
	.stars-on-github-btn {
		padding: 6px;
	}
	.stars-on-github-btn .info-text {
		display: none;
	}
}

.stars-on-github-btn .info-text {
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 18px;
}

.header-navbar-mobile .navbar-placeholder {
	height: var(--navbar-height);
}

.header-navbar-mobile .community-navbar,
.header-navbar-mobile .product-navbar,
.header-navbar-mobile .team-navbar {
	margin: 0 -12px;
}
.header-navbar-mobile .community-item .arrow-icon {
	transition: 218ms;
}
.header-navbar-mobile .community-item .nav-item {
	border: none !important;
}
.header-navbar-mobile .handler-row {
	display: flex !important;
}
.header-navbar-mobile .navbar-fixed {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: hsla(60, 7%, 97%, 0.9);
	border-bottom: 0.5px solid transparent;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 234;
}
.header-navbar-mobile .navbar-fixed .fixed-row {
	height: var(--navbar-height);
	padding: 0 32px;
}
@media (max-width: 480px) {
	.header-navbar-mobile .navbar-fixed .fixed-row {
		padding: 0 20px;
	}
}
.header-navbar-mobile .navbar-fixed .navbar-logo {
	color: var(--logo-color);
	font-size: 32px;
}
.header-navbar-mobile .navbar-fixed .icon-menu {
	color: var(--primary-deep);
	font-size: 24px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu {
	overflow-y: scroll;
	transition: max-height 0.3s ease-in-out;
	--h: calc(100dvh - var(--navbar-height));
	height: var(--h);
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list {
	height: 100%;
	padding: 0 32px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
	color: var(--primary-deep);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 20px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item .nav-handler,
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item > a {
	display: flex;
	padding: 12px 0;
}
.page-overview {
	color: var(--primary);
	font-size: clamp(1rem, 0.814rem + 0.77vw, 1.5rem);
}
.page-overview .product-hunt-fixed-button {
	bottom: 10px;
	position: fixed;
	right: 20px;
	z-index: 10;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.page-overview .product-hunt-fixed-button {
		display: none;
	}
}
.page-overview .section-bg-wrapper {
	background: var(--bg);
	position: relative;
	z-index: 2;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.page-overview {
		padding-top: 10px;
	}
}
.page-overview .section-desc {
	text-align: center;
}
.overview-hero-v3 {
	min-height: 600px;
	position: relative;
}
.overview-hero-v3 .pin-wrapper {
	left: 50%;
	position: fixed;
	top: var(--navbar-height);
	transform: translate(-50%);
	width: min(1920px, 100vw);
}
.overview-hero-v3 .pin-wrapper,
.overview-hero-v3 .pin-wrapper-placeholder {
	height: clamp(22.375rem, 11.533rem + 44.48vw, 40rem);
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .pin-wrapper {
		position: absolute;
		top: 0;
	}
}
.overview-hero-v3 .spline-container {
	aspect-ratio: 1920/1100;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: -110px;
	transform: translateX(-50%);
	transition: 118ms linear 1s;
	width: 1600px;
	z-index: -1;
}
@media (max-width: 1023px) {
	.overview-hero-v3 .spline-container {
		display: none;
	}
}
.overview-hero-v3 .spline-container canvas {
	height: 100%;
	width: 100%;
}
.overview-hero-v3 .bottom-gap {
	background: var(--bg);
	height: clamp(2.75rem, 1.058rem + 6.95vw, 5.5rem);
	position: relative;
	width: 100%;
	z-index: 3;
}
.overview-hero-v3 .text-wrapper {
	padding: clamp(2.75rem, -0.556rem + 13.57vw, 8.125rem) 32px 0;
	pointer-events: none;
}
.overview-hero-v3 .text-wrapper .animated-in {
	animation: animatedIn 0.8s both;
	animation-timing-function: ease;
}
.overview-hero-v3 .text-wrapper .animate-delay-50ms {
	animation-delay: 50ms;
}
.overview-hero-v3 .text-wrapper .animate-delay-100ms {
	animation-delay: 0.1s;
}
.overview-hero-v3 .text-wrapper > * {
	pointer-events: auto;
	position: relative;
	z-index: 3;
}
.overview-hero-v3 .text-wrapper .hero-fused-title {
	color: var(--primary-deep);
	font-size: clamp(2.5rem, 0.578rem + 7.89vw, 5.625rem);
	font-weight: 500;
	letter-spacing: -0.07em;
	line-height: 1;
	margin: 0;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .small-text {
	font-size: 0.77em;
	letter-spacing: -0.07em;
	line-height: 1.15;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .symbol-cursor {
	background-color: var(--brand);
	border-radius: 0.033333333333333em;
	height: 0.788888888888889em;
	left: 0.011111111111111em;
	margin-top: 0.077777777777778em;
	position: relative;
	width: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-word {
	font-family: Kalam, sans-serif;
	font-size: 1.188888888888889em;
	font-weight: 400;
	letter-spacing: -0.07em;
	line-height: 84.112%;
	margin-left: 0.066666666666667em;
	position: relative;
	top: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan {
	gap: 0.093222222222222em;
	margin-left: 0.188888888888889em;
	position: relative;
	top: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox {
	border-radius: 0.133333333333333em;
	cursor: pointer;
	font-size: inherit;
	height: 0.722222222222222em;
	position: relative;
	top: 0.144444444444444em;
	width: 0.722222222222222em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .checked-icon,
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .unchecked-icon {
	font-size: 0.722222222222222em;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(0.9);
	transition: 118ms;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .unchecked-icon {
	opacity: 1;
	transform: scale(1);
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox.is-checked .checked-icon {
	opacity: 1;
	transform: scale(1);
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox.is-checked .unchecked-icon {
	opacity: 0;
	transform: scale(0.95);
}
.overview-hero-v3 .text-wrapper .hero-desc {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 12px;
	text-align: center;
	white-space: pre-line;
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .text-wrapper .hero-desc {
		font-size: 16px;
	}
}
.overview-hero-v3 .text-wrapper .app-entry-button {
	margin-top: 36px;
	width: 179px;
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .text-wrapper .app-entry-button {
		margin-top: 24px;
	}
}
@keyframes animatedIn {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.overview-hero-v3 .hero-cover-wrapper {
	background: var(--white-white, #fff);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 1px 18px 39px 0 rgba(0, 0, 0, 0.15), 5px 71px 71px 0 rgba(0, 0, 0, 0.09),
		12px 160px 96px 0 rgba(0, 0, 0, 0.05), 20px 284px 114px 0 rgba(0, 0, 0, 0.01), 32px 443px 124px 0 transparent;
	margin: 0 auto;
	max-width: 1040px;
	overflow: hidden;
	position: relative;
	z-index: 4;
}
@media (min-width: 1024px) and (min-height: 800px) {
	.overview-hero-v3 .hero-cover-wrapper {
		transform: scale(calc(1 + var(--scroll-progress) * 0.1));
		will-change: transform;
	}
}
.overview-hero-v3 .hero-cover-wrapper video {
	aspect-ratio: 721.15/500.8;
	display: flex;
	width: 100%;
}
video {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
.get-start-link {
	display: block;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.get-start-link {
		display: none;
	}
}
.explore-on-desktop {
	background: var(--Black-Tertiary, #8e8d91);
	border-radius: 34px;
	color: var(--Black-Quinary, #f4f4f5);
	display: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	margin-top: 36px;
	padding: 12px 52px;
	text-align: center;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.explore-on-desktop {
		display: block;
	}
}
.overview-trusted-by {
	padding-bottom: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
	padding-top: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
	position: relative;
}
.overview-trusted-by .section-grad-title {
	max-width: 480px;
	text-align: center;
}
@media (max-width: 390px) {
	.overview-trusted-by .section-grad-title {
		font-size: 18px;
		width: 315px;
	}
}
.overview-trusted-by .logo-wall-wrapper {
	margin: clamp(1.5rem, 0.571rem + 3.81vw, 4rem) auto 0;
	max-width: 936px;
}
.overview-trusted-by .mobile-wall {
	display: none;
	height: 40px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 80%, transparent);
	-webkit-mask-size: 100% 100%;
	position: relative;
	width: 100%;
}
@media (max-width: 1023px) {
	.overview-trusted-by .mobile-wall {
		display: block;
	}
}
.overview-trusted-by .desktop-wall {
	display: flex;
	flex-wrap: wrap;
	gap: 84px 56px;
	justify-content: center;
}
@media (max-width: 1023px) {
	.overview-trusted-by .desktop-wall {
		display: none;
	}
}
.overview-trusted-by .desktop-wall .col-wrapper,
.overview-trusted-by .desktop-wall .wall-item {
	aspect-ratio: 120/40;
	position: relative;
	width: 130px;
}
.overview-trusted-by .desktop-wall .wall-item {
	opacity: 0;
	position: absolute;
	transition-duration: 418ms;
	transition-timing-function: cubic-bezier(0.17, 0.17, 0.3, 1);
}
.overview-trusted-by .desktop-wall .wall-item.is-current {
	opacity: 1;
	transform: translateY(0) !important;
	transition-delay: 50ms;
}
.overview-trusted-by .desktop-wall .wall-item.is-prev {
	transform: translateY(-100%);
	transition-duration: 318ms;
}
.overview-trusted-by .desktop-wall .wall-item.is-next {
	transform: translateY(100%);
}
.overview-trusted-by .desktop-wall .wall-item .item-colorful {
	opacity: 0;
}
.overview-trusted-by .desktop-wall .wall-item > * {
	background-position: 50%;
	background-size: contain;
	inset: 0;
	position: absolute;
	transition: 0.15s ease-in-out;
}
.overview-trusted-by .desktop-wall .wall-item:hover .item-neutral {
	opacity: 0;
}
.overview-trusted-by .desktop-wall .wall-item:hover .item-colorful {
	opacity: 1;
}
.overview-hyperfused-platform {
	padding-bottom: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem);
	padding-top: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem);
}
.overview-hyperfused-platform .icon-list {
	color: #ababab;
	gap: clamp(0.75rem, -0.397rem + 4.71vw, 1.25rem);
	margin-bottom: 32px;
}
.overview-hyperfused-platform .icon-list .icon-wrapper {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	box-shadow: 0 1.11111px 2.22222px 0 rgba(0, 0, 0, 0.08);
	display: flex;
	font-size: 26.5px;
	height: 38px;
	justify-content: center;
	width: 38px;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:first-child,
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(7) {
	opacity: 0.3;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(2),
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(6) {
	opacity: 0.5;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(3),
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(5) {
	opacity: 0.7;
}
.overview-hyperfused-platform .section-title {
	font-size: clamp(1.5rem, 0.577rem + 3.79vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 118.75%;
	margin-bottom: 38px;
	max-width: 880px;
	padding: 0 30px;
}
.overview-hyperfused-platform .cards-row {
	width: 100%;
}
@media (max-width: 1000px) {
	.overview-hyperfused-platform .cards-row {
		flex-direction: column;
	}
}
.overview-hyperfused-platform .cards-row .side-part {
	flex: 500;
	min-width: min(500px, 100%);
}
.overview-hyperfused-platform .cards-row .card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	padding: clamp(1rem, 0.449rem + 2.26vw, 1.5rem) clamp(1rem, 0.449rem + 2.26vw, 1.5rem)
		clamp(1.25rem, 0.975rem + 1.13vw, 1.5rem);
}
.overview-hyperfused-platform .cards-row .card-title {
	color: #000;
	font-size: clamp(1.5rem, 0.353rem + 4.71vw, 2rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 125%;
	margin-bottom: 8px;
}
.overview-hyperfused-platform .cards-row .card-mini-title {
	color: #000;
	font-size: clamp(1.25rem, 0.975rem + 1.13vw, 1.5rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 133.333%;
}
.overview-hyperfused-platform .cards-row .card-desc {
	font-size: clamp(0.875rem, 0.737rem + 0.57vw, 1rem);
	line-height: 150%;
}
.overview-hyperfused-platform .cards-row .focused-card {
	flex: 1;
	overflow: hidden;
	padding-top: 0;
	position: relative;
}
.overview-hyperfused-platform .cards-row .focused-card .stay-focused-flow-placeholder {
	height: 210px;
	margin-bottom: 24px;
}
.overview-hyperfused-platform .cards-row .focused-card .card-mini-title {
	margin-bottom: 4px;
}
@media (min-width: 744px) {
	.overview-hyperfused-platform .cards-row .focused-card .card-mini-title {
		margin-bottom: 8px;
		max-width: 380px;
	}
}
.overview-hyperfused-platform .cards-row .say-goodbye-card {
	flex: 564;
	min-height: 350px;
	padding-top: 0;
}
@media (min-width: 1025px) {
	.overview-hyperfused-platform .cards-row .say-goodbye-card .card-title {
		max-width: 350px;
	}
	.overview-hyperfused-platform .cards-row .say-goodbye-card .card-desc {
		max-width: 337px;
	}
}
.overview-hyperfused-platform .cards-row .say-goodbye-card .icons-wrapper {
	height: clamp(21.25rem, 18.864rem + 6.82vw, 25rem);
	margin-bottom: clamp(1.5rem, -2.486rem + 8.58vw, 3rem);
	position: relative;
}
.overview-hyperfused-platform .cards-row .privacy-card {
	position: relative;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-wave-wrapper {
	height: 140px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-wave-wrapper:before {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
	bottom: 0;
	content: "";
	display: none;
	height: 31px;
	position: absolute;
	width: 100%;
	z-index: 3;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-cover {
	height: 124px;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-mini-title {
	margin-bottom: 4px;
}
.physics-blocks {
	opacity: 0;
	overflow: hidden;
}
.overview-features {
	position: relative;
}
@media (max-width: 560px) {
	.overview-features {
		padding-bottom: 30px;
	}
}
@media (max-width: 29.9rem) {
	.overview-features {
		padding-left: 12px;
		padding-right: 12px;
	}
}
.overview-features .write-label {
	color: #000;
	font-size: clamp(2rem, 1.814rem + 0.77vw, 2.5rem);
	font-style: italic;
	font-weight: 700;
	line-height: 1;
	margin-left: -0.1em;
}
.overview-features .write-label:after {
	animation: blinking 1s linear infinite;
	background: #1e96eb;
	border-radius: 4px;
	content: "";
	display: inline-block;
	height: 1em;
	position: relative;
	top: 0.15em;
	width: 5px;
}
.overview-features .feature-section {
	align-items: center;
	display: flex;
	padding-bottom: clamp(1.875rem, -3.405rem + 15.09vw, 6.25rem);
	padding-top: clamp(1.875rem, -3.405rem + 15.09vw, 6.25rem);
}
@media (max-width: 900px) {
	.overview-features .feature-section {
		min-height: 0;
	}
}
.overview-features .feature-section .limit-container {
	align-items: center;
	-moz-column-gap: 35px;
	column-gap: 35px;
	justify-content: space-between;
	row-gap: 32px;
}
@media (max-width: 900px) {
	.overview-features .feature-section .limit-container {
		align-items: flex-start;
		flex-direction: column;
	}
}
.overview-features .feature-section .intro-part {
	display: flex;
	flex: 325;
	flex-direction: column;
	gap: clamp(0.75rem, -0.011rem + 2.18vw, 1rem);
	max-width: 325px;
}
@media (max-width: 900px) {
	.overview-features .feature-section .intro-part {
		max-width: 100%;
	}
}
.overview-features .feature-section .feature-label {
	color: var(--brand);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1.4px;
	line-height: 142.857%;
	text-transform: uppercase;
}
.overview-features .feature-section .feature-title {
	color: var(--primary-deep);
	font-size: clamp(1.5rem, 0.709rem + 3.25vw, 2.25rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119.444%;
	margin: 0;
}
.overview-features .feature-section .feature-title em {
	font-family: Kalam, sans-serif;
	font-size: 1.11em;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.02em;
}
.overview-features .feature-section .feature-desc {
	font-size: 16px;
	line-height: 150%;
	margin: 0;
}
@media (max-width: 29.9rem) {
	.overview-features .feature-section .feature-desc {
		font-size: 14px;
	}
}
.overview-features .feature-section .video-part {
	aspect-ratio: 720/500;
	flex: 643;
	max-width: 720px;
	width: 100%;
}
.overview-features .feature-section .video-card {
	aspect-ratio: 720/500;
	background: var(--white-white, #fff);
	border: 1px solid var(--black-quinary, #f4f4f5);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	overflow: hidden;
}
.overview-features .feature-section .video-card img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
.overview-features .feature-section .pin-card {
	display: block;
}
@media (min-width: 1280px) {
	.overview-features .feature-section .pin-card {
		transform: scale(1.1);
		transform-origin: left center;
	}
}
.overview-features .feature-section .pin-card .video-wrapper {
	height: 100%;
	position: relative;
	width: 100%;
}
.overview-features .feature-section .pin-card img {
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: 318ms;
}
.overview-features .feature-section .pin-card img.current {
	opacity: 1;
}
@media (max-width: 900px) {
	.overview-features .feature-section .pin-card {
		display: none;
	}
}
.overview-features .feature-section .mobile-card {
	display: none;
}
@media (max-width: 900px) {
	.overview-features .feature-section .mobile-card {
		display: block;
	}
}
@media (min-width: 1024px) {
	.overview-features .feature-draw .feature-title {
		width: 9em;
	}
}
.overview-features .feature-draw .underline-wrapper {
	position: relative;
}
.overview-ai {
	padding-bottom: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
	padding-top: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
}
.overview-ai .title-star {
	color: #1e96eb;
	font-size: clamp(1rem, 0.814rem + 0.77vw, 1.5rem);
	left: 50%;
	margin-left: clamp(1.5rem, 1.129rem + 1.53vw, 2.5rem);
	position: absolute;
	top: -2px;
	transform: translateX(-50%);
}
.overview-ai .section-title {
	background: radial-gradient(59.95% 118.21% at 50% 19.91%, #1e96eb 0, #1e96eb 12.75%, #000 77%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	max-width: 640px;
}
.overview-ai .section-title::-moz-selection {
	background: rgba(30, 150, 235, 0.1);
}
.overview-ai .section-title::selection {
	background: rgba(30, 150, 235, 0.1);
}
.overview-ai .section-desc {
	color: #424149;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: clamp(1.5rem, 1.314rem + 0.77vw, 2rem);
	margin-top: 16px;
	max-width: 390px;
}
.overview-ai .ai-cards-list {
	margin-top: clamp(2rem, -0.203rem + 9.04vw, 4rem);
	overflow-x: auto;
	width: 100vw;
}
.overview-ai .ai-cards-list::-webkit-scrollbar {
	height: 1px;
}
.overview-ai .ai-cards-list::-webkit-scrollbar * {
	background: transparent;
}
.overview-ai .ai-cards-list::-webkit-scrollbar-thumb {
	background: rgba(255, 0, 0, 0.001) !important;
}
.overview-ai .ai-cards-list .list-content {
	gap: clamp(0.875rem, -0.502rem + 5.65vw, 2.125rem);
}
.overview-ai .ai-cards-list .list-content > * {
	flex-shrink: 0;
}
.overview-ai .ai-cards-list .left-spacer {
	width: calc(50vw - 576px);
}
@media (max-width: 744px) {
	.overview-ai .ai-cards-list .left-spacer {
		width: 38px;
	}
}
.overview-ai .ai-cards-list .right-spacer {
	width: clamp(0.0625rem, -15.714rem + 33.93vw, 25rem);
}
@media (min-width: 2200px) {
	.overview-ai .ai-cards-list .list-content {
		justify-content: center;
	}
	.overview-ai .ai-cards-list .left-spacer,
	.overview-ai .ai-cards-list .right-spacer {
		width: 0;
	}
}
.overview-ai .ai-card {
	aspect-ratio: 400/520;
	background-size: cover;
	width: clamp(17.8125rem, 9.894rem + 32.49vw, 25rem);
}
.overview-ai .ai-cards-dots {
	gap: 4px;
	padding-top: clamp(2rem, 1.257rem + 3.05vw, 4rem);
}
@media (min-width: 2200px) {
	.overview-ai .ai-cards-dots {
		display: none;
	}
}
.overview-ai .dot-item {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 32px;
	justify-content: center;
	width: 32px;
}
.overview-ai .dot-item .dot-circle {
	background: #ccc;
	border-radius: 50%;
	height: 8px;
	transition: 318ms;
	width: 8px;
}
.overview-ai .dot-item:hover .dot-circle {
	background: grey;
}
.overview-ai .dot-item.is-active .dot-circle {
	background: #1e96eb;
	transform: scale(1.5);
}
.overview-templates {
	padding-top: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
}
.overview-templates .templates-list {
	flex-wrap: wrap;
	gap: 30px;
	margin: clamp(2.25rem, 1.971rem + 1.15vw, 3rem) auto 0;
	position: relative;
	width: 1590px;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .templates-list {
		justify-content: flex-start;
		padding: 0 clamp(1.25rem, 0.971rem + 1.15vw, 2rem);
		width: 980px;
	}
}
@media (max-width: 830px) {
	.overview-templates .templates-list {
		flex-direction: column;
		gap: 24px;
		padding-bottom: 40px;
		width: 100%;
	}
}
.overview-templates .templates-list .mask-layer {
	height: 100%;
	min-width: 1440px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 2;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .templates-list .mask-layer {
		display: none;
	}
}
.overview-templates .templates-list .mask-layer .left-mask {
	background: linear-gradient(270deg, hsla(60, 7%, 97%, 0), #f8f8f7);
	height: 100%;
	left: 0;
	position: absolute;
	width: 150px;
}
.overview-templates .templates-list .mask-layer .right-mask {
	background: linear-gradient(270deg, #f8f8f7, hsla(60, 7%, 97%, 0));
	height: 100%;
	position: absolute;
	right: 0;
	width: 150px;
}
.overview-templates .templates-list .mask-layer .bottom-mask {
	background: linear-gradient(180deg, hsla(60, 7%, 97%, 0) 0, #f8f8f7);
	bottom: 0;
	height: 126px;
	position: absolute;
	width: 100%;
}
.overview-templates .template-card {
	flex: 0;
	height: 144px;
	min-width: 240px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.overview-templates .template-card {
		width: 100%;
	}
}
.overview-templates .template-card.is-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	transition: 218ms;
}
.overview-templates .template-card.is-card:hover {
	background: rgba(0, 0, 0, 0.04);
}
.overview-templates .template-card.is-placeholder {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .template-card.is-placeholder {
		display: none;
	}
}
.overview-templates .template-card a {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 32px;
}
.overview-templates .template-card .name {
	color: #000;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 24px;
}
@media (min-width: 0px) and (max-width: 959px) {
	.overview-templates .title-row {
		align-items: flex-start;
		flex-direction: column;
	}
}
.overview-templates .section-title {
	font-size: clamp(2rem, 1.35rem + 2.67vw, 3.75rem);
	letter-spacing: -0.05em;
	line-height: 1.2;
	max-width: 700px;
	text-align: left;
}
.overview-build-in-public-light {
	padding-bottom: clamp(1.875rem, -4.138rem + 12.94vw, 7.5rem);
	padding-top: clamp(1.875rem, -4.138rem + 12.94vw, 7.5rem);
}
@media (min-width: 1440px) {
	.overview-build-in-public-light {
		padding-top: 80px;
	}
}
.overview-build-in-public-light .base-card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
.overview-build-in-public-light .section-title {
	font-size: 60px;
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 108.333%;
	margin-bottom: clamp(4rem, 1.595rem + 5.18vw, 6.25rem);
	padding-bottom: 0.1em;
	white-space: pre;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.overview-build-in-public-light .section-title {
		font-size: 32px;
	}
}
.overview-build-in-public-light .section-sub-title {
	color: #000;
	font-size: clamp(1.5rem, -0.022rem + 4.35vw, 2rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 125%;
	margin-bottom: 32px;
	margin-top: 0;
	text-align: center;
	white-space: pre-line;
}
.overview-build-in-public-light .open-source-row {
	gap: 18px;
	margin-bottom: clamp(4rem, 1.595rem + 5.18vw, 6.25rem);
	width: 100%;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row {
		flex-direction: column;
	}
}
.overview-build-in-public-light .open-source-row .thin-card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.407rem + 0.39vw, 0.75rem);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	flex: 1;
	padding: clamp(1rem, 0.231rem + 3.16vw, 2.25rem) clamp(1rem, 0.769rem + 0.95vw, 1.375rem) 0;
}
.overview-build-in-public-light .open-source-row .thin-card .card-desc {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .open-source-row .thin-card .card-desc {
		font-size: 16px;
	}
}
.overview-build-in-public-light .open-source-row .price-model-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.overview-build-in-public-light .open-source-row .price-model-card .graphic-layer {
	flex: 1;
	min-height: 400px;
	position: relative;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .graphic-layer {
		min-height: clamp(16.25rem, 0rem + 66.67vw, 25rem);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons-wrapper {
	bottom: 40%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	z-index: 2;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons-wrapper {
		bottom: 30%;
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons {
	aspect-ratio: 543/278;
	background-image: url(/cover/img/overview/price-model-icons.svg);
	background-size: contain;
	padding: 9% 12.5% 13%;
	width: min(535px, 90vw);
}
@media (max-width: 500px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons {
		background-image: url(/cover/img/overview/price-model-icons.png);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon {
	border-radius: 50%;
	color: #fff;
	flex: 1;
	font-size: 14px;
	font-weight: 700;
	opacity: 0;
	padding-top: 3%;
	text-align: center;
	transform: translateY(6px);
	transition: 218ms;
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon:first-child {
	padding-right: 1%;
}
@media (min-width: 744px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon:hover {
		opacity: 1;
		transform: translateY(0);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .type-free {
	font-size: 12px;
	padding-top: 4%;
	text-shadow: 1px 2px 6px #47b028;
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .type-premium {
	text-shadow: 1px 2px 6px #2574ab;
}
.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
	aspect-ratio: 461/260;
	background-image: url(/cover/img/overview/price-model-cover-big-screen.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -12px;
	left: -12px;
	position: absolute;
	width: 524px;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
		aspect-ratio: 660/260;
		background-image: url(/cover/img/overview/price-model-cover.svg);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: min(632px, 120vw);
	}
}
@media (max-width: 744px) {
	.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
		left: -12px;
		transform: translateX(0);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .card-desc {
	max-width: 303px;
}
.overview-build-in-public-light .open-source-row .issue-card {
	overflow: hidden;
}
.overview-build-in-public-light .open-source-row .issue-card .card-desc {
	margin-bottom: 40px;
	max-width: 383px;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .open-source-row .issue-card .card-desc {
		margin-bottom: 24px;
	}
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup {
	border: 1px solid var(--black-1, rgba(0, 0, 0, 0.1));
	border-radius: 12px 12px 0 0;
	box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.05);
	margin-bottom: -10px;
	padding-bottom: 32px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .browser-header {
	border-bottom: 1px solid var(--black-1, rgba(0, 0, 0, 0.1));
	padding: 16px;
	position: relative;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots {
	left: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 520px) {
	.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots {
		display: none;
	}
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots .dot {
	background: #ccc;
	border-radius: 50%;
	height: 10px;
	width: 10px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .address-bar {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
	border-radius: 2px;
	height: 30px;
	padding-left: 24px;
	padding-right: 16px;
	width: 230px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .info-address {
	font-size: 12px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .action-button {
	cursor: pointer;
	font-size: 16px;
	position: relative;
	z-index: 2;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .browser-body {
	padding-left: clamp(0rem, -1.928rem + 7.91vw, 1.75rem);
	padding-right: clamp(0rem, -1.928rem + 7.91vw, 1.75rem);
	padding-top: clamp(0.5rem, -0.115rem + 2.53vw, 1.5rem);
}
.overview-build-in-public-light .user-centric-card {
	padding: 36px clamp(2.25rem, -9.135rem + 17.79vw, 6.875rem) clamp(0rem, -7.805rem + 16.79vw, 2.9375rem) 36px;
	width: 100%;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card {
		padding-left: 16px;
		padding-right: 16px;
	}
}
.overview-build-in-public-light .user-centric-card .row {
	gap: clamp(1.375rem, -0.95rem + 5vw, 2.25rem);
}
@media (max-width: 800px) {
	.overview-build-in-public-light .user-centric-card .row {
		flex-direction: column;
	}
}
.overview-build-in-public-light .user-centric-card .info-text {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
	margin-bottom: 26px;
	max-width: 269px;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card .info-text {
		font-size: 16px;
		max-width: 309px;
	}
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card .action-button {
		margin-bottom: 12px;
	}
}
.issues-card {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: clamp(0.5rem, 0.192rem + 1.27vw, 1rem);
}
.issues-card .edge-case {
	background: hsla(0, 0%, 100%, 0.1);
	border-radius: 10px;
	flex: 1;
	overflow: hidden;
	width: 100%;
}
.issues-card .tab-bar {
	max-width: 204px;
	position: relative;
	width: 100%;
	--gap: 0px;
}
.issues-card .tab-bar.active-open .tab-open {
	color: #000;
}
.issues-card .tab-bar .tab-active-bg {
	background: var(--black-1, rgba(0, 0, 0, 0.1));
	border-radius: 4px;
	bottom: var(--gap);
	left: var(--gap);
	position: absolute;
	top: var(--gap);
	transition: 318ms;
	width: 50%;
}
.issues-card .tab-bar .tab {
	align-items: center;
	color: #8e8d91;
	cursor: pointer;
	display: flex;
	flex: 1;
	font-size: 13px;
	font-weight: 500;
	height: 32px;
	justify-content: center;
	letter-spacing: -0.26px;
	position: relative;
	z-index: 2;
}
.overview-user-stories-light {
	padding: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem) 0 clamp(2.75rem, -7.214rem + 21.43vw, 6.5rem);
}
@media (max-width: 29.9rem) {
	.overview-user-stories-light .upper-part {
		padding-left: 12px;
		padding-right: 12px;
	}
}
.overview-user-stories-light .section-subtitle {
	font-size: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 118.75%;
	margin: 0 0 clamp(2rem, -0.462rem + 3.85vw, 3rem);
	white-space: pre-line;
}
.overview-user-stories-light .marquee-copy {
	display: none;
}
@media (max-width: 480px) {
	.overview-user-stories-light .marquee-copy {
		display: block;
	}
}
.overview-user-stories-light .stories-list {
	-moz-column-count: 4;
	column-count: 4;
	gap: 16px;
	position: relative;
	width: 100%;
}
@media (max-width: 1024px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 3;
		column-count: 3;
	}
}
@media (max-width: 744px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media (max-width: 480px) {
	.overview-user-stories-light .stories-list {
		animation: panningLoop 40s linear infinite both;
		-moz-column-count: 5;
		column-count: 5;
		flex-shrink: 0;
		padding-left: 12px;
		padding-right: 12px;
		vertical-align: top;
		width: 1440px;
		z-index: 2;
	}
}
.overview-user-stories-light .stories-list .user-story-card-light {
	page-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	margin-bottom: 16px;
}
@keyframes panningLoop {
	0% {
		transform: translateX(0, 0, 1000px);
	}
	to {
		transform: translate3d(-100%, 0, 1000px);
	}
}
.user-story-card-light {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	padding: 24px;
	position: relative;
	--light-color: rgba(83, 30, 235, 0.04);
	--border: 0px;
}
.user-story-card-light .meta-row {
	margin-bottom: clamp(1rem, 1rem + 0vw, 1rem);
}
.user-story-card-light .story-content {
	font-size: 13px;
	line-height: 138.462%;
}
.user-story-card-light .avatar {
	aspect-ratio: 1/1;
	background-position: no-repeat;
	background-size: cover;
	border: 1px solid #eee;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 12px;
	width: 42px;
}
.user-story-card-light .avatar.is-default {
	border: none;
}
.user-story-card-light .user-name {
	color: var(--primary-deep);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.user-story-card-light .user-position {
	color: var(--primary-deep);
	font-size: 13px;
	line-height: normal;
	opacity: 0.5;
}
.hover-spotlight-card {
	overflow: hidden;
	position: relative;
	--light-color: rgba(var(--brand-rgb), 0.08);
	--radius: 12px;
	--border: 0px;
	--y: calc(var(--cursor-y) * 1px);
	--x: calc(var(--cursor-x) * 1px);
}
.hover-spotlight-card .spotlight {
	background: radial-gradient(var(--light-size) circle at var(--x) var(--y), var(--light-color), transparent);
	border-radius: var(--radius);
	bottom: var(--border);
	contain: strict;
	left: var(--border);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: var(--border);
	top: var(--border);
	transition: opacity 0.4s ease 0s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	will-change: background, opacity;
	z-index: 1;
}
.hover-spotlight-card:hover .spotlight {
	opacity: 1;
}
.download-banner {
	padding-bottom: clamp(3.75rem, 3.286rem + 1.91vw, 5rem);
	padding-top: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
}
.download-banner .blue-card {
	background: rgba(var(--brand-rgb), 1);
	border-radius: 12px;
	color: #fff;
	min-height: 370px;
	overflow: hidden;
	padding: clamp(2rem, 1.605rem + 1.62vw, 3.0625rem);
}
.download-banner .content-row {
	gap: 42px;
}
@media (max-width: 1023px) {
	.download-banner .content-row {
		flex-direction: column;
	}
}
.download-banner .left-part {
	flex: 435;
}
.download-banner .right-part {
	flex: 510;
	min-height: clamp(12.5rem, 9.691rem + 11.53vw, 20.0625rem);
	position: relative;
}
.download-banner .right-part .cover {
	aspect-ratio: 2520/1630;
	background-image: url(/cover/img/download/hello-cover.png);
	border-radius: 12px;
	position: absolute;
	top: 8px;
	width: clamp(31.25rem, 21.268rem + 40.96vw, 58.125rem);
}
.download-banner .section-title {
	color: #fff;
	font-size: clamp(1.875rem, 1.457rem + 1.72vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119%;
}
.download-banner .section-desc {
	font-size: 16px;
	line-height: 24px;
	margin: clamp(0.5rem, 0.5rem + 0vw, 0.5rem) 0;
}
.download-banner .section-desc,
.download-banner .section-title {
	text-align: left;
}
.download-banner .download-handler {
	margin-top: 16px;
}
.download-banner .download-handler .el-button {
	border-color: #fff;
	color: rgba(var(--brand-rgb), 1);
	min-width: 213px;
}
.download-banner .download-handler .el-button:hover {
	background: hsla(0, 0%, 100%, 0.9);
	border-color: hsla(0, 0%, 100%, 0.9);
}
.site-footer {
	--divider-color: #d7d7d7;
	--copyright-link-color: var(--primary);
	--logo-color: var(--brand);
	--list-name-color: var(--primary-deep);
	--list-item-color: #8e8d91;
	background: var(--bg);
	padding: clamp(3.75rem, 3.286rem + 1.91vw, 5rem) 0 clamp(3.75rem, 3.518rem + 0.96vw, 4.375rem);
	position: relative;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer {
		padding: 36px 0;
	}
}
.site-footer .gray-text {
	color: #8e8d91;
}
.site-footer a:hover {
	opacity: 0.8;
}
@media (max-width: 1023px) {
	.site-footer .nav-row {
		flex-direction: column;
	}
}
.site-footer .fluid-row {
	max-width: 1440px !important;
	padding: 0 clamp(2rem, -20.769rem + 35.58vw, 11.25rem);
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .fluid-row {
		padding: 0 20px;
	}
}
.site-footer .nav-list-wrapper {
	-moz-column-gap: clamp(2rem, 0.421rem + 6.48vw, 6.25rem);
	column-gap: clamp(2rem, 0.421rem + 6.48vw, 6.25rem);
	flex-wrap: wrap;
}
@media (max-width: 1023px) {
	.site-footer .nav-list-wrapper {
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 30px;
	}
	.site-footer .nav-list-wrapper > * {
		flex: 1 0 calc(50% - 48px);
		min-width: 150px;
	}
}
.site-footer .nav-list {
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}
.site-footer .nav-list .list-name {
	color: var(--list-name-color);
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 20px;
	margin-bottom: 10px;
}
.site-footer .nav-list .nav-item {
	color: var(--list-item-color);
	line-height: 1.428571428571429;
	margin-bottom: 12px;
}
.site-footer .copyright-row {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	margin-top: 32px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .copyright-row {
		margin-top: 26px;
	}
}
.site-footer .copyright-row .copy-text {
	letter-spacing: -0.28px;
}
.site-footer .copyright-row .info-slogan {
	font-weight: 500;
}
.site-footer .footer-divider {
	height: 1px;
	margin: 0 auto;
	max-width: 1512px;
	width: 100%;
}

*,
:after,
:before {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 transparent;
	--un-ring-shadow: 0 0 transparent;
	--un-shadow-inset: ;
	--un-shadow: 0 0 transparent;
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgba(147, 197, 253, 0.5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia: ;
}
.container {
	max-width: 100%;
}
@media (min-width: 30rem) {
	.container {
		max-width: 30rem;
	}
}
@media (min-width: 48rem) {
	.container {
		max-width: 48rem;
	}
}
@media (min-width: 64rem) {
	.container {
		max-width: 64rem;
	}
}
@media (min-width: 75rem) {
	.container {
		max-width: 75rem;
	}
}
@media (min-width: 94.5rem) {
	.container {
		max-width: 94.5rem;
	}
}
.relative {
	position: relative;
}
.ma-0 {
	margin: 0;
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-4 {
	margin-bottom: 1rem;
}
.mb-5 {
	margin-bottom: 1.25rem;
}
.mb-8px {
	margin-bottom: 8px;
}
.mr-5 {
	margin-right: 1.25rem;
}
.mt-6px {
	margin-top: 6px;
}
.inline {
	display: inline;
}
.hidden {
	display: none;
}
.w-140px {
	width: 140px;
}
.animate-delay-100ms {
	animation-delay: 0.1s;
}
.animate-delay-50ms {
	animation-delay: 50ms;
}
.items-start {
	align-items: flex-start;
}
.items-end {
	align-items: flex-end;
}
.justify-start {
	justify-content: flex-start;
}
.gap-1 {
	grid-gap: 0.25rem;
	gap: 0.25rem;
}
.gap-12px {
	grid-gap: 12px;
	gap: 12px;
}
.gap-2 {
	grid-gap: 0.5rem;
	gap: 0.5rem;
}
.gap-21px {
	grid-gap: 21px;
	gap: 21px;
}
.gap-3 {
	grid-gap: 0.75rem;
	gap: 0.75rem;
}
.gap-4 {
	grid-gap: 1rem;
	gap: 1rem;
}
.gap-4px {
	grid-gap: 4px;
	gap: 4px;
}
.gap-6 {
	grid-gap: 1.5rem;
	gap: 1.5rem;
}
.gap-8px {
	grid-gap: 8px;
	gap: 8px;
}
.pl-4 {
	padding-left: 1rem;
}
.text-left {
	text-align: left;
}
.text-size-20px {
	font-size: 20px;
}
.text-24px {
	font-size: 24px;
}
.text-40px {
	font-size: 40px;
}
.tab {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}
@media (max-width: 47.9rem) {
	.lt-sm\:flex-col {
		flex-direction: column;
	}
}

.color-brand {
	color: var(--brand);
}
.cover {
	background-color: #d9d9d9;
	background-position: 50%;
	background-size: cover;
}
.cover-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
:root {
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:root {
	--primary-color-h: 205;
	--primary-color-s: 84%;
	--primary-color-l: 52%;
	--el-color-primary: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
	--el-color-primary-light-3: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 5%));
	--el-color-primary-light-5: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 10%));
	--el-color-primary-light-7: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 15%));
	--el-color-primary-light-8: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 26%));
	--el-color-primary-light-9: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 37%));
	--el-color-primary-dark-2: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - 10%));
	--el-mask-color: rgba(var(--v-primary-rgb), 0.1);
}
:root {
	--el-color-success: #4b8d6d;
	--el-color-success-light-3: #59ad85;
	--el-color-success-dark-2: #386d54;
	--el-color-success-light-5: #cbddd3;
	--el-overlay-color-lighter: rgba(0, 0, 0, 0.3);
	--el-fill-color-light: #f4f4f4;
	--el-text-color-regular: var(--primary) !important;
	--el-border-radius-base: 6px;
}
.app .el-button {
	background-color: var(--el-button-bg-color);
	font-weight: 800;
	--el-border-radius-base: 34px;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 7px 16px;
	transition: 318ms;
	transition: 0.15s ease-in-out;
}
.app .el-button:active {
	transform: scale(0.95);
}
.app .el-button--large {
	--el-button-size: 43px;
	font-size: 20px;
	font-size: 16px;
	letter-spacing: -0.32px;
	padding: 10px 20px;
}
.app .el-button--default {
	background-color: var(--brand);
	border: none;
	color: var(--secondary) !important;
}
.app .el-button--default:focus,
.app .el-button--default:hover {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}
.app .el-button--default:active {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}
.app .el-button--secondary {
	background: transparent;
	border-color: #00000026;
	color: #000;
}
.app .el-button--secondary:focus,
.app .el-button--secondary:hover {
	background-color: #0000000a !important;
	border-color: #00000026 !important;
	color: #000 !important;
}
.app .el-button--secondary:active {
	background-color: #0000000a !important;
	border-color: #00000026 !important;
}
:root {
	--brand: #1e96eb;
	--brand-rgb: 30, 150, 235;
	--brand-hs: 204.8780487804878deg, 83.67346938775509%;
	--brand-h: 204.8780487804878deg;
	--brand-s: 83.67346938775509%;
	--brand-l: 51.96078431372548%;
	--brand-gradient: linear-gradient(180deg, #1e96eb, #1e96eb);
	--v-primary-rgb: 66, 65, 73;
	--v-secondary-rgb: 255, 255, 255;
	--primary: #424149;
	--primary-deep: #000;
	--primary-gray: #747474;
	--secondary: #fff;
	--logo-color: #5438ff;
	--divider-color: #d7d7d7;
	--link-hover-color: #244ee7;
	--container-padding: 40px;
	--navbar-height: 72px;
}
html {
	overflow-x: hidden;
}
body {
	--bg: #f8f8f7;
	background: var(--bg);
	color: rgb(var(--v-primary-rgb));
	font-family: Inter, Roboto, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	color: inherit;
	text-decoration: none;
	transition: color 268ms;
}
*,
:after,
:before {
	box-sizing: border-box;
}
.nuxt-icon {
	display: inline-flex;
	line-height: 1;
	vertical-align: middle;
}
.nuxt-icon svg {
	margin: 0 !important;
}
.container {
	--width: 94.5rem;
	margin: 0 auto;
	max-width: var(--width) !important;
	width: 100%;
}
.container.is-fluid {
	max-width: 100% !important;
}
.limit-container {
	--padding: 32px;
	margin: 0 auto;
	max-width: 1144px;
	padding-left: var(--padding);
	padding-right: var(--padding);
	width: 100%;
}
@media (max-width: 29.9rem) {
	.limit-container {
		--padding: 20px;
	}
}
.section-title {
	font-size: clamp(2rem, 1.35rem + 2.67vw, 3.75rem);
	font-weight: 500;
	letter-spacing: -0.068em;
	line-height: 1.083333333333333;
	margin: 0;
	text-align: center;
}
.section-grad-title {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(91deg, #474747 20.12%, #000 55.27%, #474747 82.61%);
	color: transparent;
}
.headline-2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.333;
}
.page {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.el-popper {
	--el-popper-border-radius: var(--el-popover-border-radius, 4px);
	border-radius: var(--el-popper-border-radius);
	font-size: 12px;
	line-height: 20px;
	min-width: 10px;
	overflow-wrap: break-word;
	padding: 5px 11px;
	position: absolute;
	visibility: visible;
	z-index: 2000;
}
.el-popper.is-light {
	background: var(--el-bg-color-overlay);
	border: 1px solid var(--el-border-color-light);
}
.el-button {
	--el-button-bg-color: var(--el-fill-color-blank);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	height: 32px;
	white-space: nowrap;
	cursor: pointer;
	color: var(--el-button-text-color, var(--el-text-color-regular));
	text-align: center;
	box-sizing: border-box;
	outline: none;
	transition: 0.1s;
	font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
	user-select: none;
	vertical-align: middle;
	-webkit-appearance: none;
	background-color: var(--el-button-bg-color, var(--el-fill-color-blank));
	border: var(--el-border);
	border-color: var(--el-button-border-color, var(--el-border-color));
	padding: 8px 15px;
	font-size: var(--el-font-size-base);
	border-radius: var(--el-border-radius-base);
}

.el-button:hover {
	color: var(--el-button-hover-text-color, var(--el-color-primary));
	border-color: var(--el-button-hover-border-color, var(--el-color-primary-light-7));
	background-color: var(--el-button-hover-bg-color, var(--el-color-primary-light-9));
	outline: none;
}

.el-button:active {
	color: var(--el-button-active-text-color, var(--el-color-primary-dark-2));
	border-color: var(--el-button-active-border-color, var(--el-color-primary-dark-2));
	background-color: var(--el-button-active-bg-color, var(--el-button-hover-bg-color, var(--el-color-primary-light-9)));
	outline: none;
}

.el-button:focus-visible {
	outline: 2px solid var(--el-button-outline-color);
	outline-offset: 1px;
	transition: outline-offset 0s, outline 0s;
}

.el-button > span {
	align-items: center;
	display: inline-flex;
}

.el-button {
	border-radius: var(--el-border-radius-base);
	font-size: var(--el-font-size-base);
}

.el-button {
	padding: 8px 15px;
}

.el-button::-moz-focus-inner {
	border: 0;
}

.el-button--large {
	--el-button-size: 40px;
	height: var(--el-button-size);
}

.el-button--large {
	border-radius: var(--el-border-radius-base);
	font-size: var(--el-font-size-base);
	padding: 12px 19px;
}

.nuxt-icon svg {
	height: 1em;
	margin-bottom: 0.125em;
	vertical-align: middle;
	width: 1em;
}

.nuxt-icon.nuxt-icon--fill,
.nuxt-icon.nuxt-icon--fill * {
	fill: currentColor !important;
}

.nuxt-icon.nuxt-icon--stroke,
.nuxt-icon.nuxt-icon--stroke * {
	stroke: currentColor !important;
}

.affine-logo svg {
	display: block;
	height: 1em;
	width: 1em;
}

.stars-on-github-btn {
	border: 1px solid var(--black-quaternary, #ccc);
	border-radius: 34px;
	color: var(--primary-deep);
	font-size: 14px;
	gap: 6px;
	line-height: 1;
	padding: 6px 16px;
	transition: 0.15s ease-in-out;
}

.stars-on-github-btn:active {
	transform: scale(0.95);
}

.stars-on-github-btn:hover {
	background: #0000000a;
}

@media (max-width: 569px) {
	.stars-on-github-btn {
		padding: 6px;
	}
	.stars-on-github-btn .info-text {
		display: none;
	}
}

.stars-on-github-btn .info-text {
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 18px;
}

:root {
	--el-popup-modal-bg-color: var(--el-color-black);
	--el-popup-modal-opacity: 0.5;
}

video {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.get-start-link {
	display: block;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.get-start-link {
		display: none;
	}
}

.explore-on-desktop {
	background: var(--Black-Tertiary, #8e8d91);
	border-radius: 34px;
	color: var(--Black-Quinary, #f4f4f5);
	display: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	margin-top: 36px;
	padding: 12px 52px;
	text-align: center;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.explore-on-desktop {
		display: block;
	}
}

.user-story-card-light {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 2px 4px #0000000f;
	padding: 24px;
	position: relative;
	--light-color: rgba(83, 30, 235, 0.04);
	--border: 0px;
}

.user-story-card-light .meta-row {
	margin-bottom: clamp(1rem, 1rem + 0vw, 1rem);
}

.user-story-card-light .story-content {
	font-size: 13px;
	line-height: 138.462%;
}

.user-story-card-light .avatar {
	aspect-ratio: 1/1;
	background-position: no-repeat;
	background-size: cover;
	border: 1px solid #eee;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 12px;
	width: 42px;
}

.user-story-card-light .avatar.is-default {
	border: none;
}

.user-story-card-light .user-name {
	color: var(--primary-deep);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}

.user-story-card-light .user-position {
	color: var(--primary-deep);
	font-size: 13px;
	line-height: normal;
	opacity: 0.5;
}

.overview-user-stories-light {
	padding: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem) 0 clamp(2.75rem, -7.214rem + 21.43vw, 6.5rem);
}

@media (max-width: 29.9rem) {
	.overview-user-stories-light .upper-part {
		padding-left: 12px;
		padding-right: 12px;
	}
}

.overview-user-stories-light .section-subtitle {
	font-size: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 118.75%;
	margin: 0 0 clamp(2rem, -0.462rem + 3.85vw, 3rem);
	white-space: pre-line;
}

.overview-user-stories-light .marquee-copy {
	display: none;
}

@media (max-width: 480px) {
	.overview-user-stories-light .marquee-copy {
		display: block;
	}
}

.overview-user-stories-light .stories-list {
	-moz-column-count: 4;
	column-count: 4;
	gap: 16px;
	position: relative;
	width: 100%;
}

@media (max-width: 1024px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (max-width: 744px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (max-width: 480px) {
	.overview-user-stories-light .stories-list {
		animation: panningLoop 40s linear infinite both;
		-moz-column-count: 5;
		column-count: 5;
		flex-shrink: 0;
		padding-left: 12px;
		padding-right: 12px;
		vertical-align: top;
		width: 1440px;
		z-index: 2;
	}
}

.overview-user-stories-light .stories-list .user-story-card-light {
	page-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	margin-bottom: 16px;
}

@keyframes panningLoop {
	0% {
		transform: translateX(0, 0, 1000px);
	}
	to {
		transform: translate3d(-100%, 0, 1000px);
	}
}

.hover-spotlight-card {
	overflow: hidden;
	position: relative;
	--light-color: rgba(var(--brand-rgb), 0.08);
	--radius: 12px;
	--border: 0px;
	--y: calc(var(--cursor-y) * 1px);
	--x: calc(var(--cursor-x) * 1px);
}

.hover-spotlight-card .spotlight {
	background: radial-gradient(var(--light-size) circle at var(--x) var(--y), var(--light-color), transparent);
	border-radius: var(--radius);
	bottom: var(--border);
	contain: strict;
	left: var(--border);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: var(--border);
	top: var(--border);
	transition: opacity 0.4s ease 0s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	will-change: background, opacity;
	z-index: 1;
}

.hover-spotlight-card:hover .spotlight {
	opacity: 1;
}

.download-banner {
	padding-bottom: clamp(3.75rem, 3.286rem + 1.91vw, 5rem);
	padding-top: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
}

.download-banner .blue-card {
	background: rgba(var(--brand-rgb), 1);
	border-radius: 12px;
	color: #fff;
	min-height: 370px;
	overflow: hidden;
	padding: clamp(2rem, 1.605rem + 1.62vw, 3.0625rem);
}

.download-banner .content-row {
	gap: 42px;
}

@media (max-width: 1023px) {
	.download-banner .content-row {
		flex-direction: column;
	}
}

.download-banner .left-part {
	flex: 435;
}

.download-banner .right-part {
	flex: 510;
	min-height: clamp(12.5rem, 9.691rem + 11.53vw, 20.0625rem);
	position: relative;
}

.download-banner .right-part .cover {
	aspect-ratio: 2520/1630;
	background-image: url(/cover/img/download/hello-cover.png);
	border-radius: 12px;
	position: absolute;
	top: 8px;
	width: clamp(31.25rem, 21.268rem + 40.96vw, 58.125rem);
}

.download-banner .section-title {
	color: #fff;
	font-size: clamp(1.875rem, 1.457rem + 1.72vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119%;
}

.download-banner .section-desc {
	font-size: 16px;
	line-height: 24px;
	margin: clamp(0.5rem, 0.5rem + 0vw, 0.5rem) 0;
}

.download-banner .section-desc,
.download-banner .section-title {
	text-align: left;
}

.download-banner .download-handler {
	margin-top: 16px;
}

.download-banner .download-handler .el-button {
	border-color: #fff;
	color: rgba(var(--brand-rgb), 1);
	min-width: 213px;
}
.download-banner .download-handler .el-button:hover {
	background: #ffffffe6;
	border-color: #ffffffe6;
}

*,
:after,
:before {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 transparent;
	--un-ring-shadow: 0 0 transparent;
	--un-shadow-inset: ;
	--un-shadow: 0 0 transparent;
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgba(147, 197, 253, 0.5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia: ;
}
::backdrop {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 transparent;
	--un-ring-shadow: 0 0 transparent;
	--un-shadow-inset: ;
	--un-shadow: 0 0 transparent;
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgba(147, 197, 253, 0.5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia: ;
}
.container {
	max-width: 100%;
}
@media (min-width: 30rem) {
	.container {
		max-width: 30rem;
	}
}
@media (min-width: 48rem) {
	.container {
		max-width: 48rem;
	}
}
@media (min-width: 64rem) {
	.container {
		max-width: 64rem;
	}
}
@media (min-width: 75rem) {
	.container {
		max-width: 75rem;
	}
}
@media (min-width: 94.5rem) {
	.container {
		max-width: 94.5rem;
	}
}
.pointer-events-none {
	pointer-events: none;
}
.visible {
	visibility: visible;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.relative {
	position: relative;
}
.sticky {
	position: sticky;
}
.static {
	position: static;
}
.grid {
	display: grid;
}
.ma-0 {
	margin: 0;
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.my,
.my-4 {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-1 {
	margin-bottom: 0.25rem;
}
.mb-10px {
	margin-bottom: 10px;
}
.mb-2 {
	margin-bottom: 0.5rem;
}
.mb-3 {
	margin-bottom: 0.75rem;
}
.mb-30 {
	margin-bottom: 7.5rem;
}
.mb-4 {
	margin-bottom: 1rem;
}
.mb-40px {
	margin-bottom: 40px;
}
.mb-5 {
	margin-bottom: 1.25rem;
}
.mb-6 {
	margin-bottom: 1.5rem;
}
.mb-60px {
	margin-bottom: 60px;
}
.mb-8 {
	margin-bottom: 2rem;
}
.mb-8px {
	margin-bottom: 8px;
}
.me {
	margin-inline-end: 1rem;
}
.mr-3 {
	margin-right: 0.75rem;
}
.mr-5 {
	margin-right: 1.25rem;
}
.ms {
	margin-inline-start: 1rem;
}
.mt-10px {
	margin-top: 10px;
}
.mt-14px {
	margin-top: 14px;
}
.mt-2 {
	margin-top: 0.5rem;
}
.mt-22px {
	margin-top: 22px;
}
.mt-30px {
	margin-top: 30px;
}
.mt-4 {
	margin-top: 1rem;
}
.mt-6px {
	margin-top: 6px;
}
.mt-95px {
	margin-top: 95px;
}
.inline {
	display: inline;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.contents {
	display: contents;
}
.list-item {
	display: list-item;
}
.hidden {
	display: none;
}
.h-full {
	height: 100%;
}
.h1 {
	height: 0.25rem;
}
.h2 {
	height: 0.5rem;
}
.h3 {
	height: 0.75rem;
}
.h4 {
	height: 1rem;
}
.h5 {
	height: 1.25rem;
}
.h6 {
	height: 1.5rem;
}
.max-w-400px {
	max-width: 400px;
}
.max-w-413px {
	max-width: 413px;
}
.max-w-500px {
	max-width: 500px;
}
.max-w-510px {
	max-width: 510px;
}
.max-w-700px {
	max-width: 700px;
}
.w-140px {
	width: 140px;
}
.w-full {
	width: 100%;
}
.block-1 {
	block-size: 0.25rem;
}
.block-2 {
	block-size: 0.5rem;
}
.block-3 {
	block-size: 0.75rem;
}
.block-4 {
	block-size: 1rem;
}
.block-5 {
	block-size: 1.25rem;
}
.block-6 {
	block-size: 1.5rem;
}
.block-7 {
	block-size: 1.75rem;
}
.flex-shrink-0,
.shrink-0 {
	flex-shrink: 0;
}
.flex-row {
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-col {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.table {
	display: table;
}
.preserve-3d {
	transform-style: preserve-3d;
}
.transform {
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
		rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
		skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
		scaleZ(var(--un-scale-z));
}
.animate-delay-100ms {
	animation-delay: 0.1s;
}
.animate-delay-150ms {
	animation-delay: 0.15s;
}
.animate-delay-50ms {
	animation-delay: 50ms;
}
.resize {
	resize: both;
}
.items-start {
	align-items: flex-start;
}
.items-end {
	align-items: flex-end;
}
.items-center {
	align-items: center;
}
.justify-start {
	justify-content: flex-start;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.gap-1 {
	grid-gap: 0.25rem;
	gap: 0.25rem;
}
.gap-10px {
	grid-gap: 10px;
	gap: 10px;
}
.gap-12px {
	grid-gap: 12px;
	gap: 12px;
}
.gap-18px {
	grid-gap: 18px;
	gap: 18px;
}
.gap-2 {
	grid-gap: 0.5rem;
	gap: 0.5rem;
}
.gap-20px {
	grid-gap: 20px;
	gap: 20px;
}
.gap-21px {
	grid-gap: 21px;
	gap: 21px;
}
.gap-24px {
	grid-gap: 24px;
	gap: 24px;
}
.gap-28px {
	grid-gap: 28px;
	gap: 28px;
}
.gap-3 {
	grid-gap: 0.75rem;
	gap: 0.75rem;
}
.gap-4 {
	grid-gap: 1rem;
	gap: 1rem;
}
.gap-4px {
	grid-gap: 4px;
	gap: 4px;
}
.gap-5 {
	grid-gap: 1.25rem;
	gap: 1.25rem;
}
.gap-6 {
	grid-gap: 1.5rem;
	gap: 1.5rem;
}
.gap-6px {
	grid-gap: 6px;
	gap: 6px;
}
.gap-8px {
	grid-gap: 8px;
	gap: 8px;
}
.gap-9px {
	grid-gap: 9px;
	gap: 9px;
}
.overflow-hidden {
	overflow: hidden;
}
.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.break-all {
	word-break: break-all;
}
.b {
	border-width: 1px;
}
.px {
	padding-left: 1rem;
	padding-right: 1rem;
}
.pb-30px {
	padding-bottom: 30px;
}
.pl-4 {
	padding-left: 1rem;
}
.pt-70px {
	padding-top: 70px;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-14px {
	font-size: 14px;
}
.text-20px,
.text-size-20px {
	font-size: 20px;
}
.text-24px,
.text-size-24px {
	font-size: 24px;
}
.text-40px {
	font-size: 40px;
}
.text-size-17px {
	font-size: 17px;
}
.text-size-18px {
	font-size: 18px;
}
.text-size-32px {
	font-size: 32px;
}
.font-medium,
.fw-500 {
	font-weight: 500;
}
.uppercase {
	text-transform: uppercase;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration-line: underline;
}
.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: grayscale;
}
.tab,
.active-tab:active {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}
.opacity-0 {
	opacity: 0;
}
.shadow {
	--un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.1)),
		var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.outline {
	outline-style: solid;
}
.grayscale {
	--un-grayscale: grayscale(1);
	filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale)
		var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);
}
.transition {
	transition-duration: 0.15s;
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
		opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
		opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
		opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease,
.ease-in-out {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 47.9rem) {
	.lt-sm\:hidden {
		display: none;
	}
	.lt-sm\:flex-col {
		flex-direction: column;
	}
}
@media (min-width: 48rem) {
	.sm\:mb-10 {
		margin-bottom: 2.5rem;
	}
}
@media (min-width: 64rem) {
	.md\:mt-32px {
		margin-top: 32px;
	}
	.md\:flex-row {
		flex-direction: row;
	}
	.md\:pb-0 {
		padding-bottom: 0;
	}
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
	transition: var(--el-transition-fade-linear);
}
.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
	opacity: 0;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
	transition: var(--el-transition-fade-linear);
}
.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
	opacity: 0;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active {
	transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-fade-in-enter-from,
.el-fade-in-leave-active {
	opacity: 0;
}
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
	transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
	opacity: 0;
	transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
	opacity: 1;
	transform: scaleY(1);
	transform-origin: center top;
	transition: var(--el-transition-md-fade);
}
.el-zoom-in-top-enter-active[data-popper-placement^="top"],
.el-zoom-in-top-leave-active[data-popper-placement^="top"] {
	transform-origin: center bottom;
}
.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
	opacity: 0;
	transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
	opacity: 1;
	transform: scaleY(1);
	transform-origin: center bottom;
	transition: var(--el-transition-md-fade);
}
.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
	opacity: 0;
	transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
	opacity: 1;
	transform: scale(1);
	transform-origin: top left;
	transition: var(--el-transition-md-fade);
}
.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
	opacity: 0;
	transform: scale(0.45);
}
.collapse-transition {
	transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out,
		var(--el-transition-duration) padding-bottom ease-in-out;
}
.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
	transition: var(--el-transition-duration) max-height ease-in-out,
		var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
	transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out,
		var(--el-transition-duration) padding-right ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
	transition: all 1s;
}
.el-list-enter-from,
.el-list-leave-to {
	opacity: 0;
	transform: translateY(-30px);
}
.el-list-leave-active {
	position: absolute !important;
}
.el-opacity-transition {
	transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-icon-loading {
	animation: rotating 2s linear infinite;
}
.el-icon--right {
	margin-left: 5px;
}
.el-icon--left {
	margin-right: 5px;
}
@keyframes rotating {
	0% {
		transform: rotate(0);
	}
	to {
		transform: rotate(1turn);
	}
}
.el-icon {
	--color: inherit;
	align-items: center;
	display: inline-flex;
	height: 1em;
	justify-content: center;
	line-height: 1em;
	position: relative;
	width: 1em;
	fill: currentColor;
	color: var(--color);
	font-size: inherit;
}
.el-icon.is-loading {
	animation: rotating 2s linear infinite;
}
.el-icon svg {
	height: 1em;
	width: 1em;
}
.flex-col {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.items-center {
	align-items: center;
}
.justify-between {
	justify-content: space-between;
}
.justify-center {
	justify-content: center;
}
.gap-1 {
	gap: 0.25rem;
}
.gap-2 {
	gap: 0.5rem;
}
.gap-3 {
	gap: 0.75rem;
}
.gap-4 {
	gap: 1rem;
}
.gap-4px {
	gap: 4px;
}
.gap-12px {
	gap: 12px;
}
.w-140px {
	width: 140px;
}
.w-full {
	width: 100%;
}

svg {
	width: auto;
	height: auto;
}

:root {
	--el-color-white: #fff;
	--el-color-black: #000;
	--el-font-size-extra-large: 20px;
	--el-font-size-large: 18px;
	--el-font-size-medium: 16px;
	--el-font-size-base: 14px;
	--el-font-size-small: 13px;
	--el-font-size-extra-small: 12px;
	--el-font-weight-primary: 500;
	--el-font-line-height-primary: 24px;
	--el-index-normal: 1;
	--el-index-popper: 2000;
	--el-border-radius-base: 4px;
	--el-border-radius-round: 20px;
	--el-transition-duration: 0.3s;
	--el-transition-duration-fast: 0.2s;
	--el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
	--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),
		opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
	--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
	color-scheme: light;
	--el-color-primary: #409eff;
	--el-color-primary-light-3: #79bbff;
	--el-color-primary-light-5: #a0cfff;
	--el-color-primary-light-7: #c6e2ff;
	--el-color-primary-light-8: #d9ecff;
	--el-color-primary-light-9: #ecf5ff;
	--el-color-primary-dark-2: #337ecc;
	--el-color-success: #67c23a;
	--el-color-success-light-3: #95d475;
	--el-color-success-light-5: #b3e19d;
	--el-color-success-light-7: #d1edc4;
	--el-color-success-light-8: #e1f3d8;
	--el-color-success-light-9: #f0f9eb;
	--el-color-success-dark-2: #529b2e;
	--el-color-warning: #e6a23c;
	--el-color-warning-light-3: #eebe77;
	--el-color-warning-light-5: #f3d19e;
	--el-color-warning-light-7: #f8e3c5;
	--el-color-warning-light-8: #faecd8;
	--el-color-warning-light-9: #fdf6ec;
	--el-color-warning-dark-2: #b88230;
	--el-color-danger: #f56c6c;
	--el-color-danger-light-3: #f89898;
	--el-color-danger-light-5: #fab6b6;
	--el-color-danger-light-7: #fcd3d3;
	--el-color-danger-light-8: #fde2e2;
	--el-color-danger-light-9: #fef0f0;
	--el-color-danger-dark-2: #c45656;
	--el-color-error: #f56c6c;
	--el-color-error-light-3: #f89898;
	--el-color-error-light-5: #fab6b6;
	--el-color-error-light-7: #fcd3d3;
	--el-color-error-light-8: #fde2e2;
	--el-color-error-light-9: #fef0f0;
	--el-color-error-dark-2: #c45656;
	--el-color-info: #909399;
	--el-color-info-light-3: #b1b3b8;
	--el-color-info-light-5: #c8c9cc;
	--el-color-info-light-7: #dedfe0;
	--el-color-info-light-8: #e9e9eb;
	--el-color-info-light-9: #f4f4f5;
	--el-color-info-dark-2: #73767a;
	--el-bg-color: #fff;
	--el-bg-color-page: #f2f3f5;
	--el-bg-color-overlay: #fff;
	--el-text-color-primary: #303133;
	--el-text-color-regular: #606266;
	--el-text-color-secondary: #909399;
	--el-text-color-placeholder: #a8abb2;
	--el-text-color-disabled: #c0c4cc;
	--el-border-color: #dcdfe6;
	--el-border-color-light: #e4e7ed;
	--el-border-color-lighter: #ebeef5;
	--el-border-color-extra-light: #f2f6fc;
	--el-border-color-dark: #d4d7de;
	--el-border-color-darker: #cdd0d6;
	--el-fill-color: #f0f2f5;
	--el-fill-color-light: #f5f7fa;
	--el-fill-color-lighter: #fafafa;
	--el-fill-color-extra-light: #fafcff;
	--el-fill-color-dark: #ebedf0;
	--el-fill-color-darker: #e6e8eb;
	--el-fill-color-blank: #fff;
	--el-box-shadow: 0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;
	--el-box-shadow-light: 0px 0px 12px #0000001f;
	--el-box-shadow-lighter: 0px 0px 6px #0000001f;
	--el-box-shadow-dark: 0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;
	--el-disabled-bg-color: var(--el-fill-color-light);
	--el-disabled-text-color: var(--el-text-color-placeholder);
	--el-disabled-border-color: var(--el-border-color-light);
	--el-overlay-color: #000c;
	--el-overlay-color-light: #000000b3;
	--el-overlay-color-lighter: #00000080;
	--el-mask-color: #ffffffe6;
	--el-mask-color-extra-light: #ffffff4d;
	--el-border-width: 1px;
	--el-border-style: solid;
	--el-border-color-hover: var(--el-text-color-disabled);
	--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
	--el-svg-monochrome-grey: var(--el-border-color);
}

.color-brand {
	color: var(--brand);
}

.cover {
	background-color: #d9d9d9;
	background-position: 50%;
	background-size: cover;
}

.cover-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

:root {
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

:root {
	--primary-color-h: 205;
	--primary-color-s: 84%;
	--primary-color-l: 52%;
	--el-color-primary: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
	--el-color-primary-light-3: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 5%));
	--el-color-primary-light-5: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 10%));
	--el-color-primary-light-7: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 15%));
	--el-color-primary-light-8: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 26%));
	--el-color-primary-light-9: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 37%));
	--el-color-primary-dark-2: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - 10%));
	--el-mask-color: rgba(var(--v-primary-rgb), 0.1);
}

:root {
	--el-color-success: #4b8d6d;
	--el-color-success-light-3: #59ad85;
	--el-color-success-dark-2: #386d54;
	--el-color-success-light-5: #cbddd3;
	--el-overlay-color-lighter: rgba(0, 0, 0, 0.3);
	--el-fill-color-light: #f4f4f4;
	--el-text-color-regular: var(--primary) !important;
	--el-border-radius-base: 6px;
}

.app .el-button {
	--el-button-bg-color: var(--el-fill-color-blank);
	background-color: var(--el-button-bg-color);
	font-weight: 800;
	--el-border-radius-base: 34px;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 7px 16px;
	transition: 318ms;
	transition: 0.15s ease-in-out;
}

.app .el-button:active {
	transform: scale(0.95);
}

.app .el-button--large {
	--el-button-size: 43px;
	font-size: 20px;
	font-size: 16px;
	letter-spacing: -0.32px;
	padding: 10px 20px;
}

.app .el-button--default {
	background-color: var(--brand);
	border: none;
	color: var(--secondary) !important;
}

.app .el-button--default:focus,
.app .el-button--default:hover {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}

.app .el-button--default:active {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}

.app .el-button--secondary {
	background: transparent;
	border-color: rgba(0, 0, 0, 0.15);
	color: #000;
}

.app .el-button--secondary:focus,
.app .el-button--secondary:hover {
	background-color: rgba(0, 0, 0, 0.04) !important;
	border-color: rgba(0, 0, 0, 0.15) !important;
	color: #000 !important;
}

.app .el-button--secondary:active {
	background-color: rgba(0, 0, 0, 0.04) !important;
	border-color: rgba(0, 0, 0, 0.15) !important;
}

:root {
	--brand: #1e96eb;
	--brand-rgb: 30, 150, 235;
	--brand-hs: 204.8780487804878deg, 83.67346938775509%;
	--brand-h: 204.8780487804878deg;
	--brand-s: 83.67346938775509%;
	--brand-l: 51.96078431372548%;
	--brand-gradient: linear-gradient(180deg, #1e96eb, #1e96eb);
	--v-primary-rgb: 66, 65, 73;
	--v-secondary-rgb: 255, 255, 255;
	--primary: #424149;
	--primary-deep: #000;
	--primary-gray: #747474;
	--secondary: #fff;
	--logo-color: #5438ff;
	--divider-color: #d7d7d7;
	--link-hover-color: #244ee7;
	--container-padding: 40px;
	--navbar-height: 72px;
}

html {
	overflow-x: hidden;
}

body {
	--bg: #f8f8f7;
	background: var(--bg);
	color: rgb(var(--v-primary-rgb));
	font-family: Inter, Roboto, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: inherit;
	text-decoration: none;
	transition: color 268ms;
}

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

.nuxt-icon {
	display: inline-flex;
	line-height: 1;
	vertical-align: middle;
}

.nuxt-icon svg {
	margin: 0 !important;
}

.container {
	--width: 94.5rem;
	margin: 0 auto;
	max-width: var(--width) !important;
	width: 100%;
}

.container.is-fluid {
	max-width: 100% !important;
}

.limit-container {
	--padding: 32px;
	margin: 0 auto;
	max-width: 1144px;
	padding-left: var(--padding);
	padding-right: var(--padding);
	width: 100%;
}

@media (max-width: 29.9rem) {
	.limit-container {
		--padding: 20px;
	}
}

.section-title {
	font-size: clamp(2rem, 1.35rem + 2.67vw, 3.75rem);
	font-weight: 500;
	letter-spacing: -0.068em;
	line-height: 1.083333333333333;
	margin: 0;
	text-align: center;
}

.section-grad-title {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(91deg, #474747 20.12%, #000 55.27%, #474747 82.61%);
	color: transparent;
}

.headline-2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.333;
}

.page {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.default-layout {
	min-height: 500px;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.default-layout {
		overflow: hidden;
	}
}

.default-layout .fluid-container {
	height: 100%;
	min-height: 500px;
}

.site-header {
	position: relative;
	z-index: 234;
}

.site-header .header-navbar-mobile {
	display: none;
}

@media (max-width: 800px) {
	.site-header .header-navbar {
		display: none;
	}
	.site-header .header-navbar-mobile {
		display: block;
	}
}

.header-navbar {
	--navbar-height: 72px;
	--navbar-border-color: var(--primary-gray);
	--navbar-bg-color: hsla(0, 0%, 100%, 0.7);
	--navbar-active-bg-color: #e7e7e7;
	--github-border-color: #a4a4a4;
	--affix-progress: 0;
	margin: 0 auto;
	position: relative;
}

.header-navbar .logo-handler {
	height: 32px;
	margin-right: 20px;
	position: relative;
	width: 32px;
}

.header-navbar .navbar-logo {
	color: var(--logo-color);
	font-size: 32px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.header-navbar .navbar-placeholder {
	height: var(--navbar-height);
	pointer-events: none;
}

.header-navbar .navbar-fixed {
	background: hsla(60, 7%, 97%, 0.98);
	border-bottom: 0.5px solid transparent;
	left: 0;
	position: fixed;
	top: 0;
	transition: background 318ms;
	width: 100%;
	z-index: 235;
}

.header-navbar .navbar-fixed .limit-container {
	padding: 20px 32px;
}

.header-navbar .navbar-fixed .nav-item > .nav-handler,
.header-navbar .navbar-fixed .nav-item > a {
	border-radius: 12px;
	border-radius: 4px;
	color: #000;
	display: flex;
	letter-spacing: -0.28px;
	padding: 8px 12px;
	transition: 318ms;
}

.header-navbar .navbar-fixed .nav-item > .nav-handler.handler-row,
.header-navbar .navbar-fixed .nav-item > a.handler-row {
	cursor: pointer;
	display: flex;
}

.header-navbar .navbar-fixed .nav-item > .nav-handler.handler-row .arrow-icon,
.header-navbar .navbar-fixed .nav-item > a.handler-row .arrow-icon {
	transform: rotate(90deg);
	transition: 0.16s var(--ease-out-quad);
}

.header-navbar .navbar-fixed .nav-item > .nav-handler:hover,
.header-navbar .navbar-fixed .nav-item > a:hover {
	background: rgba(0, 0, 0, 0.04);
	color: #000;
}

.header-navbar .navbar-fixed .right-part {
	overflow: hidden;
	padding-right: 8px;
	transition-duration: 0.4s;
}

.header-navbar .navbar-fixed .menu-list {
	position: relative;
}

.header-navbar .navbar-fixed .menu-list > span {
	display: none;
}

.header-navbar .navbar-fixed .menu-list .nav-item {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
}

.el-popover.el-popper.logo-phonetic-popper {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	min-width: 140px;
	padding: 4px 12px;
	text-align: center;
}

.el-popover.el-popper.logo-phonetic-popper .phonetic-mark {
	color: #f4f4f5;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 20px;
	text-transform: uppercase;
	white-space: pre;
}

.el-popover.el-popper.community-popper {
	background: var(--White-Background, #f8f8f7);
	border: 1px solid var(--black-08, rgba(0, 0, 0, 0.08));
	border-radius: 8px;
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
	padding: 16px 12px;
}

.el-popover.el-popper.community-popper .inner-page-navbar .nav-item {
	margin-bottom: 2px;
	width: 100%;
}

.el-popover.el-popper.community-popper .scroll-link,
.el-popover.el-popper.community-popper .static-link {
	border-radius: 12px;
	border-radius: 4px;
	color: #000;
	display: flex;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 8px 12px;
	transition: 318ms;
}

.affine-logo svg {
	display: block;
	height: 1em;
	width: 1em;
}

.nuxt-icon svg {
	height: 1em;
	margin-bottom: 0.125em;
	vertical-align: middle;
	width: 1em;
}

.nuxt-icon.nuxt-icon--fill,
.nuxt-icon.nuxt-icon--fill * {
	fill: currentColor !important;
}

.nuxt-icon.nuxt-icon--stroke,
.nuxt-icon.nuxt-icon--stroke * {
	stroke: currentColor !important;
}

.product-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.product-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}

.product-navbar .nav-sub-item .item-desc,
.product-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}

.product-navbar .nav-sub-item .item-name {
	color: #000;
	letter-spacing: -0.014285714285714em;
}

.product-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}

.product-navbar .nav-sub-item .nuxt-icon {
	color: hsla(255, 3%, 47%, 0.6);
	font-size: clamp(1.25rem, 1.157rem + 0.39vw, 1.5rem);
	transition: 218ms;
}

.product-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}

.product-navbar .item-AI-blue .nuxt-icon {
	color: #1e96eb;
}

.team-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.team-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}

.team-navbar .nav-sub-item .item-desc,
.team-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}

.team-navbar .nav-sub-item .item-name {
	color: #000;
	letter-spacing: -0.014285714285714em;
}

.team-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}

.team-navbar .nav-sub-item .nuxt-icon {
	color: #7a7a7a;
	font-size: clamp(1.25rem, 1.157rem + 0.39vw, 1.5rem);
	transition: 218ms;
}

.team-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}

.scroll-link {
	cursor: pointer;
}

.community-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.community-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}

.community-navbar .nav-sub-item .item-desc,
.community-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}

.community-navbar .nav-sub-item .item-name {
	letter-spacing: -0.014285714285714em;
}

.community-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}

.community-navbar .nav-sub-item .nuxt-icon {
	color: hsla(255, 3%, 47%, 0.6);
	font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
	transition: 218ms;
}

.community-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}

.community-navbar .item-discord:hover .nuxt-icon {
	color: #5865f2;
}

.community-navbar .item-twitter-x:hover .nuxt-icon {
	color: #000;
}

.community-navbar .item-telegram:hover .nuxt-icon {
	color: #2aabee;
}

.community-navbar .item-community .nuxt-icon {
	transform: scale(1.1) translateY(1px);
}

.community-navbar .item-community:hover .nuxt-icon {
	color: var(--brand);
}

.get-start-link {
	display: block;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.get-start-link {
		display: none;
	}
}

.get-start-link .login-button {
	height: 30px;
	padding: 5px 16px;
}

.explore-on-desktop {
	background: var(--Black-Tertiary, #8e8d91);
	border-radius: 34px;
	color: var(--Black-Quinary, #f4f4f5);
	display: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	margin-top: 36px;
	padding: 12px 52px;
	text-align: center;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.explore-on-desktop {
		display: block;
	}
}

.stars-on-github-btn {
	border: 1px solid var(--black-quaternary, #ccc);
	border-radius: 34px;
	color: var(--primary-deep);
	font-size: 14px;
	gap: 6px;
	line-height: 1;
	padding: 6px 16px;
	transition: 0.15s ease-in-out;
}

.stars-on-github-btn:active {
	transform: scale(0.95);
}

.stars-on-github-btn:hover {
	background: rgba(0, 0, 0, 0.04);
}

@media (max-width: 569px) {
	.stars-on-github-btn {
		padding: 6px;
	}
	.stars-on-github-btn .info-text {
		display: none;
	}
}

.stars-on-github-btn .info-text {
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 18px;
}

.header-navbar-mobile .navbar-placeholder {
	height: var(--navbar-height);
}

.header-navbar-mobile .community-navbar,
.header-navbar-mobile .product-navbar,
.header-navbar-mobile .team-navbar {
	margin: 0 -12px;
}
.header-navbar-mobile .community-item .arrow-icon {
	transition: 218ms;
}
.header-navbar-mobile .community-item .nav-item {
	border: none !important;
}
.header-navbar-mobile .handler-row {
	display: flex !important;
}
.header-navbar-mobile .navbar-fixed {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: hsla(60, 7%, 97%, 0.9);
	border-bottom: 0.5px solid transparent;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 234;
}
.header-navbar-mobile .navbar-fixed .fixed-row {
	height: var(--navbar-height);
	padding: 0 32px;
}
@media (max-width: 480px) {
	.header-navbar-mobile .navbar-fixed .fixed-row {
		padding: 0 20px;
	}
}
.header-navbar-mobile .navbar-fixed .navbar-logo {
	color: var(--logo-color);
	font-size: 32px;
}
.header-navbar-mobile .navbar-fixed .icon-menu {
	color: var(--primary-deep);
	font-size: 24px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu {
	overflow-y: scroll;
	transition: max-height 0.3s ease-in-out;
	--h: calc(100dvh - var(--navbar-height));
	height: var(--h);
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list {
	height: 100%;
	padding: 0 32px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
	color: var(--primary-deep);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 20px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item .nav-handler,
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item > a {
	display: flex;
	padding: 12px 0;
}
.page-overview {
	color: var(--primary);
	font-size: clamp(1rem, 0.814rem + 0.77vw, 1.5rem);
}
.page-overview .product-hunt-fixed-button {
	bottom: 10px;
	position: fixed;
	right: 20px;
	z-index: 10;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.page-overview .product-hunt-fixed-button {
		display: none;
	}
}
.page-overview .section-bg-wrapper {
	background: var(--bg);
	position: relative;
	z-index: 2;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.page-overview {
		padding-top: 10px;
	}
}
.page-overview .section-desc {
	text-align: center;
}
.overview-hero-v3 {
	min-height: 600px;
	position: relative;
}
.overview-hero-v3 .pin-wrapper {
	left: 50%;
	position: fixed;
	top: var(--navbar-height);
	transform: translate(-50%);
	width: min(1920px, 100vw);
}
.overview-hero-v3 .pin-wrapper,
.overview-hero-v3 .pin-wrapper-placeholder {
	height: clamp(22.375rem, 11.533rem + 44.48vw, 40rem);
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .pin-wrapper {
		position: absolute;
		top: 0;
	}
}
.overview-hero-v3 .spline-container {
	aspect-ratio: 1920/1100;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: -110px;
	transform: translateX(-50%);
	transition: 118ms linear 1s;
	width: 1600px;
	z-index: -1;
}
@media (max-width: 1023px) {
	.overview-hero-v3 .spline-container {
		display: none;
	}
}
.overview-hero-v3 .spline-container canvas {
	height: 100%;
	width: 100%;
}
.overview-hero-v3 .bottom-gap {
	background: var(--bg);
	height: clamp(2.75rem, 1.058rem + 6.95vw, 5.5rem);
	position: relative;
	width: 100%;
	z-index: 3;
}
.overview-hero-v3 .text-wrapper {
	padding: clamp(2.75rem, -0.556rem + 13.57vw, 8.125rem) 32px 0;
	pointer-events: none;
}
.overview-hero-v3 .text-wrapper .animated-in {
	animation: animatedIn 0.8s both;
	animation-timing-function: ease;
}
.overview-hero-v3 .text-wrapper .animate-delay-50ms {
	animation-delay: 50ms;
}
.overview-hero-v3 .text-wrapper .animate-delay-100ms {
	animation-delay: 0.1s;
}
.overview-hero-v3 .text-wrapper > * {
	pointer-events: auto;
	position: relative;
	z-index: 3;
}
.overview-hero-v3 .text-wrapper .hero-fused-title {
	color: var(--primary-deep);
	font-size: clamp(2.5rem, 0.578rem + 7.89vw, 5.625rem);
	font-weight: 500;
	letter-spacing: -0.07em;
	line-height: 1;
	margin: 0;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .small-text {
	font-size: 0.77em;
	letter-spacing: -0.07em;
	line-height: 1.15;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .symbol-cursor {
	background-color: var(--brand);
	border-radius: 0.033333333333333em;
	height: 0.788888888888889em;
	left: 0.011111111111111em;
	margin-top: 0.077777777777778em;
	position: relative;
	width: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-word {
	font-family: Kalam, sans-serif;
	font-size: 1.188888888888889em;
	font-weight: 400;
	letter-spacing: -0.07em;
	line-height: 84.112%;
	margin-left: 0.066666666666667em;
	position: relative;
	top: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan {
	gap: 0.093222222222222em;
	margin-left: 0.188888888888889em;
	position: relative;
	top: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox {
	border-radius: 0.133333333333333em;
	cursor: pointer;
	font-size: inherit;
	height: 0.722222222222222em;
	position: relative;
	top: 0.144444444444444em;
	width: 0.722222222222222em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .checked-icon,
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .unchecked-icon {
	font-size: 0.722222222222222em;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(0.9);
	transition: 118ms;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .unchecked-icon {
	opacity: 1;
	transform: scale(1);
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox.is-checked .checked-icon {
	opacity: 1;
	transform: scale(1);
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox.is-checked .unchecked-icon {
	opacity: 0;
	transform: scale(0.95);
}
.overview-hero-v3 .text-wrapper .hero-desc {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 12px;
	text-align: center;
	white-space: pre-line;
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .text-wrapper .hero-desc {
		font-size: 16px;
	}
}
.overview-hero-v3 .text-wrapper .app-entry-button {
	margin-top: 36px;
	width: 179px;
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .text-wrapper .app-entry-button {
		margin-top: 24px;
	}
}
@keyframes animatedIn {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.overview-hero-v3 .hero-cover-wrapper {
	background: var(--white-white, #fff);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 1px 18px 39px 0 rgba(0, 0, 0, 0.15), 5px 71px 71px 0 rgba(0, 0, 0, 0.09),
		12px 160px 96px 0 rgba(0, 0, 0, 0.05), 20px 284px 114px 0 rgba(0, 0, 0, 0.01), 32px 443px 124px 0 transparent;
	margin: 0 auto;
	max-width: 1040px;
	overflow: hidden;
	position: relative;
	z-index: 4;
}
@media (min-width: 1024px) and (min-height: 800px) {
	.overview-hero-v3 .hero-cover-wrapper {
		transform: scale(calc(1 + var(--scroll-progress) * 0.1));
		will-change: transform;
	}
}
.overview-hero-v3 .hero-cover-wrapper video {
	aspect-ratio: 721.15/500.8;
	display: flex;
	width: 100%;
}
video {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
.get-start-link {
	display: block;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.get-start-link {
		display: none;
	}
}
.explore-on-desktop {
	background: var(--Black-Tertiary, #8e8d91);
	border-radius: 34px;
	color: var(--Black-Quinary, #f4f4f5);
	display: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	margin-top: 36px;
	padding: 12px 52px;
	text-align: center;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.explore-on-desktop {
		display: block;
	}
}
.overview-trusted-by {
	padding-bottom: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
	padding-top: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
	position: relative;
}
.overview-trusted-by .section-grad-title {
	max-width: 480px;
	text-align: center;
}
@media (max-width: 390px) {
	.overview-trusted-by .section-grad-title {
		font-size: 18px;
		width: 315px;
	}
}
.overview-trusted-by .logo-wall-wrapper {
	margin: clamp(1.5rem, 0.571rem + 3.81vw, 4rem) auto 0;
	max-width: 936px;
}
.overview-trusted-by .mobile-wall {
	display: none;
	height: 40px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 80%, transparent);
	-webkit-mask-size: 100% 100%;
	position: relative;
	width: 100%;
}
@media (max-width: 1023px) {
	.overview-trusted-by .mobile-wall {
		display: block;
	}
}
.overview-trusted-by .desktop-wall {
	display: flex;
	flex-wrap: wrap;
	gap: 84px 56px;
	justify-content: center;
}
@media (max-width: 1023px) {
	.overview-trusted-by .desktop-wall {
		display: none;
	}
}
.overview-trusted-by .desktop-wall .col-wrapper,
.overview-trusted-by .desktop-wall .wall-item {
	aspect-ratio: 120/40;
	position: relative;
	width: 130px;
}
.overview-trusted-by .desktop-wall .wall-item {
	opacity: 0;
	position: absolute;
	transition-duration: 418ms;
	transition-timing-function: cubic-bezier(0.17, 0.17, 0.3, 1);
}
.overview-trusted-by .desktop-wall .wall-item.is-current {
	opacity: 1;
	transform: translateY(0) !important;
	transition-delay: 50ms;
}
.overview-trusted-by .desktop-wall .wall-item.is-prev {
	transform: translateY(-100%);
	transition-duration: 318ms;
}
.overview-trusted-by .desktop-wall .wall-item.is-next {
	transform: translateY(100%);
}
.overview-trusted-by .desktop-wall .wall-item .item-colorful {
	opacity: 0;
}
.overview-trusted-by .desktop-wall .wall-item > * {
	background-position: 50%;
	background-size: contain;
	inset: 0;
	position: absolute;
	transition: 0.15s ease-in-out;
}
.overview-trusted-by .desktop-wall .wall-item:hover .item-neutral {
	opacity: 0;
}
.overview-trusted-by .desktop-wall .wall-item:hover .item-colorful {
	opacity: 1;
}
.overview-hyperfused-platform {
	padding-bottom: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem);
	padding-top: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem);
}
.overview-hyperfused-platform .icon-list {
	color: #ababab;
	gap: clamp(0.75rem, -0.397rem + 4.71vw, 1.25rem);
	margin-bottom: 32px;
}
.overview-hyperfused-platform .icon-list .icon-wrapper {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	box-shadow: 0 1.11111px 2.22222px 0 rgba(0, 0, 0, 0.08);
	display: flex;
	font-size: 26.5px;
	height: 38px;
	justify-content: center;
	width: 38px;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:first-child,
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(7) {
	opacity: 0.3;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(2),
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(6) {
	opacity: 0.5;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(3),
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(5) {
	opacity: 0.7;
}
.overview-hyperfused-platform .section-title {
	font-size: clamp(1.5rem, 0.577rem + 3.79vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 118.75%;
	margin-bottom: 38px;
	max-width: 880px;
	padding: 0 30px;
}
.overview-hyperfused-platform .cards-row {
	width: 100%;
}
@media (max-width: 1000px) {
	.overview-hyperfused-platform .cards-row {
		flex-direction: column;
	}
}
.overview-hyperfused-platform .cards-row .side-part {
	flex: 500;
	min-width: min(500px, 100%);
}
.overview-hyperfused-platform .cards-row .card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	padding: clamp(1rem, 0.449rem + 2.26vw, 1.5rem) clamp(1rem, 0.449rem + 2.26vw, 1.5rem)
		clamp(1.25rem, 0.975rem + 1.13vw, 1.5rem);
}
.overview-hyperfused-platform .cards-row .card-title {
	color: #000;
	font-size: clamp(1.5rem, 0.353rem + 4.71vw, 2rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 125%;
	margin-bottom: 8px;
}
.overview-hyperfused-platform .cards-row .card-mini-title {
	color: #000;
	font-size: clamp(1.25rem, 0.975rem + 1.13vw, 1.5rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 133.333%;
}
.overview-hyperfused-platform .cards-row .card-desc {
	font-size: clamp(0.875rem, 0.737rem + 0.57vw, 1rem);
	line-height: 150%;
}
.overview-hyperfused-platform .cards-row .focused-card {
	flex: 1;
	overflow: hidden;
	padding-top: 0;
	position: relative;
}
.overview-hyperfused-platform .cards-row .focused-card .stay-focused-flow-placeholder {
	height: 210px;
	margin-bottom: 24px;
}
.overview-hyperfused-platform .cards-row .focused-card .card-mini-title {
	margin-bottom: 4px;
}
@media (min-width: 744px) {
	.overview-hyperfused-platform .cards-row .focused-card .card-mini-title {
		margin-bottom: 8px;
		max-width: 380px;
	}
}
.overview-hyperfused-platform .cards-row .say-goodbye-card {
	flex: 564;
	min-height: 350px;
	padding-top: 0;
}
@media (min-width: 1025px) {
	.overview-hyperfused-platform .cards-row .say-goodbye-card .card-title {
		max-width: 350px;
	}
	.overview-hyperfused-platform .cards-row .say-goodbye-card .card-desc {
		max-width: 337px;
	}
}
.overview-hyperfused-platform .cards-row .say-goodbye-card .icons-wrapper {
	height: clamp(21.25rem, 18.864rem + 6.82vw, 25rem);
	margin-bottom: clamp(1.5rem, -2.486rem + 8.58vw, 3rem);
	position: relative;
}
.overview-hyperfused-platform .cards-row .privacy-card {
	position: relative;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-wave-wrapper {
	height: 140px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-wave-wrapper:before {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
	bottom: 0;
	content: "";
	display: none;
	height: 31px;
	position: absolute;
	width: 100%;
	z-index: 3;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-cover {
	height: 124px;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-mini-title {
	margin-bottom: 4px;
}
.physics-blocks {
	opacity: 0;
	overflow: hidden;
}
.overview-features {
	position: relative;
}
@media (max-width: 560px) {
	.overview-features {
		padding-bottom: 30px;
	}
}
@media (max-width: 29.9rem) {
	.overview-features {
		padding-left: 12px;
		padding-right: 12px;
	}
}
.overview-features .write-label {
	color: #000;
	font-size: clamp(2rem, 1.814rem + 0.77vw, 2.5rem);
	font-style: italic;
	font-weight: 700;
	line-height: 1;
	margin-left: -0.1em;
}
.overview-features .write-label:after {
	animation: blinking 1s linear infinite;
	background: #1e96eb;
	border-radius: 4px;
	content: "";
	display: inline-block;
	height: 1em;
	position: relative;
	top: 0.15em;
	width: 5px;
}
.overview-features .feature-section {
	align-items: center;
	display: flex;
	padding-bottom: clamp(1.875rem, -3.405rem + 15.09vw, 6.25rem);
	padding-top: clamp(1.875rem, -3.405rem + 15.09vw, 6.25rem);
}
@media (max-width: 900px) {
	.overview-features .feature-section {
		min-height: 0;
	}
}
.overview-features .feature-section .limit-container {
	align-items: center;
	-moz-column-gap: 35px;
	column-gap: 35px;
	justify-content: space-between;
	row-gap: 32px;
}
@media (max-width: 900px) {
	.overview-features .feature-section .limit-container {
		align-items: flex-start;
		flex-direction: column;
	}
}
.overview-features .feature-section .intro-part {
	display: flex;
	flex: 325;
	flex-direction: column;
	gap: clamp(0.75rem, -0.011rem + 2.18vw, 1rem);
	max-width: 325px;
}
@media (max-width: 900px) {
	.overview-features .feature-section .intro-part {
		max-width: 100%;
	}
}
.overview-features .feature-section .feature-label {
	color: var(--brand);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1.4px;
	line-height: 142.857%;
	text-transform: uppercase;
}
.overview-features .feature-section .feature-title {
	color: var(--primary-deep);
	font-size: clamp(1.5rem, 0.709rem + 3.25vw, 2.25rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119.444%;
	margin: 0;
}
.overview-features .feature-section .feature-title em {
	font-family: Kalam, sans-serif;
	font-size: 1.11em;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.02em;
}
.overview-features .feature-section .feature-desc {
	font-size: 16px;
	line-height: 150%;
	margin: 0;
}
@media (max-width: 29.9rem) {
	.overview-features .feature-section .feature-desc {
		font-size: 14px;
	}
}
.overview-features .feature-section .video-part {
	aspect-ratio: 720/500;
	flex: 643;
	max-width: 720px;
	width: 100%;
}
.overview-features .feature-section .video-card {
	aspect-ratio: 720/500;
	background: var(--white-white, #fff);
	border: 1px solid var(--black-quinary, #f4f4f5);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	overflow: hidden;
}
.overview-features .feature-section .video-card img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
.overview-features .feature-section .pin-card {
	display: block;
}
@media (min-width: 1280px) {
	.overview-features .feature-section .pin-card {
		transform: scale(1.1);
		transform-origin: left center;
	}
}
.overview-features .feature-section .pin-card .video-wrapper {
	height: 100%;
	position: relative;
	width: 100%;
}
.overview-features .feature-section .pin-card img {
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: 318ms;
}
.overview-features .feature-section .pin-card img.current {
	opacity: 1;
}
@media (max-width: 900px) {
	.overview-features .feature-section .pin-card {
		display: none;
	}
}
.overview-features .feature-section .mobile-card {
	display: none;
}
@media (max-width: 900px) {
	.overview-features .feature-section .mobile-card {
		display: block;
	}
}
@media (min-width: 1024px) {
	.overview-features .feature-draw .feature-title {
		width: 9em;
	}
}
.overview-features .feature-draw .underline-wrapper {
	position: relative;
}
.overview-ai {
	padding-bottom: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
	padding-top: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
}
.overview-ai .title-star {
	color: #1e96eb;
	font-size: clamp(1rem, 0.814rem + 0.77vw, 1.5rem);
	left: 50%;
	margin-left: clamp(1.5rem, 1.129rem + 1.53vw, 2.5rem);
	position: absolute;
	top: -2px;
	transform: translateX(-50%);
}
.overview-ai .section-title {
	background: radial-gradient(59.95% 118.21% at 50% 19.91%, #1e96eb 0, #1e96eb 12.75%, #000 77%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	max-width: 640px;
}
.overview-ai .section-title::-moz-selection {
	background: rgba(30, 150, 235, 0.1);
}
.overview-ai .section-title::selection {
	background: rgba(30, 150, 235, 0.1);
}
.overview-ai .section-desc {
	color: #424149;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: clamp(1.5rem, 1.314rem + 0.77vw, 2rem);
	margin-top: 16px;
	max-width: 390px;
}
.overview-ai .ai-cards-list {
	margin-top: clamp(2rem, -0.203rem + 9.04vw, 4rem);
	overflow-x: auto;
	width: 100vw;
}
.overview-ai .ai-cards-list::-webkit-scrollbar {
	height: 1px;
}
.overview-ai .ai-cards-list::-webkit-scrollbar * {
	background: transparent;
}
.overview-ai .ai-cards-list::-webkit-scrollbar-thumb {
	background: rgba(255, 0, 0, 0.001) !important;
}
.overview-ai .ai-cards-list .list-content {
	gap: clamp(0.875rem, -0.502rem + 5.65vw, 2.125rem);
}
.overview-ai .ai-cards-list .list-content > * {
	flex-shrink: 0;
}
.overview-ai .ai-cards-list .left-spacer {
	width: calc(50vw - 576px);
}
@media (max-width: 744px) {
	.overview-ai .ai-cards-list .left-spacer {
		width: 38px;
	}
}
.overview-ai .ai-cards-list .right-spacer {
	width: clamp(0.0625rem, -15.714rem + 33.93vw, 25rem);
}
@media (min-width: 2200px) {
	.overview-ai .ai-cards-list .list-content {
		justify-content: center;
	}
	.overview-ai .ai-cards-list .left-spacer,
	.overview-ai .ai-cards-list .right-spacer {
		width: 0;
	}
}
.overview-ai .ai-card {
	aspect-ratio: 400/520;
	background-size: cover;
	width: clamp(17.8125rem, 9.894rem + 32.49vw, 25rem);
}
.overview-ai .ai-cards-dots {
	gap: 4px;
	padding-top: clamp(2rem, 1.257rem + 3.05vw, 4rem);
}
@media (min-width: 2200px) {
	.overview-ai .ai-cards-dots {
		display: none;
	}
}
.overview-ai .dot-item {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 32px;
	justify-content: center;
	width: 32px;
}
.overview-ai .dot-item .dot-circle {
	background: #ccc;
	border-radius: 50%;
	height: 8px;
	transition: 318ms;
	width: 8px;
}
.overview-ai .dot-item:hover .dot-circle {
	background: grey;
}
.overview-ai .dot-item.is-active .dot-circle {
	background: #1e96eb;
	transform: scale(1.5);
}
.overview-templates {
	padding-top: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
}
.overview-templates .templates-list {
	flex-wrap: wrap;
	gap: 30px;
	margin: clamp(2.25rem, 1.971rem + 1.15vw, 3rem) auto 0;
	position: relative;
	width: 1590px;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .templates-list {
		justify-content: flex-start;
		padding: 0 clamp(1.25rem, 0.971rem + 1.15vw, 2rem);
		width: 980px;
	}
}
@media (max-width: 830px) {
	.overview-templates .templates-list {
		flex-direction: column;
		gap: 24px;
		padding-bottom: 40px;
		width: 100%;
	}
}
.overview-templates .templates-list .mask-layer {
	height: 100%;
	min-width: 1440px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 2;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .templates-list .mask-layer {
		display: none;
	}
}
.overview-templates .templates-list .mask-layer .left-mask {
	background: linear-gradient(270deg, hsla(60, 7%, 97%, 0), #f8f8f7);
	height: 100%;
	left: 0;
	position: absolute;
	width: 150px;
}
.overview-templates .templates-list .mask-layer .right-mask {
	background: linear-gradient(270deg, #f8f8f7, hsla(60, 7%, 97%, 0));
	height: 100%;
	position: absolute;
	right: 0;
	width: 150px;
}
.overview-templates .templates-list .mask-layer .bottom-mask {
	background: linear-gradient(180deg, hsla(60, 7%, 97%, 0) 0, #f8f8f7);
	bottom: 0;
	height: 126px;
	position: absolute;
	width: 100%;
}
.overview-templates .template-card {
	flex: 0;
	height: 144px;
	min-width: 240px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.overview-templates .template-card {
		width: 100%;
	}
}
.overview-templates .template-card.is-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	transition: 218ms;
}
.overview-templates .template-card.is-card:hover {
	background: rgba(0, 0, 0, 0.04);
}
.overview-templates .template-card.is-placeholder {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .template-card.is-placeholder {
		display: none;
	}
}
.overview-templates .template-card a {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 32px;
}
.overview-templates .template-card .name {
	color: #000;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 24px;
}
@media (min-width: 0px) and (max-width: 959px) {
	.overview-templates .title-row {
		align-items: flex-start;
		flex-direction: column;
	}
}
.overview-templates .section-title {
	font-size: clamp(2rem, 1.35rem + 2.67vw, 3.75rem);
	letter-spacing: -0.05em;
	line-height: 1.2;
	max-width: 700px;
	text-align: left;
}
.overview-build-in-public-light {
	padding-bottom: clamp(1.875rem, -4.138rem + 12.94vw, 7.5rem);
	padding-top: clamp(1.875rem, -4.138rem + 12.94vw, 7.5rem);
}
@media (min-width: 1440px) {
	.overview-build-in-public-light {
		padding-top: 80px;
	}
}
.overview-build-in-public-light .base-card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
.overview-build-in-public-light .section-title {
	font-size: 60px;
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 108.333%;
	margin-bottom: clamp(4rem, 1.595rem + 5.18vw, 6.25rem);
	padding-bottom: 0.1em;
	white-space: pre;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.overview-build-in-public-light .section-title {
		font-size: 32px;
	}
}
.overview-build-in-public-light .section-sub-title {
	color: #000;
	font-size: clamp(1.5rem, -0.022rem + 4.35vw, 2rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 125%;
	margin-bottom: 32px;
	margin-top: 0;
	text-align: center;
	white-space: pre-line;
}
.overview-build-in-public-light .open-source-row {
	gap: 18px;
	margin-bottom: clamp(4rem, 1.595rem + 5.18vw, 6.25rem);
	width: 100%;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row {
		flex-direction: column;
	}
}
.overview-build-in-public-light .open-source-row .thin-card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.407rem + 0.39vw, 0.75rem);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	flex: 1;
	padding: clamp(1rem, 0.231rem + 3.16vw, 2.25rem) clamp(1rem, 0.769rem + 0.95vw, 1.375rem) 0;
}
.overview-build-in-public-light .open-source-row .thin-card .card-desc {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .open-source-row .thin-card .card-desc {
		font-size: 16px;
	}
}
.overview-build-in-public-light .open-source-row .price-model-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.overview-build-in-public-light .open-source-row .price-model-card .graphic-layer {
	flex: 1;
	min-height: 400px;
	position: relative;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .graphic-layer {
		min-height: clamp(16.25rem, 0rem + 66.67vw, 25rem);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons-wrapper {
	bottom: 40%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	z-index: 2;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons-wrapper {
		bottom: 30%;
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons {
	aspect-ratio: 543/278;
	background-image: url(/cover/img/overview/price-model-icons.svg);
	background-size: contain;
	padding: 9% 12.5% 13%;
	width: min(535px, 90vw);
}
@media (max-width: 500px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons {
		background-image: url(/cover/img/overview/price-model-icons.png);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon {
	border-radius: 50%;
	color: #fff;
	flex: 1;
	font-size: 14px;
	font-weight: 700;
	opacity: 0;
	padding-top: 3%;
	text-align: center;
	transform: translateY(6px);
	transition: 218ms;
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon:first-child {
	padding-right: 1%;
}
@media (min-width: 744px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon:hover {
		opacity: 1;
		transform: translateY(0);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .type-free {
	font-size: 12px;
	padding-top: 4%;
	text-shadow: 1px 2px 6px #47b028;
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .type-premium {
	text-shadow: 1px 2px 6px #2574ab;
}
.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
	aspect-ratio: 461/260;
	background-image: url(/cover/img/overview/price-model-cover-big-screen.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -12px;
	left: -12px;
	position: absolute;
	width: 524px;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
		aspect-ratio: 660/260;
		background-image: url(/cover/img/overview/price-model-cover.svg);
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: min(632px, 120vw);
	}
}
@media (max-width: 744px) {
	.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
		left: -12px;
		transform: translateX(0);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .card-desc {
	max-width: 303px;
}
.overview-build-in-public-light .open-source-row .issue-card {
	overflow: hidden;
}
.overview-build-in-public-light .open-source-row .issue-card .card-desc {
	margin-bottom: 40px;
	max-width: 383px;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .open-source-row .issue-card .card-desc {
		margin-bottom: 24px;
	}
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup {
	border: 1px solid var(--black-1, rgba(0, 0, 0, 0.1));
	border-radius: 12px 12px 0 0;
	box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.05);
	margin-bottom: -10px;
	padding-bottom: 32px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .browser-header {
	border-bottom: 1px solid var(--black-1, rgba(0, 0, 0, 0.1));
	padding: 16px;
	position: relative;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots {
	left: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 520px) {
	.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots {
		display: none;
	}
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots .dot {
	background: #ccc;
	border-radius: 50%;
	height: 10px;
	width: 10px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .address-bar {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
	border-radius: 2px;
	height: 30px;
	padding-left: 24px;
	padding-right: 16px;
	width: 230px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .info-address {
	font-size: 12px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .action-button {
	cursor: pointer;
	font-size: 16px;
	position: relative;
	z-index: 2;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .browser-body {
	padding-left: clamp(0rem, -1.928rem + 7.91vw, 1.75rem);
	padding-right: clamp(0rem, -1.928rem + 7.91vw, 1.75rem);
	padding-top: clamp(0.5rem, -0.115rem + 2.53vw, 1.5rem);
}
.overview-build-in-public-light .user-centric-card {
	padding: 36px clamp(2.25rem, -9.135rem + 17.79vw, 6.875rem) clamp(0rem, -7.805rem + 16.79vw, 2.9375rem) 36px;
	width: 100%;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card {
		padding-left: 16px;
		padding-right: 16px;
	}
}
.overview-build-in-public-light .user-centric-card .row {
	gap: clamp(1.375rem, -0.95rem + 5vw, 2.25rem);
}
@media (max-width: 800px) {
	.overview-build-in-public-light .user-centric-card .row {
		flex-direction: column;
	}
}
.overview-build-in-public-light .user-centric-card .info-text {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
	margin-bottom: 26px;
	max-width: 269px;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card .info-text {
		font-size: 16px;
		max-width: 309px;
	}
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card .action-button {
		margin-bottom: 12px;
	}
}
.issues-card {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: clamp(0.5rem, 0.192rem + 1.27vw, 1rem);
}
.issues-card .edge-case {
	background: hsla(0, 0%, 100%, 0.1);
	border-radius: 10px;
	flex: 1;
	overflow: hidden;
	width: 100%;
}
.issues-card .tab-bar {
	max-width: 204px;
	position: relative;
	width: 100%;
	--gap: 0px;
}
.issues-card .tab-bar.active-open .tab-open {
	color: #000;
}
.issues-card .tab-bar .tab-active-bg {
	background: var(--black-1, rgba(0, 0, 0, 0.1));
	border-radius: 4px;
	bottom: var(--gap);
	left: var(--gap);
	position: absolute;
	top: var(--gap);
	transition: 318ms;
	width: 50%;
}
.issues-card .tab-bar .tab {
	align-items: center;
	color: #8e8d91;
	cursor: pointer;
	display: flex;
	flex: 1;
	font-size: 13px;
	font-weight: 500;
	height: 32px;
	justify-content: center;
	letter-spacing: -0.26px;
	position: relative;
	z-index: 2;
}
.overview-user-stories-light {
	padding: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem) 0 clamp(2.75rem, -7.214rem + 21.43vw, 6.5rem);
}
@media (max-width: 29.9rem) {
	.overview-user-stories-light .upper-part {
		padding-left: 12px;
		padding-right: 12px;
	}
}
.overview-user-stories-light .section-subtitle {
	font-size: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 118.75%;
	margin: 0 0 clamp(2rem, -0.462rem + 3.85vw, 3rem);
	white-space: pre-line;
}
.overview-user-stories-light .marquee-copy {
	display: none;
}
@media (max-width: 480px) {
	.overview-user-stories-light .marquee-copy {
		display: block;
	}
}
.overview-user-stories-light .stories-list {
	-moz-column-count: 4;
	column-count: 4;
	gap: 16px;
	position: relative;
	width: 100%;
}
@media (max-width: 1024px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 3;
		column-count: 3;
	}
}
@media (max-width: 744px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media (max-width: 480px) {
	.overview-user-stories-light .stories-list {
		animation: panningLoop 40s linear infinite both;
		-moz-column-count: 5;
		column-count: 5;
		flex-shrink: 0;
		padding-left: 12px;
		padding-right: 12px;
		vertical-align: top;
		width: 1440px;
		z-index: 2;
	}
}
.overview-user-stories-light .stories-list .user-story-card-light {
	page-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	margin-bottom: 16px;
}
@keyframes panningLoop {
	0% {
		transform: translateX(0, 0, 1000px);
	}
	to {
		transform: translate3d(-100%, 0, 1000px);
	}
}
.user-story-card-light {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	padding: 24px;
	position: relative;
	--light-color: rgba(83, 30, 235, 0.04);
	--border: 0px;
}
.user-story-card-light .meta-row {
	margin-bottom: clamp(1rem, 1rem + 0vw, 1rem);
}
.user-story-card-light .story-content {
	font-size: 13px;
	line-height: 138.462%;
}
.user-story-card-light .avatar {
	aspect-ratio: 1/1;
	background-position: no-repeat;
	background-size: cover;
	border: 1px solid #eee;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 12px;
	width: 42px;
}
.user-story-card-light .avatar.is-default {
	border: none;
}
.user-story-card-light .user-name {
	color: var(--primary-deep);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.user-story-card-light .user-position {
	color: var(--primary-deep);
	font-size: 13px;
	line-height: normal;
	opacity: 0.5;
}
.hover-spotlight-card {
	overflow: hidden;
	position: relative;
	--light-color: rgba(var(--brand-rgb), 0.08);
	--radius: 12px;
	--border: 0px;
	--y: calc(var(--cursor-y) * 1px);
	--x: calc(var(--cursor-x) * 1px);
}
.hover-spotlight-card .spotlight {
	background: radial-gradient(var(--light-size) circle at var(--x) var(--y), var(--light-color), transparent);
	border-radius: var(--radius);
	bottom: var(--border);
	contain: strict;
	left: var(--border);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: var(--border);
	top: var(--border);
	transition: opacity 0.4s ease 0s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	will-change: background, opacity;
	z-index: 1;
}
.hover-spotlight-card:hover .spotlight {
	opacity: 1;
}
.download-banner {
	padding-bottom: clamp(3.75rem, 3.286rem + 1.91vw, 5rem);
	padding-top: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
}
.download-banner .blue-card {
	background: rgba(var(--brand-rgb), 1);
	border-radius: 12px;
	color: #fff;
	min-height: 370px;
	overflow: hidden;
	padding: clamp(2rem, 1.605rem + 1.62vw, 3.0625rem);
}
.download-banner .content-row {
	gap: 42px;
}
@media (max-width: 1023px) {
	.download-banner .content-row {
		flex-direction: column;
	}
}
.download-banner .left-part {
	flex: 435;
}
.download-banner .right-part {
	flex: 510;
	min-height: clamp(12.5rem, 9.691rem + 11.53vw, 20.0625rem);
	position: relative;
}
.download-banner .right-part .cover {
	aspect-ratio: 2520/1630;
	background-image: url(/cover/img/download/hello-cover.png);
	border-radius: 12px;
	position: absolute;
	top: 8px;
	width: clamp(31.25rem, 21.268rem + 40.96vw, 58.125rem);
}
.download-banner .section-title {
	color: #fff;
	font-size: clamp(1.875rem, 1.457rem + 1.72vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119%;
}
.download-banner .section-desc {
	font-size: 16px;
	line-height: 24px;
	margin: clamp(0.5rem, 0.5rem + 0vw, 0.5rem) 0;
}
.download-banner .section-desc,
.download-banner .section-title {
	text-align: left;
}
.download-banner .download-handler {
	margin-top: 16px;
}
.download-banner .download-handler .el-button {
	border-color: #fff;
	color: rgba(var(--brand-rgb), 1);
	min-width: 213px;
}
.download-banner .download-handler .el-button:hover {
	background: hsla(0, 0%, 100%, 0.9);
	border-color: hsla(0, 0%, 100%, 0.9);
}
.site-footer {
	--divider-color: #d7d7d7;
	--copyright-link-color: var(--primary);
	--logo-color: var(--brand);
	--list-name-color: var(--primary-deep);
	--list-item-color: #8e8d91;
	background: var(--bg);
	padding: clamp(3.75rem, 3.286rem + 1.91vw, 5rem) 0 clamp(3.75rem, 3.518rem + 0.96vw, 4.375rem);
	position: relative;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer {
		padding: 36px 0;
	}
}
.site-footer .gray-text {
	color: #8e8d91;
}
.site-footer a:hover {
	opacity: 0.8;
}
@media (max-width: 1023px) {
	.site-footer .nav-row {
		flex-direction: column;
	}
}
.site-footer .fluid-row {
	max-width: 1440px !important;
	padding: 0 clamp(2rem, -20.769rem + 35.58vw, 11.25rem);
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .fluid-row {
		padding: 0 20px;
	}
}
.site-footer .nav-list-wrapper {
	-moz-column-gap: clamp(2rem, 0.421rem + 6.48vw, 6.25rem);
	column-gap: clamp(2rem, 0.421rem + 6.48vw, 6.25rem);
	flex-wrap: wrap;
}
@media (max-width: 1023px) {
	.site-footer .nav-list-wrapper {
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 30px;
	}
	.site-footer .nav-list-wrapper > * {
		flex: 1 0 calc(50% - 48px);
		min-width: 150px;
	}
}
.site-footer .nav-list {
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}
.site-footer .nav-list .list-name {
	color: var(--list-name-color);
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 20px;
	margin-bottom: 10px;
}
.site-footer .nav-list .nav-item {
	color: var(--list-item-color);
	line-height: 1.428571428571429;
	margin-bottom: 12px;
}
.site-footer .copyright-row {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	margin-top: 32px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .copyright-row {
		margin-top: 26px;
	}
}
.site-footer .copyright-row .copy-text {
	letter-spacing: -0.28px;
}
.site-footer .copyright-row .info-slogan {
	font-weight: 500;
}
.site-footer .footer-divider {
	height: 1px;
	margin: 0 auto;
	max-width: 1512px;
	width: 100%;
}

*,
:after,
:before {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 transparent;
	--un-ring-shadow: 0 0 transparent;
	--un-shadow-inset: ;
	--un-shadow: 0 0 transparent;
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgba(147, 197, 253, 0.5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia: ;
}
.container {
	max-width: 100%;
}
@media (min-width: 30rem) {
	.container {
		max-width: 30rem;
	}
}
@media (min-width: 48rem) {
	.container {
		max-width: 48rem;
	}
}
@media (min-width: 64rem) {
	.container {
		max-width: 64rem;
	}
}
@media (min-width: 75rem) {
	.container {
		max-width: 75rem;
	}
}
@media (min-width: 94.5rem) {
	.container {
		max-width: 94.5rem;
	}
}
.relative {
	position: relative;
}
.ma-0 {
	margin: 0;
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-4 {
	margin-bottom: 1rem;
}
.mb-5 {
	margin-bottom: 1.25rem;
}
.mb-8px {
	margin-bottom: 8px;
}
.mr-5 {
	margin-right: 1.25rem;
}
.mt-6px {
	margin-top: 6px;
}
.inline {
	display: inline;
}
.hidden {
	display: none;
}
.w-140px {
	width: 140px;
}
.flex-col {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.animate-delay-100ms {
	animation-delay: 0.1s;
}
.animate-delay-50ms {
	animation-delay: 50ms;
}
.items-start {
	align-items: flex-start;
}
.items-end {
	align-items: flex-end;
}
.items-center {
	align-items: center;
}
.justify-start {
	justify-content: flex-start;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.gap-1 {
	grid-gap: 0.25rem;
	gap: 0.25rem;
}
.gap-12px {
	grid-gap: 12px;
	gap: 12px;
}
.gap-2 {
	grid-gap: 0.5rem;
	gap: 0.5rem;
}
.gap-21px {
	grid-gap: 21px;
	gap: 21px;
}
.gap-3 {
	grid-gap: 0.75rem;
	gap: 0.75rem;
}
.gap-4 {
	grid-gap: 1rem;
	gap: 1rem;
}
.gap-4px {
	grid-gap: 4px;
	gap: 4px;
}
.gap-6 {
	grid-gap: 1.5rem;
	gap: 1.5rem;
}
.gap-8px {
	grid-gap: 8px;
	gap: 8px;
}
.pl-4 {
	padding-left: 1rem;
}
.text-left {
	text-align: left;
}
.text-size-20px {
	font-size: 20px;
}
.text-24px {
	font-size: 24px;
}
.text-40px {
	font-size: 40px;
}
.tab {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}
@media (max-width: 47.9rem) {
	.lt-sm\:flex-col {
		flex-direction: column;
	}
}

.color-brand {
	color: var(--brand);
}
.cover {
	background-color: #d9d9d9;
	background-position: 50%;
	background-size: cover;
}
.cover-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
:root {
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:root {
	--primary-color-h: 205;
	--primary-color-s: 84%;
	--primary-color-l: 52%;
	--el-color-primary: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
	--el-color-primary-light-3: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 5%));
	--el-color-primary-light-5: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 10%));
	--el-color-primary-light-7: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 15%));
	--el-color-primary-light-8: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 26%));
	--el-color-primary-light-9: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + 37%));
	--el-color-primary-dark-2: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - 10%));
	--el-mask-color: rgba(var(--v-primary-rgb), 0.1);
}
:root {
	--el-color-success: #4b8d6d;
	--el-color-success-light-3: #59ad85;
	--el-color-success-dark-2: #386d54;
	--el-color-success-light-5: #cbddd3;
	--el-overlay-color-lighter: rgba(0, 0, 0, 0.3);
	--el-fill-color-light: #f4f4f4;
	--el-text-color-regular: var(--primary) !important;
	--el-border-radius-base: 6px;
}
.app .el-button {
	background-color: var(--el-button-bg-color);
	font-weight: 800;
	--el-border-radius-base: 34px;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 7px 16px;
	transition: 318ms;
	transition: 0.15s ease-in-out;
}
.app .el-button:active {
	transform: scale(0.95);
}
.app .el-button--large {
	--el-button-size: 43px;
	font-size: 20px;
	font-size: 16px;
	letter-spacing: -0.32px;
	padding: 10px 20px;
}
.app .el-button--default {
	background-color: var(--brand);
	border: none;
	color: var(--secondary) !important;
}
.app .el-button--default:focus,
.app .el-button--default:hover {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}
.app .el-button--default:active {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}
.app .el-button--secondary {
	background: transparent;
	border-color: #00000026;
	color: #000;
}
.app .el-button--secondary:focus,
.app .el-button--secondary:hover {
	background-color: #0000000a !important;
	border-color: #00000026 !important;
	color: #000 !important;
}
.app .el-button--secondary:active {
	background-color: #0000000a !important;
	border-color: #00000026 !important;
}
:root {
	--brand: #1e96eb;
	--brand-rgb: 30, 150, 235;
	--brand-hs: 204.8780487804878deg, 83.67346938775509%;
	--brand-h: 204.8780487804878deg;
	--brand-s: 83.67346938775509%;
	--brand-l: 51.96078431372548%;
	--brand-gradient: linear-gradient(180deg, #1e96eb, #1e96eb);
	--v-primary-rgb: 66, 65, 73;
	--v-secondary-rgb: 255, 255, 255;
	--primary: #424149;
	--primary-deep: #000;
	--primary-gray: #747474;
	--secondary: #fff;
	--logo-color: #5438ff;
	--divider-color: #d7d7d7;
	--link-hover-color: #244ee7;
	--container-padding: 40px;
	--navbar-height: 72px;
}
html {
	overflow-x: hidden;
}
body {
	--bg: #f8f8f7;
	background: var(--bg);
	color: rgb(var(--v-primary-rgb));
	font-family: Inter, Roboto, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	color: inherit;
	text-decoration: none;
	transition: color 268ms;
}
*,
:after,
:before {
	box-sizing: border-box;
}
.nuxt-icon {
	display: inline-flex;
	line-height: 1;
	vertical-align: middle;
}
.nuxt-icon svg {
	margin: 0 !important;
}
.container {
	--width: 94.5rem;
	margin: 0 auto;
	max-width: var(--width) !important;
	width: 100%;
}
.container.is-fluid {
	max-width: 100% !important;
}
.limit-container {
	--padding: 32px;
	margin: 0 auto;
	max-width: 1144px;
	padding-left: var(--padding);
	padding-right: var(--padding);
	width: 100%;
}
@media (max-width: 29.9rem) {
	.limit-container {
		--padding: 20px;
	}
}
.section-title {
	font-size: clamp(2rem, 1.35rem + 2.67vw, 3.75rem);
	font-weight: 500;
	letter-spacing: -0.068em;
	line-height: 1.083333333333333;
	margin: 0;
	text-align: center;
}
.section-grad-title {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(91deg, #474747 20.12%, #000 55.27%, #474747 82.61%);
	color: transparent;
}
.headline-2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.333;
}
.page {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.el-popper {
	--el-popper-border-radius: var(--el-popover-border-radius, 4px);
	border-radius: var(--el-popper-border-radius);
	font-size: 12px;
	line-height: 20px;
	min-width: 10px;
	overflow-wrap: break-word;
	padding: 5px 11px;
	position: absolute;
	visibility: visible;
	z-index: 2000;
}
.el-popper.is-light {
	background: var(--el-bg-color-overlay);
	border: 1px solid var(--el-border-color-light);
}
.el-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	height: 32px;
	white-space: nowrap;
	cursor: pointer;
	color: var(--el-button-text-color, var(--el-text-color-regular));
	text-align: center;
	box-sizing: border-box;
	outline: none;
	transition: 0.1s;
	font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
	user-select: none;
	vertical-align: middle;
	-webkit-appearance: none;
	background-color: var(--el-button-bg-color, var(--el-fill-color-blank));
	border: var(--el-border);
	border-color: var(--el-button-border-color, var(--el-border-color));
	padding: 8px 15px;
	font-size: var(--el-font-size-base);
	border-radius: var(--el-border-radius-base);
}

.el-button:hover {
	color: var(--el-button-hover-text-color, var(--el-color-primary));
	border-color: var(--el-button-hover-border-color, var(--el-color-primary-light-7));
	background-color: var(--el-button-hover-bg-color, var(--el-color-primary-light-9));
	outline: none;
}

.el-button:active {
	color: var(--el-button-active-text-color, var(--el-color-primary-dark-2));
	border-color: var(--el-button-active-border-color, var(--el-color-primary-dark-2));
	background-color: var(--el-button-active-bg-color, var(--el-button-hover-bg-color, var(--el-color-primary-light-9)));
	outline: none;
}

.el-button:focus-visible {
	outline: 2px solid var(--el-button-outline-color);
	outline-offset: 1px;
	transition: outline-offset 0s, outline 0s;
}

.el-button > span {
	align-items: center;
	display: inline-flex;
}

.el-button {
	border-radius: var(--el-border-radius-base);
	font-size: var(--el-font-size-base);
}

.el-button {
	padding: 8px 15px;
}

.el-button::-moz-focus-inner {
	border: 0;
}

.el-button--large {
	--el-button-size: 40px;
	height: var(--el-button-size);
}

.el-button--large {
	border-radius: var(--el-border-radius-base);
	font-size: var(--el-font-size-base);
	padding: 12px 19px;
}

.nuxt-icon svg {
	height: 1em;
	margin-bottom: 0.125em;
	vertical-align: middle;
	width: 1em;
}

.nuxt-icon.nuxt-icon--fill,
.nuxt-icon.nuxt-icon--fill * {
	fill: currentColor !important;
}

.nuxt-icon.nuxt-icon--stroke,
.nuxt-icon.nuxt-icon--stroke * {
	stroke: currentColor !important;
}

.affine-logo svg {
	display: block;
	height: 1em;
	width: 1em;
}

.stars-on-github-btn {
	border: 1px solid var(--black-quaternary, #ccc);
	border-radius: 34px;
	color: var(--primary-deep);
	font-size: 14px;
	gap: 6px;
	line-height: 1;
	padding: 6px 16px;
	transition: 0.15s ease-in-out;
}

.stars-on-github-btn:active {
	transform: scale(0.95);
}

.stars-on-github-btn:hover {
	background: #0000000a;
}

@media (max-width: 569px) {
	.stars-on-github-btn {
		padding: 6px;
	}
	.stars-on-github-btn .info-text {
		display: none;
	}
}

.stars-on-github-btn .info-text {
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 18px;
}

:root {
	--el-popup-modal-bg-color: var(--el-color-black);
	--el-popup-modal-opacity: 0.5;
}

video {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.get-start-link {
	display: block;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.get-start-link {
		display: none;
	}
}

.explore-on-desktop {
	background: var(--Black-Tertiary, #8e8d91);
	border-radius: 34px;
	color: var(--Black-Quinary, #f4f4f5);
	display: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	margin-top: 36px;
	padding: 12px 52px;
	text-align: center;
}

@media (min-width: 0px) and (max-width: 47.9375rem) {
	.explore-on-desktop {
		display: block;
	}
}

.user-story-card-light {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 2px 4px #0000000f;
	padding: 24px;
	position: relative;
	--light-color: rgba(83, 30, 235, 0.04);
	--border: 0px;
}

.user-story-card-light .meta-row {
	margin-bottom: clamp(1rem, 1rem + 0vw, 1rem);
}

.user-story-card-light .story-content {
	font-size: 13px;
	line-height: 138.462%;
}

.user-story-card-light .avatar {
	aspect-ratio: 1/1;
	background-position: no-repeat;
	background-size: cover;
	border: 1px solid #eee;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 12px;
	width: 42px;
}

.user-story-card-light .avatar.is-default {
	border: none;
}

.user-story-card-light .user-name {
	color: var(--primary-deep);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}

.user-story-card-light .user-position {
	color: var(--primary-deep);
	font-size: 13px;
	line-height: normal;
	opacity: 0.5;
}

.overview-user-stories-light {
	padding: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem) 0 clamp(2.75rem, -7.214rem + 21.43vw, 6.5rem);
}

@media (max-width: 29.9rem) {
	.overview-user-stories-light .upper-part {
		padding-left: 12px;
		padding-right: 12px;
	}
}

.overview-user-stories-light .section-subtitle {
	font-size: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 118.75%;
	margin: 0 0 clamp(2rem, -0.462rem + 3.85vw, 3rem);
	white-space: pre-line;
}

.overview-user-stories-light .marquee-copy {
	display: none;
}

@media (max-width: 480px) {
	.overview-user-stories-light .marquee-copy {
		display: block;
	}
}

.overview-user-stories-light .stories-list {
	-moz-column-count: 4;
	column-count: 4;
	gap: 16px;
	position: relative;
	width: 100%;
}

@media (max-width: 1024px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (max-width: 744px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (max-width: 480px) {
	.overview-user-stories-light .stories-list {
		animation: panningLoop 40s linear infinite both;
		-moz-column-count: 5;
		column-count: 5;
		flex-shrink: 0;
		padding-left: 12px;
		padding-right: 12px;
		vertical-align: top;
		width: 1440px;
		z-index: 2;
	}
}

.overview-user-stories-light .stories-list .user-story-card-light {
	page-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	margin-bottom: 16px;
}

@keyframes panningLoop {
	0% {
		transform: translateX(0, 0, 1000px);
	}
	to {
		transform: translate3d(-100%, 0, 1000px);
	}
}

.hover-spotlight-card {
	overflow: hidden;
	position: relative;
	--light-color: rgba(var(--brand-rgb), 0.08);
	--radius: 12px;
	--border: 0px;
	--y: calc(var(--cursor-y) * 1px);
	--x: calc(var(--cursor-x) * 1px);
}

.hover-spotlight-card .spotlight {
	background: radial-gradient(var(--light-size) circle at var(--x) var(--y), var(--light-color), transparent);
	border-radius: var(--radius);
	bottom: var(--border);
	contain: strict;
	left: var(--border);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: var(--border);
	top: var(--border);
	transition: opacity 0.4s ease 0s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	will-change: background, opacity;
	z-index: 1;
}

.hover-spotlight-card:hover .spotlight {
	opacity: 1;
}

.download-banner {
	padding-bottom: clamp(3.75rem, 3.286rem + 1.91vw, 5rem);
	padding-top: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
}

.download-banner .blue-card {
	background: rgba(var(--brand-rgb), 1);
	border-radius: 12px;
	color: #fff;
	min-height: 370px;
	overflow: hidden;
	padding: clamp(2rem, 1.605rem + 1.62vw, 3.0625rem);
}

.download-banner .content-row {
	gap: 42px;
}

@media (max-width: 1023px) {
	.download-banner .content-row {
		flex-direction: column;
	}
}

.download-banner .left-part {
	flex: 435;
}

.download-banner .right-part {
	flex: 510;
	min-height: clamp(12.5rem, 9.691rem + 11.53vw, 20.0625rem);
	position: relative;
}

.download-banner .right-part .cover {
	aspect-ratio: 2520/1630;
	background-image: url(/cover/img/download/hello-cover.png);
	border-radius: 12px;
	position: absolute;
	top: 8px;
	width: clamp(31.25rem, 21.268rem + 40.96vw, 58.125rem);
}

.download-banner .section-title {
	color: #fff;
	font-size: clamp(1.875rem, 1.457rem + 1.72vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119%;
}

.download-banner .section-desc {
	font-size: 16px;
	line-height: 24px;
	margin: clamp(0.5rem, 0.5rem + 0vw, 0.5rem) 0;
}

.download-banner .section-desc,
.download-banner .section-title {
	text-align: left;
}

.download-banner .download-handler {
	margin-top: 16px;
}

.download-banner .download-handler .el-button {
	border-color: #fff;
	color: rgba(var(--brand-rgb), 1);
	min-width: 213px;
}
.download-banner .download-handler .el-button:hover {
	background: #ffffffe6;
	border-color: #ffffffe6;
}

*,
:after,
:before {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 transparent;
	--un-ring-shadow: 0 0 transparent;
	--un-shadow-inset: ;
	--un-shadow: 0 0 transparent;
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgba(147, 197, 253, 0.5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia: ;
}
::backdrop {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 transparent;
	--un-ring-shadow: 0 0 transparent;
	--un-shadow-inset: ;
	--un-shadow: 0 0 transparent;
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgba(147, 197, 253, 0.5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia: ;
}
.container {
	max-width: 100%;
}
@media (min-width: 30rem) {
	.container {
		max-width: 30rem;
	}
}
@media (min-width: 48rem) {
	.container {
		max-width: 48rem;
	}
}
@media (min-width: 64rem) {
	.container {
		max-width: 64rem;
	}
}
@media (min-width: 75rem) {
	.container {
		max-width: 75rem;
	}
}
@media (min-width: 94.5rem) {
	.container {
		max-width: 94.5rem;
	}
}
.pointer-events-none {
	pointer-events: none;
}
.visible {
	visibility: visible;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.relative {
	position: relative;
}
.sticky {
	position: sticky;
}
.static {
	position: static;
}
.grid {
	display: grid;
}
.ma-0 {
	margin: 0;
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.my,
.my-4 {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.mb-0 {
	margin-bottom: 0;
}
.mb-1 {
	margin-bottom: 0.25rem;
}
.mb-10px {
	margin-bottom: 10px;
}
.mb-2 {
	margin-bottom: 0.5rem;
}
.mb-3 {
	margin-bottom: 0.75rem;
}
.mb-30 {
	margin-bottom: 7.5rem;
}
.mb-4 {
	margin-bottom: 1rem;
}
.mb-40px {
	margin-bottom: 40px;
}
.mb-5 {
	margin-bottom: 1.25rem;
}
.mb-6 {
	margin-bottom: 1.5rem;
}
.mb-60px {
	margin-bottom: 60px;
}
.mb-8 {
	margin-bottom: 2rem;
}
.mb-8px {
	margin-bottom: 8px;
}
.me {
	margin-inline-end: 1rem;
}
.mr-3 {
	margin-right: 0.75rem;
}
.mr-5 {
	margin-right: 1.25rem;
}
.ms {
	margin-inline-start: 1rem;
}
.mt-10px {
	margin-top: 10px;
}
.mt-14px {
	margin-top: 14px;
}
.mt-2 {
	margin-top: 0.5rem;
}
.mt-22px {
	margin-top: 22px;
}
.mt-30px {
	margin-top: 30px;
}
.mt-4 {
	margin-top: 1rem;
}
.mt-6px {
	margin-top: 6px;
}
.mt-95px {
	margin-top: 95px;
}
.inline {
	display: inline;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.contents {
	display: contents;
}
.list-item {
	display: list-item;
}
.hidden {
	display: none;
}
.h-full {
	height: 100%;
}
.h1 {
	height: 0.25rem;
}
.h2 {
	height: 0.5rem;
}
.h3 {
	height: 0.75rem;
}
.h4 {
	height: 1rem;
}
.h5 {
	height: 1.25rem;
}
.h6 {
	height: 1.5rem;
}
.max-w-400px {
	max-width: 400px;
}
.max-w-413px {
	max-width: 413px;
}
.max-w-500px {
	max-width: 500px;
}
.max-w-510px {
	max-width: 510px;
}
.max-w-700px {
	max-width: 700px;
}
.w-140px {
	width: 140px;
}
.w-full {
	width: 100%;
}
.block-1 {
	block-size: 0.25rem;
}
.block-2 {
	block-size: 0.5rem;
}
.block-3 {
	block-size: 0.75rem;
}
.block-4 {
	block-size: 1rem;
}
.block-5 {
	block-size: 1.25rem;
}
.block-6 {
	block-size: 1.5rem;
}
.block-7 {
	block-size: 1.75rem;
}
.flex-shrink-0,
.shrink-0 {
	flex-shrink: 0;
}
.flex-row {
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-col {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.table {
	display: table;
}
.preserve-3d {
	transform-style: preserve-3d;
}
.transform {
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
		rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
		skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
		scaleZ(var(--un-scale-z));
}
.animate-delay-100ms {
	animation-delay: 0.1s;
}
.animate-delay-150ms {
	animation-delay: 0.15s;
}
.animate-delay-50ms {
	animation-delay: 50ms;
}
.resize {
	resize: both;
}
.items-start {
	align-items: flex-start;
}
.items-end {
	align-items: flex-end;
}
.items-center {
	align-items: center;
}
.justify-start {
	justify-content: flex-start;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.gap-1 {
	grid-gap: 0.25rem;
	gap: 0.25rem;
}
.gap-10px {
	grid-gap: 10px;
	gap: 10px;
}
.gap-12px {
	grid-gap: 12px;
	gap: 12px;
}
.gap-18px {
	grid-gap: 18px;
	gap: 18px;
}
.gap-2 {
	grid-gap: 0.5rem;
	gap: 0.5rem;
}
.gap-20px {
	grid-gap: 20px;
	gap: 20px;
}
.gap-21px {
	grid-gap: 21px;
	gap: 21px;
}
.gap-24px {
	grid-gap: 24px;
	gap: 24px;
}
.gap-28px {
	grid-gap: 28px;
	gap: 28px;
}
.gap-3 {
	grid-gap: 0.75rem;
	gap: 0.75rem;
}
.gap-4 {
	grid-gap: 1rem;
	gap: 1rem;
}
.gap-4px {
	grid-gap: 4px;
	gap: 4px;
}
.gap-5 {
	grid-gap: 1.25rem;
	gap: 1.25rem;
}
.gap-6 {
	grid-gap: 1.5rem;
	gap: 1.5rem;
}
.gap-6px {
	grid-gap: 6px;
	gap: 6px;
}
.gap-8px {
	grid-gap: 8px;
	gap: 8px;
}
.gap-9px {
	grid-gap: 9px;
	gap: 9px;
}
.overflow-hidden {
	overflow: hidden;
}
.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.break-all {
	word-break: break-all;
}
.b {
	border-width: 1px;
}
.px {
	padding-left: 1rem;
	padding-right: 1rem;
}
.pb-30px {
	padding-bottom: 30px;
}
.pl-4 {
	padding-left: 1rem;
}
.pt-70px {
	padding-top: 70px;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-14px {
	font-size: 14px;
}
.text-20px,
.text-size-20px {
	font-size: 20px;
}
.text-24px,
.text-size-24px {
	font-size: 24px;
}
.text-40px {
	font-size: 40px;
}
.text-size-17px {
	font-size: 17px;
}
.text-size-18px {
	font-size: 18px;
}
.text-size-32px {
	font-size: 32px;
}
.font-medium,
.fw-500 {
	font-weight: 500;
}
.uppercase {
	text-transform: uppercase;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration-line: underline;
}
.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: grayscale;
}
.tab,
.active-tab:active {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}
.opacity-0 {
	opacity: 0;
}
.shadow {
	--un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.1)),
		var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.outline {
	outline-style: solid;
}
.grayscale {
	--un-grayscale: grayscale(1);
	filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale)
		var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);
}
.transition {
	transition-duration: 0.15s;
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
		opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
		opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
		opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease,
.ease-in-out {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 47.9rem) {
	.lt-sm\:hidden {
		display: none;
	}
	.lt-sm\:flex-col {
		flex-direction: column;
	}
}
@media (min-width: 48rem) {
	.sm\:mb-10 {
		margin-bottom: 2.5rem;
	}
}
@media (min-width: 64rem) {
	.md\:mt-32px {
		margin-top: 32px;
	}
	.md\:flex-row {
		flex-direction: row;
	}
	.md\:pb-0 {
		padding-bottom: 0;
	}
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
	transition: var(--el-transition-fade-linear);
}
.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
	opacity: 0;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
	transition: var(--el-transition-fade-linear);
}
.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
	opacity: 0;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active {
	transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-fade-in-enter-from,
.el-fade-in-leave-active {
	opacity: 0;
}
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
	transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
	opacity: 0;
	transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
	opacity: 1;
	transform: scaleY(1);
	transform-origin: center top;
	transition: var(--el-transition-md-fade);
}
.el-zoom-in-top-enter-active[data-popper-placement^="top"],
.el-zoom-in-top-leave-active[data-popper-placement^="top"] {
	transform-origin: center bottom;
}
.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
	opacity: 0;
	transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
	opacity: 1;
	transform: scaleY(1);
	transform-origin: center bottom;
	transition: var(--el-transition-md-fade);
}
.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
	opacity: 0;
	transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
	opacity: 1;
	transform: scale(1);
	transform-origin: top left;
	transition: var(--el-transition-md-fade);
}
.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
	opacity: 0;
	transform: scale(0.45);
}
.collapse-transition {
	transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out,
		var(--el-transition-duration) padding-bottom ease-in-out;
}
.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
	transition: var(--el-transition-duration) max-height ease-in-out,
		var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
	transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out,
		var(--el-transition-duration) padding-right ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
	transition: all 1s;
}
.el-list-enter-from,
.el-list-leave-to {
	opacity: 0;
	transform: translateY(-30px);
}
.el-list-leave-active {
	position: absolute !important;
}
.el-opacity-transition {
	transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-icon-loading {
	animation: rotating 2s linear infinite;
}
.el-icon--right {
	margin-left: 5px;
}
.el-icon--left {
	margin-right: 5px;
}
@keyframes rotating {
	0% {
		transform: rotate(0);
	}
	to {
		transform: rotate(1turn);
	}
}
.el-icon {
	--color: inherit;
	align-items: center;
	display: inline-flex;
	height: 1em;
	justify-content: center;
	line-height: 1em;
	position: relative;
	width: 1em;
	fill: currentColor;
	color: var(--color);
	font-size: inherit;
}
.el-icon.is-loading {
	animation: rotating 2s linear infinite;
}
.el-icon svg {
	height: 1em;
	width: 1em;
}
.el-badge {
	--el-badge-bg-color: var(--el-color-danger);
	--el-badge-radius: 10px;
	--el-badge-font-size: 12px;
	--el-badge-padding: 6px;
	--el-badge-size: 18px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: fit-content;
}
.el-badge__content {
	align-items: center;
	background-color: var(--el-badge-bg-color);
	border: 1px solid var(--el-bg-color);
	border-radius: var(--el-badge-radius);
	color: var(--el-color-white);
	display: inline-flex;
	font-size: var(--el-badge-font-size);
	height: var(--el-badge-size);
	justify-content: center;
	padding: 0 var(--el-badge-padding);
	white-space: nowrap;
}
.el-badge__content.is-fixed {
	position: absolute;
	right: calc(1px + var(--el-badge-size) / 2);
	top: 0;
	transform: translateY(-50%) translate(100%);
	z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
	right: 5px;
}
.el-badge__content.is-dot {
	border-radius: 50%;
	height: 8px;
	padding: 0;
	right: 0;
	width: 8px;
}
.el-badge__content.is-hide-zero {
	display: none;
}
.el-badge__content--primary {
	background-color: var(--el-color-primary);
}
.el-badge__content--success {
	background-color: var(--el-color-success);
}
.el-badge__content--warning {
	background-color: var(--el-color-warning);
}
.el-badge__content--info {
	background-color: var(--el-color-info);
}
.el-badge__content--danger {
	background-color: var(--el-color-danger);
}
.el-message {
	--el-message-bg-color: var(--el-color-info-light-9);
	--el-message-border-color: var(--el-border-color-lighter);
	--el-message-padding: 11px 15px;
	--el-message-close-size: 16px;
	--el-message-close-icon-color: var(--el-text-color-placeholder);
	--el-message-close-hover-color: var(--el-text-color-secondary);
	align-items: center;
	background-color: var(--el-message-bg-color);
	border-color: var(--el-message-border-color);
	border-radius: var(--el-border-radius-base);
	border-style: var(--el-border-style);
	border-width: var(--el-border-width);
	box-sizing: border-box;
	display: flex;
	gap: 8px;
	left: 50%;
	max-width: calc(100% - 32px);
	padding: var(--el-message-padding);
	position: fixed;
	top: 20px;
	transform: translate(-50%);
	transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s;
	width: fit-content;
}
.el-message.is-center {
	justify-content: center;
}
.el-message.is-plain {
	background-color: var(--el-bg-color-overlay);
	border-color: var(--el-bg-color-overlay);
	box-shadow: var(--el-box-shadow-light);
}
.el-message p {
	margin: 0;
}
.el-message--success {
	--el-message-bg-color: var(--el-color-success-light-9);
	--el-message-border-color: var(--el-color-success-light-8);
	--el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
	color: var(--el-message-text-color);
	overflow-wrap: break-word;
}
.el-message .el-message-icon--success {
	color: var(--el-message-text-color);
}
.el-message--info {
	--el-message-bg-color: var(--el-color-info-light-9);
	--el-message-border-color: var(--el-color-info-light-8);
	--el-message-text-color: var(--el-color-info);
}
.el-message .el-message-icon--info {
	color: var(--el-message-text-color);
}
.el-message--warning {
	--el-message-bg-color: var(--el-color-warning-light-9);
	--el-message-border-color: var(--el-color-warning-light-8);
	--el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
	color: var(--el-message-text-color);
	overflow-wrap: break-word;
}
.el-message .el-message-icon--warning {
	color: var(--el-message-text-color);
}
.el-message--error {
	--el-message-bg-color: var(--el-color-error-light-9);
	--el-message-border-color: var(--el-color-error-light-8);
	--el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
	color: var(--el-message-text-color);
	overflow-wrap: break-word;
}
.el-message .el-message-icon--error {
	color: var(--el-message-text-color);
}
.el-message .el-message__badge {
	position: absolute;
	right: -8px;
	top: -8px;
}
.el-message .el-message__content {
	font-size: 14px;
	line-height: 1;
	padding: 0;
}
.el-message .el-message__content:focus {
	outline-width: 0;
}
.el-message .el-message__closeBtn {
	color: var(--el-message-close-icon-color);
	cursor: pointer;
	font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
	outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
	color: var(--el-message-close-hover-color);
}
.el-message-fade-enter-from,
.el-message-fade-leave-to {
	opacity: 0;
	transform: translate(-50%, -100%);
}
.w-100p {
	width: 100%;
}
.h-100p {
	height: 100%;
}
.show-in-xs {
	display: none;
}
@media (max-width: 29.9rem) {
	.show-in-xs {
		display: block;
	}
}
@media (max-width: 29.9rem) {
	.hide-in-xs {
		display: none;
	}
}
.text-muted {
	color: #939393;
	font-size: 80%;
}
.color-brand {
	color: var(--brand);
}
.text-brand-grad {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: var(--brand-gradient);
	color: transparent !important;
}
.cover {
	background-color: #d9d9d9;
	background-position: 50%;
	background-size: cover;
}
.transparent-scroll::-webkit-scrollbar {
	width: 1px;
}
.transparent-scroll::-webkit-scrollbar * {
	background: transparent;
}
.transparent-scroll::-webkit-scrollbar-thumb {
	background: #f000 !important;
}
.cover-img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
code[class*="language-"],
pre[class*="language-"] {
	color: #393a34;
	direction: ltr;
	font-family: Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace;
	font-size: 0.9em;
	-webkit-hyphens: none;
	hyphens: none;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	text-align: left;
	white-space: pre-wrap;
	word-break: break-all;
	word-spacing: normal;
}
pre > code[class*="language-"] {
	font-size: 1em;
}
code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
	background: #b3d4fc;
}
code[class*="language-"] ::selection,
code[class*="language-"]::selection,
pre[class*="language-"] ::selection,
pre[class*="language-"]::selection {
	background: #b3d4fc;
}
pre[class*="language-"] {
	border: 1px solid #ddd;
	margin: 0.5em 0;
	overflow: auto;
	padding: 1em;
}
:not(pre) > code[class*="language-"] {
	border: 1px solid #ddd;
	padding: 1px 0.2em;
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
	color: #998;
	font-style: italic;
}
.token.namespace {
	opacity: 0.7;
}
.token.attr-value,
.token.string {
	color: #e3116c;
}
.token.operator,
.token.punctuation {
	color: #393a34;
}
.token.boolean,
.token.constant,
.token.entity,
.token.inserted,
.token.number,
.token.property,
.token.regex,
.token.symbol,
.token.url,
.token.variable {
	color: #36acaa;
}
.language-autohotkey .token.selector,
.token.atrule,
.token.attr-name,
.token.keyword {
	color: #00a4db;
}
.language-autohotkey .token.tag,
.token.deleted,
.token.function {
	color: #9a050f;
}
.language-autohotkey .token.keyword,
.token.selector,
.token.tag {
	color: #00009f;
}
.token.bold,
.token.function,
.token.important {
	font-weight: 700;
}
.token.italic {
	font-style: italic;
}
:root {
	--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.3s ease;
}
.fade-enter-from,
.fade-leave-to {
	opacity: 0;
}
.popover-popup-enter-active,
.popover-popup-leave-active {
	transform-origin: top left;
	transition: transform 0.2s var(--ease-out-quad), opacity 0.2s var(--ease-out-quad);
}
.popover-popup-enter-from,
.popover-popup-leave-to {
	opacity: 0;
	transform: scale(0.98);
}
.anim-suspend {
	animation: anim-suspend var(--duration, 3s) ease-in-out infinite;
}
@keyframes anim-suspend {
	50% {
		transform: translateY(var(--suspend-y, 20%)) translate(var(--suspend-x, 0));
	}
}
@keyframes blinking {
	0%,
	49.8% {
		opacity: 1;
	}
	49.9%,
	99.9% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	src: url(/cover/fonts/affine/inter-v18-latin-regular.woff2) format("woff2");
}
@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: url(/cover/fonts/affine/inter-v18-latin-500.woff2) format("woff2");
}
@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	src: url(/cover/fonts/affine/inter-v18-latin-600.woff2) format("woff2");
}
@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	src: url(/cover/fonts/affine/inter-v18-latin-700.woff2) format("woff2");
}
@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 800;
	src: url(/cover/fonts/affine/inter-v18-latin-800.woff2) format("woff2");
}
@font-face {
	font-display: swap;
	font-family: Inter;
	font-style: normal;
	font-weight: 900;
	src: url(/cover/fonts/affine/inter-v18-latin-900.woff2) format("woff2");
}
.section {
	--body-width: 400px;
}
.section + .section {
	margin-top: 20px;
}
.section-body {
	max-width: var(--body-width);
}
.readable {
	color: #000;
	font-size: clamp(0.9375rem, 0.938rem + 0vw, 0.9375rem);
	line-height: 1.647058823529412;
}
.readable p {
	letter-spacing: -0.01em;
	margin-bottom: 1.4em;
	margin-top: 0;
}
.readable p > img {
	margin: 8px 0;
}
.readable p + ul {
	margin-top: -0.8em;
}
.readable > :empty {
	display: none;
}
.readable > :first-child {
	margin-top: 0;
}
.readable blockquote {
	color: inherit;
	font-weight: 500;
	margin-left: 0;
	padding-left: 20px;
	position: relative;
}
.readable blockquote:before {
	background: #ccc;
	border-radius: 8px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 4px;
}
.readable strong {
	font-weight: 600;
}
.readable iframe,
.readable img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.readable img {
	height: auto;
}
.readable iframe {
	margin-bottom: 24px;
}
.readable h1 {
	font-size: 1.64em;
}
.readable h2 {
	font-size: 1.529em;
}
.readable h3 {
	font-size: 1.411em;
}
.readable h4,
.readable h5,
.readable h6 {
	font-size: 1em;
}
.readable h1,
.readable h2,
.readable h3,
.readable h4,
.readable h5,
.readable h6 {
	font-weight: 600;
	line-height: 1.333333333333333;
	margin-bottom: 24px;
	margin-top: 0;
}
.readable a {
	word-wrap: break-word;
	color: #000;
	text-decoration: underline;
}
.readable a:hover {
	opacity: 0.8;
}
.readable pre {
	background: #f5f6f7;
	border: 1px solid #dee0e3;
	border-radius: 5px;
	line-height: 1.75;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
	white-space: pre;
	white-space: pre-wrap;
	word-break: break-all;
}
.readable pre code {
	border: none;
}
.readable code {
	background: #f5f6f7;
	border: 1px solid #d1d1d1;
	border-radius: 5px;
	color: #555;
	margin: 0 3px;
	padding: 1px 2px;
}
.readable ol,
.readable ul {
	margin-bottom: 24px;
	padding-left: 24px;
}
.readable ol li > p,
.readable ul li > p {
	margin-bottom: 4px;
}
.readable .table-wrapper {
	overflow-x: auto;
}
.readable table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.readable table td,
.readable table th {
	border: 1px solid #ccc;
	padding: 8px;
	white-space: nowrap;
}
.tp-dfwv {
	bottom: 10px !important;
	position: fixed !important;
	right: 10px !important;
	top: auto !important;
	width: 300px !important;
	z-index: 2333;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.tp-dfwv {
		display: none;
	}
}
:root {
	--el-color-success: #4b8d6d;
	--el-color-success-light-3: #59ad85;
	--el-color-success-dark-2: #386d54;
	--el-color-success-light-5: #cbddd3;
	--el-overlay-color-lighter: rgba(0, 0, 0, 0.3);
	--el-fill-color-light: #f4f4f4;
	--el-text-color-regular: var(--primary) !important;
	--el-border-radius-base: 6px;
}
.app .el-button {
	background-color: var(--el-button-bg-color);
	font-weight: 800;
	--el-border-radius-base: 34px;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 7px 16px;
	transition: 318ms;
	transition: 0.15s ease-in-out;
}
.app .el-button:active {
	transform: scale(0.95);
}
.app .el-button.is-link {
	background: transparent;
}
.app .el-button--large {
	--el-button-size: 43px;
	font-size: 20px;
	font-size: 16px;
	letter-spacing: -0.32px;
	padding: 10px 20px;
}
.app .el-button--medium {
	--el-button-size: 40px;
	font-size: 15px;
	font-weight: 600;
	height: var(--el-button-size);
	line-height: 24px;
	padding: 8px 22px;
}
.app .el-button--action,
.app .el-button--action-rounded {
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	height: 37px;
	letter-spacing: -0.28px;
}
.app .el-button--action-rounded {
	border-radius: 8px;
	min-width: 95px;
}
.app .el-button--primary {
	--el-button-disabled-bg-color: #bbb;
	--el-button-disabled-border-color: #bbb;
}
.app .el-button--primary:focus,
.app .el-button--primary:hover {
	background-color: var(--el-color-primary-light-3) !important;
	border-color: var(--el-color-primary-light-3) !important;
	color: #fff !important;
}
.app .el-button--primary:active {
	background-color: var(--el-color-primary-light-5) !important;
}
.app .el-button--primary.is-outlined {
	background: #fff;
	color: var(--brand) !important;
}
.app .el-button--primary.is-outlined:focus,
.app .el-button--primary.is-outlined:hover {
	background: rgba(var(--brand-rgb), 0.1) !important;
}
.app .el-button--default {
	background-color: var(--brand);
	border: none;
	color: var(--secondary) !important;
}
.app .el-button--default:focus,
.app .el-button--default:hover {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}
.app .el-button--default:active {
	background-color: rgba(var(--brand-rgb), 0.8) !important;
	border-color: rgba(var(--brand-rgb), 0.8) !important;
}
.app .el-button--secondary {
	background: transparent;
	border-color: #00000026;
	color: #000;
}
.app .el-button--secondary:focus,
.app .el-button--secondary:hover {
	background-color: #0000000a !important;
	border-color: #00000026 !important;
	color: #000 !important;
}
.app .el-button--secondary:active {
	background-color: #0000000a !important;
	border-color: #00000026 !important;
}
.app .el-button.is-disabled {
	background-color: var(--el-button-disabled-bg-color) !important;
	border-color: var(--el-button-disabled-border-color) !important;
	color: var(--el-button-disabled-text-color) !important;
}
.app .el-dialog {
	border-radius: 6px;
}
.app .el-dialog__header {
	font-size: 18px;
	font-weight: 700;
	padding: 30px 40px;
}
.app .el-dialog__body {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0;
}
.app .el-dialog__footer {
	border-top: 1px solid #e0e0e0;
	padding-top: 20px;
}
.app .el-loading-mask {
	border-radius: 3px;
	z-index: 100;
}
.app .el-loading-mask .el-loading-spinner .path {
	stroke-width: 3px;
}
.el-overlay {
	-webkit-backdrop-filter: blur(1.5px);
	backdrop-filter: blur(1.5px);
}
.el-message {
	border: none;
	border-radius: 20px;
	max-width: 90vw;
	min-width: 300px;
	padding-bottom: 16px;
	padding-top: 12px;
}
.el-message .el-message__content {
	line-height: 1.5 !important;
}
.el-message--info {
	background-color: #fbfbfc;
	box-shadow: inset 0 -2px #f2f2f5;
}
.el-message--info .el-message__content {
	color: #333 !important;
}
.el-message--error {
	background-color: #faf8f7;
	box-shadow: inset 0 -2px #f7d8d8;
}
.el-message--success {
	background-color: #f7f9f7;
	box-shadow: inset 0 -2px #c2e1b2;
}
body .el-dropdown__popper {
	background-color: #fbfbfc;
	border-radius: 8px;
	box-shadow: 0 0 12px #42414924, inset 0 0 0 0.5px #e3e3e4;
	padding: 8px;
}
body .el-dropdown__popper .el-popper__arrow {
	display: none;
}
body .el-dropdown-menu {
	background-color: #fbfbfc;
	padding: 8px;
}
body .el-dropdown-menu .divider {
	background-color: #e3e2e4;
	height: 1px;
	margin-bottom: 8px;
	margin-top: 8px;
}
body .el-dropdown-menu__item {
	border-radius: 4px;
	font-size: 15px;
	font-weight: 500;
	padding: 5px 10px;
	transition: all 0.3s ease 0s;
}
body .el-dropdown-menu__item:not(.is-disabled):focus,
body .el-dropdown-menu__item:not(.is-disabled):hover {
	background: #0000000a;
	color: var(--primary);
}
body .el-dropdown-menu + .el-dropdown-menu__item {
	margin-top: 4px;
}
:root {
	--brand: #1e96eb;
	--brand-rgb: 30, 150, 235;
	--brand-hs: 204.8780487804878deg, 83.67346938775509%;
	--brand-h: 204.8780487804878deg;
	--brand-s: 83.67346938775509%;
	--brand-l: 51.96078431372548%;
	--brand-gradient: linear-gradient(180deg, #1e96eb, #1e96eb);
	--v-primary-rgb: 66, 65, 73;
	--v-secondary-rgb: 255, 255, 255;
	--primary: #424149;
	--primary-deep: #000;
	--primary-gray: #747474;
	--secondary: #fff;
	--logo-color: #5438ff;
	--divider-color: #d7d7d7;
	--link-hover-color: #244ee7;
	--container-padding: 40px;
	--navbar-height: 72px;
}
html {
	overflow-x: hidden;
}
::-moz-selection {
	background-color: var(--brand);
	color: #fff;
}
::selection {
	background-color: var(--brand);
	color: #fff;
}
body {
	--bg: #f8f8f7;
	background: var(--bg);
	color: rgb(var(--v-primary-rgb));
	font-family: Inter, Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	color: inherit;
	text-decoration: none;
	transition: color 268ms;
}
*,
:after,
:before {
	box-sizing: border-box;
}
.lottie-animation-container {
	line-height: 1;
}
.icon-gradient path {
	fill: url(#brand-gradient) !important;
}
.icon-stroke-gradient path {
	stroke: url(#brand-gradient) !important;
}
.nuxt-icon {
	display: inline-flex;
	line-height: 1;
	vertical-align: middle;
}
.nuxt-icon:not(:has(svg)) {
	min-height: 1em;
	min-width: 1em;
}
.nuxt-icon svg {
	margin: 0 !important;
}
.base-container {
	margin: 0 auto;
	width: 100%;
}
.container {
	--width: 94.5rem;
	margin: 0 auto;
	max-width: var(--width) !important;
	width: 100%;
}
.container.is-fluid {
	max-width: 100% !important;
}
.limit-container {
	--padding: 32px;
	margin: 0 auto;
	max-width: 1144px;
	padding-left: var(--padding);
	padding-right: var(--padding);
	width: 100%;
}
@media (max-width: 29.9rem) {
	.limit-container {
		--padding: 20px;
	}
}
.md-container {
	margin: 0 auto;
	max-width: 1232px;
	padding: 0 16px;
	width: 100%;
}
.section-title {
	font-size: clamp(2rem, 1.35rem + 2.67vw, 3.75rem);
	font-weight: 500;
	letter-spacing: -0.068em;
	line-height: 1.083333333333333;
	margin: 0;
	text-align: center;
}
.section-grad-title {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(91deg, #474747 20.12%, #000 55.27%, #474747 82.61%);
	color: transparent;
}
.section-grad2-title {
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(180deg, #1e96eb, #1e96eb);
	color: transparent;
	font-size: clamp(1.25rem, 0.229rem + 4.2vw, 4rem);
	font-weight: 800;
	line-height: 1.203125;
	margin: 0;
}
.headline-2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.333;
}
.headline-4 {
	color: #000;
	font-size: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119%;
}
.headline-5 {
	color: #000;
	font-size: clamp(1.5rem, 1.221rem + 1.15vw, 2.25rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 119%;
}
.headline-6 {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 20px;
}
.para-base {
	color: #424149;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
.page {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.page-header {
	background: #fff;
	border-bottom: 1px solid var(--divider-color);
	min-height: 146px;
	padding: 24px 32px;
}
.page-container,
.page-content {
	display: flex;
	flex: 1;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}
.page .is-scrollable {
	height: 100%;
	overflow-y: auto;
	padding-bottom: 44px;
	width: 100%;
}
.page-content-main {
	flex: 1;
	min-height: 100%;
	overflow-y: auto;
	padding: 44px 44px 60px;
}
.page-container {
	padding-bottom: 0;
	padding-top: 0;
	width: 100%;
}
.page-title {
	font-size: 36px;
	margin-bottom: 10px;
}
.page .input-title .el-input__wrapper {
	box-shadow: none;
	font-size: 24px;
	font-weight: 700;
	padding: 0;
}
.page .input-title .el-input__inner {
	color: #000;
}
.page .el-textarea__inner {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 16px;
}
.page .input-content.el-textarea.is-disabled .el-textarea__inner {
	background: none;
}
.page .input-content .el-textarea__inner {
	box-shadow: none;
	padding: 0;
}
.page .round-icon-button {
	border: none;
	font-size: 32px;
	height: 32px;
	padding: 0;
	width: 32px;
}
.el-popper {
	--el-popper-border-radius: var(--el-popover-border-radius, 4px);
	border-radius: var(--el-popper-border-radius);
	font-size: 12px;
	line-height: 20px;
	min-width: 10px;
	overflow-wrap: break-word;
	padding: 5px 11px;
	position: absolute;
	visibility: visible;
	z-index: 2000;
}
.el-popper.is-dark {
	color: var(--el-bg-color);
}
.el-popper.is-dark,
.el-popper.is-dark > .el-popper__arrow:before {
	background: var(--el-text-color-primary);
	border: 1px solid var(--el-text-color-primary);
}
.el-popper.is-dark > .el-popper__arrow:before {
	right: 0;
}
.el-popper.is-light,
.el-popper.is-light > .el-popper__arrow:before {
	background: var(--el-bg-color-overlay);
	border: 1px solid var(--el-border-color-light);
}
.el-popper.is-light > .el-popper__arrow:before {
	right: 0;
}
.el-popper.is-pure {
	padding: 0;
}
.el-popper__arrow,
.el-popper__arrow:before {
	height: 10px;
	position: absolute;
	width: 10px;
	z-index: -1;
}
.el-popper__arrow:before {
	background: var(--el-text-color-primary);
	box-sizing: border-box;
	content: " ";
	transform: rotate(45deg);
}
.el-popper[data-popper-placement^="top"] > .el-popper__arrow {
	bottom: -5px;
}
.el-popper[data-popper-placement^="top"] > .el-popper__arrow:before {
	border-bottom-right-radius: 2px;
}
.el-popper[data-popper-placement^="bottom"] > .el-popper__arrow {
	top: -5px;
}
.el-popper[data-popper-placement^="bottom"] > .el-popper__arrow:before {
	border-top-left-radius: 2px;
}
.el-popper[data-popper-placement^="left"] > .el-popper__arrow {
	right: -5px;
}
.el-popper[data-popper-placement^="left"] > .el-popper__arrow:before {
	border-top-right-radius: 2px;
}
.el-popper[data-popper-placement^="right"] > .el-popper__arrow {
	left: -5px;
}
.el-popper[data-popper-placement^="right"] > .el-popper__arrow:before {
	border-bottom-left-radius: 2px;
}
.el-popper[data-popper-placement^="top"] .el-popper__arrow:before {
	border-left-color: #0000 !important;
	border-top-color: #0000 !important;
}
.el-popper[data-popper-placement^="bottom"] .el-popper__arrow:before {
	border-bottom-color: #0000 !important;
	border-right-color: #0000 !important;
}
.el-popper[data-popper-placement^="left"] .el-popper__arrow:before {
	border-bottom-color: #0000 !important;
	border-left-color: #0000 !important;
}
.el-popper[data-popper-placement^="right"] .el-popper__arrow:before {
	border-right-color: #0000 !important;
	border-top-color: #0000 !important;
}
.el-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	height: 32px;
	white-space: nowrap;
	cursor: pointer;
	color: var(--el-button-text-color, var(--el-text-color-regular));
	text-align: center;
	box-sizing: border-box;
	outline: none;
	transition: 0.1s;
	font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
	user-select: none;
	vertical-align: middle;
	-webkit-appearance: none;
	background-color: var(--el-button-bg-color, var(--el-fill-color-blank));
	border: var(--el-border);
	border-color: var(--el-button-border-color, var(--el-border-color));
	padding: 8px 15px;
	font-size: var(--el-font-size-base);
	border-radius: var(--el-border-radius-base);
}
.el-button:hover {
	color: var(--el-button-hover-text-color, var(--el-color-primary));
	border-color: var(--el-button-hover-border-color, var(--el-color-primary-light-7));
	background-color: var(--el-button-hover-bg-color, var(--el-color-primary-light-9));
	outline: none;
}
.el-button:active {
	color: var(--el-button-active-text-color, var(--el-color-primary-dark-2));
	border-color: var(--el-button-active-border-color, var(--el-color-primary-dark-2));
	background-color: var(--el-button-active-bg-color, var(--el-button-hover-bg-color, var(--el-color-primary-light-9)));
	outline: none;
}
.el-button:focus-visible {
	outline: 2px solid var(--el-button-outline-color);
	outline-offset: 1px;
	transition: outline-offset 0s, outline 0s;
}
.el-button > span {
	align-items: center;
	display: inline-flex;
}
.el-button + .el-button {
	margin-left: 12px;
}
.el-button {
	border-radius: var(--el-border-radius-base);
	font-size: var(--el-font-size-base);
}
.el-button,
.el-button.is-round {
	padding: 8px 15px;
}
.el-button::-moz-focus-inner {
	border: 0;
}
.el-button [class*="el-icon"] + span {
	margin-left: 6px;
}
.el-button [class*="el-icon"] svg {
	vertical-align: bottom;
}
.el-button.is-plain {
	--el-button-hover-text-color: var(--el-color-primary);
	--el-button-hover-bg-color: var(--el-fill-color-blank);
	--el-button-hover-border-color: var(--el-color-primary);
}
.el-button.is-active {
	background-color: var(--el-button-active-bg-color);
	border-color: var(--el-button-active-border-color);
	color: var(--el-button-active-text-color);
	outline: none;
}
.el-button.is-disabled,
.el-button.is-disabled:hover {
	background-color: var(--el-button-disabled-bg-color);
	background-image: none;
	border-color: var(--el-button-disabled-border-color);
	color: var(--el-button-disabled-text-color);
	cursor: not-allowed;
}
.el-button.is-loading {
	pointer-events: none;
	position: relative;
}
.el-button.is-loading:before {
	background-color: var(--el-mask-color-extra-light);
	border-radius: inherit;
	bottom: -1px;
	content: "";
	left: -1px;
	pointer-events: none;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 1;
}
.el-button.is-round {
	border-radius: var(--el-border-radius-round);
}
.el-button.is-circle {
	border-radius: 50%;
	padding: 8px;
	width: 32px;
}
.el-button.is-text {
	background-color: initial;
	border: 0 solid #0000;
	color: var(--el-button-text-color);
}
.el-button.is-text.is-disabled {
	background-color: initial !important;
	color: var(--el-button-disabled-text-color);
}
.el-button.is-text:not(.is-disabled):hover {
	background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled):focus-visible {
	outline: 2px solid var(--el-button-outline-color);
	outline-offset: 1px;
	transition: outline-offset 0s, outline 0s;
}
.el-button.is-text:not(.is-disabled):active {
	background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg {
	background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
	background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg:active {
	background-color: var(--el-fill-color-dark);
}
.el-button__text--expand {
	letter-spacing: 0.3em;
	margin-right: -0.3em;
}
.el-button.is-link {
	background: #0000;
	border-color: #0000;
	color: var(--el-button-text-color);
	height: auto;
	padding: 2px;
}
.el-button.is-link:hover {
	color: var(--el-button-hover-link-text-color);
}
.el-button.is-link.is-disabled {
	background-color: initial !important;
	border-color: #0000 !important;
	color: var(--el-button-disabled-text-color);
}
.el-button.is-link:not(.is-disabled):active,
.el-button.is-link:not(.is-disabled):hover {
	background-color: initial;
	border-color: #0000;
}
.el-button.is-link:not(.is-disabled):active {
	color: var(--el-button-active-color);
}
.el-button--text {
	background: #0000;
	border-color: #0000;
	color: var(--el-color-primary);
	padding-left: 0;
	padding-right: 0;
}
.el-button--text.is-disabled {
	background-color: initial !important;
	border-color: #0000 !important;
	color: var(--el-button-disabled-text-color);
}
.el-button--text:not(.is-disabled):hover {
	background-color: initial;
	border-color: #0000;
	color: var(--el-color-primary-light-3);
}
.el-button--text:not(.is-disabled):active {
	background-color: initial;
	border-color: #0000;
	color: var(--el-color-primary-dark-2);
}
.el-button__link--expand {
	letter-spacing: 0.3em;
	margin-right: -0.3em;
}
.el-button--primary {
	--el-button-text-color: var(--el-color-white);
	--el-button-bg-color: var(--el-color-primary);
	--el-button-border-color: var(--el-color-primary);
	--el-button-outline-color: var(--el-color-primary-light-5);
	--el-button-active-color: var(--el-color-primary-dark-2);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-link-text-color: var(--el-color-primary-light-5);
	--el-button-hover-bg-color: var(--el-color-primary-light-3);
	--el-button-hover-border-color: var(--el-color-primary-light-3);
	--el-button-active-bg-color: var(--el-color-primary-dark-2);
	--el-button-active-border-color: var(--el-color-primary-dark-2);
	--el-button-disabled-text-color: var(--el-color-white);
	--el-button-disabled-bg-color: var(--el-color-primary-light-5);
	--el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
	--el-button-text-color: var(--el-color-primary);
	--el-button-bg-color: var(--el-color-primary-light-9);
	--el-button-border-color: var(--el-color-primary-light-5);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-bg-color: var(--el-color-primary);
	--el-button-hover-border-color: var(--el-color-primary);
	--el-button-active-text-color: var(--el-color-white);
}
.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:active,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:hover {
	background-color: var(--el-color-primary-light-9);
	border-color: var(--el-color-primary-light-8);
	color: var(--el-color-primary-light-5);
}
.el-button--success {
	--el-button-text-color: var(--el-color-white);
	--el-button-bg-color: var(--el-color-success);
	--el-button-border-color: var(--el-color-success);
	--el-button-outline-color: var(--el-color-success-light-5);
	--el-button-active-color: var(--el-color-success-dark-2);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-link-text-color: var(--el-color-success-light-5);
	--el-button-hover-bg-color: var(--el-color-success-light-3);
	--el-button-hover-border-color: var(--el-color-success-light-3);
	--el-button-active-bg-color: var(--el-color-success-dark-2);
	--el-button-active-border-color: var(--el-color-success-dark-2);
	--el-button-disabled-text-color: var(--el-color-white);
	--el-button-disabled-bg-color: var(--el-color-success-light-5);
	--el-button-disabled-border-color: var(--el-color-success-light-5);
}
.el-button--success.is-link,
.el-button--success.is-plain,
.el-button--success.is-text {
	--el-button-text-color: var(--el-color-success);
	--el-button-bg-color: var(--el-color-success-light-9);
	--el-button-border-color: var(--el-color-success-light-5);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-bg-color: var(--el-color-success);
	--el-button-hover-border-color: var(--el-color-success);
	--el-button-active-text-color: var(--el-color-white);
}
.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:active,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:hover {
	background-color: var(--el-color-success-light-9);
	border-color: var(--el-color-success-light-8);
	color: var(--el-color-success-light-5);
}
.el-button--warning {
	--el-button-text-color: var(--el-color-white);
	--el-button-bg-color: var(--el-color-warning);
	--el-button-border-color: var(--el-color-warning);
	--el-button-outline-color: var(--el-color-warning-light-5);
	--el-button-active-color: var(--el-color-warning-dark-2);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-link-text-color: var(--el-color-warning-light-5);
	--el-button-hover-bg-color: var(--el-color-warning-light-3);
	--el-button-hover-border-color: var(--el-color-warning-light-3);
	--el-button-active-bg-color: var(--el-color-warning-dark-2);
	--el-button-active-border-color: var(--el-color-warning-dark-2);
	--el-button-disabled-text-color: var(--el-color-white);
	--el-button-disabled-bg-color: var(--el-color-warning-light-5);
	--el-button-disabled-border-color: var(--el-color-warning-light-5);
}
.el-button--warning.is-link,
.el-button--warning.is-plain,
.el-button--warning.is-text {
	--el-button-text-color: var(--el-color-warning);
	--el-button-bg-color: var(--el-color-warning-light-9);
	--el-button-border-color: var(--el-color-warning-light-5);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-bg-color: var(--el-color-warning);
	--el-button-hover-border-color: var(--el-color-warning);
	--el-button-active-text-color: var(--el-color-white);
}
.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:active,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:hover {
	background-color: var(--el-color-warning-light-9);
	border-color: var(--el-color-warning-light-8);
	color: var(--el-color-warning-light-5);
}
.el-button--danger {
	--el-button-text-color: var(--el-color-white);
	--el-button-bg-color: var(--el-color-danger);
	--el-button-border-color: var(--el-color-danger);
	--el-button-outline-color: var(--el-color-danger-light-5);
	--el-button-active-color: var(--el-color-danger-dark-2);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-link-text-color: var(--el-color-danger-light-5);
	--el-button-hover-bg-color: var(--el-color-danger-light-3);
	--el-button-hover-border-color: var(--el-color-danger-light-3);
	--el-button-active-bg-color: var(--el-color-danger-dark-2);
	--el-button-active-border-color: var(--el-color-danger-dark-2);
	--el-button-disabled-text-color: var(--el-color-white);
	--el-button-disabled-bg-color: var(--el-color-danger-light-5);
	--el-button-disabled-border-color: var(--el-color-danger-light-5);
}
.el-button--danger.is-link,
.el-button--danger.is-plain,
.el-button--danger.is-text {
	--el-button-text-color: var(--el-color-danger);
	--el-button-bg-color: var(--el-color-danger-light-9);
	--el-button-border-color: var(--el-color-danger-light-5);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-bg-color: var(--el-color-danger);
	--el-button-hover-border-color: var(--el-color-danger);
	--el-button-active-text-color: var(--el-color-white);
}
.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:active,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:hover {
	background-color: var(--el-color-danger-light-9);
	border-color: var(--el-color-danger-light-8);
	color: var(--el-color-danger-light-5);
}
.el-button--info {
	--el-button-text-color: var(--el-color-white);
	--el-button-bg-color: var(--el-color-info);
	--el-button-border-color: var(--el-color-info);
	--el-button-outline-color: var(--el-color-info-light-5);
	--el-button-active-color: var(--el-color-info-dark-2);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-link-text-color: var(--el-color-info-light-5);
	--el-button-hover-bg-color: var(--el-color-info-light-3);
	--el-button-hover-border-color: var(--el-color-info-light-3);
	--el-button-active-bg-color: var(--el-color-info-dark-2);
	--el-button-active-border-color: var(--el-color-info-dark-2);
	--el-button-disabled-text-color: var(--el-color-white);
	--el-button-disabled-bg-color: var(--el-color-info-light-5);
	--el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
	--el-button-text-color: var(--el-color-info);
	--el-button-bg-color: var(--el-color-info-light-9);
	--el-button-border-color: var(--el-color-info-light-5);
	--el-button-hover-text-color: var(--el-color-white);
	--el-button-hover-bg-color: var(--el-color-info);
	--el-button-hover-border-color: var(--el-color-info);
	--el-button-active-text-color: var(--el-color-white);
}
.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:active,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:hover {
	background-color: var(--el-color-info-light-9);
	border-color: var(--el-color-info-light-8);
	color: var(--el-color-info-light-5);
}
.el-button--large {
	--el-button-size: 40px;
	height: var(--el-button-size);
}
.el-button--large [class*="el-icon"] + span {
	margin-left: 8px;
}
.el-button--large {
	border-radius: var(--el-border-radius-base);
	font-size: var(--el-font-size-base);
	padding: 12px 19px;
}
.el-button--large.is-round {
	padding: 12px 19px;
}
.el-button--large.is-circle {
	padding: 12px;
	width: var(--el-button-size);
}
.el-button--small {
	--el-button-size: 24px;
	height: var(--el-button-size);
}
.el-button--small [class*="el-icon"] + span {
	margin-left: 4px;
}
.el-button--small {
	border-radius: calc(var(--el-border-radius-base) - 1px);
	font-size: 12px;
	padding: 5px 11px;
}
.el-button--small.is-round {
	padding: 5px 11px;
}
.el-button--small.is-circle {
	padding: 5px;
	width: var(--el-button-size);
}
.nuxt-icon svg {
	height: 1em;
	margin-bottom: 0.125em;
	vertical-align: middle;
	width: 1em;
}
.nuxt-icon.nuxt-icon--fill,
.nuxt-icon.nuxt-icon--fill * {
	fill: currentColor !important;
}
.nuxt-icon.nuxt-icon--stroke,
.nuxt-icon.nuxt-icon--stroke * {
	stroke: currentColor !important;
}
.affine-logo svg {
	display: block;
	height: 1em;
	width: 1em;
}
.stars-on-github-btn {
	border: 1px solid var(--black-quaternary, #ccc);
	border-radius: 34px;
	color: var(--primary-deep);
	font-size: 14px;
	gap: 6px;
	line-height: 1;
	padding: 6px 16px;
	transition: 0.15s ease-in-out;
}
.stars-on-github-btn:active {
	transform: scale(0.95);
}
.stars-on-github-btn:hover {
	background: #0000000a;
}
@media (max-width: 569px) {
	.stars-on-github-btn {
		padding: 6px;
	}
	.stars-on-github-btn .info-text {
		display: none;
	}
}
.stars-on-github-btn .info-text {
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 18px;
}
:root {
	--el-popup-modal-bg-color: var(--el-color-black);
	--el-popup-modal-opacity: 0.5;
}
.v-modal-enter {
	animation: v-modal-in var(--el-transition-duration-fast) ease;
}
.v-modal-leave {
	animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}
@keyframes v-modal-in {
	0% {
		opacity: 0;
	}
}
@keyframes v-modal-out {
	to {
		opacity: 0;
	}
}
.v-modal {
	background: var(--el-popup-modal-bg-color);
	height: 100%;
	left: 0;
	opacity: var(--el-popup-modal-opacity);
	position: fixed;
	top: 0;
	width: 100%;
}
.el-popup-parent--hidden {
	overflow: hidden;
}
.el-dialog {
	--el-dialog-width: 50%;
	--el-dialog-margin-top: 15vh;
	--el-dialog-bg-color: var(--el-bg-color);
	--el-dialog-box-shadow: var(--el-box-shadow);
	--el-dialog-title-font-size: var(--el-font-size-large);
	--el-dialog-content-font-size: 14px;
	--el-dialog-font-line-height: var(--el-font-line-height-primary);
	--el-dialog-padding-primary: 16px;
	--el-dialog-border-radius: var(--el-border-radius-base);
	background: var(--el-dialog-bg-color);
	border-radius: var(--el-dialog-border-radius);
	box-shadow: var(--el-dialog-box-shadow);
	box-sizing: border-box;
	margin: var(--el-dialog-margin-top, 15vh) auto 50px;
	overflow-wrap: break-word;
	padding: var(--el-dialog-padding-primary);
	position: relative;
	width: var(--el-dialog-width, 50%);
}
.el-dialog:focus {
	outline: none !important;
}
.el-dialog.is-align-center {
	margin: auto;
}
.el-dialog.is-fullscreen {
	--el-dialog-width: 100%;
	--el-dialog-margin-top: 0;
	height: 100%;
	margin-bottom: 0;
	overflow: auto;
}
.el-dialog__wrapper {
	bottom: 0;
	left: 0;
	margin: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
}
.el-dialog.is-draggable .el-dialog__header {
	cursor: move;
	-webkit-user-select: none;
	user-select: none;
}
.el-dialog__header {
	padding-bottom: var(--el-dialog-padding-primary);
}
.el-dialog__header.show-close {
	padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
}
.el-dialog__headerbtn {
	background: #0000;
	border: none;
	cursor: pointer;
	font-size: var(--el-message-close-size, 16px);
	height: 48px;
	outline: none;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
}
.el-dialog__headerbtn .el-dialog__close {
	color: var(--el-color-info);
	font-size: inherit;
}
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
	color: var(--el-color-primary);
}
.el-dialog__title {
	color: var(--el-text-color-primary);
	font-size: var(--el-dialog-title-font-size);
	line-height: var(--el-dialog-font-line-height);
}
.el-dialog__body {
	color: var(--el-text-color-regular);
	font-size: var(--el-dialog-content-font-size);
}
.el-dialog__footer {
	box-sizing: border-box;
	padding-top: var(--el-dialog-padding-primary);
	text-align: right;
}
.el-dialog--center {
	text-align: center;
}
.el-dialog--center .el-dialog__body {
	text-align: initial;
}
.el-dialog--center .el-dialog__footer {
	text-align: inherit;
}
.el-overlay-dialog {
	bottom: 0;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
}
.dialog-fade-enter-active {
	animation: modal-fade-in var(--el-transition-duration);
}
.dialog-fade-enter-active .el-overlay-dialog {
	animation: dialog-fade-in var(--el-transition-duration);
}
.dialog-fade-leave-active {
	animation: modal-fade-out var(--el-transition-duration);
}
.dialog-fade-leave-active .el-overlay-dialog {
	animation: dialog-fade-out var(--el-transition-duration);
}
@keyframes dialog-fade-in {
	0% {
		opacity: 0;
		transform: translate3d(0, -20px, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}
@keyframes dialog-fade-out {
	0% {
		opacity: 1;
		transform: translateZ(0);
	}
	to {
		opacity: 0;
		transform: translate3d(0, -20px, 0);
	}
}
@keyframes modal-fade-in {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes modal-fade-out {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.el-overlay {
	background-color: var(--el-overlay-color-lighter);
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2000;
}
.el-overlay .el-overlay-root {
	height: 0;
}
video {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
.get-start-link {
	display: block;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.get-start-link {
		display: none;
	}
}
.explore-on-desktop {
	background: var(--Black-Tertiary, #8e8d91);
	border-radius: 34px;
	color: var(--Black-Quinary, #f4f4f5);
	display: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	margin-top: 36px;
	padding: 12px 52px;
	text-align: center;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.explore-on-desktop {
		display: block;
	}
}
.svg-icon-drawing path {
	stroke-dasharray: 1.01;
	stroke-dashoffset: 1;
	animation: drawing-animation cubic-bezier(0.4, 0, 0.2, 1) forwards;
	animation-delay: var(--delay);
	animation-duration: var(--duration);
	opacity: 0;
}
@keyframes drawing-animation {
	0% {
		opacity: 0;
		stroke-dashoffset: 1;
	}
	1% {
		opacity: 1;
		stroke-dashoffset: 1;
	}
	to {
		stroke-dashoffset: 0;
		opacity: 1;
	}
}
@keyframes clear-animation {
	0% {
		stroke-dashoffset: 0;
	}
	to {
		stroke-dashoffset: 1;
	}
}
.user-story-card-light {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 2px 4px #0000000f;
	padding: 24px;
	position: relative;
	--light-color: rgba(83, 30, 235, 0.04);
	--border: 0px;
}
.user-story-card-light .meta-row {
	margin-bottom: clamp(1rem, 1rem + 0vw, 1rem);
}
.user-story-card-light .story-content {
	font-size: 13px;
	line-height: 138.462%;
}
.user-story-card-light .story-content mark {
	background: transparent;
	color: var(--brand);
}
.user-story-card-light .avatar {
	aspect-ratio: 1/1;
	background-position: no-repeat;
	background-size: cover;
	border: 1px solid #eee;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 12px;
	width: 42px;
}
.user-story-card-light .avatar.is-default {
	border: none;
}
.user-story-card-light .user-name {
	color: var(--primary-deep);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.user-story-card-light .user-position {
	color: var(--primary-deep);
	font-size: 13px;
	line-height: normal;
	opacity: 0.5;
}
.overview-user-stories-light {
	padding: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem) 0 clamp(2.75rem, -7.214rem + 21.43vw, 6.5rem);
}
@media (max-width: 29.9rem) {
	.overview-user-stories-light .upper-part {
		padding-left: 12px;
		padding-right: 12px;
	}
}
.overview-user-stories-light .section-subtitle {
	font-size: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 118.75%;
	margin: 0 0 clamp(2rem, -0.462rem + 3.85vw, 3rem);
	white-space: pre-line;
}
.overview-user-stories-light .action-button {
	margin-top: 24px;
}
.overview-user-stories-light .marquee-copy {
	display: none;
}
@media (max-width: 480px) {
	.overview-user-stories-light .marquee-copy {
		display: block;
	}
}
.overview-user-stories-light .stories-list {
	-moz-column-count: 4;
	column-count: 4;
	gap: 16px;
	position: relative;
	width: 100%;
}
@media (max-width: 1024px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 3;
		column-count: 3;
	}
}
@media (max-width: 744px) {
	.overview-user-stories-light .stories-list {
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media (max-width: 480px) {
	.overview-user-stories-light .stories-list {
		animation: panningLoop 40s linear infinite both;
		-moz-column-count: 5;
		column-count: 5;
		flex-shrink: 0;
		padding-left: 12px;
		padding-right: 12px;
		vertical-align: top;
		width: 1440px;
		z-index: 2;
	}
}
.overview-user-stories-light .stories-list .user-story-card-light {
	page-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	margin-bottom: 16px;
}
@keyframes panningLoop {
	0% {
		transform: translateX(0, 0, 1000px);
	}
	to {
		transform: translate3d(-100%, 0, 1000px);
	}
}
.hover-spotlight-card {
	overflow: hidden;
	position: relative;
	--light-color: rgba(var(--brand-rgb), 0.08);
	--radius: 12px;
	--border: 0px;
	--y: calc(var(--cursor-y) * 1px);
	--x: calc(var(--cursor-x) * 1px);
}
.hover-spotlight-card.enable-parallax {
	transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.hover-spotlight-card .spotlight {
	background: radial-gradient(var(--light-size) circle at var(--x) var(--y), var(--light-color), transparent);
	border-radius: var(--radius);
	bottom: var(--border);
	contain: strict;
	left: var(--border);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: var(--border);
	top: var(--border);
	transition: opacity 0.4s ease 0s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	will-change: background, opacity;
	z-index: 1;
}
.hover-spotlight-card:hover .spotlight {
	opacity: 1;
}
.download-banner {
	padding-bottom: clamp(3.75rem, 3.286rem + 1.91vw, 5rem);
	padding-top: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
}
.download-banner .blue-card {
	background: rgba(var(--brand-rgb), 1);
	border-radius: 12px;
	color: #fff;
	min-height: 370px;
	overflow: hidden;
	padding: clamp(2rem, 1.605rem + 1.62vw, 3.0625rem);
}
.download-banner .content-row {
	gap: 42px;
}
@media (max-width: 1023px) {
	.download-banner .content-row {
		flex-direction: column;
	}
}
.download-banner .left-part {
	flex: 435;
}
.download-banner .right-part {
	flex: 510;
	min-height: clamp(12.5rem, 9.691rem + 11.53vw, 20.0625rem);
	position: relative;
}
.download-banner .right-part .cover {
	aspect-ratio: 2520/1630;
	background-image: url(/cover/img/download/hello-cover.png);
	border-radius: 12px;
	position: absolute;
	top: 8px;
	width: clamp(31.25rem, 21.268rem + 40.96vw, 58.125rem);
}
.download-banner .section-title {
	color: #fff;
	font-size: clamp(1.875rem, 1.457rem + 1.72vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119%;
}
.download-banner .section-desc {
	font-size: 16px;
	line-height: 24px;
	margin: clamp(0.5rem, 0.5rem + 0vw, 0.5rem) 0;
}
.download-banner .section-desc,
.download-banner .section-title {
	text-align: left;
}
.download-banner .download-handler {
	margin-top: 16px;
}
.download-banner .download-handler .el-button {
	border-color: #fff;
	color: rgba(var(--brand-rgb), 1);
	min-width: 213px;
}
.download-banner .download-handler .el-button:hover {
	background: #ffffffe6;
	border-color: #ffffffe6;
}
/* devanagari */
@font-face {
	font-family: "Kalam";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/kalam/v17/YA9dr0Wd4kDdMthQOCfzsw.woff2) format("woff2");
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF,
		U+11B00-11B09;
}
/* latin-ext */
@font-face {
	font-family: "Kalam";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/kalam/v17/YA9dr0Wd4kDdMthfOCfzsw.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
		U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Kalam";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/kalam/v17/YA9dr0Wd4kDdMthROCc.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
	font-family: "Kalam";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/kalam/v17/YA9Qr0Wd4kDdMtDqHTLNkiQ4tg.woff2) format("woff2");
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF,
		U+11B00-11B09;
}
/* latin-ext */
@font-face {
	font-family: "Kalam";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/kalam/v17/YA9Qr0Wd4kDdMtDqHTLCkiQ4tg.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
		U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Kalam";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/kalam/v17/YA9Qr0Wd4kDdMtDqHTLMkiQ.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.svg-defs {
	height: 0;
	position: absolute;
	visibility: hidden;
	width: 0;
}
.svg-defs #brand-gradient {
	--color-stop-top: #0e55ee;
	--color-stop-down: #002a86;
}
.overview-hero-v3 {
	min-height: 600px;
	position: relative;
}
.overview-hero-v3 .black-friday-button,
.overview-hero-v3 .product-hunt-button {
	position: relative;
	top: -52px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.overview-hero-v3 .black-friday-button,
	.overview-hero-v3 .product-hunt-button {
		top: -32px;
	}
}
.overview-hero-v3 .black-friday-button {
	align-items: center;
	background: #f8f8f7;
	border: 1.5px solid var(--black-black, #000);
	border-radius: 54px;
	box-shadow: 0 4px #000;
	color: #000;
	display: flex;
	font-size: 13px;
	font-weight: 700;
	gap: 4px;
	line-height: 19px;
	padding: 5px 16px;
	transition: 218ms;
}
.overview-hero-v3 .black-friday-button:hover {
	box-shadow: 0 2px #000;
	transform: translateY(1px);
}
.overview-hero-v3 .black-friday-button:active {
	box-shadow: 0 0 #000;
	transform: translateY(2px);
}
.overview-hero-v3 .pin-wrapper {
	left: 50%;
	position: fixed;
	top: var(--navbar-height);
	transform: translate(-50%);
	width: min(1920px, 100vw);
}
.overview-hero-v3 .pin-wrapper,
.overview-hero-v3 .pin-wrapper-placeholder {
	height: clamp(22.375rem, 11.533rem + 44.48vw, 40rem);
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .pin-wrapper {
		position: absolute;
		top: 0;
	}
}
.overview-hero-v3.has-label .pin-wrapper,
.overview-hero-v3.has-label .pin-wrapper-placeholder {
	height: clamp(25.625rem, 16.782rem + 36.28vw, 40rem);
}
.overview-hero-v3 .spline-container {
	aspect-ratio: 1920/1100;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: -110px;
	transform: translate(-50%);
	transition: 118ms linear 1s;
	width: 1600px;
	z-index: -1;
}
@media (max-width: 1023px) {
	.overview-hero-v3 .spline-container {
		display: none;
	}
}
.overview-hero-v3 .spline-container.is-inited {
	opacity: 1;
}
.overview-hero-v3 .spline-container canvas {
	height: 100%;
	width: 100%;
}
.overview-hero-v3 .bottom-gap {
	background: var(--bg);
	height: clamp(2.75rem, 1.058rem + 6.95vw, 5.5rem);
	position: relative;
	width: 100%;
	z-index: 3;
}
.overview-hero-v3 .text-wrapper {
	padding: clamp(2.75rem, -0.556rem + 13.57vw, 8.125rem) 32px 0;
	pointer-events: none;
}
.overview-hero-v3 .text-wrapper .animated-in {
	animation: animatedIn 0.8s both;
	animation-timing-function: ease;
}
.overview-hero-v3 .text-wrapper .animate-delay-50ms {
	animation-delay: 50ms;
}
.overview-hero-v3 .text-wrapper .animate-delay-100ms,
.overview-hero-v3 .text-wrapper .animate-delay-150ms {
	animation-delay: 0.1s;
}
.overview-hero-v3 .text-wrapper > * {
	pointer-events: auto;
	position: relative;
	z-index: 3;
}
.overview-hero-v3 .text-wrapper .hero-fused-title {
	color: var(--primary-deep);
	font-size: clamp(2.5rem, 0.578rem + 7.89vw, 5.625rem);
	font-weight: 500;
	letter-spacing: -0.07em;
	line-height: 1;
	margin: 0;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .small-text {
	font-size: 0.77em;
	letter-spacing: -0.07em;
	line-height: 1.15;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .symbol-cursor {
	background-color: var(--brand);
	border-radius: 0.033333333333333em;
	height: 0.788888888888889em;
	left: 0.011111111111111em;
	margin-top: 0.077777777777778em;
	position: relative;
	width: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-word {
	font-family: Kalam, sans-serif;
	font-size: 1.188888888888889em;
	font-weight: 400;
	letter-spacing: -0.07em;
	line-height: 84.112%;
	margin-left: 0.066666666666667em;
	position: relative;
	top: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan {
	gap: 0.093222222222222em;
	margin-left: 0.188888888888889em;
	position: relative;
	top: 0.077777777777778em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox {
	border-radius: 0.133333333333333em;
	cursor: pointer;
	font-size: inherit;
	height: 0.722222222222222em;
	position: relative;
	top: 0.144444444444444em;
	width: 0.722222222222222em;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .checked-icon,
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .unchecked-icon {
	font-size: 0.722222222222222em;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(0.9);
	transition: 118ms;
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox .unchecked-icon,
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox.is-checked .checked-icon {
	opacity: 1;
	transform: scale(1);
}
.overview-hero-v3 .text-wrapper .hero-fused-title .draw-plan .big-checkbox.is-checked .unchecked-icon {
	opacity: 0;
	transform: scale(0.95);
}
.overview-hero-v3 .text-wrapper .hero-desc {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 12px;
	text-align: center;
	white-space: pre-line;
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .text-wrapper .hero-desc {
		font-size: 16px;
	}
}
.overview-hero-v3 .text-wrapper .app-entry-button {
	margin-top: 36px;
	width: 179px;
}
@media (max-width: 29.9rem) {
	.overview-hero-v3 .text-wrapper .app-entry-button {
		margin-top: 24px;
	}
}
@keyframes animatedIn {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.overview-hero-v3 .hero-cover-wrapper {
	background: var(--white-white, #fff);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 1px 18px 39px #00000026, 5px 71px 71px #00000017, 12px 160px 96px #0000000d, 20px 284px 114px #00000003,
		32px 443px 124px 0 transparent;
	margin: 0 auto;
	max-width: 1040px;
	overflow: hidden;
	position: relative;
	z-index: 4;
}
@media (min-width: 1024px) and (min-height: 800px) {
	.overview-hero-v3 .hero-cover-wrapper {
		transform: scale(calc(1 + var(--scroll-progress) * 0.1));
		will-change: transform;
	}
}
.overview-hero-v3 .hero-cover-wrapper video {
	aspect-ratio: 721.15/500.8;
	display: flex;
	width: 100%;
}
._marqueeSlider_1htck_3 {
	overflow: hidden;
}
._marqueeSliderContainer_1htck_11 {
	animation-iteration-count: infinite;
	animation-name: _horizontalAnimation_1htck_1;
	animation-timing-function: linear;
	display: flex;
	width: 100%;
}
._marqueeSliderContainerVertical_1htck_27 {
	animation-iteration-count: infinite;
	animation-name: _verticalAnimation_1htck_1;
	animation-timing-function: linear;
	display: flex;
	flex-direction: column;
	height: -moz-fit-content;
	height: fit-content;
}
@keyframes _horizontalAnimation_1htck_1 {
	0% {
		transform: translate(0);
	}
	to {
		transform: translate(-100%);
	}
}
@keyframes _verticalAnimation_1htck_1 {
	0% {
		transform: translateY(0);
	}
	to {
		transform: translateY(-100%);
	}
}
.overview-trusted-by {
	padding-bottom: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
	padding-top: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
	position: relative;
}
.overview-trusted-by .section-grad-title {
	max-width: 480px;
	text-align: center;
}
@media (max-width: 390px) {
	.overview-trusted-by .section-grad-title {
		font-size: 18px;
		width: 315px;
	}
}
.overview-trusted-by .logo-wall-wrapper {
	margin: clamp(1.5rem, 0.571rem + 3.81vw, 4rem) auto 0;
	max-width: 936px;
}
.overview-trusted-by .mobile-wall {
	display: none;
	height: 40px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 80%, transparent);
	-webkit-mask-size: 100% 100%;
	position: relative;
	width: 100%;
}
@media (max-width: 1023px) {
	.overview-trusted-by .mobile-wall {
		display: block;
	}
}
.overview-trusted-by .mobile-wall #marquee-slider img {
	aspect-ratio: 120/40;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.overview-trusted-by .desktop-wall {
	display: flex;
	flex-wrap: wrap;
	gap: 84px 56px;
	justify-content: center;
}
@media (max-width: 1023px) {
	.overview-trusted-by .desktop-wall {
		display: none;
	}
}
.overview-trusted-by .desktop-wall .col-wrapper,
.overview-trusted-by .desktop-wall .wall-item {
	aspect-ratio: 120/40;
	position: relative;
	width: 130px;
}
.overview-trusted-by .desktop-wall .wall-item {
	opacity: 0;
	position: absolute;
	transition-duration: 418ms;
	transition-timing-function: cubic-bezier(0.17, 0.17, 0.3, 1);
}
.overview-trusted-by .desktop-wall .wall-item.is-prev {
	transform: translateY(-100%);
	transition-duration: 318ms;
}
.overview-trusted-by .desktop-wall .wall-item.is-next {
	transform: translateY(100%);
}
.overview-trusted-by .desktop-wall .wall-item .item-colorful {
	opacity: 0;
}
.overview-trusted-by .desktop-wall .wall-item > * {
	background-position: 50%;
	background-size: contain;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	transition: 0.15s ease-in-out;
}
.overview-trusted-by .desktop-wall .wall-item:hover .item-neutral {
	opacity: 0;
}
.overview-trusted-by .desktop-wall .wall-item:hover .item-colorful {
	opacity: 1;
}
.physics-blocks {
	opacity: 0;
	overflow: hidden;
}
.physics-blocks.is-inited {
	opacity: 1;
}
.physics-blocks .block-item {
	position: absolute;
}
.physics-blocks .icon-item {
	font-size: clamp(3.75rem, 3.518rem + 0.96vw, 4.375rem);
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 1em;
}
.physics-blocks .icon-item .bg-img {
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	width: 100%;
}
.physics-blocks .icon-item.zoom {
	aspect-ratio: 78/79;
}
.physics-blocks .icon-item.airtable {
	aspect-ratio: 97/81;
}
.physics-blocks .icon-item.clip-path {
	aspect-ratio: 68/78;
}
.physics-blocks .icon-item.jira {
	aspect-ratio: 1/1;
}
.physics-blocks .icon-item.jira .bg-img {
	transform: scale(2);
}
.physics-blocks .icon-item.mailchimp {
	aspect-ratio: 68/72;
}
.physics-blocks .icon-item.notion {
	aspect-ratio: 78/83;
}
.physics-blocks .icon-item.trello,
.physics-blocks .icon-item.miro {
	aspect-ratio: 84/84;
}
.physics-blocks .icon-item.google-1 {
	aspect-ratio: 64/87;
	width: 0.8em;
}
.physics-blocks .icon-item.google-2 {
	aspect-ratio: 78/68;
}
.physics-blocks .icon-item.google-3 {
	aspect-ratio: 64/87;
	width: 0.8em;
}
.overview-hyperfused-platform {
	padding-bottom: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem);
	padding-top: clamp(3.75rem, -6.214rem + 21.43vw, 7.5rem);
}
.overview-hyperfused-platform .icon-list {
	color: #ababab;
	gap: clamp(0.75rem, -0.397rem + 4.71vw, 1.25rem);
	margin-bottom: 32px;
}
.overview-hyperfused-platform .icon-list .icon-wrapper {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	box-shadow: 0 1.11111px 2.22222px #00000014;
	display: flex;
	font-size: 26.5px;
	height: 38px;
	justify-content: center;
	width: 38px;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:first-child,
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(7) {
	opacity: 0.3;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(2),
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(6) {
	opacity: 0.5;
}
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(3),
.overview-hyperfused-platform .icon-list .icon-wrapper:nth-child(5) {
	opacity: 0.7;
}
.overview-hyperfused-platform .section-title {
	font-size: clamp(1.5rem, 0.577rem + 3.79vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 118.75%;
	margin-bottom: 38px;
	max-width: 880px;
	padding: 0 30px;
}
.overview-hyperfused-platform .cards-row {
	width: 100%;
}
@media (max-width: 1000px) {
	.overview-hyperfused-platform .cards-row {
		flex-direction: column;
	}
}
.overview-hyperfused-platform .cards-row .side-part {
	flex: 500;
	min-width: min(500px, 100%);
}
.overview-hyperfused-platform .cards-row .card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px #00000026;
	padding: clamp(1rem, 0.449rem + 2.26vw, 1.5rem) clamp(1rem, 0.449rem + 2.26vw, 1.5rem)
		clamp(1.25rem, 0.975rem + 1.13vw, 1.5rem);
}
.overview-hyperfused-platform .cards-row .card-title {
	color: #000;
	font-size: clamp(1.5rem, 0.353rem + 4.71vw, 2rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 125%;
	margin-bottom: 8px;
}
.overview-hyperfused-platform .cards-row .card-mini-title {
	color: #000;
	font-size: clamp(1.25rem, 0.975rem + 1.13vw, 1.5rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 133.333%;
}
.overview-hyperfused-platform .cards-row .card-desc {
	font-size: clamp(0.875rem, 0.737rem + 0.57vw, 1rem);
	line-height: 150%;
}
.overview-hyperfused-platform .cards-row .focused-card {
	flex: 1;
	overflow: hidden;
	padding-top: 0;
	position: relative;
}
.overview-hyperfused-platform .cards-row .focused-card .stay-focused-flow-placeholder {
	height: 210px;
	margin-bottom: 24px;
}
.overview-hyperfused-platform .cards-row .focused-card .stay-focused-flow,
.overview-hyperfused-platform .cards-row .focused-card .stay-focused-flow-lottie {
	height: 210px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.overview-hyperfused-platform .cards-row .focused-card .stay-focused-flow-lottie {
	left: 50%;
	min-width: 500px;
	transform: translate(-50%);
}
.overview-hyperfused-platform .cards-row .focused-card .card-mini-title {
	margin-bottom: 4px;
}
@media (min-width: 744px) {
	.overview-hyperfused-platform .cards-row .focused-card .card-mini-title {
		margin-bottom: 8px;
		max-width: 380px;
	}
}
.overview-hyperfused-platform .cards-row .say-goodbye-card {
	flex: 564;
	min-height: 350px;
	padding-top: 0;
}
@media (min-width: 1025px) {
	.overview-hyperfused-platform .cards-row .say-goodbye-card .card-title {
		max-width: 350px;
	}
	.overview-hyperfused-platform .cards-row .say-goodbye-card .card-desc {
		max-width: 337px;
	}
}
.overview-hyperfused-platform .cards-row .say-goodbye-card .icons-wrapper {
	height: clamp(21.25rem, 18.864rem + 6.82vw, 25rem);
	margin-bottom: clamp(1.5rem, -2.486rem + 8.58vw, 3rem);
	position: relative;
}
.overview-hyperfused-platform .cards-row .privacy-card {
	position: relative;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-bg {
	background-image: url(/cover/img/overview/privacy-card-cover.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 680px 124px;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-wave-wrapper {
	height: 140px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-wave-wrapper:before {
	background: linear-gradient(180deg, #fff0, #fff);
	bottom: 0;
	content: "";
	display: none;
	height: 31px;
	position: absolute;
	width: 100%;
	z-index: 3;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-wave-wrapper .card-wave {
	aspect-ratio: 1/1;
	height: auto;
	left: 50%;
	min-width: 690px;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 100%;
}
@media (max-width: 560px) {
	.overview-hyperfused-platform .cards-row .privacy-card .card-wave {
		margin-left: 80px;
	}
	.overview-hyperfused-platform .cards-row .privacy-card .card-bg {
		background-position-x: -80px;
	}
}
.overview-hyperfused-platform .cards-row .privacy-card .card-cover {
	height: 124px;
}
.overview-hyperfused-platform .cards-row .privacy-card .card-mini-title {
	margin-bottom: 4px;
}
.overview-features {
	position: relative;
}
@media (max-width: 560px) {
	.overview-features {
		padding-bottom: 30px;
	}
}
@media (max-width: 29.9rem) {
	.overview-features {
		padding-left: 12px;
		padding-right: 12px;
	}
}
.overview-features .write-label {
	color: #000;
	font-size: clamp(2rem, 1.814rem + 0.77vw, 2.5rem);
	font-style: italic;
	font-weight: 700;
	line-height: 1;
	margin-left: -0.1em;
}
.overview-features .write-label .char {
	opacity: 0;
	position: relative;
}
.overview-features .write-label .char:last-child {
	margin-right: 0.15em;
}
.overview-features .write-label .char.is-typed {
	opacity: 1;
}
.overview-features .write-label:after {
	animation: blinking 1s linear infinite;
	background: #1e96eb;
	border-radius: 4px;
	content: "";
	display: inline-block;
	height: 1em;
	position: relative;
	top: 0.15em;
	width: 5px;
}
.overview-features .feature-section {
	align-items: center;
	display: flex;
	padding-bottom: clamp(1.875rem, -3.405rem + 15.09vw, 6.25rem);
	padding-top: clamp(1.875rem, -3.405rem + 15.09vw, 6.25rem);
}
@media (max-width: 900px) {
	.overview-features .feature-section {
		min-height: 0;
	}
}
.overview-features .feature-section .limit-container {
	align-items: center;
	-moz-column-gap: 35px;
	column-gap: 35px;
	justify-content: space-between;
	row-gap: 32px;
}
@media (max-width: 900px) {
	.overview-features .feature-section .limit-container {
		align-items: flex-start;
		flex-direction: column;
	}
}
.overview-features .feature-section .intro-part {
	display: flex;
	flex: 325;
	flex-direction: column;
	gap: clamp(0.75rem, -0.011rem + 2.18vw, 1rem);
	max-width: 325px;
}
@media (max-width: 900px) {
	.overview-features .feature-section .intro-part {
		max-width: 100%;
	}
}
.overview-features .feature-section .feature-label {
	color: var(--brand);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1.4px;
	line-height: 142.857%;
	text-transform: uppercase;
}
.overview-features .feature-section .feature-title {
	color: var(--primary-deep);
	font-size: clamp(1.5rem, 0.709rem + 3.25vw, 2.25rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 119.444%;
	margin: 0;
}
.overview-features .feature-section .feature-title em {
	font-family: Kalam, sans-serif;
	font-size: 1.11em;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.02em;
}
.overview-features .feature-section .feature-desc {
	font-size: 16px;
	line-height: 150%;
	margin: 0;
}
@media (max-width: 29.9rem) {
	.overview-features .feature-section .feature-desc {
		font-size: 14px;
	}
}
.overview-features .feature-section .video-part {
	aspect-ratio: 720/500;
	flex: 643;
	max-width: 720px;
	width: 100%;
}
.overview-features .feature-section .video-card {
	aspect-ratio: 720/500;
	background: var(--white-white, #fff);
	border: 1px solid var(--black-quinary, #f4f4f5);
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px #00000026;
	overflow: hidden;
}
.overview-features .feature-section .video-card img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
.overview-features .feature-section .pin-card {
	display: block;
}
@media (min-width: 1280px) {
	.overview-features .feature-section .pin-card {
		transform: scale(1.1);
		transform-origin: left center;
	}
}
.overview-features .feature-section .pin-card .video-wrapper {
	height: 100%;
	position: relative;
	width: 100%;
}
.overview-features .feature-section .pin-card img,
.overview-features .feature-section .pin-card video {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: 318ms;
}
.overview-features .feature-section .pin-card img.current,
.overview-features .feature-section .pin-card video.current {
	opacity: 1;
}
@media (max-width: 900px) {
	.overview-features .feature-section .pin-card {
		display: none;
	}
}
.overview-features .feature-section .mobile-card {
	display: none;
}
@media (max-width: 900px) {
	.overview-features .feature-section .mobile-card {
		display: block;
	}
}
@media (min-width: 1024px) {
	.overview-features .feature-draw .feature-title {
		width: 9em;
	}
}
.overview-features .feature-draw .underline-wrapper {
	position: relative;
}
.overview-features .svg-icon-drawing {
	position: absolute;
}
.overview-features .svg-icon-drawing.draw-mark {
	font-size: 2.32em;
	left: 0;
	top: -0.05em;
}
.overview-features .svg-icon-drawing.ease-mark {
	font-size: 2.38em;
	left: -0.1em;
	top: -0.25em;
}
.overview-features .svg-icon-drawing.creativity-mark {
	font-size: 4.333333333333333em;
	left: -0.02em;
	top: -0.25em;
}
.overview-features .plan-lottie {
	margin: 0 0 -11px 1px;
	width: 70px;
}
.overview-ai {
	padding-bottom: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
	padding-top: clamp(3.75rem, 2.357rem + 5.72vw, 7.5rem);
}
.overview-ai .title-star {
	color: #1e96eb;
	font-size: clamp(1rem, 0.814rem + 0.77vw, 1.5rem);
	left: 50%;
	margin-left: clamp(1.5rem, 1.129rem + 1.53vw, 2.5rem);
	position: absolute;
	top: -2px;
	transform: translate(-50%);
}
.overview-ai .section-title {
	background: radial-gradient(59.95% 118.21% at 50% 19.91%, #1e96eb 0, #1e96eb 12.75%, #000 77%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	max-width: 640px;
}
.overview-ai .section-title::-moz-selection {
	background: #1e96eb1a;
}
.overview-ai .section-title::selection {
	background: #1e96eb1a;
}
.overview-ai .section-desc {
	color: #424149;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: clamp(1.5rem, 1.314rem + 0.77vw, 2rem);
	margin-top: 16px;
	max-width: 390px;
}
.overview-ai .ai-cards-list {
	margin-top: clamp(2rem, -0.203rem + 9.04vw, 4rem);
	overflow-x: auto;
	width: 100vw;
}
.overview-ai .ai-cards-list::-webkit-scrollbar {
	height: 1px;
}
.overview-ai .ai-cards-list::-webkit-scrollbar * {
	background: transparent;
}
.overview-ai .ai-cards-list::-webkit-scrollbar-thumb {
	background: #f000 !important;
}
.overview-ai .ai-cards-list .list-content {
	gap: clamp(0.875rem, -0.502rem + 5.65vw, 2.125rem);
}
.overview-ai .ai-cards-list .list-content > * {
	flex-shrink: 0;
}
.overview-ai .ai-cards-list .left-spacer {
	width: calc(50vw - 576px);
}
@media (max-width: 744px) {
	.overview-ai .ai-cards-list .left-spacer {
		width: 38px;
	}
}
.overview-ai .ai-cards-list .right-spacer {
	width: clamp(0.0625rem, -15.714rem + 33.93vw, 25rem);
}
@media (min-width: 2200px) {
	.overview-ai .ai-cards-list .list-content {
		justify-content: center;
	}
	.overview-ai .ai-cards-list .left-spacer,
	.overview-ai .ai-cards-list .right-spacer {
		width: 0;
	}
}
.overview-ai .ai-card {
	aspect-ratio: 400/520;
	background-size: cover;
	width: clamp(17.8125rem, 9.894rem + 32.49vw, 25rem);
}
.overview-ai .ai-cards-dots {
	gap: 4px;
	padding-top: clamp(2rem, 1.257rem + 3.05vw, 4rem);
}
@media (min-width: 2200px) {
	.overview-ai .ai-cards-dots {
		display: none;
	}
}
.overview-ai .dot-item {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 32px;
	justify-content: center;
	width: 32px;
}
.overview-ai .dot-item .dot-circle {
	background: #ccc;
	border-radius: 50%;
	height: 8px;
	transition: 318ms;
	width: 8px;
}
.overview-ai .dot-item:hover .dot-circle {
	background: gray;
}
.overview-ai .dot-item.is-active .dot-circle {
	background: #1e96eb;
	transform: scale(1.5);
}
.overview-templates {
	padding-top: clamp(2.5rem, 2.036rem + 1.91vw, 3.75rem);
}
.overview-templates .templates-list {
	flex-wrap: wrap;
	gap: 30px;
	margin: clamp(2.25rem, 1.971rem + 1.15vw, 3rem) auto 0;
	position: relative;
	width: 1590px;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .templates-list {
		justify-content: flex-start;
		padding: 0 clamp(1.25rem, 0.971rem + 1.15vw, 2rem);
		width: 980px;
	}
}
@media (max-width: 830px) {
	.overview-templates .templates-list {
		flex-direction: column;
		gap: 24px;
		padding-bottom: 40px;
		width: 100%;
	}
}
.overview-templates .templates-list .mask-layer {
	height: 100%;
	min-width: 1440px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 2;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .templates-list .mask-layer {
		display: none;
	}
}
.overview-templates .templates-list .mask-layer .left-mask {
	background: linear-gradient(270deg, #f8f8f700, #f8f8f7);
	height: 100%;
	left: 0;
	position: absolute;
	width: 150px;
}
.overview-templates .templates-list .mask-layer .right-mask {
	background: linear-gradient(270deg, #f8f8f7, #f8f8f700);
	height: 100%;
	position: absolute;
	right: 0;
	width: 150px;
}
.overview-templates .templates-list .mask-layer .bottom-mask {
	background: linear-gradient(180deg, #f8f8f700 0, #f8f8f7);
	bottom: 0;
	height: 126px;
	position: absolute;
	width: 100%;
}
.overview-templates .template-card {
	flex: 0;
	height: 144px;
	min-width: 240px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.overview-templates .template-card {
		width: 100%;
	}
}
.overview-templates .template-card.is-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 4px #00000026;
	transition: 218ms;
}
.overview-templates .template-card.is-card:hover {
	background: #0000000a;
}
.overview-templates .template-card.is-placeholder {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
@media (min-width: 0px) and (max-width: 1315px) {
	.overview-templates .template-card.is-placeholder {
		display: none;
	}
}
.overview-templates .template-card a {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 32px;
}
.overview-templates .template-card .name {
	color: #000;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 24px;
}
@media (min-width: 0px) and (max-width: 959px) {
	.overview-templates .title-row {
		align-items: flex-start;
		flex-direction: column;
	}
}
.overview-templates .section-title {
	font-size: clamp(2rem, 1.35rem + 2.67vw, 3.75rem);
	letter-spacing: -0.05em;
	line-height: 1.2;
	max-width: 700px;
	text-align: left;
}
.issue-item {
	border-radius: 4px;
	gap: 8px;
	padding: 6px 8px;
	transition: 218ms;
	--icon-color: #8e8d91;
}
.issue-item + .issue-item {
	margin-top: 20px;
}
.issue-item:hover {
	background: var(--light-detail-color-hover-color, rgba(0, 0, 0, 0.04));
	--icon-color: var(--brand);
}
.issue-item > .nuxt-icon {
	font-size: 39px;
	width: 1em;
	--color: #44c11a;
}
.issue-item.type-closed .nuxt-icon {
	--color: #8f44da;
}
.issue-item .item-body {
	min-width: 0;
}
.issue-item .item-title {
	color: #000;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 4px;
}
@media (max-width: 29.9rem) {
	.issue-item .item-title {
		font-size: 14px;
	}
}
.issue-item .item-meta {
	flex-wrap: no-wrap;
	font-size: 13px;
	line-height: normal;
}
.issue-item .item-meta .text-part {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.issue-item .item-meta .username {
	margin-left: 2px;
	white-space: pre;
}
.issue-item .item-meta .nuxt-icon {
	color: var(--icon-color);
	margin-left: 4px;
	position: relative;
	top: 1.5px;
}
.el-skeleton {
	--el-skeleton-circle-size: var(--el-avatar-size);
}
.el-skeleton__item {
	background: var(--el-skeleton-color);
	border-radius: var(--el-border-radius-base);
	display: inline-block;
	height: 16px;
	width: 100%;
}
.el-skeleton__circle {
	border-radius: 50%;
	height: var(--el-skeleton-circle-size);
	line-height: var(--el-skeleton-circle-size);
	width: var(--el-skeleton-circle-size);
}
.el-skeleton__button {
	border-radius: 4px;
	height: 40px;
	width: 64px;
}
.el-skeleton__p {
	width: 100%;
}
.el-skeleton__p.is-last {
	width: 61%;
}
.el-skeleton__p.is-first {
	width: 33%;
}
.el-skeleton__text {
	height: var(--el-font-size-small);
	width: 100%;
}
.el-skeleton__caption {
	height: var(--el-font-size-extra-small);
}
.el-skeleton__h1 {
	height: var(--el-font-size-extra-large);
}
.el-skeleton__h5 {
	height: var(--el-font-size-medium);
}
.el-skeleton__image {
	align-items: center;
	border-radius: 0;
	display: flex;
	justify-content: center;
	width: unset;
}
.el-skeleton__image svg {
	color: var(--el-svg-monochrome-grey);
	fill: currentColor;
	height: 22%;
	width: 22%;
}
.el-skeleton {
	--el-skeleton-color: var(--el-fill-color);
	--el-skeleton-to-color: var(--el-fill-color-darker);
}
@keyframes el-skeleton-loading {
	0% {
		background-position: 100% 50%;
	}
	to {
		background-position: 0 50%;
	}
}
.el-skeleton {
	width: 100%;
}
.el-skeleton__first-line,
.el-skeleton__paragraph {
	background: var(--el-skeleton-color);
	height: 16px;
	margin-top: 16px;
}
.el-skeleton.is-animated .el-skeleton__item {
	animation: el-skeleton-loading 1.4s ease infinite;
	background: linear-gradient(
		90deg,
		var(--el-skeleton-color) 25%,
		var(--el-skeleton-to-color) 37%,
		var(--el-skeleton-color) 63%
	);
	background-size: 400% 100%;
}
.issues-card {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: clamp(0.5rem, 0.192rem + 1.27vw, 1rem);
}
.issues-card .edge-case {
	background: #ffffff1a;
	border-radius: 10px;
	flex: 1;
	overflow: hidden;
	width: 100%;
}
.issues-card .edge-case.type-error {
	border: 1px solid #000;
	color: #fffc;
	font-size: 24px;
	font-weight: 800;
	line-height: 29px;
}
.issues-card .edge-case.type-error .nuxt-icon {
	font-size: 85px;
}
.issues-card .tab-bar {
	max-width: 204px;
	position: relative;
	width: 100%;
	--gap: 0px;
}
.issues-card .tab-bar.active-open .tab-open,
.issues-card .tab-bar.active-closed .tab-closed {
	color: #000;
}
.issues-card .tab-bar.active-closed .tab-active-bg {
	transform: translate(calc(100% - var(--gap) * 2));
}
.issues-card .tab-bar .tab-active-bg {
	background: var(--black-1, rgba(0, 0, 0, 0.1));
	border-radius: 4px;
	bottom: var(--gap);
	left: var(--gap);
	position: absolute;
	top: var(--gap);
	transition: 318ms;
	width: 50%;
}
.issues-card .tab-bar .tab {
	align-items: center;
	color: #8e8d91;
	cursor: pointer;
	display: flex;
	flex: 1;
	font-size: 13px;
	font-weight: 500;
	height: 32px;
	justify-content: center;
	letter-spacing: -0.26px;
	position: relative;
	z-index: 2;
}
.issues-card .issues-list {
	flex: 1;
	min-height: 0;
	width: 100%;
}
@media (max-width: 29.9rem) {
	.issues-card .issues-list {
		overflow: hidden;
	}
}
.overview-build-in-public-light {
	padding-bottom: clamp(1.875rem, -4.138rem + 12.94vw, 7.5rem);
	padding-top: clamp(1.875rem, -4.138rem + 12.94vw, 7.5rem);
}
@media (min-width: 1440px) {
	.overview-build-in-public-light {
		padding-top: 80px;
	}
}
.overview-build-in-public-light .base-card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.314rem + 0.77vw, 1rem);
	box-shadow: 0 1px 4px #00000026;
}
.overview-build-in-public-light .section-title {
	font-size: 60px;
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 108.333%;
	margin-bottom: clamp(4rem, 1.595rem + 5.18vw, 6.25rem);
	padding-bottom: 0.1em;
	white-space: pre;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.overview-build-in-public-light .section-title {
		font-size: 32px;
	}
}
.overview-build-in-public-light .section-sub-title {
	color: #000;
	font-size: clamp(1.5rem, -0.022rem + 4.35vw, 2rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 125%;
	margin-bottom: 32px;
	margin-top: 0;
	text-align: center;
	white-space: pre-line;
}
.overview-build-in-public-light .open-source-row {
	gap: 18px;
	margin-bottom: clamp(4rem, 1.595rem + 5.18vw, 6.25rem);
	width: 100%;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row {
		flex-direction: column;
	}
}
.overview-build-in-public-light .open-source-row .thin-card {
	background: #fff;
	border-radius: clamp(0.5rem, 0.407rem + 0.39vw, 0.75rem);
	box-shadow: 0 1px 4px #00000026;
	flex: 1;
	padding: clamp(1rem, 0.231rem + 3.16vw, 2.25rem) clamp(1rem, 0.769rem + 0.95vw, 1.375rem) 0;
}
.overview-build-in-public-light .open-source-row .thin-card .card-desc {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .open-source-row .thin-card .card-desc {
		font-size: 16px;
	}
}
.overview-build-in-public-light .open-source-row .price-model-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.overview-build-in-public-light .open-source-row .price-model-card .graphic-layer {
	flex: 1;
	min-height: 400px;
	position: relative;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .graphic-layer {
		min-height: clamp(16.25rem, 0rem + 66.67vw, 25rem);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons-wrapper {
	bottom: 40%;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	z-index: 2;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons-wrapper {
		bottom: 30%;
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons {
	aspect-ratio: 543/278;
	background-image: url(/cover/img/overview/price-model-icons.svg);
	background-size: contain;
	padding: 9% 12.5% 13%;
	width: min(535px, 90vw);
}
@media (max-width: 500px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons {
		background-image: url(/cover/img/overview/price-model-icons.png);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon {
	border-radius: 50%;
	color: #fff;
	flex: 1;
	font-size: 14px;
	font-weight: 700;
	opacity: 0;
	padding-top: 3%;
	text-align: center;
	transform: translateY(6px);
	transition: 218ms;
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon:first-child {
	padding-right: 1%;
}
@media (min-width: 744px) {
	.overview-build-in-public-light .open-source-row .price-model-card .model-icons .icon:hover {
		opacity: 1;
		transform: translateY(0);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .type-free {
	font-size: 12px;
	padding-top: 4%;
	text-shadow: 1px 2px 6px #47b028;
}
.overview-build-in-public-light .open-source-row .price-model-card .model-icons .type-premium {
	text-shadow: 1px 2px 6px #2574ab;
}
.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
	aspect-ratio: 461/260;
	background-image: url(/cover/img/overview/price-model-cover-big-screen.svg);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -12px;
	left: -12px;
	position: absolute;
	width: 524px;
}
@media (max-width: 1000px) {
	.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
		aspect-ratio: 660/260;
		background-image: url(/cover/img/overview/price-model-cover.svg);
		bottom: 0;
		left: 50%;
		transform: translate(-50%);
		width: min(632px, 120vw);
	}
}
@media (max-width: 744px) {
	.overview-build-in-public-light .open-source-row .price-model-card .card-cover {
		left: -12px;
		transform: translate(0);
	}
}
.overview-build-in-public-light .open-source-row .price-model-card .card-desc {
	max-width: 303px;
}
.overview-build-in-public-light .open-source-row .issue-card {
	overflow: hidden;
}
.overview-build-in-public-light .open-source-row .issue-card .card-desc {
	margin-bottom: 40px;
	max-width: 383px;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .open-source-row .issue-card .card-desc {
		margin-bottom: 24px;
	}
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup {
	border: 1px solid var(--black-1, rgba(0, 0, 0, 0.1));
	border-radius: 12px 12px 0 0;
	box-shadow: 0 2px 14px #0000000d;
	margin-bottom: -10px;
	padding-bottom: 32px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .browser-header {
	border-bottom: 1px solid var(--black-1, rgba(0, 0, 0, 0.1));
	padding: 16px;
	position: relative;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots {
	left: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 520px) {
	.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots {
		display: none;
	}
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .control-dots .dot {
	background: #ccc;
	border-radius: 50%;
	height: 10px;
	width: 10px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .address-bar {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
	border-radius: 2px;
	height: 30px;
	padding-left: 24px;
	padding-right: 16px;
	width: 230px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .info-address {
	font-size: 12px;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .action-button {
	cursor: pointer;
	font-size: 16px;
	position: relative;
	z-index: 2;
}
.overview-build-in-public-light .open-source-row .issue-card .browser-mockup .browser-body {
	padding-left: clamp(0rem, -1.928rem + 7.91vw, 1.75rem);
	padding-right: clamp(0rem, -1.928rem + 7.91vw, 1.75rem);
	padding-top: clamp(0.5rem, -0.115rem + 2.53vw, 1.5rem);
}
.overview-build-in-public-light .user-centric-card {
	padding: 36px clamp(2.25rem, -9.135rem + 17.79vw, 6.875rem) clamp(0rem, -7.805rem + 16.79vw, 2.9375rem) 36px;
	width: 100%;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card {
		padding-left: 16px;
		padding-right: 16px;
	}
}
.overview-build-in-public-light .user-centric-card .row {
	gap: clamp(1.375rem, -0.95rem + 5vw, 2.25rem);
}
@media (max-width: 800px) {
	.overview-build-in-public-light .user-centric-card .row {
		flex-direction: column;
	}
}
.overview-build-in-public-light .user-centric-card .info-text {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 135%;
	margin-bottom: 26px;
	max-width: 269px;
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card .info-text {
		font-size: 16px;
		max-width: 309px;
	}
}
@media (max-width: 29.9rem) {
	.overview-build-in-public-light .user-centric-card .action-button {
		margin-bottom: 12px;
	}
}
.overview-build-in-public-light .user-centric-card .card-cover {
	aspect-ratio: 500/296;
	filter: drop-shadow(0 -3.366666078567505px 5.386666297912598px rgba(0, 0, 0, 0.03));
	margin: 0;
	-webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
	mask-image: linear-gradient(180deg, #000 60%, transparent);
	max-width: 579px;
	position: relative;
	top: -3px;
	width: 100%;
}
.overview-build-in-public-light .user-centric-card .card-cover svg {
	transform: scale(1.12) !important;
}
@media (max-width: 800px) {
	.overview-build-in-public-light .user-centric-card .card-cover {
		max-width: 700px;
	}
}
.page-overview {
	color: var(--primary);
	font-size: clamp(1rem, 0.814rem + 0.77vw, 1.5rem);
}
.page-overview .product-hunt-fixed-button {
	bottom: 10px;
	position: fixed;
	right: 20px;
	z-index: 10;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.page-overview .product-hunt-fixed-button {
		display: none;
	}
}
.page-overview .section-bg-wrapper {
	background: var(--bg);
	position: relative;
	z-index: 2;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.page-overview {
		padding-top: 10px;
	}
}
.page-overview .section-desc {
	text-align: center;
}
.page-overview .try-it-button {
	background: linear-gradient(180deg, #0e58f5, #396bd8 31.77%, #1443a9 76.04%, #0043d3);
	border-radius: 10px;
	box-shadow: 0 4px 21px #0e55ee8a, 0 4px 84px #8aafff4d;
	color: #fff;
	font-size: 24px;
	font-weight: 800;
	line-height: 29px;
	padding: 12.5px 29px;
	transition: 368ms;
}
@media (min-width: 768px) {
	.page-overview .try-it-button {
		height: 52px;
		padding: 0 32px;
	}
}
@media (max-width: 29.9rem) {
	.page-overview .try-it-button {
		padding: 10px 51px;
	}
}
.page-overview .try-it-button:hover {
	box-shadow: 0 4px 80px #1d62f4, 0 4px 21px #0e55ee8a, 0 4px 84px #8aafff4d;
}
.page-overview .try-it-button:active {
	transform: translateY(2px);
}
.page-overview .section-hero .hero-container {
	max-width: 1348px;
	padding: 0 clamp(2rem, 0.421rem + 6.48vw, 6.25rem);
}
.page-overview .section-open-source-everything {
	height: var(--section-height, auto);
	overflow: hidden;
}
.affine-logo svg {
	display: block;
	height: 1em;
	width: 1em;
}
.product-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.product-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}
.product-navbar .nav-sub-item .item-desc,
.product-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}
.product-navbar .nav-sub-item .item-name {
	color: #000;
	letter-spacing: -0.014285714285714em;
}
.product-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}
.product-navbar .nav-sub-item .nuxt-icon {
	color: #76747b99;
	font-size: clamp(1.25rem, 1.157rem + 0.39vw, 1.5rem);
	transition: 218ms;
}
.product-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}
.product-navbar .item-AI-blue .nuxt-icon {
	color: #1e96eb;
}
.team-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.team-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}
.team-navbar .nav-sub-item .item-desc,
.team-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}
.team-navbar .nav-sub-item .item-name {
	color: #000;
	letter-spacing: -0.014285714285714em;
}
.team-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}
.team-navbar .nav-sub-item .nuxt-icon {
	color: #7a7a7a;
	font-size: clamp(1.25rem, 1.157rem + 0.39vw, 1.5rem);
	transition: 218ms;
}
.team-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}
.scroll-link {
	cursor: pointer;
}
.community-navbar .nav-sub-item {
	border-radius: 4px;
	padding: 6px 12px;
	transition: 218ms;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.community-navbar .nav-sub-item:last-child {
		margin-bottom: 8px;
	}
}
.community-navbar .nav-sub-item .item-desc,
.community-navbar .nav-sub-item .item-name {
	font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	font-weight: 500;
	line-height: 1.5;
}
.community-navbar .nav-sub-item .item-name {
	letter-spacing: -0.014285714285714em;
}
.community-navbar .nav-sub-item .item-desc {
	color: var(--Black-Tertiary, #8e8d91);
	font-weight: 400;
	line-height: 22px;
}
.community-navbar .nav-sub-item .nuxt-icon {
	color: #76747b99;
	font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
	transition: 218ms;
}
.community-navbar .nav-sub-item:hover {
	background: var(--black-04, rgba(0, 0, 0, 0.04));
}
.community-navbar .item-discord:hover .nuxt-icon {
	color: #5865f2;
}
.community-navbar .item-twitter-x:hover .nuxt-icon {
	color: #000;
}
.community-navbar .item-telegram:hover .nuxt-icon {
	color: #2aabee;
}
.community-navbar .item-community .nuxt-icon {
	transform: scale(1.1) translateY(1px);
}
.community-navbar .item-community:hover .nuxt-icon {
	color: var(--brand);
}
.get-start-link {
	display: block;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.get-start-link {
		display: none;
	}
}
.get-start-link .login-button {
	height: 30px;
	padding: 5px 16px;
}
.explore-on-desktop {
	background: var(--Black-Tertiary, #8e8d91);
	border-radius: 34px;
	color: var(--Black-Quinary, #f4f4f5);
	display: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	margin-top: 36px;
	padding: 12px 52px;
	text-align: center;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.explore-on-desktop {
		display: block;
	}
}
.el-popover {
	--el-popover-bg-color: var(--el-bg-color-overlay);
	--el-popover-font-size: var(--el-font-size-base);
	--el-popover-border-color: var(--el-border-color-lighter);
	--el-popover-padding: 12px;
	--el-popover-padding-large: 18px 20px;
	--el-popover-title-font-size: 16px;
	--el-popover-title-text-color: var(--el-text-color-primary);
	--el-popover-border-radius: 4px;
}
.el-popover.el-popper {
	background: var(--el-popover-bg-color);
	border: 1px solid var(--el-popover-border-color);
	border-radius: var(--el-popover-border-radius);
	box-shadow: var(--el-box-shadow-light);
	box-sizing: border-box;
	color: var(--el-text-color-regular);
	font-size: var(--el-popover-font-size);
	line-height: 1.4;
	min-width: 150px;
	overflow-wrap: break-word;
	padding: var(--el-popover-padding);
	z-index: var(--el-index-popper);
}
.el-popover.el-popper--plain {
	padding: var(--el-popover-padding-large);
}
.el-popover__title {
	color: var(--el-popover-title-text-color);
	font-size: var(--el-popover-title-font-size);
	line-height: 1;
	margin-bottom: 12px;
}
.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
	outline-width: 0;
}
.el-popover.el-popper.is-dark {
	--el-popover-bg-color: var(--el-text-color-primary);
	--el-popover-border-color: var(--el-text-color-primary);
	--el-popover-title-text-color: var(--el-bg-color);
	color: var(--el-bg-color);
}
.el-popover.el-popper:focus,
.el-popover.el-popper:focus:active {
	outline-width: 0;
}
.header-navbar {
	--navbar-height: 72px;
	--navbar-border-color: var(--primary-gray);
	--navbar-bg-color: hsla(0, 0%, 100%, 0.7);
	--navbar-active-bg-color: #e7e7e7;
	--github-border-color: #a4a4a4;
	--affix-progress: 0;
	margin: 0 auto;
	position: relative;
}
.header-navbar.has-scroll .navbar-fixed {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.header-navbar .logo-handler {
	height: 32px;
	margin-right: 20px;
	position: relative;
	width: 32px;
}
.header-navbar .navbar-logo {
	color: var(--logo-color);
	font-size: 32px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}
.header-navbar .navbar-logo.lottie-logo {
	transform: translate3d(-50%, -50%, 0);
}
.header-navbar .github-button:hover {
	opacity: 0.8;
}
.header-navbar .navbar-placeholder {
	height: var(--navbar-height);
	pointer-events: none;
}
.header-navbar .navbar-fixed {
	background: #f8f8f7fa;
	border-bottom: 0.5px solid transparent;
	left: 0;
	position: fixed;
	top: 0;
	transition: background 318ms;
	width: 100%;
	z-index: 235;
}
.header-navbar .navbar-fixed .limit-container {
	padding: 20px 32px;
}
.header-navbar .navbar-fixed .el-dropdown,
.header-navbar .navbar-fixed .nav-item > .nav-handler,
.header-navbar .navbar-fixed .nav-item > a {
	border-radius: 4px;
	color: #000;
	display: flex;
	letter-spacing: -0.28px;
	padding: 8px 12px;
	transition: 318ms;
}
.header-navbar .navbar-fixed .el-dropdown.handler-row,
.header-navbar .navbar-fixed .nav-item > .nav-handler.handler-row,
.header-navbar .navbar-fixed .nav-item > a.handler-row {
	cursor: pointer;
	display: flex;
}
.header-navbar .navbar-fixed .el-dropdown.handler-row .arrow-icon,
.header-navbar .navbar-fixed .nav-item > .nav-handler.handler-row .arrow-icon,
.header-navbar .navbar-fixed .nav-item > a.handler-row .arrow-icon {
	transform: rotate(90deg);
	transition: 0.16s var(--ease-out-quad);
}
.header-navbar .navbar-fixed .el-dropdown.is-active,
.header-navbar .navbar-fixed .el-dropdown:hover,
.header-navbar .navbar-fixed .nav-item > .nav-handler.is-active,
.header-navbar .navbar-fixed .nav-item > .nav-handler:hover,
.header-navbar .navbar-fixed .nav-item > a.is-active,
.header-navbar .navbar-fixed .nav-item > a:hover {
	background: #0000000a;
	color: #000;
}
.header-navbar .navbar-fixed .el-dropdown.is-open,
.header-navbar .navbar-fixed .nav-item > .nav-handler.is-open,
.header-navbar .navbar-fixed .nav-item > a.is-open {
	background: #0000000a;
}
.header-navbar .navbar-fixed .el-dropdown.is-open .arrow-icon,
.header-navbar .navbar-fixed .nav-item > .nav-handler.is-open .arrow-icon,
.header-navbar .navbar-fixed .nav-item > a.is-open .arrow-icon {
	transform: rotate(-90deg);
}
.header-navbar .navbar-fixed .right-part {
	overflow: hidden;
	padding-right: 8px;
	transition-duration: 0.4s;
}
.header-navbar .navbar-fixed .right-part .flex {
	opacity: calc(var(--affix-progress));
	padding-left: 8px;
	transition-duration: 0.4s;
}
.header-navbar .navbar-fixed .right-part .flex > * {
	flex-shrink: 0;
}
.header-navbar .navbar-fixed .try-button {
	font-size: 15px;
	font-weight: 800;
	height: 34px;
}
.header-navbar .navbar-fixed .try-button:hover {
	border-width: 0 !important;
}
.header-navbar .navbar-fixed .menu-list {
	position: relative;
}
.header-navbar .navbar-fixed .menu-list > span {
	display: none;
}
.header-navbar .navbar-fixed .menu-list .active-tab {
	background: #ffffff1a;
	border-radius: 12px;
	height: 24px;
	pointer-events: none;
	position: absolute;
	top: 0;
}
.header-navbar .navbar-fixed .menu-list .nav-item {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
}
.lang-switcher-dropdown {
	font-weight: 800;
	margin-top: 12px;
	width: 120px;
}
.lang-switcher-dropdown .el-dropdown-menu__item {
	font-size: 16px;
	height: 40px;
}
.lang-switcher-dropdown .el-dropdown-menu__item:hover {
	background-color: var(--el-color-primary-light-9);
}
.lang-switcher-dropdown .el-popper__arrow {
	display: none;
}
.el-popover.el-popper.logo-phonetic-popper {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: #00000080;
	border-radius: 4px;
	min-width: 140px;
	padding: 4px 12px;
	text-align: center;
}
.el-popover.el-popper.logo-phonetic-popper .phonetic-mark {
	color: #f4f4f5;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 20px;
	text-transform: uppercase;
	white-space: pre;
}
.el-popover.el-popper.community-popper {
	background: var(--White-Background, #f8f8f7);
	border: 1px solid var(--black-08, rgba(0, 0, 0, 0.08));
	border-radius: 8px;
	box-shadow: 0 5px 25px #0000001a;
	padding: 16px 12px;
}
.el-popover.el-popper.community-popper .inner-page-navbar .nav-item {
	margin-bottom: 2px;
	width: 100%;
}
.el-popover.el-popper.community-popper .scroll-link,
.el-popover.el-popper.community-popper .static-link {
	border-radius: 4px;
	color: #000;
	display: flex;
	font-weight: 500;
	letter-spacing: -0.28px;
	padding: 8px 12px;
	transition: 318ms;
}
.el-popover.el-popper.community-popper .menu-list .scroll-link.is-active,
.el-popover.el-popper.community-popper .menu-list .scroll-link:hover {
	background: #0000000a;
	color: #000;
}
.header-navbar-mobile .navbar-placeholder {
	height: var(--navbar-height);
}
.header-navbar-mobile .community-navbar,
.header-navbar-mobile .product-navbar,
.header-navbar-mobile .team-navbar {
	margin: 0 -12px;
}
.header-navbar-mobile .community-item .arrow-icon {
	transition: 218ms;
}
.header-navbar-mobile .community-item .nav-item {
	border: none !important;
}
.header-navbar-mobile .community-item.is-open-community .arrow-icon {
	transform: rotate(90deg);
}
.header-navbar-mobile .handler-row {
	display: flex !important;
}
.header-navbar-mobile .navbar-fixed {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: #f8f8f7e6;
	border-bottom: 0.5px solid transparent;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 234;
}
.header-navbar-mobile .navbar-fixed .fixed-row {
	height: var(--navbar-height);
	padding: 0 32px;
}
@media (max-width: 480px) {
	.header-navbar-mobile .navbar-fixed .fixed-row {
		padding: 0 20px;
	}
}
.header-navbar-mobile .navbar-fixed .try-link {
	font-size: 14px;
}
.header-navbar-mobile .navbar-fixed .navbar-logo {
	color: var(--logo-color);
	font-size: 32px;
}
.header-navbar-mobile .navbar-fixed .icon-menu {
	color: var(--primary-deep);
	font-size: 24px;
}
.header-navbar-mobile .navbar-fixed.has-scrolled {
	border-bottom-color: #0000001a;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu {
	overflow-y: scroll;
	transition: max-height 0.3s ease-in-out;
	--h: calc(100dvh - var(--navbar-height));
	height: var(--h);
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list {
	height: 100%;
	padding: 0 32px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
	color: var(--primary-deep);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 20px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item .nav-handler,
.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item > a {
	display: flex;
	padding: 12px 0;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .lang-list {
	border-top: 1px solid var(--divider-color);
	margin-top: -16px;
}
.header-navbar-mobile .navbar-fixed .collapsed-menu .lang-list .nav-item {
	color: var(--primary);
}
.site-header {
	position: relative;
	z-index: 234;
}
.site-header .header-navbar-mobile {
	display: none;
}
@media (max-width: 800px) {
	.site-header .header-navbar {
		display: none;
	}
	.site-header .header-navbar-mobile {
		display: block;
	}
}
.site-header .new-label {
	background: linear-gradient(180deg, #56b9ff, #23a4ff 37.88%, #1e96eb 75%);
	border-radius: 2px;
	box-shadow: 4px 6px 3px #45474905, 2px 4px 3px #45474914, 1px 2px 2px #45474921, 0 0 1px #45474926;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 12px;
	padding: 2px 3px;
	text-align: center;
}
.site-footer {
	--divider-color: #d7d7d7;
	--copyright-link-color: var(--primary);
	--logo-color: var(--brand);
	--list-name-color: var(--primary-deep);
	--list-item-color: #8e8d91;
	background: var(--bg);
	padding: clamp(3.75rem, 3.286rem + 1.91vw, 5rem) 0 clamp(3.75rem, 3.518rem + 0.96vw, 4.375rem);
	position: relative;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer {
		padding: 36px 0;
	}
}
.site-footer .gray-text {
	color: #8e8d91;
}
.site-footer a:hover {
	opacity: 0.8;
}
@media (max-width: 1023px) {
	.site-footer .nav-row {
		flex-direction: column;
	}
}
.site-footer .fluid-row {
	max-width: 1440px !important;
	padding: 0 clamp(2rem, -20.769rem + 35.58vw, 11.25rem);
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .fluid-row {
		padding: 0 20px;
	}
}
.site-footer .nav-list-wrapper {
	-moz-column-gap: clamp(2rem, 0.421rem + 6.48vw, 6.25rem);
	column-gap: clamp(2rem, 0.421rem + 6.48vw, 6.25rem);
	flex-wrap: wrap;
}
@media (max-width: 1023px) {
	.site-footer .nav-list-wrapper {
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 30px;
	}
	.site-footer .nav-list-wrapper > * {
		flex: 1 0 calc(50% - 48px);
		min-width: 150px;
	}
}
.site-footer .nav-list {
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}
.site-footer .nav-list.need-underline .nav-item {
	text-decoration: underline;
}
.site-footer .nav-list .list-name {
	color: var(--list-name-color);
	font-weight: 500;
	letter-spacing: -0.28px;
	line-height: 20px;
	margin-bottom: 10px;
}
.site-footer .nav-list .nav-item {
	color: var(--list-item-color);
	line-height: 1.428571428571429;
	margin-bottom: 12px;
}
.site-footer .sns-icons-row {
	-moz-column-gap: 16px;
	column-gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 12px;
	margin-top: 32px;
	row-gap: 12px;
}
@media (min-width: 1024px) {
	.site-footer .sns-icons-row {
		max-width: 110px;
	}
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .sns-icons-row {
		-moz-column-gap: 20px;
		column-gap: 20px;
	}
}
.site-footer .sns-icons-row .sns-icon {
	color: #76747b99;
	font-size: 24px;
}
.site-footer .sns-icons-row .link-twitter .sns-icon {
	transform: scale(0.95);
}
.site-footer .sns-icons-row .link-twitter:hover .sns-icon,
.site-footer .sns-icons-row .link-github:hover .sns-icon {
	color: #000;
}
.site-footer .sns-icons-row .link-telegram:hover .sns-icon {
	color: #2aabee;
}
.site-footer .sns-icons-row .link-discord:hover .sns-icon {
	color: #5865f2;
}
.site-footer .sns-icons-row .link-youtube:hover .sns-icon {
	color: red;
}
.site-footer .sns-icons-row .link-reddit:hover .sns-icon {
	color: #ff4500;
}
.site-footer .icon-logo {
	color: var(--logo-color);
	font-size: 48px;
}
.site-footer .copyright-row {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	margin-top: 32px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .copyright-row {
		margin-top: 26px;
	}
}
.site-footer .copyright-row .copy-text {
	letter-spacing: -0.28px;
}
.site-footer .copyright-row .info-slogan {
	font-weight: 500;
}
.site-footer .copyright-row .link-divider {
	background-color: var(--copyright-link-color);
	height: 19px;
	margin: 0 33px;
	width: 2px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .copyright-row .link-divider {
		height: 19px;
		width: 1px;
	}
}
.site-footer .copyright-row .links {
	color: var(--copyright-link-color);
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 19px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.site-footer .copyright-row .links {
		font-size: 11px;
		line-height: 13px;
		margin-top: 17px;
	}
}
.site-footer .copyright-row .links a:hover {
	color: var(--primary);
}
@media (max-width: 29.9rem) {
	.site-footer .theme-switcher-part .nav-list {
		margin-top: 95px;
		display: flex;
		justify-content: center;
	}
}
.site-footer .theme-switcher-part .theme-switcher-placeholder {
	font-size: 16px;
	font-weight: 800;
}
@media (max-width: 29.9rem) {
	.site-footer .theme-switcher-part .theme-switcher-placeholder {
		margin-top: 32px;
	}
}
.site-footer .footer-divider {
	height: 1px;
	margin: 0 auto;
	max-width: 1512px;
	width: 100%;
}
.mobile-intercept-modal {
	background: transparent;
	text-align: center;
}
.mobile-intercept-modal .info-icon {
	font-size: 63px;
}
.mobile-intercept-modal .info-title {
	font-size: 14px;
	font-weight: 800;
	line-height: 32px;
}
.mobile-intercept-modal .info-desc {
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	white-space: pre;
}
.mobile-intercept-modal .action-button {
	align-items: center;
	background: linear-gradient(180deg, #0e55ee, #002a86);
	border-radius: 44px;
	color: var(--primary-gray);
	display: inline-flex;
	font-size: 15px;
	font-weight: 800;
	gap: 10px;
	line-height: 18px;
	margin-top: 30vh;
	padding: 10px 51px;
	text-align: center;
	text-transform: uppercase;
	transition: 368ms;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mobile-intercept-modal .action-button:active {
	transform: translateY(2px);
}
.default-layout {
	min-height: 500px;
}
@media (min-width: 0px) and (max-width: 47.9375rem) {
	.default-layout {
		overflow: hidden;
	}
}
.default-layout .fluid-container {
	height: 100%;
	min-height: 500px;
}