.frame-parent {
  	width: 1920px;
  	position: relative;
  	background-color: #1a1a1a;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 3px;
  	text-align: left;
  	font-size: 18px;
  	color: #fff;
  	font-family: 'Source Han Sans CN';
}

body {
  	margin: 0;
  	background-color: #1a1a1a;
  	overflow-x: hidden;
}

.scaled-page {
	--page-scale: 1;
	--page-scaled-height: auto;
	--page-scale-offset: 0px;
}

.page-root {
  	width: 100%;
  	display: flex;
  	justify-content: center;
  	align-items: flex-start;
}

.scaled-page .page-root {
	min-height: var(--page-scaled-height, auto);
	overflow-x: hidden;
}

.scaled-page .page-root > * {
	flex-shrink: 0;
	transform-origin: top center;
	margin-bottom: calc(var(--page-scale-offset, 0px) * -1);
}
.vector-parent {
  	align-self: stretch;
  	height: 969px;
  	position: relative;
}
.frame-child {
  	position: absolute;
  	top: 0px;
  	left: 1307px;
  	width: 608px;
  	height: 1454px;
  	flex-shrink: 0;
}
.frame-group {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 1920px;
  	height: 969px;
  	flex-shrink: 0;
}
.group-wrapper {
  	position: absolute;
  	top: 89px;
  	left: 0px;
  	width: 1920px;
  	height: 800px;
}
.hero-wrapper {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 1920px;
  	height: 800px;
}
.hero {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 1920px;
  	height: 800px;
  	overflow: hidden;
}
.rectangle {
  	position: absolute;
  	top: 169px;
  	left: 202px;
  	border-radius: 999px;
  	background-color: #cbff00;
  	width: 176px;
  	height: 28px;
}
.opc {
  	position: absolute;
  	top: 175px;
  	left: 218px;
  	font-size: 11px;
  	color: #0a0a0a;
}
.b {
  	position: absolute;
  	top: 210px;
  	left: 202px;
  	font-size: 80px;
  	letter-spacing: -2px;
  	line-height: 88px;
}
.b2 {
  	position: absolute;
  	top: 309px;
  	left: 202px;
  	font-size: 80px;
  	letter-spacing: -2px;
  	line-height: 88px;
}
.container {
  	position: absolute;
  	top: 227px;
  	left: 1001px;
  	box-shadow: 0px 25px 50px -12px rgba(203, 255, 0, 0.17);
  	border-radius: 16px;
  	background-color: #000;
  	width: 731px;
  	height: 425px;
  	overflow: hidden;
  	font-size: 14px;
  	--hero-video-inset: 1px;
}
.container-child {
  	position: absolute;
  	inset: var(--hero-video-inset);
  	width: calc(100% - (var(--hero-video-inset) * 2));
  	height: calc(100% - (var(--hero-video-inset) * 2));
  	object-fit: cover;
}

.hero-video-hover {
	position: absolute;
	inset: var(--hero-video-inset);
	width: calc(100% - (var(--hero-video-inset) * 2));
	height: calc(100% - (var(--hero-video-inset) * 2));
	opacity: 0;
	transition: opacity 160ms ease;
	pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
	.has-pointer-motion .container:hover .hero-video-hover {
		opacity: 1;
		pointer-events: auto;
	}
}

.hero-video-hover-bg {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
	background: rgba(17, 17, 17, 0.28);
}

.hero-video-btn {
	position: absolute;
	border: 0px;
	background: transparent;
	padding: 0px;
	cursor: pointer;
}

.hero-video-toggle {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.hero-video-mute {
	left: 16px;
	top: 16px;
	width: 34px;
	height: 34px;
	border-radius: 43794312px;
	background: rgba(17, 17, 17, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero-volume-range {
	position: absolute;
	left: 58px;
	top: 30px;
	width: 132px;
	height: 6px;
	appearance: none;
	background: rgba(255, 255, 255, 0.35);
	border-radius: 43794312px;
	outline: none;
}

.hero-volume-range::-webkit-slider-thumb {
	appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 43794312px;
	background: #ffffff;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.hero-volume-range::-moz-range-thumb {
	width: 12px;
	height: 12px;
	border-radius: 43794312px;
	background: #ffffff;
	border: none;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.hero-video-toggle .hero-icon-pause {
	display: none;
}

.hero-video-toggle.is-playing .hero-icon-play {
	display: none;
}

.hero-video-toggle.is-playing .hero-icon-pause {
	display: inline;
}

.hero-video-mute .hero-icon-muted {
	display: none;
}

.hero-video-mute.is-muted .hero-icon-volume {
	display: none;
}

.hero-video-mute.is-muted .hero-icon-muted {
	display: inline;
}
.container2 {
  	position: absolute;
  	left: 638.99px;
  	top: 374.99px;
  	background-color: rgba(255, 255, 255, 0);
  	width: 75.58px;
  	height: 20px;
  	opacity: 0.8;
	color: rgba(255, 255, 255, 0.92);
	font-size: 14px;
}

.hero-time {
	white-space: nowrap;
}
.div {
  	position: absolute;
  	top: -1px;
  	left: 0px;
  	letter-spacing: 0.7px;
  	line-height: 20px;
}
.container-icon {
  	position: absolute;
  	top: 227px;
  	left: 1001px;
  	border-radius: 16px;
  	width: 731px;
  	height: 425px;
 	pointer-events: none;
}

.container-icon-dash {
	position: absolute;
	left: -4px;
	top: -4px;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
}

.container-icon-overlay-main {
 	position: absolute;
 	left: -4px;
 	top: -4px;
 	width: calc(100% + 8px);
 	height: calc(100% + 8px);
}

.hero-frame-corner {
	position: absolute;
}

.hero-frame-corner-top-left {
	left: -6px;
	top: -6px;
}

.hero-frame-corner-bottom-left {
	left: -6px;
	bottom: -6px;
}

.hero-frame-corner-top-right {
	right: -6px;
	top: -6px;
}

.hero-frame-corner-bottom-right {
	right: -6px;
	bottom: -6px;
}
.container3 {
  	position: absolute;
  	top: 192px;
  	left: 1710px;
  	box-shadow: 0px 28.88888931274414px 36.11px -7.22px rgba(0, 0, 0, 0.1), 0px 11.55555534362793px 14.44px -8.67px rgba(0, 0, 0, 0.1);
  	border-radius: 48467464px;
  	background-color: #fff;
  	border: 1.4px solid #ededed;
  	box-sizing: border-box;
  	width: 78px;
  	height: 251.3px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 23.1px 11.6px;
  	gap: 23.1px;
}
.button {
  	width: 52px;
  	height: 52px;
  	border-radius: 48467464px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 11.6px 11.6px 0px;
  	box-sizing: border-box;
}
.icon {
  	align-self: stretch;
  	height: 28.9px;
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	flex-shrink: 0;
}
.button3 {
  	width: 52px;
  	flex: 1;
  	border-radius: 48467464px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 11.6px 11.6px 0px;
  	box-sizing: border-box;
}
.container4 {
  	position: absolute;
  	top: 620px;
  	left: 960px;
  	box-shadow: 0px 13px 23.3px -5px rgba(255, 126, 103, 0.15), 0px 8px 10px -6px rgba(102, 102, 102, 0.26);
  	border-radius: 16px;
  	background-color: #fff;
  	border: 1px solid #ededed;
  	box-sizing: border-box;
  	width: 450px;
  	height: 90px;
  	display: flex;
  	align-items: center;
  	padding: 16px;
  	gap: 16px;
  	font-size: 10px;
  	color: #fb2c36;
}
.container5 {
  	height: 48px;
  	width: 48px;
  	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05) inset;
  	border-radius: 14px;
  	background-color: #f9fafb;
  	border: 1px solid #f3f4f6;
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0px 11px;
}
.icon4 {
  	height: 24px;
  	width: 24px;
  	position: relative;
}
.container6 {
  	height: 56px;
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8px;
}
.container7 {
  	align-self: stretch;
  	height: 16px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	gap: 20px;
}
.text {
  	height: 16px;
  	width: 163.5px;
  	position: relative;
}
.text2 {
  	position: absolute;
  	top: 1.33px;
  	left: 0px;
  	width: 5.3px;
  	height: 13.3px;
  	display: flex;
  	align-items: flex-start;
}
.div2 {
  	flex: 1;
  	position: relative;
  	line-height: 13.33px;
  	font-weight: 500;
}
.shore-sound-edit {
  	position: absolute;
  	top: 0px;
  	left: 9.31px;
  	font-size: 12px;
  	line-height: 16px;
  	font-weight: 500;
  	color: #111;
}
.text3 {
  	height: 15px;
  	width: 8.2px;
  	position: relative;
  	color: #99a1af;
}
.div3 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 15px;
}
.container8 {
  	align-self: stretch;
  	height: 32px;
  	position: relative;
  	border-radius: 8px;
  	background-color: #ffd6d6;
  	overflow: hidden;
  	flex-shrink: 0;
  	opacity: 0.8;
}

.hero-wave-canvas {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 352px;
	height: 32px;
	opacity: 0.85;
	display: block;
	pointer-events: none;
}

.container8 > :not(.hero-wave-canvas) {
	display: none;
}
.container9 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 352px;
  	height: 32px;
  	display: flex;
  	align-items: center;
  	flex-shrink: 0;
}
.container10 {
  	height: 1px;
  	flex: 1;
  	position: relative;
  	background-color: #ff6467;
  	opacity: 0.5;
}
.container11 {
  	position: absolute;
  	top: 10.14px;
  	left: 4px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 11.7px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container12 {
  	position: absolute;
  	top: 0.25px;
  	left: 9.77px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 31.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container13 {
  	position: absolute;
  	top: 6.11px;
  	left: 15.53px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 19.8px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container14 {
  	position: absolute;
  	top: 11.38px;
  	left: 21.3px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 9.2px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container15 {
  	position: absolute;
  	top: 0.58px;
  	left: 27.06px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 30.8px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container16 {
  	position: absolute;
  	top: 0.25px;
  	left: 32.83px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 31.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container17 {
  	position: absolute;
  	top: 8.2px;
  	left: 38.59px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 15.6px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container18 {
  	position: absolute;
  	top: 8.61px;
  	left: 44.36px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 14.8px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container19 {
  	position: absolute;
  	top: 10.36px;
  	left: 50.13px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 11.3px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container20 {
  	position: absolute;
  	top: 10.72px;
  	left: 55.89px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 10.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container21 {
  	position: absolute;
  	top: 9.97px;
  	left: 61.66px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 12px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container22 {
  	position: absolute;
  	top: 10.94px;
  	left: 67.42px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 10.1px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container23 {
  	position: absolute;
  	top: 0.53px;
  	left: 73.19px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 30.9px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container24 {
  	position: absolute;
  	top: 10.91px;
  	left: 78.95px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 10.2px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container25 {
  	position: absolute;
  	top: 4.2px;
  	left: 84.72px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 23.6px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container26 {
  	position: absolute;
  	top: 5.38px;
  	left: 90.48px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 21.2px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container27 {
  	position: absolute;
  	top: 4px;
  	left: 96.25px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 24px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container28 {
  	position: absolute;
  	top: 7.31px;
  	left: 102.02px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 17.4px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container29 {
  	position: absolute;
  	top: 8.83px;
  	left: 107.78px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 14.3px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container30 {
  	position: absolute;
  	top: 8.14px;
  	left: 113.55px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 15.7px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container31 {
  	position: absolute;
  	top: 4.89px;
  	left: 119.31px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 22.2px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container32 {
  	position: absolute;
  	top: 4.05px;
  	left: 125.08px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 23.9px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container33 {
  	position: absolute;
  	top: 3.17px;
  	left: 130.84px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 25.6px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container34 {
  	position: absolute;
  	top: 9.16px;
  	left: 136.61px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 13.7px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container35 {
  	position: absolute;
  	top: 0.05px;
  	left: 142.38px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 31.9px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container36 {
  	position: absolute;
  	top: 9.09px;
  	left: 148.14px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 13.8px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container37 {
  	position: absolute;
  	top: 4.8px;
  	left: 153.91px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 22.4px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container38 {
  	position: absolute;
  	top: 9.52px;
  	left: 159.67px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 13px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container39 {
  	position: absolute;
  	top: 3.66px;
  	left: 165.44px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 24.7px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container40 {
  	position: absolute;
  	top: 10.8px;
  	left: 171.2px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 10.4px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container41 {
  	position: absolute;
  	top: 2.27px;
  	left: 176.97px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 27.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container42 {
  	position: absolute;
  	top: 4.36px;
  	left: 182.73px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 23.3px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container43 {
  	position: absolute;
  	top: 1.23px;
  	left: 188.5px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 29.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container44 {
  	position: absolute;
  	top: 7.03px;
  	left: 194.27px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 17.9px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container45 {
  	position: absolute;
  	top: 9.94px;
  	left: 200.03px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 12.1px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container46 {
  	position: absolute;
  	top: 9.97px;
  	left: 205.8px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 12.1px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container47 {
  	position: absolute;
  	top: 11.75px;
  	left: 211.56px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 8.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container48 {
  	position: absolute;
  	top: 2.42px;
  	left: 217.33px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 27.1px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container49 {
  	position: absolute;
  	top: 0.3px;
  	left: 223.09px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 31.4px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container50 {
  	position: absolute;
  	top: 1.75px;
  	left: 228.86px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 28.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container51 {
  	position: absolute;
  	top: 6.72px;
  	left: 234.63px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 18.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container52 {
  	position: absolute;
  	top: 0.48px;
  	left: 240.39px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 31px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container53 {
  	position: absolute;
  	top: 1.89px;
  	left: 246.16px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 28.2px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container54 {
  	position: absolute;
  	top: 5.86px;
  	left: 251.92px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 20.3px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container55 {
  	position: absolute;
  	top: 3.33px;
  	left: 257.69px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 25.3px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container56 {
  	position: absolute;
  	top: 0.88px;
  	left: 263.45px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 30.2px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container57 {
  	position: absolute;
  	top: 2.27px;
  	left: 269.22px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 27.5px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container58 {
  	position: absolute;
  	top: 9.67px;
  	left: 274.98px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 12.6px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container59 {
  	position: absolute;
  	top: 10px;
  	left: 280.75px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 12px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container60 {
  	position: absolute;
  	top: 12.14px;
  	left: 286.52px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 7.7px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container61 {
  	position: absolute;
  	top: 7.48px;
  	left: 292.28px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 17px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container62 {
  	position: absolute;
  	top: 9.05px;
  	left: 298.05px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 13.9px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container63 {
  	position: absolute;
  	top: 7.16px;
  	left: 303.81px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 17.7px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container64 {
  	position: absolute;
  	top: 10.63px;
  	left: 309.58px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 10.8px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container65 {
  	position: absolute;
  	top: 9.31px;
  	left: 315.34px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 13.4px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container66 {
  	position: absolute;
  	top: 10.52px;
  	left: 321.11px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 11px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container67 {
  	position: absolute;
  	top: 7.41px;
  	left: 326.88px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 17.2px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container68 {
  	position: absolute;
  	top: 0.64px;
  	left: 332.64px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 30.7px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container69 {
  	position: absolute;
  	top: 5.39px;
  	left: 338.41px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 21.2px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container70 {
  	position: absolute;
  	top: 10.38px;
  	left: 344.17px;
  	border-radius: 33554400px;
  	background-color: #ff6467;
  	width: 3.8px;
  	height: 11.3px;
  	opacity: 0.6;
  	flex-shrink: 0;
}
.container71 {
  	position: absolute;
  	top: 40px;
  	left: 211.19px;
  	width: 16px;
  	height: 12px;
  	flex-shrink: 0;
}
.container72 {
  	position: absolute;
  	top: 450px;
  	left: 736px;
  	width: 24px;
  	height: 24px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	opacity: 0.5;
}
.icon5 {
  	align-self: stretch;
  	height: 24px;
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	flex-shrink: 0;
}
.container73 {
  	position: absolute;
  	top: 210px;
  	left: 736px;
  	width: 24px;
  	height: 24px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	opacity: 0.5;
}
.container74 {
  	position: absolute;
  	top: 210px;
  	left: 140px;
  	width: 24px;
  	height: 24px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	opacity: 0.5;
}
.container75 {
  	position: absolute;
  	top: 450px;
  	left: 140px;
  	width: 24px;
  	height: 24px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	opacity: 0.5;
}
.ai {
  	position: absolute;
  	top: 417px;
  	left: 206px;
  	line-height: 28px;
  	color: #f3f4f6;
}
.div4 {
  	position: absolute;
  	top: 447px;
  	left: 206px;
  	line-height: 28px;
  	color: #f3f4f6;
}
.rectangle-parent {
  	position: absolute;
  	top: 528px;
  	left: 202px;
  	width: 252px;
  	height: 52px;
}
.rectangle2 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 10px;
  	background-color: #1a1a1a;
  	border: 2px solid #666;
  	box-sizing: border-box;
  	width: 252px;
  	height: 52px;
}
.ai2 {
  	position: absolute;
  	top: 13px;
  	left: 52px;
}
.icon9 {
  	position: absolute;
  	top: 15px;
  	left: 13px;
  	width: 24px;
  	height: 24px;
}
.icon10 {
  	position: absolute;
  	top: 11px;
  	left: 35px;
  	width: 10px;
  	height: 10px;
}
.group-child {
  	position: absolute;
 	top: 50%;
  	left: 219px;
  	max-height: 100%;
  	width: 13px;
 	transform: translateY(-50%);
}
.rectangle-group {
  	position: absolute;
  	top: 528px;
  	left: 479px;
  	width: 226px;
  	height: 52px;
	cursor: pointer;
}
.rectangle3 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 10px;
  	background-color: #1a1a1a;
  	border: 2px solid #666;
  	box-sizing: border-box;
  	width: 226px;
  	height: 52px;
}
.ai3 {
  	position: absolute;
  	top: 13px;
  	left: 58px;
}
.container-icon2 {
  	position: absolute;
  	top: 14px;
  	left: 19px;
  	width: 24px;
  	height: 24px;
}
.group-item {
  	position: absolute;
 	top: 50%;
  	left: 189px;
  	max-height: 100%;
  	width: 13px;
 	transform: translateY(-50%);
}
.rectangle-container {
  	position: absolute;
  	top: 528px;
  	left: 730px;
  	width: 200px;
  	height: 52px;
	cursor: pointer;
}
.rectangle4 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 10px;
  	background-color: #1a1a1a;
  	border: 2px solid #666;
  	box-sizing: border-box;
  	width: 200px;
  	height: 52px;
}
.icon11 {
  	position: absolute;
  	top: 15px;
  	left: 19px;
  	width: 24px;
  	height: 24px;
}
.icon12 {
  	position: absolute;
  	top: 8px;
  	left: 43px;
  	width: 10px;
  	height: 10px;
}
.group-inner {
  	position: absolute;
 	top: 50%;
  	left: 167px;
  	max-height: 100%;
  	width: 13px;
 	transform: translateY(-50%);
}
.navbar {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 1920px;
  	height: 124px;
  	font-size: 20px;
  	color: #111;
}
.navbar2 {
  	position: absolute;
  	top: 35px;
  	left: calc(50% - 832px);
  	box-shadow: 0px 4px 4px rgba(62, 102, 178, 0.43);
  	border-radius: 12px;
  	background-color: #fafafa;
  	width: 1664px;
  	height: 75px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 72px;
  	box-sizing: border-box;
  	gap: 20px;
  	flex-shrink: 0;
}
.container76 {
  	height: 26px;
  	width: 111px;
  	display: flex;
  	align-items: center;
  	gap: 8px;
}
.container-item {
  	height: 24.5px;
  	width: 24.5px;
  	position: relative;
}
.container77 {
  	height: 26px;
  	width: 59px;
  	position: relative;
}
.ai5 {
  	position: absolute;
  	top: 5.5px;
  	left: -0.48px;
  	line-height: 14px;
}
.page-root > .frame-parent > .vector-parent > .frame-group > .navbar > .navbar2 > .container76 > .container77 > .ai5 {
  	width: 95px;
}
.link-parent {
  	display: flex;
  	align-items: center;
  	gap: 120px;
  	font-size: 16px;
}
.link {
  	height: 19.5px;
  	width: 56px;
  	position: relative;
}
.div5 {
  	position: absolute;
  	top: -0.75px;
  	left: 0px;
  	line-height: 19.5px;
  	font-weight: 500;
  	flex-shrink: 0;
	white-space: nowrap;
}
.icon13 {
  	position: absolute;
  	top: 3.75px;
  	left: 48px;
  	width: 12px;
  	height: 12px;
  	flex-shrink: 0;
}
.link2 {
  	height: 19.5px;
  	width: 88px;
  	position: relative;
}
.icon14 {
  	position: absolute;
  	top: 3.75px;
  	left: 80px;
  	width: 12px;
  	height: 12px;
  	flex-shrink: 0;
}
.icon16 {
  	position: absolute;
  	top: 3.75px;
  	left: 80px;
  	width: 12px;
  	height: 12px;
  	flex-shrink: 0;
}
.icon17 {
  	position: absolute;
  	top: 4.25px;
  	left: 55.51px;
  	width: 12px;
  	height: 12px;
  	flex-shrink: 0;
}
.container78 {
  	height: 35.5px;
  	width: 144px;
  	display: flex;
  	align-items: center;
  	justify-content: flex-end;
  	gap: 8px;
  	text-align: center;
  	font-size: 13px;
}
.button5 {
  	height: 35.5px;
  	flex: 1;
  	position: relative;
  	border-radius: 12px;
  	background-color: #c6ff00;
}
.theme-toggle {
	width: 48px;
	height: 24px;
	border-radius: 999px;
	background-color: #111111;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px;
	box-sizing: border-box;
}
.theme-toggle-sun {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #c6ff00;
	box-shadow: 0px 0px 0px 2px rgba(198, 255, 0, 0.18);
}
.theme-toggle-thumb {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.24);
}
.navbar-login {
	flex: 0 0 59px;
	border-radius: 999px;
}
.b3 {
  	position: absolute;
  	top: 8px;
  	left: 50%;
  	line-height: 19.5px;
	transform: translateX(-50%);
}
.models-strip {
  	position: absolute;
  	top: 889px;
  	left: 0px;
  	width: 1920px;
  	height: 80px;
}
.models-strip-inner {
  	position: absolute;
  	top: 0px;
  	left: 89px;
  	width: 1751px;
  	height: 68px;
  	overflow: hidden;
}
.image-11-parent {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 2333.4px;
  	height: 67.6px;
  	flex-shrink: 0;
}
.image-11-icon {
  	position: absolute;
  	top: 0px;
  	left: 1776.89px;
  	width: 322.6px;
  	height: 67.6px;
  	object-fit: cover;
}
.image-12-icon {
  	position: absolute;
  	top: 0px;
  	left: 1151.94px;
  	width: 361.5px;
  	height: 67.6px;
  	object-fit: cover;
}
.image-13-icon {
  	position: absolute;
  	top: 0px;
  	left: 2137.5px;
  	width: 195.9px;
  	height: 67.6px;
  	object-fit: cover;
}
.image-14-icon {
  	position: absolute;
  	top: 0px;
  	left: 1551.4px;
  	width: 187.5px;
  	height: 67.6px;
  	object-fit: cover;
}
.image-15-icon {
  	position: absolute;
  	top: 0px;
  	left: 282.92px;
  	width: 160.5px;
  	height: 67.6px;
  	object-fit: cover;
}
.image-16-icon {
  	position: absolute;
  	top: 0px;
  	left: 869.02px;
  	width: 244.9px;
  	height: 67.6px;
  	object-fit: cover;
}
.image-17-icon {
  	position: absolute;
  	top: 0px;
  	left: 481.38px;
  	width: 349.6px;
  	height: 67.6px;
  	object-fit: cover;
}
.image-18-icon {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 244.9px;
  	height: 67.6px;
  	object-fit: cover;
}
.cases {
  	align-self: stretch;
  	backdrop-filter: none;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 32px 66px;
  	gap: 40px;
  	font-size: 19.2px;
}
.container79 {
  	width: 1632px;
  	height: 44px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	gap: 20px;
  	font-size: 27.43px;
  	color: #cbff00;
}
.container80 {
  	height: 38.4px;
  	width: 293.5px;
  	display: flex;
  	align-items: center;
  	gap: 11px;
}
.heading-2 {
  	height: 38.4px;
  	width: 109.7px;
  	position: relative;
}
.b4 {
  	position: absolute;
  	top: -1.37px;
  	left: 0px;
  	line-height: 38.4px;
  	flex-shrink: 0;
}
.text4 {
  	height: 27.4px;
  	flex: 1;
  	position: relative;
  	font-size: 19.2px;
  	color: #fff;
}
.case-studies {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	letter-spacing: 1.92px;
  	line-height: 27.43px;
  	text-transform: uppercase;
  	font-weight: 500;
}
.container81 {
  	display: flex;
  	align-items: center;
  	gap: 21.9px;
  	text-align: center;
  	font-size: 19.2px;
  	color: #fff;
}
.button6 {
  	border-radius: 46017464px;
  	background-color: #cbff00;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 8px 21px;
  	color: #111;
}
.div11 {
  	position: relative;
  	line-height: 27.43px;
  	font-weight: 500;
}
.button7 {
  	border-radius: 46017464px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 8px 21px;
}
.instance-parent {
  	width: 1637px;
 	height: 482px;
 	position: relative;
}
.cases .instance-parent .case-item {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 482px;
	width: 156px;
	overflow: hidden;
	border-radius: 19.2px;
	transition: none;
	will-change: left, width;
	z-index: 0;
}
.cases .instance-parent .case-item.is-active {
	width: 732px;
	z-index: 2;
}
.cases .instance-parent .case-item .case-media {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 412px;
	border-radius: 19.2px;
	overflow: hidden;
	cursor: pointer;
}
.cases .instance-parent .case-item .case-media::after {
	content: '';
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.86) 100%);
	pointer-events: none;
	z-index: 1;
}
.cases .instance-parent .case-item img,
.cases .instance-parent .case-item .case-media-video {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 412px;
	border-radius: 19.2px;
	object-fit: cover;
}
.cases .instance-parent .case-item .case-media-video {
	background: #000000;
	opacity: 0;
	pointer-events: none;
	transition: opacity 220ms ease;
	display: none;
}
.cases .instance-parent .case-item .case-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 412px;
	border-radius: 19.2px;
	background: transparent;
	z-index: 2;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 220px 0px 0px 15px;
	box-sizing: border-box;
}
.cases .instance-parent .case-item .case-overlay-badge {
	position: relative;
	left: auto;
	top: auto;
	background: #c6ff00;
	color: #111111;
	border-radius: 18px;
	padding: 0px 8px;
	font-size: 6px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 16px;
}
.cases .instance-parent .case-item .case-overlay-title {
	position: relative;
	left: auto;
	top: auto;
	color: #ffffff;
	font-size: 19.2px;
	font-weight: 700;
	line-height: 27.43px;
	margin-top: 5px;
}
.cases .instance-parent .case-item .case-overlay-desc {
	position: relative;
	left: auto;
	top: auto;
	width: 128px;
	color: rgba(255, 255, 255, 0.54);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top: 5px;
}
.cases .instance-parent .case-item .case-overlay-cta {
	position: absolute;
	left: 15px;
	top: 321px;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: #caf81a;
	border: none;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: auto;
}
.cases .instance-parent .case-item .case-overlay-cta svg {
	display: block;
}
.cases .instance-parent .case-item.is-active .case-overlay-badge {
	position: absolute;
	left: 35px;
	top: 150px;
	border-radius: 28.17px;
	padding: 0px 12px;
	font-size: 10px;
	line-height: 25.04px;
}
.cases .instance-parent .case-item.is-active .case-overlay-title {
	position: absolute;
	left: 36.56px;
	top: 190px;
	font-size: 30px;
	line-height: 42.93px;
	margin-top: 0px;
}
.cases .instance-parent .case-item.is-active .case-overlay-desc {
	position: absolute;
	left: 36.56px;
	top: 242px;
	width: 520px;
	font-size: 18px;
	line-height: 25.04px;
	-webkit-line-clamp: 3;
	margin-top: 0px;
}
.cases .instance-parent .case-item.is-active .case-overlay-cta {
	left: 35px;
}
.cases .instance-parent .case-item.is-active .case-overlay {
	display: block;
	padding: 0px;
}
.cases .instance-parent .case-item .heading-3 {
	left: 16px;
	width: auto;
	right: 16px;
	height: 28px;
}
.cases .instance-parent .case-item .paragraph {
	left: 16px;
	width: auto;
	right: 16px;
}
.cases .instance-parent .case-item .heading-3 .div18 {
	position: relative;
	top: auto;
	left: auto;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cases .instance-parent .case-item.case-origin-left {
	transform-origin: left center;
}
.cases .instance-parent .case-item.case-origin-right {
	transform-origin: right center;
}
.container-parent {
  	height: 482px;
  	width: 732px;
  	position: relative;
}
.container-icon3 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 19.2px;
  	width: 732px;
  	height: 412px;
  	object-fit: cover;
}
.heading-3 {
  	position: absolute;
  	top: 426.96px;
  	left: 0px;
  	width: 156px;
  	height: 28px;
}
.div18 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 27.43px;
  	font-weight: 500;
}
.paragraph {
  	position: absolute;
  	top: 459.96px;
  	left: 0px;
  	width: 156px;
  	height: 22px;
  	display: flex;
  	align-items: flex-start;
  	font-size: 16.46px;
}
.div19 {
  	flex: 1;
  	position: relative;
  	line-height: 21.94px;
}
.container-group {
  	height: 482px;
  	width: 156px;
  	position: relative;
}
.container-icon4 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 19.2px;
  	width: 156px;
  	height: 412px;
  	object-fit: cover;
}
.container82 {
  	align-self: stretch;
  	height: 57.6px;
  	position: relative;
  	text-align: center;
}
.button13 {
  	position: absolute;
  	top: 0.26px;
  	left: 50%;
  	box-shadow: 0px 1.3714286088943481px 4.11px rgba(0, 0, 0, 0.1), 0px 1.3714286088943481px 2.74px -1.37px rgba(0, 0, 0, 0.1);
  	border-radius: 46017464px;
  	background-color: #111;
  	border: 1.4px solid #cbff00;
  	box-sizing: border-box;
  	width: 720px;
  	height: 57px;
  	flex-shrink: 0;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.creators-entry-link {
	text-decoration: none;
	color: inherit;
}
.parent {
  	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: auto;
	height: auto;
}
.b5 {
  	position: relative;
  	line-height: 27.43px;
	white-space: nowrap;
}
.arrow-icon {
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	height: 14.7px;
}
.creators-navbar-home {
	text-decoration: none;
	color: inherit;
	display: flex;
	align-items: center;
	gap: 8px;
	width: auto;
	height: 26px;
}
.creators-nav-link {
	text-decoration: none;
	color: inherit;
	display: flex;
	align-items: center;
	gap: 8px;
}
.creators-nav-link.is-current {
	cursor: default;
}
.creators-navbar-home .container77 {
	width: auto;
	height: auto;
	position: static;
	display: flex;
	align-items: center;
}
.creators-navbar-home .ai5 {
	position: static;
	font-size: 20px;
	line-height: 1;
	display: block;
}
.creators-nav-link .div5 {
	position: static;
}
.creators-nav-link .icon13,
.creators-nav-link .icon14,
.creators-nav-link .icon16 {
	position: static;
	width: 12px;
	height: 12px;
}
.creators-home-link {
	text-decoration: none;
	color: inherit;
}
.creators-home-link-inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	line-height: 1;
}
.creators-home-link-label {
	color: #111111;
	font-size: 19.2px;
	font-family: 'Source Han Sans CN';
	font-weight: 700;
	line-height: 27.43px;
	display: flex;
	align-items: center;
}
.creators-home-link-arrow {
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	flex-shrink: 0;
}
.creators-home-link-arrow svg {
	display: block;
}
.creators-video-module {
	box-shadow: none;
}
.creators-video-hover {
	position: absolute;
	left: 18px;
	top: 18px;
	width: 1137.9px;
	height: 630.06px;
	opacity: 0;
	transition: opacity 160ms ease;
	pointer-events: none;
	z-index: 1;
}
.creators-video-module.is-paused .creators-video-hover {
	opacity: 1;
	pointer-events: auto;
}
.creators-video-module:hover .creators-video-hover {
	opacity: 1;
	pointer-events: auto;
}
.creators-video-scrim {
	position: absolute;
	inset: 0px;
	border-radius: 0px;
	background: rgba(17, 17, 17, 0.18);
	pointer-events: none;
}
.creators-video-module.is-paused .creators-video-scrim {
	background: transparent;
}
.creators-video-btn {
	position: absolute;
	border: 0px;
	background: transparent;
	padding: 0px;
	cursor: pointer;
}
.creators-video-toggle {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.creators-video-toggle .creators-icon-pause {
	display: none;
}
.creators-video-toggle.is-playing .creators-icon-play {
	display: none;
}
.creators-video-toggle.is-playing .creators-icon-pause {
	display: inline;
}
.creators-video-frame {
	position: absolute;
	inset: 0px;
	pointer-events: none;
	z-index: 3;
}
.creators-video-frame-svg {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
}
.creators-video-toolbar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 70px;
	pointer-events: none;
}
.creators-video-module.is-paused .creators-video-toolbar {
	opacity: 0;
}
.creators-video-module.is-paused:hover .creators-video-toolbar {
	opacity: 1;
}
.creators-video-mute {
	left: 16px;
	top: 16px;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: rgba(17, 17, 17, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
}
.creators-video-mute .creators-icon-muted {
	display: none;
}
.creators-video-mute.is-muted .creators-icon-volume {
	display: none;
}
.creators-video-mute.is-muted .creators-icon-muted {
	display: inline;
}
.creators-volume-range {
	position: absolute;
	left: 58px;
	top: 30px;
	width: 132px;
	height: 6px;
	appearance: none;
	background: rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	outline: none;
	pointer-events: auto;
}
.creators-volume-range::-webkit-slider-thumb {
	appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: #ffffff;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.creators-volume-range::-moz-range-thumb {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	border: none;
	background: #ffffff;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.creators-time-shell {
	z-index: 4;
	background: transparent !important;
	box-shadow: none !important;
	opacity: 1 !important;
	pointer-events: none;
}
.creators-time {
	white-space: nowrap;
}
.case-player-modal {
	position: fixed;
	inset: 0px;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	box-sizing: border-box;
	z-index: 40;
}
.case-player-modal.is-open {
	display: flex;
}
.case-player-backdrop {
	position: absolute;
	inset: 0px;
	background: linear-gradient(180deg, rgba(17, 17, 17, 0.08) 0%, rgba(17, 17, 17, 0.32) 36%, rgba(17, 17, 17, 0.9) 100%);
	backdrop-filter: blur(6px);
}
.case-player-stage {
	position: relative;
	width: min(1120px, calc(100vw - 120px));
	aspect-ratio: 16 / 9;
	max-height: calc(100vh - 48px);
	border-radius: 28px;
	overflow: hidden;
	background: #000000;
	box-shadow: 0px 30px 90px rgba(0, 0, 0, 0.42);
	z-index: 1;
}
.case-player-video {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #000000;
}
.case-player-bottom-mask {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 180px;
	background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.82) 100%);
	pointer-events: none;
}
.case-player-btn {
	border: 0px;
	background: transparent;
	padding: 0px;
	cursor: pointer;
}
.case-player-toggle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	transition: opacity 160ms ease;
}
.case-player-stage.is-player-paused .case-player-toggle,
.case-player-stage.is-ui-visible .case-player-toggle {
	opacity: 1;
	pointer-events: auto;
}
.case-player-toggle .case-player-icon-pause {
	display: none;
}
.case-player-toggle.is-playing .case-player-icon-play {
	display: none;
}
.case-player-toggle.is-playing .case-player-icon-pause {
	display: inline;
}
.case-player-toolbar {
	position: absolute;
	left: 24px;
	right: 24px;
	top: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	transition: opacity 160ms ease;
}
.case-player-stage.is-player-paused .case-player-toolbar,
.case-player-stage.is-ui-visible .case-player-toolbar {
	opacity: 1;
	pointer-events: auto;
}
.case-player-toolbar-left {
	display: flex;
	align-items: center;
	gap: 12px;
}
.case-player-mute,
.case-player-fullscreen {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: rgba(17, 17, 17, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
}
.case-player-volume {
	width: 136px;
	height: 6px;
	appearance: none;
	background: rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	outline: none;
}
.case-player-volume::-webkit-slider-thumb {
	appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: #ffffff;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.case-player-volume::-moz-range-thumb {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: #ffffff;
	border: none;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.case-player-mute .case-player-icon-muted,
.case-player-fullscreen .case-player-icon-exit {
	display: none;
}
.case-player-mute.is-muted .case-player-icon-volume,
.case-player-fullscreen.is-fullscreen .case-player-icon-enter {
	display: none;
}
.case-player-mute.is-muted .case-player-icon-muted,
.case-player-fullscreen.is-fullscreen .case-player-icon-exit {
	display: inline;
}

@media (max-width: 768px) {
	.case-player-modal {
		padding: 12px;
	}

	.case-player-stage {
		width: min(calc(100vw - 24px), calc((100vh - 24px) * 16 / 9));
		max-height: calc(100vh - 24px);
		border-radius: 16px;
	}

	.case-player-bottom-mask {
		height: 112px;
	}

	.case-player-toolbar {
		left: 12px;
		right: 12px;
		top: 12px;
	}

	.case-player-toolbar-left {
		gap: 8px;
	}

	.case-player-mute,
	.case-player-fullscreen {
		width: 36px;
		height: 36px;
	}

	.case-player-volume {
		width: 112px;
	}
}
.vector-group {
  	align-self: stretch;
  	height: 983px;
  	position: relative;
  	overflow: hidden;
  	flex-shrink: 0;
  	font-size: 19.92px;
  	color: #000;
}
.vector-icon {
  	position: absolute;
  	top: 370px;
  	left: -59px;
  	width: 1952px;
  	height: 305px;
  	flex-shrink: 0;
 	z-index: 0;
}
.line-parent {
  	position: absolute;
  	top: 29px;
  	left: 102px;
  	width: 1712.9px;
  	height: 892px;
  	flex-shrink: 0;
}
.line-div {
  	position: absolute;
  	top: 197.67px;
  	left: 50px;
  	background: none;
  	border-top: 3px dashed rgba(181, 208, 255, 0.6);
  	box-sizing: border-box;
  	width: 1616.1px;
  	height: 0px;
  	transform:  rotate(-0.5deg);
  	transform-origin: 0 0;
 	z-index: 0;
 	pointer-events: none;
}
.container83 {
  	position: absolute;
  	top: 0px;
  	left: 23px;
  	border-radius: 41455920px;
  	background-color: rgba(198, 255, 0, 0.22);
  	border: 1.2px solid rgba(198, 255, 0, 0.2);
  	box-sizing: border-box;
  	width: 171px;
  	height: 42px;
  	font-size: 14.83px;
  	color: #fff;
}
.container84 {
  	position: absolute;
  	top: 8.65px;
  	left: 16.06px;
  	border-radius: 4.94px;
  	background-color: #c6ff00;
  	width: 24.7px;
  	height: 24.7px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 4.9px 4.9px 0px;
  	box-sizing: border-box;
}
.icon18 {
  	align-self: stretch;
  	height: 14.8px;
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	flex-shrink: 0;
}
.text5 {
  	position: absolute;
  	top: 9.88px;
  	left: 50.65px;
  	width: 98px;
  	height: 22.2px;
}
.b6 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 22.24px;
  	flex-shrink: 0;
}

.vector-group > .line-parent > .container83 > .text5 > .b6 {
 	font-size: 14px;
}
.b7 {
  	position: absolute;
  	top: 48.4px;
  	left: 15px;
  	font-size: 52px;
  	letter-spacing: -1.28px;
  	line-height: 76.8px;
  	color: #fff;
  	text-align: center;
}
.text6 {
  	position: absolute;
  	top: 37.67px;
  	left: 330px;
  	width: 199.7px;
  	height: 76.8px;
  	text-align: center;
  	font-size: 52px;
  	color: #377bff;
}
.b8 {
  	position: absolute;
  	top: 9.27px;
  	left: -2px;
  	letter-spacing: -1.28px;
  	line-height: 76.8px;
  	flex-shrink: 0;
}

.vector-group > .line-parent > .text6 > .b8 {
 	width: 205px;
}
.icon19 {
  	position: absolute;
  	top: 80.33px;
  	left: 1px;
  	width: 199.7px;
  	height: 12.8px;
  	flex-shrink: 0;
}
.sparkleicon {
  	position: absolute;
  	top: -5.67px;
  	left: 199.68px;
  	width: 25.6px;
  	height: 25.6px;
  	flex-shrink: 0;
}
.container85 {
  	position: absolute;
  	top: 717px;
  	left: 0px;
  	box-shadow: 0px 9.951970100402832px 37.32px rgba(0, 0, 0, 0.04);
  	border-radius: 29.86px;
  	background-color: #fff;
  	border: 1.2px solid #f3f4f6;
  	box-sizing: border-box;
  	width: 1684px;
  	height: 175px;
  	display: flex;
  	align-items: flex-start;
  	padding: 39.8px;
  	gap: 79.6px;
  	font-size: 27.13px;
  	color: #111;
}
.container86 {
  	height: 93.3px;
  	width: 199px;
  	border-right: 3px solid #f3f4f6;
  	box-sizing: border-box;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 18.7px 0px;
}
.heading-22 {
  	width: 199px;
  	height: 40.8px;
  	position: relative;
  	flex-shrink: 0;
}
.b9 {
  	position: absolute;
  	top: -1.82px;
  	left: 0px;
  	line-height: 33.92px;
  	flex-shrink: 0;
}
.sparkleicon2 {
  	position: absolute;
  	top: 3.14px;
  	left: 90.95px;
  	width: 30px;
  	height: 29px;
  	flex-shrink: 0;
}
.container87 {
  	flex: 1;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	gap: 40px;
  	font-size: 14.93px;
}
.container88 {
  	height: 93.3px;
  	width: 216.5px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 24.9px;
}
.heading-4 {
  	width: 216.5px;
  	height: 22.4px;
  	position: relative;
}
.b11 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 22.39px;
}
.container89 {
  	width: 216.5px;
  	flex: 1;
  	display: flex;
  	align-items: flex-start;
  	gap: 19.9px;
  	font-size: 12.44px;
  	color: #6a7282;
}
.bottomfeature {
  	height: 46px;
  	width: 49.8px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 10px;
}
.container90 {
  	width: 17.4px;
  	height: 17.4px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.icon20 {
  	align-self: stretch;
  	height: 17.4px;
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	flex-shrink: 0;
}
.text7 {
  	width: 49.8px;
  	flex: 1;
  	position: relative;
}
.div30 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 18.66px;
}

.vector-group > .line-parent > .container85 > .container87 > .container88:nth-child(3) > .container89 > .bottomfeature8 > .text14 > .div30 {
	font-size: 12px;
	width: 38px;
}

.vector-group > .line-parent > .container85 > .container87 > .container88:nth-child(4) > .container89 > .bottomfeature8 > .text14 > .div30 {
	width: 38px;
}
.bottomfeature8 {
  	height: 46px;
  	width: 37.3px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 10px;
}
.text14 {
  	width: 37.3px;
  	flex: 1;
  	position: relative;
}
.group-div {
  	position: absolute;
  	top: 264.67px;
  	left: 4px;
  	box-shadow: 0px 4px 4px rgba(243, 244, 246, 0.26);
  	width: 272px;
  	height: 428px;
  	font-size: 14.68px;
  	color: #99a1af;
 	z-index: 2;
}
.rectangle-div {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 11px;
  	background: #111111;
  	border: 3px solid #eaff99;
  	box-sizing: border-box;
  	width: 272px;
  	height: 428px;
}
.container113 {
  	position: absolute;
  	top: 17.91px;
  	left: 17.5px;
  	width: 237.1px;
  	height: 22px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 4.2px;
  	box-sizing: border-box;
  	gap: 20px;
  	color: #fff;
}
.heading-37 {
  	height: 22px;
  	width: 44.1px;
  	position: relative;
}
.b16 {
  	position: absolute;
  	top: -1.05px;
  	left: 0px;
  	line-height: 22.03px;
  	flex-shrink: 0;
}
.text22 {
  	height: 15.7px;
  	width: 53px;
  	position: relative;
  	font-size: 10.49px;
  	color: #99a1af;
}
.div45 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 15.73px;
}
.container114 {
  	position: absolute;
  	top: 43px;
  	left: 17.5px;
  	width: 237.1px;
  	height: 34.1px;
  	font-size: 11.54px;
}
.text-input {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 8.39px;
  	border: 1px solid #2e3035;
  	box-sizing: border-box;
  	width: 237.1px;
  	height: 34.1px;
  	overflow: hidden;
  	display: flex;
  	align-items: center;
  	padding: 8.4px 12.6px 8.4px 33.6px;
}
.div46 {
  	position: relative;
}
.icon35 {
  	position: absolute;
  	top: 9.7px;
  	left: 12.59px;
  	width: 14.7px;
  	height: 14.7px;
}
.container115 {
  	position: absolute;
  	top: 86px;
  	left: 17.5px;
  	width: 237.1px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 0px 4.2px 0px 0px;
  	box-sizing: border-box;
  	gap: 12.6px;
  	font-size: 10.49px;
}
.container116 {
  	align-self: stretch;
  	height: 81.8px;
  	position: relative;
  	box-shadow: 0px 1.0489193201065063px 3.15px rgba(0, 0, 0, 0.1), 0px 1.0489193201065063px 2.1px -1.05px rgba(0, 0, 0, 0.1);
  	border-radius: 10.49px;
  	background-color: #111;
  	border: 1px solid #c6ff00;
  	box-sizing: border-box;
}
.image-icon {
  	position: absolute;
  	top: 9.44px;
  	left: 9.44px;
  	border-radius: 6.29px;
  	width: 46.2px;
  	height: 62.9px;
  	object-fit: cover;
}
.container117 {
  	position: absolute;
  	top: 9.44px;
  	left: 68.18px;
  	width: 155.2px;
  	height: 62.9px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 2.1px 0px;
  	box-sizing: border-box;
  	gap: 4.2px;
}
.heading-46 {
  	width: 155.2px;
  	height: 18.9px;
  	position: relative;
  	font-size: 12.59px;
  	color: #fff;
}
.b17 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 18.88px;
}
.text23 {
  	width: 155.2px;
  	height: 15.7px;
  	position: relative;
}
.icon36 {
  	position: absolute;
  	top: 33.57px;
  	left: 208.73px;
  	width: 14.7px;
  	height: 14.7px;
}
.container118 {
  	align-self: stretch;
  	height: 81.8px;
  	border-radius: 10.49px;
  	background-color: #111;
  	display: flex;
  	align-items: flex-start;
  	padding: 8.4px;
  	box-sizing: border-box;
  	gap: 12.6px;
}
.image-icon2 {
  	height: 62.9px;
  	width: 46.2px;
  	position: relative;
  	border-radius: 6.29px;
  	object-fit: cover;
}
.container119 {
  	height: 62.9px;
  	width: 52.7px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 2.1px 0px;
  	box-sizing: border-box;
  	gap: 4.2px;
}
.heading-47 {
  	width: 52.7px;
  	height: 18.9px;
  	position: relative;
  	font-size: 12.59px;
  	color: #fff;
}
.text25 {
  	width: 52.7px;
  	height: 15.7px;
  	position: relative;
}
.button14 {
  	position: absolute;
  	top: 366px;
  	left: 17.5px;
  	border-radius: 8.39px;
  	background-color: #f9fafb;
  	width: 237.1px;
  	height: 44.1px;
  	text-align: center;
  	font-size: 12.59px;
  	color: #111;
}
.icon37 {
  	position: absolute;
  	top: 14.68px;
  	left: 83.91px;
  	width: 14.7px;
  	height: 14.7px;
}
.div53 {
  	position: absolute;
  	top: 12.59px;
  	left: 100.7px;
  	line-height: 18.88px;
  	font-weight: 500;
}
.rectangle-parent2 {
  	position: absolute;
  	top: 264.67px;
  	left: 298px;
  	width: 272px;
  	height: 428px;
  	font-size: 11.54px;
  	color: #111;
 	z-index: 2;
}
.group-child2 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	box-shadow: 0px 4px 4px rgba(243, 244, 246, 0.26);
  	border-radius: 11px;
  	background: #111111;
  	border: 3px solid #eaff99;
  	box-sizing: border-box;
  	width: 272px;
  	height: 428px;
}
.container122 {
  	position: absolute;
  	top: 43px;
  	left: 22px;
  	width: 237.1px;
  	height: 34.1px;
  	color: #99a1af;
}
.container123 {
  	position: absolute;
  	top: 18.33px;
  	left: 22px;
  	width: 237px;
  	height: 22px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 4.2px;
  	box-sizing: border-box;
  	gap: 20px;
  	font-size: 14.68px;
  	color: #fff;
}
.container124 {
  	position: absolute;
  	top: 86.33px;
  	left: 30px;
  	width: 229px;
  	height: 269px;
  	overflow: hidden;
  	display: grid;
  	box-sizing: border-box;
  	grid-template-columns: 107px 109px;
  	align-content: start;
  	gap: 13px;
}
.characteritem {
  	width: 93.9px;
  	height: 150.9px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8.4px;
  	grid-column: 1;
  	grid-row: 2;
  	flex-shrink: 0;
}
.image-icon4 {
  	width: 93.9px;
  	flex: 1;
  	position: relative;
  	border-radius: 8.39px;
  	max-height: 100%;
  	object-fit: cover;
}
.container125 {
  	width: 93.9px;
  	height: 17.3px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 4.2px;
  	box-sizing: border-box;
  	gap: 20px;
}
.text30 {
  	height: 17.3px;
  	width: 23.1px;
  	position: relative;
}
.b21 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 17.31px;
}
.text31 {
  	height: 14.2px;
  	width: 18.9px;
  	position: relative;
  	font-size: 9.44px;
  	color: #99a1af;
}
.div56 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 14.16px;
}
.characteritem2 {
  	width: 93.9px;
  	height: 150.9px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 8.4px;
  	grid-column: 2;
  	grid-row: 2;
  	flex-shrink: 0;
}
.text32 {
  	height: 17.3px;
  	width: 34.6px;
  	position: relative;
}
.characteritem3 {
  	width: 107px;
  	height: 151px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8.4px;
  	grid-column: 1;
  	grid-row: 1;
  	flex-shrink: 0;
  	color: #fff;
}

.characteritem3 > .container125 > .text32 > .b21 {
	font-size: 11px;
}
.characteritem4 {
  	width: 93.9px;
  	height: 150.9px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8.4px;
  	grid-column: 2;
  	grid-row: 1;
  	flex-shrink: 0;
  	color: #fff;
}
.button15 {
  	position: absolute;
  	top: 367px;
  	left: 30px;
  	border-radius: 8.39px;
  	background-color: #f9fafb;
  	width: 216.1px;
  	height: 44.1px;
  	text-align: center;
  	font-size: 12.59px;
}
.icon39 {
  	position: absolute;
  	top: 14.68px;
  	left: 73.42px;
  	width: 14.7px;
  	height: 14.7px;
}
.div60 {
  	position: absolute;
  	top: 12.59px;
  	left: 90.21px;
  	line-height: 18.88px;
  	font-weight: 500;
}
.rectangle-parent3 {
  	position: absolute;
  	top: 264.67px;
  	left: 591px;
  	box-shadow: 0px 4px 4px rgba(243, 244, 246, 0.26);
  	width: 542px;
  	height: 428px;
  	font-size: 14.68px;
  	color: #fff;
 	z-index: 2;
}
.group-child3 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 11px;
  	background: #111111;
  	border: 3px solid #eaff99;
  	box-sizing: border-box;
  	width: 542px;
  	height: 428px;
}
.container129 {
  	position: absolute;
  	top: 18px;
  	left: 22px;
  	width: 488px;
  	height: 22px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 4.2px;
  	box-sizing: border-box;
  	gap: 20px;
}
.container130 {
  	position: absolute;
  	top: 53.33px;
  	left: 26px;
  	width: 484px;
  	height: 302px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 3px;
  	font-size: 10.49px;
  	color: #f3f4f6;
}
.storyboarditem {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	gap: 76px;
  	flex-shrink: 0;
}
.container131 {
  	height: 81px;
  	width: 265px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	padding: 4.2px 0px 0px;
  	box-sizing: border-box;
  	gap: 4.2px;
}
.text39 {
  	width: 119.6px;
  	height: 15.7px;
  	position: relative;
}
.text40 {
  	width: 119.6px;
  	height: 15.7px;
  	position: relative;
  	color: #e6e6e6;
}
.storyboard-roles {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 6px;
	row-gap: 3px;
}
.storyboard-role {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	white-space: nowrap;
}
.storyboard-role-dot,
.storyboard-role-name {
	line-height: 15.73px;
}
.storyboard-role-dot {
	font-weight: 700;
}
.storyboard-role-name {
	color: #e6e6e6;
}
.b27 {
  	position: absolute;
  	top: -0.13px;
  	left: 30.5px;
  	line-height: 15.73px;
}
.paragraph7 {
  	align-self: stretch;
  	height: 15px;
  	position: relative;
  	overflow: hidden;
  	flex-shrink: 0;
  	font-size: 9.44px;
}
.div62 {
  	position: absolute;
  	top: -1.05px;
  	left: 0px;
  	line-height: 15.34px;
  	flex-shrink: 0;
}
.image-scene-01 {
  	height: 81px;
  	width: 143px;
  	position: relative;
  	border-radius: 6.29px;
  	overflow: hidden;
  	flex-shrink: 0;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
}
.genvideoitem {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 6.29px;
  	width: 144px;
  	height: 83px;
  	overflow: hidden;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
  	flex-shrink: 0;
}
.container132 {
  	position: absolute;
  	top: 53.08px;
  	left: 111.37px;
  	border-radius: 35195852px;
  	border: 2.1px solid rgba(255, 255, 255, 0.3);
  	box-sizing: border-box;
  	width: 16.8px;
  	height: 16.8px;
  	transform:  rotate(-6.2deg);
  	transform-origin: 0 0;
}
.paragraph8 {
  	align-self: stretch;
 	min-height: 29px;
  	position: relative;
 	overflow: visible;
  	flex-shrink: 0;
  	font-size: 9px;
}
.div63 {
 	position: static;
  	line-height: 14.63px;
 	display: block;
 	max-width: 100%;
  	flex-shrink: 0;
 	word-break: break-word;
}
.container134 {
  	position: absolute;
  	top: 53.08px;
  	left: 111.37px;
  	border-radius: 35195852px;
  	border: 2.1px solid rgba(255, 255, 255, 0.3);
  	box-sizing: border-box;
  	width: 16.8px;
  	height: 16.8px;
  	transform:  rotate(-6.2deg);
  	transform-origin: 0 0;
  	flex-shrink: 0;
}
.genvideoitem3 {
  	position: absolute;
  	top: -6px;
  	left: 0px;
  	border-radius: 6.29px;
  	width: 156px;
  	height: 96px;
  	overflow: hidden;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
  	flex-shrink: 0;
}
.genvideoitem5 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 6.29px;
  	width: 157px;
  	height: 84px;
  	overflow: hidden;
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top;
  	flex-shrink: 0;
}
.paragraph10 {
  	align-self: stretch;
  	height: 15px;
  	position: relative;
  	overflow: hidden;
  	flex-shrink: 0;
  	font-size: 9px;
  	color: #6a7282;
}
.button16 {
  	position: absolute;
  	top: 367px;
  	left: 18px;
  	border-radius: 8.39px;
  	background-color: #f9fafb;
  	width: 216.1px;
  	height: 44.1px;
  	text-align: center;
  	font-size: 12.59px;
  	color: #111;
}
.timelinestep {
  	position: absolute;
  	top: 162px;
  	left: 18px;
  	box-shadow: 0px 1.659698486328125px 4.98px rgba(59, 65, 80, 0.1), 0px 1.659698486328125px 3.32px -1.66px rgba(20, 72, 57, 0.1);
  	backdrop-filter: blur(24px);
  	border-radius: 55690180px;
  	background-color: #fff;
  	border: 1.7px solid #fff;
  	box-sizing: border-box;
  	width: 244.3px;
  	height: 62.2px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 13.3px 39.8px;
}
.container141 {
  	width: 161.3px;
  	flex: 1;
  	display: flex;
  	align-items: center;
  	gap: 13.3px;
}
.container142 {
  	height: 26.6px;
  	width: 26.6px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.icon41 {
  	align-self: stretch;
  	height: 26.6px;
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	flex-shrink: 0;
}
.text47 {
  	height: 29.9px;
  	width: 21.9px;
  	position: relative;
}
.div67 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 29.87px;
  	flex-shrink: 0;
}
.text48 {
  	height: 32.4px;
  	flex: 1;
  	position: relative;
  	font-size: 21.58px;
  	color: #1a1a1a;
}
.b34 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 32.36px;
}

.timelinestep > .container141 > .text48 > .b34 {
 	font-size: 20px;
}

.timelinestep > .container141 > .text47 > .div67 {
 	font-size: 20px;
}

.timelinestep2 > .container141 > .text47 > .div67 {
 	font-size: 20px;
}

.timelinestep2 > .container141 > .text48 > .b34 {
 	font-size: 21px;
}

.timelinestep3 > .container141 > .text47 > .div67 {
 	font-size: 20px;
}

.timelinestep3 > .container141 > .text48 > .b34 {
 	font-size: 21px;
}

.timelinestep4 > .container141 > .text47 > .div67 {
 	font-size: 20px;
}

.timelinestep4 > .container141 > .text48 > .b34 {
 	font-size: 21px;
}

.timelinestep5 > .container149 > .text47 > .div67 {
 	font-size: 20px;
}

.timelinestep5 > .container149 > .text48 > .b34 {
 	font-size: 21px;
}

.timelinestep6 > .container141 > .text47 > .div67 {
 	font-size: 20px;
}

.timelinestep6 > .container141 > .text48 > .b34 {
	font-size: 21px;
}
.timelinestep2 {
  	position: absolute;
  	top: 162px;
  	left: 302.31px;
  	box-shadow: 0px 1.659698486328125px 4.98px rgba(59, 65, 80, 0.1), 0px 1.659698486328125px 3.32px -1.66px rgba(20, 72, 57, 0.1);
  	backdrop-filter: blur(24px);
  	border-radius: 55690180px;
  	background-color: #fff;
  	border: 1.7px solid #fff;
  	box-sizing: border-box;
  	width: 244.3px;
  	height: 62.2px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 13.3px 39.8px;
}
.timelinestep3 {
  	position: absolute;
  	top: 162px;
  	left: 586.63px;
  	box-shadow: 0px 1.659698486328125px 4.98px rgba(59, 65, 80, 0.1), 0px 1.659698486328125px 3.32px -1.66px rgba(20, 72, 57, 0.1);
  	backdrop-filter: blur(24px);
  	border-radius: 55690180px;
  	background-color: #fff;
  	border: 1.7px solid #fff;
  	box-sizing: border-box;
  	width: 244.3px;
  	height: 62.2px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 13.3px 39.8px;
}
.timelinestep4 {
  	position: absolute;
  	top: 162px;
  	left: 870.94px;
  	box-shadow: 0px 1.659698486328125px 4.98px rgba(59, 65, 80, 0.1), 0px 1.659698486328125px 3.32px -1.66px rgba(20, 72, 57, 0.1);
  	backdrop-filter: blur(24px);
  	border-radius: 55690180px;
  	background-color: #fff;
  	border: 1.7px solid #fff;
  	box-sizing: border-box;
  	width: 244.3px;
  	height: 62.2px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 13.3px 39.8px;
}
.timelinestep5 {
  	position: absolute;
  	top: 162px;
  	left: 1155.25px;
  	box-shadow: 0px 1.659698486328125px 4.98px rgba(59, 65, 80, 0.1), 0px 1.659698486328125px 3.32px -1.66px rgba(20, 72, 57, 0.1);
  	backdrop-filter: blur(24px);
  	border-radius: 55690180px;
  	background-color: #fff;
  	border: 1.7px solid #fff;
  	box-sizing: border-box;
  	width: 244.3px;
  	height: 62.2px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 13.3px 39.8px;
}
.container149 {
  	width: 161.3px;
  	display: flex;
  	align-items: center;
  	gap: 13.3px;
}
.timelinestep6 {
  	position: absolute;
  	top: 162px;
  	left: 1439.56px;
  	box-shadow: 0px 1.659698486328125px 4.98px rgba(59, 65, 80, 0.1), 0px 1.659698486328125px 3.32px -1.66px rgba(20, 72, 57, 0.1);
  	backdrop-filter: blur(24px);
  	border-radius: 55690180px;
  	background-color: #fff;
  	border: 1.7px solid #fff;
  	box-sizing: border-box;
  	width: 244.3px;
  	height: 62.2px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 13.3px 39.8px;
}
.a7-293d-4a4b-87bf-63981c096c3b-icon {
  	position: absolute;
  	top: 277px;
  	left: 1151px;
  	width: 511px;
  	height: 336px;
  	object-fit: contain;
 	z-index: 1;
}
.container153 {
  	position: absolute;
 	top: 625px;
  	left: 1480px;
  	width: 232.9px;
  	height: 21px;
  	display: flex;
  	align-items: flex-start;
  	gap: 4.2px;
  	font-size: 8.39px;
  	color: rgba(251, 44, 54, 0.5);
 	z-index: 2;
}
.container154 {
  	height: 21px;
  	width: 67.4px;
  	border-radius: 4.2px;
  	background-color: #ffd1d1;
  	display: flex;
  	align-items: center;
  	padding: 0px 8.4px;
  	box-sizing: border-box;
}
.c01 {
  	position: relative;
  	line-height: 12.59px;
}
.container155 {
  	height: 21px;
  	flex: 1;
  	border-radius: 4.2px;
  	background-color: #d1e0ff;
  	display: flex;
  	align-items: center;
  	padding: 0px 8.4px;
  	box-sizing: border-box;
  	color: rgba(43, 127, 255, 0.5);
}
.container156 {
  	height: 21px;
  	width: 45.2px;
  	border-radius: 4.2px;
  	background-color: #ffebd1;
  	display: flex;
  	align-items: center;
  	padding: 0px 8.4px;
  	box-sizing: border-box;
  	color: rgba(255, 105, 0, 0.5);
}
.container157 {
  	position: absolute;
 	top: 653.27px;
  	left: 1327px;
  	width: 232.9px;
  	height: 21px;
  	display: flex;
  	align-items: flex-start;
  	gap: 4.2px;
  	font-size: 8.39px;
  	color: rgba(173, 70, 255, 0.5);
 	z-index: 2;
}
.container158 {
  	height: 21px;
  	width: 44.6px;
  	position: relative;
}
.container159 {
  	height: 21px;
  	width: 89.9px;
  	border-radius: 4.2px;
  	background-color: #e8d1ff;
  	display: flex;
  	align-items: center;
  	padding: 0px 8.4px;
  	box-sizing: border-box;
}
.container160 {
  	height: 21px;
  	flex: 1;
  	border-radius: 4.2px;
  	background-color: #ffd1fa;
  	display: flex;
  	align-items: center;
  	padding: 0px 8.4px;
  	box-sizing: border-box;
  	color: rgba(246, 51, 154, 0.5);
}
.container161 {
  	position: absolute;
 	top: 595px;
  	left: 1180px;
  	border-radius: 4.2px;
  	background-color: #fff;
 	width: 250px;
 	height: 30px;
  	overflow: hidden;
  	display: flex;
  	align-items: center;
  	padding: 0px 5px 0px 5.2px;
  	box-sizing: border-box;
  	gap: 2.1px;
 	z-index: 2;
}
.container162 {
  	height: 18.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container163 {
  	height: 14.9px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container164 {
  	height: 24.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container165 {
  	height: 23.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container166 {
  	height: 17.5px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container167 {
  	height: 5.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container168 {
  	height: 19px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container169 {
  	height: 11.3px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container170 {
  	height: 5.1px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container171 {
  	height: 22.1px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container172 {
  	height: 23.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container173 {
  	height: 18.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container174 {
  	height: 9.5px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container175 {
  	height: 17.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container176 {
  	height: 17.2px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container177 {
  	height: 10.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container178 {
  	height: 20.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container179 {
  	height: 19.3px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container180 {
  	height: 19.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container181 {
  	height: 7.9px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container182 {
  	height: 12.7px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container183 {
  	height: 14.1px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container184 {
  	height: 19.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container185 {
  	height: 12.3px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container186 {
  	height: 23.1px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container187 {
  	height: 19.1px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container188 {
  	height: 14.3px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container189 {
  	height: 18.3px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container190 {
  	height: 20.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container191 {
  	height: 11.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 6.29px;
  	background-color: #ff7e67;
}
.container192 {
  	position: absolute;
 	top: 592px;
 	left: 1316px;
  	background-color: #fb2c36;
  	width: 2px;
 	height: 42px;
 	z-index: 3;
}
.group-child4 {
  	position: absolute;
  	top: 277px;
  	left: 1173px;
  	background-color: #1a1a1a;
  	width: 36px;
  	height: 48px;
	display: none;
}
.group-child5 {
  	position: absolute;
  	top: 300px;
  	left: 1600px;
  	background-color: #1a1a1a;
  	width: 63px;
  	height: 53px;
	display: none;
}
.div73 {
  	position: absolute;
  	top: 78px;
  	left: 1360px;
  	font-size: 26px;
  	letter-spacing: 2.66px;
  	line-height: 39.83px;
  	color: #f3f4f6;
  	text-align: center;
}
.button17 {
  	position: absolute;
 	top: 508px;
  	left: 1469px;
  	box-shadow: 0px 9.883871078491211px 19.77px rgba(198, 255, 0, 0.2);
  	border-radius: 14.83px;
  	background-color: #c6ff00;
  	width: 220.6px;
  	height: 60.5px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
  	text-align: center;
  	font-size: 17.3px;
  	color: #111;
	cursor: pointer;
 	z-index: 2;
}
.recipe {
  	position: static;
  	line-height: 25.95px;
}
.line-group {
  	align-self: stretch;
  	height: 781px;
  	position: relative;
  	overflow: hidden;
  	flex-shrink: 0;
  	font-size: 14.83px;
}
.frame-item {
  	position: absolute;
  	top: 456px;
  	left: 142px;
  	background: linear-gradient(90deg, #cbff00, #b5d0ff 50.96%, #0057ff) border-box;
  	border-top: 5px solid transparent;
  	box-sizing: border-box;
  	width: 364px;
  	height: 10px;
}
.container193 {
  	position: absolute;
  	top: 73px;
  	left: 130px;
  	width: 689.4px;
  	height: 646.2px;
}
.container194 {
  	position: absolute;
  	top: 37px;
  	left: 0px;
  	border-radius: 41455920px;
  	background-color: rgba(198, 255, 0, 0.22);
  	border: 1.2px solid rgba(198, 255, 0, 0.2);
  	box-sizing: border-box;
  	width: 164.7px;
  	height: 42px;
}
.recipe2 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 22.24px;
}
.heading-1 {
  	position: absolute;
  	top: 81.54px;
  	left: 0px;
  	width: 689.4px;
  	height: 128.5px;
  	font-size: 52px;
}
.recipe3 {
  	position: absolute;
  	top: 22.46px;
  	left: 0px;
  	line-height: 64.25px;
  	flex-shrink: 0;
}

.line-group > .container193 > .heading-1 > .text62 > .recipe3 {
 	width: 208px;
}
.text62 {
  	position: absolute;
  	top: 64.25px;
  	left: 0px;
  	width: 197.7px;
  	height: 64.2px;
  	flex-shrink: 0;
  	color: #377bff;
}
.icon49 {
  	position: absolute;
  	top: 89.17px;
  	left: 0px;
  	width: 197.7px;
  	height: 9.9px;
  	flex-shrink: 0;
}
.ai6 {
  	position: absolute;
  	top: 86.7px;
  	left: 208px;
  	line-height: 64.25px;
  	flex-shrink: 0;
}

.line-group > .container193 > .heading-1 > .ai6 {
	width: 283px;
	text-align: center;
}
.sparkleicon3 {
  	position: absolute;
  	top: 7.46px;
  	left: 572px;
  	width: 29.7px;
  	height: 29.7px;
  	flex-shrink: 0;
}
.paragraph11 {
  	position: absolute;
  	top: 264.61px;
  	left: 0px;
  	width: 689.4px;
  	height: 29.7px;
  	font-size: 26px;
  	color: #f3f4f6;
}
.div74 {
  	position: absolute;
  	top: -1.24px;
  	left: 0px;
  	letter-spacing: 0.49px;
  	line-height: 29.65px;
  	flex-shrink: 0;
}
.container196 {
  	position: absolute;
  	top: 356px;
  	left: 0px;
  	width: 689.4px;
  	height: 128.5px;
  	font-size: 16.06px;
}
.container197 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 122.3px;
  	height: 128.5px;
}
.container198 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	box-shadow: 0px 4.9419355392456055px 14.83px rgba(0, 0, 0, 0.02);
  	border-radius: 14.83px;
  	background-color: #fff;
  	border: 1.2px solid #f3f4f6;
  	box-sizing: border-box;
  	width: 56.8px;
  	height: 56.8px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0px 14.8px;
}
.icon50 {
  	height: 24.7px;
  	width: 24.7px;
  	position: relative;
}
.heading-310 {
  	position: absolute;
  	top: 76.6px;
  	left: 0px;
  	width: 122.3px;
  	height: 24.1px;
}
.b41 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 24.09px;
}
.paragraph12 {
  	position: absolute;
  	top: 108.1px;
  	left: 0px;
  	width: 122.3px;
  	height: 20.4px;
  	font-size: 13.59px;
}
.recipe4 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 20.39px;
}
.container199 {
  	position: absolute;
  	top: 0px;
  	left: 169px;
  	width: 118.6px;
  	height: 128.5px;
}
.heading-311 {
  	position: absolute;
  	top: 76.6px;
  	left: 0px;
  	width: 118.6px;
  	height: 24.1px;
}
.paragraph13 {
  	position: absolute;
  	top: 108.1px;
  	left: 0px;
  	width: 118.6px;
  	height: 20.4px;
  	font-size: 13.59px;
}
.container201 {
  	position: absolute;
  	top: 0px;
  	left: 345px;
  	width: 118.6px;
  	height: 128.5px;
}
.container203 {
  	position: absolute;
  	top: 516.43px;
  	left: 0px;
  	width: 689.4px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 39.5px;
  	text-align: center;
  	font-size: 17.3px;
  	color: #111;
}
.button18 {
  	width: 220.6px;
  	height: 60.5px;
  	position: relative;
  	box-shadow: 0px 9.883871078491211px 19.77px rgba(198, 255, 0, 0.2);
  	border-radius: 14.83px;
  	background-color: #c6ff00;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.recipe5 {
  	position: static;
  	line-height: 25.95px;
}
.container204 {
  	width: 236.4px;
  	height: 29.7px;
  	display: flex;
  	align-items: center;
  	gap: 14.8px;
  	text-align: left;
  	font-size: 13.59px;
  	color: #fff;
}
.container205 {
  	height: 29.7px;
  	width: 69.2px;
  	position: relative;
}
.image-user-1 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 41455920px;
  	width: 29.7px;
  	height: 29.7px;
  	object-fit: cover;
}
.image-user-2 {
  	position: absolute;
  	top: 0px;
  	left: 19.77px;
  	border-radius: 41455920px;
  	width: 29.7px;
  	height: 29.7px;
  	object-fit: cover;
}
.image-user-3 {
  	position: absolute;
  	top: 0px;
  	left: 39.54px;
  	border-radius: 41455920px;
  	width: 29.7px;
  	height: 29.7px;
  	object-fit: cover;
}
.text63 {
  	height: 20.4px;
  	flex: 1;
  	position: relative;
}
.container206 {
  	position: absolute;
  	top: 131px;
  	left: 846px;
  	width: 940px;
  	height: 588px;
  	text-align: center;
  	font-size: 52.21px;
  	color: #a2f4fd;
}
.container207 {
  	position: absolute;
  	top: -62.65px;
  	left: 610.82px;
  	filter: blur(156.62px);
  	border-radius: 43794312px;
  	background-color: rgba(198, 255, 0, 0.24);
  	width: 391.6px;
  	height: 391.6px;
  	flex-shrink: 0;
}
.container208 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	box-shadow: 0px 31.32416343688965px 78.31px rgba(0, 0, 0, 0.06);
  	border-radius: 31.32px;
  	background-color: #fff;
  	border: 1.3px solid #f3f4f6;
  	box-sizing: border-box;
  	width: 940px;
  	height: 588px;
  	display: flex;
  	align-items: flex-start;
  	padding: 20.9px;
  	gap: 26.1px;
  	flex-shrink: 0;
}
.container209 {
  	height: 568.7px;
  	width: 522.1px;
  	position: relative;
  	flex-shrink: 0;
}
.container210 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 20.88px;
  	width: 522.1px;
  	height: 391.6px;
  	overflow: hidden;
	--gpt-bg-url: url('./assets/images/Container.png');
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--gpt-bg-url);
  	background-size: cover;
  	background-repeat: no-repeat;
 	background-position: center;
}
.container211 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 522.1px;
  	height: 391.6px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0px 90.4px;
  	box-sizing: border-box;
}
.container212 {
  	height: 159.2px;
  	width: 341.3px;
  	filter: drop-shadow(0px 32.629337310791016px 65.26px rgba(0, 0, 0, 0.15));
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 10.4px;
  	opacity: 0.9;
}
.container213 {
  	align-self: stretch;
  	height: 52.2px;
  	position: relative;
}
.fall {
  	position: absolute;
  	top: -1.31px;
  	left: 93.9px;
  	letter-spacing: 10.44px;
  	line-height: 52.21px;
  	flex-shrink: 0;
}
.container214 {
  	align-self: stretch;
  	height: 23.5px;
  	position: relative;
  	font-size: 15.66px;
  	color: #fff;
}
.of-the {
  	position: absolute;
  	top: 0px;
  	left: 126.73px;
  	letter-spacing: 6.26px;
  	line-height: 23.49px;
}
.container215 {
  	align-self: stretch;
  	height: 62.6px;
  	position: relative;
  	font-size: 62.65px;
}
.capital {
  	position: absolute;
  	top: -1.31px;
  	left: 24.92px;
  	letter-spacing: 6.26px;
  	line-height: 62.65px;
  	flex-shrink: 0;
}
.container216 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
 	background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.20) 50%, rgba(0, 0, 0, 0) 100%);
  	width: 522.1px;
  	height: 391.6px;
}
.container217 {
  	position: absolute;
  	top: 301.5px;
  	left: 26.1px;
  	width: 469.9px;
  	height: 64px;
  	display: flex;
  	align-items: flex-end;
  	justify-content: space-between;
  	gap: 20px;
  	text-align: left;
  	font-size: 26.1px;
  	color: #c6ff00;
}
.container218 {
  	height: 64px;
  	width: 348px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 5.2px;
}
.heading-313 {
  	width: 348px;
  	flex: 1;
  	position: relative;
}
.gpt-image-20 {
  	position: absolute;
  	top: -1.31px;
  	left: 0px;
  	line-height: 39.16px;
  	flex-shrink: 0;
}
.paragraph15 {
  	width: 348px;
  	height: 19.6px;
  	position: relative;
  	font-size: 13.05px;
  	color: rgba(255, 255, 255, 0.8);
}
.ultra-realistic-image-effects {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 19.58px;
}
.container219 {
  	height: 41.8px;
  	width: 41.8px;
  	border-radius: 43794312px;
  	background-color: rgba(255, 255, 255, 0.2);
  	border: 1.3px solid rgba(255, 255, 255, 0.3);
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0px 9.1px;
}
.icon54 {
  	height: 20.9px;
  	width: 20.9px;
  	position: relative;
}
.container-icon9 {
  	position: absolute;
  	top: 404.6px;
  	left: 0px;
  	width: 566px;
  	height: 70.7px;
	box-sizing: border-box;
	overflow: visible;
	pointer-events: auto;
	z-index: 3;
}

.gpt-thumb-item {
 	width: 121.67px;
 	height: 70.7px;
 	padding: 2.61px;
 	border-radius: 13.05px;
 	overflow: hidden;
 	position: absolute;
 	box-sizing: border-box;
 	display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
 	align-items: flex-start;
 	pointer-events: auto;
	cursor: pointer;
}

.gpt-thumb-item img {
 	border-radius: 10.44px;
 	width: 100%;
 	height: 65.48px;
 	display: block;
 	object-fit: cover;
}

.gpt-thumb-active {
 	width: 125.72px;
 	padding-top: 5.22px;
 	padding-bottom: 2.61px;
 	padding-left: 5.22px;
 	padding-right: 5.22px;
 	outline: 2.61px #c6ff00 solid;
 	outline-offset: -2.61px;
}

.gpt-thumb-active img {
 	height: 60.26px;
}

.gpt-thumb-dim img {
 	opacity: 0.6;
}

.gpt-thumb-1 {
 	left: 0px;
 	top: 35.31px;
}

.gpt-thumb-2 {
 	left: 136.17px;
 	top: 35.31px;
}

.gpt-thumb-3 {
 	left: 268.27px;
 	top: 35.31px;
}

.gpt-thumb-4 {
 	left: 400.38px;
 	top: 35.31px;
}

.gpt-thumb-button {
 	width: 31.32px;
 	height: 31.32px;
 	background: #ffffff;
 	border-radius: 43794312px;
 	box-shadow: 0px 2.610347032546997px 10.441388130187988px rgba(0, 0, 0, 0.15);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	padding-left: 7.83px;
 	padding-right: 5.22px;
 	box-sizing: border-box;
 	position: absolute;
	left: 489px;
 	top: 54.99px;
 	pointer-events: auto;
 	z-index: 5;
	cursor: pointer;
}

.gpt-thumb-button svg {
 	width: 18.26px;
 	height: 18.26px;
}
.container-parent4 {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 3px;
  	flex-shrink: 0;
  	text-align: left;
  	font-size: 14.36px;
  	color: #6a7282;
}
.container220 {
  	width: 336.7px;
  	height: 444.1px;
  	position: relative;
}
.container221 {
  	position: absolute;
  	top: 1.96px;
  	left: 0px;
  	border-radius: 43794312px;
  	background-color: #111;
  	width: 74.2px;
  	height: 30px;
  	font-size: 13.05px;
  	color: #c6ff00;
}
.icon55 {
  	position: absolute;
  	top: 8.48px;
  	left: 13.05px;
  	width: 13.1px;
  	height: 13.1px;
}
.new {
  	position: absolute;
  	top: 5.22px;
  	left: 31.32px;
  	line-height: 19.58px;
}
.heading-24 {
  	position: absolute;
  	top: 52.86px;
  	left: 0px;
  	width: 336.7px;
  	height: 39.2px;
  	font-size: 26.1px;
  	color: #111;
}
.container222 {
  	position: absolute;
  	top: 96.81px;
  	left: 0px;
  	width: 336.7px;
  	height: 29.4px;
  	display: flex;
  	align-items: flex-start;
  	gap: 10.4px;
  	color: #4a5565;
}
.text64 {
  	height: 29.4px;
  	width: 71.8px;
  	position: relative;
  	border-radius: 43794312px;
  	border: 1.3px solid #f3f4f6;
  	box-sizing: border-box;
}
.div78 {
  	position: absolute;
  	top: 3.92px;
  	left: 14.36px;
  	line-height: 21.54px;
}
.text65 {
  	height: 29.4px;
  	width: 57.4px;
  	position: relative;
  	border-radius: 43794312px;
  	border: 1.3px solid #f3f4f6;
  	box-sizing: border-box;
}
.paragraph16 {
  	position: absolute;
  	top: 152.26px;
  	left: 0px;
  	width: 336.7px;
  	height: 50.9px;
  	font-size: 15.66px;
}
.div80 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 25.45px;
  	display: inline-block;
  	width: 336.7px;
}
.container223 {
  	position: absolute;
  	top: 229.26px;
  	left: 0px;
  	width: 336.7px;
  	height: 198.7px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 18.3px;
}
.container224 {
  	align-self: stretch;
  	height: 21.5px;
  	display: flex;
  	align-items: center;
  	gap: 15.7px;
}
.icon56 {
  	height: 18.3px;
  	width: 18.3px;
  	position: relative;
}
.text66 {
  	height: 21.5px;
  	width: 78.3px;
  	position: relative;
}
.div81 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 21.54px;
}
.text67 {
  	height: 21.5px;
  	width: 46.5px;
  	position: relative;
  	color: #111;
}
.s {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 21.54px;
  	font-weight: 500;
}
.text69 {
  	height: 21.5px;
  	width: 69.8px;
  	position: relative;
  	color: #111;
}
.container226 {
  	align-self: stretch;
  	height: 39.5px;
  	position: relative;
}
.icon58 {
  	position: absolute;
  	top: 2.61px;
  	left: 0px;
  	width: 18.3px;
  	height: 18.3px;
  	flex-shrink: 0;
}
.text70 {
  	position: absolute;
  	top: -1.06px;
  	left: 33.93px;
  	width: 78.3px;
  	height: 21.5px;
  	flex-shrink: 0;
}
.text71 {
  	position: absolute;
  	top: 0px;
  	left: 127.91px;
  	width: 139.9px;
  	height: 39.5px;
  	flex-shrink: 0;
  	color: #111;
}
.div84 {
  	position: absolute;
  	top: -1.31px;
  	left: 0px;
  	line-height: 19.74px;
  	font-weight: 500;
  	display: inline-block;
  	width: 141px;
  	flex-shrink: 0;
}
.text73 {
  	height: 21.5px;
  	width: 158.5px;
  	position: relative;
  	color: #111;
}
.text75 {
  	height: 21.5px;
  	width: 29.4px;
  	position: relative;
  	color: #111;
}
.k {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 21.54px;
  	font-weight: 500;
  	flex-shrink: 0;
}
.button19 {
  	width: 336.7px;
  	height: 62px;
  	position: relative;
  	box-shadow: 0px 13.051735877990723px 19.58px -3.92px rgba(0, 0, 0, 0.1), 0px 5.220694065093994px 7.83px -5.22px rgba(0, 0, 0, 0.1);
  	border-radius: 15.66px;
  	background-color: #111;
  	text-align: center;
  	font-size: 16.97px;
  	color: #fff;
}
.icon61 {
  	position: absolute;
  	top: 21.86px;
  	left: 97.91px;
  	width: 18.3px;
  	height: 18.3px;
}
.recipe6 {
  	position: absolute;
  	top: 18.27px;
  	left: 126.32px;
  	line-height: 25.45px;
}
.group-container {
  	align-self: stretch;
  	height: 766px;
  	position: relative;
  	overflow: hidden;
  	flex-shrink: 0;
  	text-align: center;
  	font-size: 52px;
}

.group-container > .container-parent5 > .container229 > .text5 > .b6 {
 	font-size: 14px;
}
.container-parent5 {
  	position: absolute;
  	top: 72px;
  	left: 38.66px;
  	width: 1848.3px;
  	height: 633.7px;
}
.container229 {
  	position: absolute;
  	top: 0px;
  	left: 86.34px;
  	border-radius: 41455920px;
  	background-color: rgba(198, 255, 0, 0.22);
  	border: 1.2px solid rgba(198, 255, 0, 0.2);
  	box-sizing: border-box;
  	width: 171px;
  	height: 42px;
  	text-align: left;
  	font-size: 14.83px;
}
.button20 {
  	position: absolute;
  	top: 91px;
  	left: 1530.34px;
  	box-shadow: 0px 9.883871078491211px 19.77px rgba(198, 255, 0, 0.2);
  	border-radius: 14.83px;
  	background-color: #c6ff00;
  	width: 220.6px;
  	height: 60.5px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
  	font-size: 17.3px;
  	color: #111;
}
.button17 .icon47,
.button18 .icon47,
.button20 .icon47 {
	position: static;
	width: 19.8px;
	height: 19.8px;
	flex-shrink: 0;
}
.b44 {
  	position: absolute;
  	top: 55px;
  	left: 95.34px;
  	letter-spacing: -1.1px;
  	line-height: 66px;
}
.app {
  	position: absolute;
  	top: 55px;
  	left: 313.34px;
  	letter-spacing: -1.1px;
  	line-height: 66px;
}
.b45 {
  	position: absolute;
  	top: 55px;
  	left: 680.34px;
  	letter-spacing: -1.1px;
  	line-height: 66px;
  	color: #377bff;
}
.div88 {
  	position: absolute;
  	top: 134px;
  	left: 92.34px;
  	font-size: 26px;
  	letter-spacing: 0.4px;
  	line-height: 24px;
  	color: #f3f4f6;
}
.container231 {
  	position: absolute;
  	top: 209.31px;
  	left: calc(50% - 924.15px);
  	width: 1848.3px;
  	height: 424.4px;
  	text-align: left;
  	font-size: 16.31px;
  	color: #666;
}
.container232 {
  	position: absolute;
  	top: 0px;
  	left: 86.98px;
  	width: 1674.4px;
  	height: 424.4px;
}
.container233 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	box-shadow: 0px 10.872614860534668px 40.77px rgba(0, 0, 0, 0.04);
  	border-radius: 32.62px;
  	background-color: #fff;
  	border: 1.4px solid #f3f4f6;
  	box-sizing: border-box;
  	width: 398.2px;
  	height: 424.4px;
  	color: #111;
}
.container234 {
  	position: absolute;
  	top: 23.1px;
  	left: 23.1px;
  	width: 352px;
  	height: 35.3px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 5.4px;
  	box-sizing: border-box;
  	gap: 20px;
}
.image-6-icon {
  	height: 43px;
  	width: 153px;
  	position: relative;
  	object-fit: cover;
  	flex-shrink: 0;
}
.text77 {
  	height: 35.3px;
  	width: 121.2px;
  	position: relative;
  	border-radius: 45603012px;
  	background-color: #e8f87e;
  	flex-shrink: 0;
}
.try-it {
  	position: absolute;
  	top: 4.58px;
  	left: 39.93px;
  	line-height: 24.46px;
}
.container-icon10 {
  	position: absolute;
  	top: 74.75px;
  	left: 23.1px;
  	border-radius: 21.75px;
  	width: 352px;
  	height: 264px;
  	object-fit: cover;
}
.container235 {
  	position: absolute;
  	top: 360.5px;
  	left: 23.1px;
  	width: 352px;
  	height: 40.8px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 5.4px;
  	box-sizing: border-box;
  	gap: 20px;
  	color: #666;
}
.container236 {
  	height: 40.8px;
  	width: 222.9px;
  	display: flex;
  	align-items: flex-start;
  	gap: 10.9px;
}
.text78 {
  	height: 40.8px;
  	width: 97.9px;
  	position: relative;
  	border-radius: 10.87px;
  	background-color: #f5f5f5;
}
.div89 {
  	position: absolute;
  	top: 8.15px;
  	left: 16.31px;
  	line-height: 24.46px;
}
.text79 {
  	height: 40.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 10.87px;
  	background-color: #f5f5f5;
}
.container237 {
  	height: 38.1px;
  	width: 38.1px;
  	border-radius: 45603012px;
  	background-color: #f5f5f5;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 0px 9.5px;
  	box-sizing: border-box;
}
.icon64 {
  	height: 19px;
  	width: 19px;
  	position: relative;
}
.container238 {
  	position: absolute;
  	top: 0px;
  	left: 425.39px;
  	box-shadow: 0px 10.872614860534668px 40.77px rgba(0, 0, 0, 0.04);
  	border-radius: 32.62px;
  	background-color: #fff;
  	border: 1.4px solid #f3f4f6;
  	box-sizing: border-box;
  	width: 398.2px;
  	height: 424.4px;
}
.container239 {
  	position: absolute;
  	top: 360.5px;
  	left: 23.1px;
  	width: 352px;
  	height: 40.8px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 5.4px;
  	box-sizing: border-box;
  	gap: 20px;
}
.container240 {
  	height: 40.8px;
  	width: 206.6px;
  	display: flex;
  	align-items: flex-start;
  	gap: 10.9px;
}
.container242 {
  	position: absolute;
  	top: 23.1px;
  	left: 22.71px;
  	width: 352px;
  	height: 35.3px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 5.4px;
  	box-sizing: border-box;
  	gap: 20px;
  	color: #111;
}
.image-9-icon {
  	height: 30px;
  	width: 81px;
  	position: relative;
  	object-fit: cover;
}
.text82 {
  	height: 35.3px;
  	width: 121.2px;
  	position: relative;
  	border-radius: 45603012px;
  	background-color: #e8f87e;
}
.container243 {
  	position: absolute;
  	top: 0px;
  	left: 850.78px;
  	box-shadow: 0px 10.872614860534668px 40.77px rgba(0, 0, 0, 0.04);
  	border-radius: 32.62px;
  	background-color: #fff;
  	border: 1.4px solid #f3f4f6;
  	box-sizing: border-box;
  	width: 398.2px;
  	height: 424.4px;
}
.container244 {
  	position: absolute;
  	top: 360.5px;
  	left: 23.11px;
  	width: 352px;
  	height: 40.8px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 5.4px;
  	box-sizing: border-box;
  	gap: 20px;
}
.container247 {
  	position: absolute;
  	top: 23.1px;
  	left: 23.58px;
  	width: 352px;
  	height: 35.3px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 5.4px;
  	box-sizing: border-box;
  	gap: 20px;
  	color: #111;
}
.container248 {
  	position: absolute;
  	top: 0px;
  	left: 1276.17px;
  	box-shadow: 0px 10.872614860534668px 40.77px rgba(0, 0, 0, 0.04);
  	border-radius: 32.62px;
  	background-color: #fff;
  	border: 1.4px solid #f3f4f6;
  	box-sizing: border-box;
  	width: 398.2px;
  	height: 424.4px;
}
.container252 {
  	position: absolute;
  	top: 23.1px;
  	left: 23.19px;
  	width: 352px;
  	height: 35.3px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 5.4px;
  	box-sizing: border-box;
  	gap: 20px;
  	color: #111;
}
.container253 {
  	position: absolute;
  	top: 43px;
  	left: 834.34px;
  	width: 24px;
  	height: 24px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.vector-container {
  	align-self: stretch;
  	height: 641px;
  	position: relative;
  	overflow: hidden;
  	flex-shrink: 0;
  	font-size: 48px;
  	color: #0a0a0a;
}
.frame-inner {
  	position: absolute;
  	top: 269px;
  	left: 0px;
  	width: 789px;
  	height: 501.6px;
  	object-fit: contain;
  	flex-shrink: 0;
}
.group {
  	position: absolute;
  	top: 73px;
  	left: 136px;
  	width: 1648px;
  	height: 439px;
  	flex-shrink: 0;
}
.b46 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	font-size: 52px;
  	letter-spacing: -1px;
  	color: #fff;
}
.div97 {
  	position: absolute;
  	top: 77px;
  	left: 0px;
  	font-size: 26px;
  	color: #f3f4f6;
  	display: inline-block;
  	width: 953px;
}
.rectangle-parent4 {
  	position: absolute;
  	top: 159px;
  	left: 0px;
  	width: 464px;
  	height: 280px;
}
.scenario-card {
	position: absolute;
	top: 159px;
	width: 464px;
	height: 280px;
}
.scenario-card-enterprise {
	left: 592px;
}
.scenario-card-government {
	left: 1184px;
}
.scenario-card-link {
	position: absolute;
	inset: 0px;
	display: block;
	border-radius: 20px;
	z-index: 3;
	cursor: pointer;
}
.rectangle-icon {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 20px;
  	width: 464px;
  	height: 280px;
  	object-fit: cover;
}
.rectangle5 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 20px;
  	background-color: rgba(255, 255, 255, 0.63);
  	border: 2px solid #fff;
  	box-sizing: border-box;
  	width: 464px;
  	height: 280px;
}
.div98 {
  	position: absolute;
  	top: 20px;
  	left: 28px;
  	font-weight: 800;
	color: #111;
}
.b47 {
  	position: absolute;
  	top: 82px;
  	left: 28px;
  	font-size: 20px;
	color: #111;
}
.ai9 {
  	position: absolute;
  	top: 114px;
  	left: 28px;
  	font-size: 13px;
  	line-height: 22px;
  	color: #6b6b6b;
  	display: inline-block;
  	width: 408px;
}
.div99 {
  	position: absolute;
  	top: 246px;
  	left: 28px;
  	font-size: 12px;
  	font-weight: 500;
  	color: #0057ff;
}
.rectangle-icon2 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 20px;
  	width: 464px;
  	height: 280px;
  	object-fit: cover;
}
.rectangle6 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 20px;
  	background-color: rgba(255, 255, 255, 0.63);
  	border: 2px solid #fff;
  	box-sizing: border-box;
  	width: 464px;
  	height: 280px;
}
.div100 {
  	position: absolute;
  	top: 20px;
  	left: 28px;
  	font-weight: 800;
  	color: #111;
}
.b48 {
  	position: absolute;
  	top: 82px;
  	left: 28px;
  	font-size: 20px;
  	color: #111;
}
.div101 {
  	position: absolute;
  	top: 114px;
  	left: 28px;
  	font-size: 13px;
  	line-height: 22px;
  	color: #6b6b6b;
  	display: inline-block;
  	width: 408px;
}
.div102 {
  	position: absolute;
  	top: 246px;
  	left: 28px;
  	font-size: 12px;
  	font-weight: 500;
  	color: #0057ff;
}
.rectangle-icon3 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 20px;
  	width: 464px;
  	height: 280px;
  	object-fit: cover;
}
.rectangle7 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	border-radius: 20px;
  	background-color: rgba(255, 255, 255, 0.63);
  	border: 2px solid #fff;
  	box-sizing: border-box;
  	width: 464px;
  	height: 280px;
}
.div103 {
  	position: absolute;
  	top: 20px;
  	left: 28px;
  	font-weight: 800;
	color: #111;
}
.b49 {
  	position: absolute;
  	top: 82px;
  	left: 28px;
  	font-size: 20px;
	color: #111;
}
.opc-ai {
  	position: absolute;
  	top: 114px;
  	left: 28px;
  	font-size: 13px;
  	line-height: 22px;
  	color: #6b6b6b;
  	display: inline-block;
  	width: 408px;
}
.div104 {
  	position: absolute;
  	top: 246px;
  	left: 28px;
  	font-size: 12px;
  	font-weight: 500;
  	color: #0057ff;
}
.rectangle5,
.rectangle6,
.rectangle7,
.div98,
.div100,
.div103,
.b47,
.b48,
.b49,
.ai9,
.div101,
.opc-ai,
.div99,
.div102,
.div104 {
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.scenario-card:hover .rectangle5,
.scenario-card:hover .rectangle6,
.scenario-card:hover .rectangle7,
.scenario-card:focus-within .rectangle5,
.scenario-card:focus-within .rectangle6,
.scenario-card:focus-within .rectangle7 {
	background-color: rgba(26, 26, 26, 0.86);
	border-color: #fff;
}
.scenario-card:hover .div98,
.scenario-card:hover .div100,
.scenario-card:hover .div103,
.scenario-card:hover .div99,
.scenario-card:hover .div102,
.scenario-card:hover .div104,
.scenario-card:focus-within .div98,
.scenario-card:focus-within .div100,
.scenario-card:focus-within .div103,
.scenario-card:focus-within .div99,
.scenario-card:focus-within .div102,
.scenario-card:focus-within .div104 {
	color: #cbff00;
}
.scenario-card:hover .b47,
.scenario-card:hover .b48,
.scenario-card:hover .b49,
.scenario-card:hover .ai9,
.scenario-card:hover .div101,
.scenario-card:hover .opc-ai,
.scenario-card:focus-within .b47,
.scenario-card:focus-within .b48,
.scenario-card:focus-within .b49,
.scenario-card:focus-within .ai9,
.scenario-card:focus-within .div101,
.scenario-card:focus-within .opc-ai {
	color: #fff;
}
.container254 {
  	position: absolute;
  	top: 17px;
  	left: 1063px;
  	width: 563px;
  	height: 106px;
  	display: flex;
  	align-items: center;
  	gap: 4px;
  	opacity: 0.3;
}
.container255 {
  	height: 16.2px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container256 {
  	height: 31.5px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container257 {
  	height: 5.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container258 {
  	height: 8.1px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container259 {
  	height: 35.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container260 {
  	height: 46.9px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container261 {
  	height: 29px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container262 {
  	height: 44.2px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container263 {
  	height: 39.7px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container264 {
  	height: 23px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container265 {
  	height: 3.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container266 {
  	height: 1px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container267 {
  	height: 7.7px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container268 {
  	height: 30px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container269 {
  	height: 8.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container270 {
  	height: 45.1px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container271 {
  	height: 8.2px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container272 {
  	height: 35.7px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container273 {
  	height: 42.9px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container274 {
  	height: 43.5px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container275 {
  	height: 13.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container276 {
  	height: 44px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container277 {
  	height: 34.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container278 {
  	height: 23.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container279 {
  	height: 31px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container280 {
  	height: 47.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container281 {
  	height: 35.3px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container282 {
  	height: 34.5px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container283 {
  	height: 16.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container284 {
  	height: 45px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container285 {
  	height: 44.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container286 {
  	height: 3.2px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container287 {
  	height: 33.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container289 {
  	height: 27.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container290 {
  	height: 39.5px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container291 {
  	height: 30.3px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container292 {
  	height: 34.4px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container293 {
  	height: 27.6px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.container294 {
  	height: 19.8px;
  	flex: 1;
  	position: relative;
  	border-radius: 33554400px;
  	background-color: #cbff00;
}
.footer-parent {
  	align-self: stretch;
  	height: 563px;
  	position: relative;
  	overflow: hidden;
  	flex-shrink: 0;
  	font-size: 13.28px;
  	color: #666;
}
.footer {
  	position: absolute;
  	top: 363px;
  	left: 0px;
  	background-color: #0a0a0a;
  	width: 1920px;
  	height: 200px;
}
.ai10 {
  	position: absolute;
  	top: 396px;
  	left: 135px;
  	font-size: 22.14px;
  	font-weight: 800;
  	color: #fff;
}
.rectangle8 {
  	position: absolute;
  	top: 404.85px;
  	left: 232.4px;
  	border-radius: 4.43px;
  	background-color: #bbff00;
  	width: 7.7px;
  	height: 7.7px;
}
.div105 {
  	position: absolute;
  	top: 431.42px;
  	left: 135px;
  	font-size: 14.39px;
  	color: #5e5e5e;
}
.rectangle9 {
  	position: absolute;
  	top: 473.48px;
  	left: 135px;
  	background-color: #1e1e1e;
  	width: 1593.8px;
  	height: 1.1px;
}
.ai-all {
  	position: absolute;
  	top: 493.4px;
  	left: 135px;
  	font-weight: 500;
}
.div106 {
  	position: absolute;
  	top: 493.4px;
  	left: 1463.16px;
  	font-weight: 500;
}
.div107 {
  	position: absolute;
  	top: 493.4px;
  	left: 1573.83px;
  	font-weight: 500;
}
.div108 {
  	position: absolute;
  	top: 493.4px;
  	right: 203.62px;
  	font-weight: 500;
}
.footer-links {
	position: absolute;
	right: 135px;
	display: flex;
	align-items: center;
	gap: 32px;
	white-space: nowrap;
}
.footer-link {
	color: #666;
	font-weight: 500;
	text-decoration: none;
	flex-shrink: 0;
}
.footer-link-static {
	cursor: pointer;
}
.interactive-hit {
	transition: transform 0.2s ease, opacity 0.2s ease;
}
.interactive-hit:hover {
	opacity: 0.92;
}
.interactive-hit:focus-visible {
	outline: 2px solid #c6ff00;
	outline-offset: 4px;
}
.site-toast {
	position: fixed;
	left: 50%;
	bottom: 48px;
	transform: translateX(-50%) translateY(16px);
	padding: 14px 22px;
	border-radius: 999px;
	background: rgba(17, 17, 17, 0.92);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
	z-index: 10001;
}
.site-toast.is-visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}
.contact-modal-open {
	overflow: hidden;
}
.contact-modal-backdrop {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(0, 0, 0, 0.56);
	backdrop-filter: blur(8px);
	z-index: 10000;
}
.contact-modal {
	position: relative;
	width: min(100%, 480px);
	padding: 32px;
	border: 1px solid rgba(198, 255, 0, 0.2);
	border-radius: 24px;
	background: #101010;
	box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.35);
	color: #f3f4f6;
}
.contact-modal-close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}
.contact-modal-eyebrow {
	color: #c6ff00;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.contact-modal-title {
	margin: 12px 0 10px;
	font-size: 28px;
	line-height: 1.3;
}
.contact-modal-desc {
	margin: 0;
	color: #b5b5b5;
	font-size: 15px;
	line-height: 1.7;
}
.contact-email-box {
	margin-top: 24px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.04);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.contact-email-text {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	word-break: break-all;
}
.contact-email-copy {
	flex-shrink: 0;
	padding: 10px 16px;
	border: 0;
	border-radius: 999px;
	background: #c6ff00;
	color: #111;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.footer-parent .footer-links {
	top: 493.4px;
}
.Frame28 .footer-links {
	top: 342.4px;
}
.cta {
  	position: absolute;
  	top: 151px;
  	left: 0px;
  	background-color: #0a0a0a;
  	width: 1920px;
  	height: 212px;
  	font-size: 15px;
  	color: #fff;
}
.ai11 {
  	position: absolute;
  	top: 90px;
  	left: 127px;
  	font-size: 52px;
  	letter-spacing: -1px;
  	font-weight: 800;
}
.ai12 {
  	position: absolute;
  	top: 170px;
  	left: 127px;
  	font-size: 22px;
  	color: #6b6b6b;
  	display: inline-block;
  	width: 700px;
}
.rectangle10 {
  	position: absolute;
  	top: 112px;
  	left: 1364px;
  	border-radius: 10px;
  	background-color: #bbff00;
  	width: 200px;
  	height: 56px;
}
.b50 {
  	position: absolute;
  	top: 129px;
  	left: 1434px;
  	color: #0a0a0a;
}
.rectangle11 {
  	position: absolute;
  	top: 112px;
  	left: 1580px;
  	border-radius: 10px;
  	background-color: #0a0a0a;
  	border: 1.5px solid #3a3a3a;
  	box-sizing: border-box;
  	width: 160px;
  	height: 56px;
}
.b51 {
  	position: absolute;
  	top: 129px;
  	left: 1630px;
}
.core-advantages {
  	position: absolute;
  	top: -1px;
  	left: calc(50% - 839px);
  	border-radius: 23px;
 	background: #ffffff;
 	outline: 1px #cbff00 solid;
 	outline-offset: -1px;
  	width: 1679px;
  	height: 202px;
  	font-size: 22px;
  	color: #0a0a0a;
}
.b52 {
  	position: absolute;
  	top: 60px;
  	left: 203px;
}
.div109 {
  	position: absolute;
  	top: 100px;
  	left: 203px;
  	font-size: 18px;
  	color: #6b6b6b;
}
.rectangle12 {
  	position: absolute;
  	top: 60px;
  	left: 497px;
  	background-color: #e8e8e8;
  	width: 1px;
  	height: 80px;
}
.b53 {
  	position: absolute;
  	top: 60px;
  	left: 563px;
}
.div110 {
  	position: absolute;
  	top: 100px;
  	left: 563px;
  	font-size: 18px;
  	color: #6b6b6b;
}
.rectangle13 {
  	position: absolute;
  	top: 60px;
  	left: 857px;
  	background-color: #e8e8e8;
  	width: 1px;
  	height: 80px;
}
.b54 {
  	position: absolute;
  	top: 60px;
  	left: 923px;
}
.div111 {
  	position: absolute;
  	top: 100px;
  	left: 923px;
  	font-size: 18px;
  	color: #6b6b6b;
}
.rectangle14 {
  	position: absolute;
  	top: 60px;
  	left: 1229px;
  	background-color: #e8e8e8;
  	width: 1px;
  	height: 80px;
}
.b55 {
  	position: absolute;
  	top: 60px;
  	left: 1283px;
}
.div112 {
  	position: absolute;
  	top: 100px;
  	left: 1283px;
  	font-size: 18px;
  	color: #6b6b6b;
}