/*基础CSS*/
html {
	font-size: 14px;
	overflow-x: hidden;
	color: rgb(199, 199, 199);
}

li {
	list-style: none;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

p,
dl,
dt,
dd,
ul {
	margin: 0px;
	padding: 0px;
}

.red {
	color: red;
}

.text-secondary a {
	color: rgb(199, 199, 199) !important;
}

.text-secondary {
	color: rgb(199, 199, 199) !important;
}

.card,
.figure {
	margin: 10px 5px;
	background-color: #12142B;
	border-radius: 16px;
	border: 1px solid #252842;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.col-lg-6 {
	padding: 0 5px !important;
}

.navbar-expand-xl .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
	font-size: 14px;
	border-radius: 16px;

}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	background: #010514;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background: #5060FA;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
	background: #5060FA;
	border-radius: 5px;
}

.sonsort {

	width: 100%;
	text-align: center;
}

.sonsort a {
	border-radius: 16px;
	background-color: rgba(255, 255, 255, 0.1);
	color: ##edf3ff !important;
	padding: 0.5rem 0.8rem !important;
	margin-right: 4px;
}

a.slct {
	border: 1px solid rgb(109, 151, 221);
	border-radius: 16px;
	background-color: rgba(58, 68, 165, 0.5);
	color: ##edf3ff !important;
}

.navbar-brand {
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.shadow-sm-top {
	box-shadow: 0 -.125rem .25rem rgba(0, 0, 0, .075) !important;
}

/*上下外边距*/
.mt-6,
.my-6 {
	margin-top: 4rem !important;
}

.mt-7,
.my-7 {
	margin-top: 5rem !important;
}

.mt-8,
.my-8 {
	margin-top: 6rem !important;
}

.mt-9,
.my-9 {
	margin-top: 7rem !important;
}

.mt-10,
.my-10 {
	margin-top: 8rem !important;
}

.mb-6,
.my-6 {
	margin-bottom: 4rem !important;
}

.mb-7,
.my-7 {
	margin-bottom: 5rem !important;
}

.mb-8,
.my-8 {
	margin-bottom: 6rem !important;
}

.mb-9,
.my-9 {
	margin-bottom: 7rem !important;
}

.mb-10,
.my-10 {
	margin-bottom: 8rem !important;
}

/*上下内边距*/
.pt-6,
.mp-6 {
	padding-top: 4rem !important;
}

.pt-7,
.py-7 {
	padding-top: 5rem !important;
}

.pt-8,
.py-8 {
	padding-top: 6rem !important;
}

.pt-9,
.py-9 {
	padding-top: 7rem !important;
}

.pt-10,
.py-10 {
	padding-top: 8rem !important;
}

.pb-6,
.py-6 {
	padding-bottom: 4rem !important;
}

.pb-7,
.py-7 {
	padding-bottom: 5rem !important;
}

.pb-8,
.py-8 {
	padding-bottom: 6rem !important;
}

.pb-9,
.py-9 {
	padding-bottom: 7rem !important;
}

.pb-10,
.py-10 {
	padding-bottom: 8rem !important;
}

/*边框*/
.border-top-dashed {
	border-top: 1px dashed #dee2e6 !important;
}

.border-right-dashed {
	border-right: 1px dashed #dee2e6 !important;
}

.border-bottom-dashed {
	border-bottom: 1px dashed #dee2e6 !important;
}

.border-right-dashed {
	border-top: 1px dashed #dee2e6 !important;
}

/*字距*/
.ls-1 {
	letter-spacing: 1px;
}

.ls-2 {
	letter-spacing: 2px;
}

.ls-3 {
	letter-spacing: 3px;
}

.ls-4 {
	letter-spacing: 4px;
}

.ls-5 {
	letter-spacing: 5px;
}

/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}

.page-num,
.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: 1px;
	line-height: 1.25;
	color: #eee;
	background-color: #333;
	font-size: 12px;
}

.page-link:first-child {
	border-top-left-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;
}

.page-link:last-child {
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
}

a.page-num:hover,
.page-link:hover {
	text-decoration: none;
}

.page-num-current {
	z-index: 1;
	color: #fff;
	font-weight: 600;
}

.page-num-current:hover {
	color: #000;
}

/*其他*/
.pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.code,
.code img {
	height: 100px;
}

.position,
.position a {
	color: #999;
}

.content {
	color: #f2f5f5;
	line-height: 2;
	padding: 0 10%;
}

.content img,
.content iframe {
	max-width: 100% !important;
}

.content li {
	list-style: disc outside none;
	margin-left: 20px;
}

/*产品轮播*/
.view {
	max-width: 500px;
}

.view .swiper-slide {
	height: 300px;
	max-width: 500px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}

.view .swiper-slide img {
	height: 100%;
}

.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}

.preview {
	position: relative;
	width: 96%;
	margin: 0 auto;
}

.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}

.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}

.preview .active-nav {
	border: 1px solid #Fff;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

@media only screen and (max-width: 768px) {
	.view .swiper-slide {
		height: 300px;
	}

	.preview {
		display: none;
	}

	.view .arrow-left,
	.view .arrow-right {
		height: 300px;
		display: block;
	}
}

/*在线客服*/
.online {
	position: fixed;
	bottom: 150px;
	right: 10px;
	width: 60px;
	z-index: 999;
	color: #999;
}

.online a {
	color: #666;
}

.online a:hover {
	text-decoration: none;
}

.online dl {
	background: #1d1d1f;
	padding: 10px 5px;
	margin-bottom: 1px;
	position: relative;
	border-radius: 6px;
	opacity: 0.95;
}

.online dl dd {
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}

.online dl dd i {
	font-size: 24px;
}

.online dl:hover {
	background: #444;
}

.online dl dt {
	position: absolute;
	top: 0px;
	right: 60px;
	background: #fff;
	z-index: 9999;
	display: none;
	padding: 10px 15px;
	font-weight: normal;
	box-shadow: 2px 3px 5px rgba(23, 23, 23, 0.35);
}

.online dl dt h3 {
	display: block;
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

.online dl dt h3 i {
	margin-right: 5px;
}

.online dl dt h3 span {
	float: right;
	cursor: pointer;
}

.online dl dt input {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	padding: 3px 5px;
	width: 100%;
}

.online dl dt button {
	margin: 10px 0;
	border: none;
	border-radius: 5px;
	width: 100%;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	background: #1d1d1f;
	color: #fff;
	cursor: pointer;
}

/*sm屏幕以上*/
@media only screen and (min-width: 576px) {
	.card-img-594 {
		height: 594px;
		overflow: hidden;
	}

	.card-img-372 {
		height: 372px;
		overflow: hidden;
	}

	.card-img-180 {
		height: 180px;
		overflow: hidden;
	}

	.card-img-150 {
		height: 150px;
		overflow: hidden;
	}

	.card-img-120 {
		height: 120px;
		overflow: hidden;
	}

	.card-img-100 {
		height: 100px;
		overflow: hidden;
	}
}

/*sm屏幕以下*/
@media only screen and (max-width: 576px) {
	.page-num {
		display: none;
	}

	.head-sm-height {
		height: 61px !important;
	}
}

/*********响应式样式******************/

/*行距*/
.lh-1 {
	line-height: 1;
}

.lh-2 {
	line-height: 2;
}

.lh-3 {
	line-height: 3;
}

.lh-4 {
	line-height: 4;
}

/*字体大小*/
.fs-12 {
	font-size: .857rem;
}

.fs-14 {
	font-size: 1rem;
}

.fs-16 {
	font-size: 1.142rem;
}

.fs-18 {
	font-size: 1.285rem;
}

.fs-20 {
	font-size: 1.428rem;
}

.fs-22 {
	font-size: 1.571rem;
}

.fs-24 {
	font-size: 1.714rem;
}

.fs-26 {
	font-size: 1.857rem;
}

.fs-28 {
	font-size: 2rem;
}

.fs-30 {
	font-size: 2.142rem;
}

.fs-32 {
	font-size: 2.286rem;
}

.fs-34 {
	font-size: 2.429rem;
}

.fs-36 {
	font-size: 2.571rem;
}

.fs-38 {
	font-size: 2.714rem;
}

.fs-40 {
	font-size: 2.857rem;
}

.fs-60 {
	font-size: 3.257rem;
}

/*高度*/
.h-5px {
	height: 5px;
}

.h-10px {
	height: 10px;
}

.h-15px {
	height: 15px;
}

.h-20px {
	height: 20px;
}

.h-25px {
	height: 25px;
}

.h-30px {
	height: 30px;
}

.h-35px {
	height: 35px;
}

.h-40px {
	height: 40px;
}

.h-45px {
	height: 45px;
}

.h-50px {
	height: 50px;
}

.h-55px {
	height: 55px;
}

.h-60px {
	height: 60px;
}

.h-65px {
	height: 65px;
}

.h-70px {
	height: 70px;
}

.h-75px {
	height: 75px;
}

.h-80px {
	height: 80px;
}

.h-85px {
	height: 85px;
}

.h-90px {
	height: 90px;
}

.h-95px {
	height: 95px;
}

.h-100px {
	height: 100px;
}

.h-110px {
	height: 110px;
}

.h-120px {
	height: 120px;
}

.h-130px {
	height: 130px;
}

.h-140px {
	height: 140px;
}

.h-150px {
	height: 150px;
}

.h-160px {
	height: 160px;
}

.h-170px {
	height: 170px;
}

.h-180px {
	height: 180px;
}

.h-190px {
	height: 190px;
}

.h-200px {
	height: 200px;
}

.h-210px {
	height: 210px;
}

.h-220px {
	height: 220px;
}

.h-230px {
	height: 230px;
}

.h-240px {
	height: 240px;
}

.h-250px {
	height: 250px;
}

.h-260px {
	height: 260px;
}

.h-270px {
	height: 270px;
}

.h-280px {
	height: 280px;
}

.h-290px {
	height: 290px;
}

.h-300px {
	height: 300px;
}

.h-310px {
	height: 310px;
}

.h-320px {
	height: 320px;
}

.h-330px {
	height: 330px;
}

.h-340px {
	height: 340px;
}

.h-350px {
	height: 350px;
}

.h-360px {
	height: 360px;
}

.h-370px {
	height: 370px;
}

.h-380px {
	height: 380px;
}

.h-390px {
	height: 390px;
}

.h-400px {
	height: 400px;
}

.h-410px {
	height: 410px;
}

.h-420px {
	height: 420px;
}

.h-430px {
	height: 430px;
}

.h-440px {
	height: 440px;
}

.h-450px {
	height: 450px;
}

.h-460px {
	height: 410px;
}

.h-470px {
	height: 470px;
}

.h-480px {
	height: 480px;
}

.h-490px {
	height: 490px;
}

.h-500px {
	height: 500px;
}

/*sm屏幕以上*/
@media only screen and (min-width: 576px) {

	/*行距*/
	.lh-sm-1 {
		line-height: 1;
	}

	.lh-sm-2 {
		line-height: 2;
	}

	.lh-sm-3 {
		line-height: 3;
	}

	.lh-sm-4 {
		line-height: 4;
	}

	/*字体大小*/
	.fs-sm-12 {
		font-size: .857rem;
	}

	.fs-sm-14 {
		font-size: 1rem;
	}

	.fs-sm-16 {
		font-size: 1.142rem;
	}

	.fs-sm-18 {
		font-size: 1.285rem;
	}

	.fs-sm-20 {
		font-size: 1.428rem;
	}

	.fs-sm-22 {
		font-size: 1.571rem;
	}

	.fs-sm-24 {
		font-size: 1.714rem;
	}

	.fs-sm-26 {
		font-size: 1.857rem;
	}

	.fs-sm-28 {
		font-size: 2rem;
	}

	.fs-sm-30 {
		font-size: 2.142rem;
	}

	.fs-sm-32 {
		font-size: 2.286rem;
	}

	.fs-sm-34 {
		font-size: 2.429rem;
	}

	.fs-sm-36 {
		font-size: 2.571rem;
	}

	.fs-sm-38 {
		font-size: 2.714rem;
	}

	.fs-sm-40 {
		font-size: 2.857rem;
	}

	.fs-sm-48 {
		font-size: 3.857rem;
	}

	.fs-sm-60 {
		font-size: 4.857rem;
	}

	.fs-sm-72 {
		font-size: 5.357rem;
	}

	/*高度*/
	.h-sm-5px {
		height: 5px;
	}

	.h-sm-10px {
		height: 10px;
	}

	.h-sm-15px {
		height: 15px;
	}

	.h-sm-20px {
		height: 20px;
	}

	.h-sm-25px {
		height: 25px;
	}

	.h-sm-30px {
		height: 30px;
	}

	.h-sm-35px {
		height: 35px;
	}

	.h-sm-40px {
		height: 40px;
	}

	.h-sm-45px {
		height: 45px;
	}

	.h-sm-50px {
		height: 50px;
	}

	.h-sm-55px {
		height: 55px;
	}

	.h-sm-60px {
		height: 60px;
	}

	.h-sm-65px {
		height: 65px;
	}

	.h-sm-70px {
		height: 70px;
	}

	.h-sm-75px {
		height: 75px;
	}

	.h-sm-80px {
		height: 80px;
	}

	.h-sm-85px {
		height: 85px;
	}

	.h-sm-90px {
		height: 90px;
	}

	.h-sm-95px {
		height: 95px;
	}

	.h-sm-100px {
		height: 100px;
	}

	.h-sm-110px {
		height: 110px;
	}

	.h-sm-120px {
		height: 120px;
	}

	.h-sm-130px {
		height: 130px;
	}

	.h-sm-140px {
		height: 140px;
	}

	.h-sm-150px {
		height: 150px;
	}

	.h-sm-160px {
		height: 160px;
	}

	.h-sm-170px {
		height: 170px;
	}

	.h-sm-180px {
		height: 180px;
	}

	.h-sm-190px {
		height: 190px;
	}

	.h-sm-200px {
		height: 200px;
	}

	.h-sm-210px {
		height: 210px;
	}

	.h-sm-220px {
		height: 220px;
	}

	.h-sm-230px {
		height: 230px;
	}

	.h-sm-240px {
		height: 240px;
	}

	.h-sm-250px {
		height: 250px;
	}

	.h-sm-260px {
		height: 260px;
	}

	.h-sm-270px {
		height: 270px;
	}

	.h-sm-280px {
		height: 280px;
	}

	.h-sm-290px {
		height: 290px;
	}

	.h-sm-300px {
		height: 300px;
	}

	.h-sm-310px {
		height: 310px;
	}

	.h-sm-320px {
		height: 320px;
	}

	.h-sm-330px {
		height: 330px;
	}

	.h-sm-340px {
		height: 340px;
	}

	.h-sm-350px {
		height: 350px;
	}

	.h-sm-360px {
		height: 360px;
	}

	.h-sm-370px {
		height: 370px;
	}

	.h-sm-380px {
		height: 380px;
	}

	.h-sm-390px {
		height: 390px;
	}

	.h-sm-400px {
		height: 400px;
	}

	.h-sm-410px {
		height: 410px;
	}

	.h-sm-420px {
		height: 420px;
	}

	.h-sm-430px {
		height: 430px;
	}

	.h-sm-440px {
		height: 440px;
	}

	.h-sm-450px {
		height: 450px;
	}

	.h-sm-460px {
		height: 410px;
	}

	.h-sm-470px {
		height: 470px;
	}

	.h-sm-480px {
		height: 480px;
	}

	.h-sm-490px {
		height: 490px;
	}

	.h-sm-500px {
		height: 500px;
	}
}

/*md屏幕以上*/
@media only screen and (min-width: 768px) {

	/*行距*/
	.lh-md-1 {
		line-height: 1;
	}

	.lh-md-2 {
		line-height: 2;
	}

	.lh-md-3 {
		line-height: 3;
	}

	.lh-md-4 {
		line-height: 4;
	}

	/*字体大小*/
	.fs-md-12 {
		font-size: .857rem;
	}

	.fs-md-14 {
		font-size: 1rem;
	}

	.fs-md-16 {
		font-size: 1.142rem;
	}

	.fs-md-18 {
		font-size: 1.285rem;
	}

	.fs-md-20 {
		font-size: 1.428rem;
	}

	.fs-md-22 {
		font-size: 1.571rem;
	}

	.fs-md-24 {
		font-size: 1.714rem;
	}

	.fs-md-26 {
		font-size: 1.857rem;
	}

	.fs-md-28 {
		font-size: 2rem;
	}

	.fs-md-30 {
		font-size: 2.142rem;
	}

	.fs-md-32 {
		font-size: 2.286rem;
	}

	.fs-md-34 {
		font-size: 2.429rem;
	}

	.fs-md-36 {
		font-size: 2.571rem;
	}

	.fs-md-38 {
		font-size: 2.714rem;
	}

	.fs-md-40 {
		font-size: 2.857rem;
	}

	/*高度*/
	.h-md-5px {
		height: 5px;
	}

	.h-md-10px {
		height: 10px;
	}

	.h-md-15px {
		height: 15px;
	}

	.h-md-20px {
		height: 20px;
	}

	.h-md-25px {
		height: 25px;
	}

	.h-md-30px {
		height: 30px;
	}

	.h-md-35px {
		height: 35px;
	}

	.h-md-40px {
		height: 40px;
	}

	.h-md-45px {
		height: 45px;
	}

	.h-md-50px {
		height: 50px;
	}

	.h-md-55px {
		height: 55px;
	}

	.h-md-60px {
		height: 60px;
	}

	.h-md-65px {
		height: 65px;
	}

	.h-md-70px {
		height: 70px;
	}

	.h-md-75px {
		height: 75px;
	}

	.h-md-80px {
		height: 80px;
	}

	.h-md-85px {
		height: 85px;
	}

	.h-md-90px {
		height: 90px;
	}

	.h-md-95px {
		height: 95px;
	}

	.h-md-100px {
		height: 100px;
	}

	.h-md-110px {
		height: 110px;
	}

	.h-md-120px {
		height: 120px;
	}

	.h-md-130px {
		height: 130px;
	}

	.h-md-140px {
		height: 140px;
	}

	.h-md-150px {
		height: 150px;
	}

	.h-md-160px {
		height: 160px;
	}

	.h-md-170px {
		height: 170px;
	}

	.h-md-180px {
		height: 180px;
	}

	.h-md-190px {
		height: 190px;
	}

	.h-md-200px {
		height: 200px;
	}

	.h-md-210px {
		height: 210px;
	}

	.h-md-220px {
		height: 220px;
	}

	.h-md-230px {
		height: 230px;
	}

	.h-md-240px {
		height: 240px;
	}

	.h-md-250px {
		height: 250px;
	}

	.h-md-260px {
		height: 260px;
	}

	.h-md-270px {
		height: 270px;
	}

	.h-md-280px {
		height: 280px;
	}

	.h-md-290px {
		height: 290px;
	}

	.h-md-300px {
		height: 300px;
	}

	.h-md-310px {
		height: 310px;
	}

	.h-md-320px {
		height: 320px;
	}

	.h-md-330px {
		height: 330px;
	}

	.h-md-340px {
		height: 340px;
	}

	.h-md-350px {
		height: 350px;
	}

	.h-md-360px {
		height: 360px;
	}

	.h-md-370px {
		height: 370px;
	}

	.h-md-380px {
		height: 380px;
	}

	.h-md-390px {
		height: 390px;
	}

	.h-md-400px {
		height: 400px;
	}

	.h-md-410px {
		height: 410px;
	}

	.h-md-420px {
		height: 420px;
	}

	.h-md-430px {
		height: 430px;
	}

	.h-md-440px {
		height: 440px;
	}

	.h-md-450px {
		height: 450px;
	}

	.h-md-460px {
		height: 410px;
	}

	.h-md-470px {
		height: 470px;
	}

	.h-md-480px {
		height: 480px;
	}

	.h-md-490px {
		height: 490px;
	}

	.h-md-500px {
		height: 500px;
	}
}

/*lg屏幕以上*/
@media only screen and (min-width: 992px) {

	/*行距*/
	.lh-lg-1 {
		line-height: 1;
	}

	.lh-lg-2 {
		line-height: 2;
	}

	.lh-lg-3 {
		line-height: 3;
	}

	.lh-lg-4 {
		line-height: 4;
	}

	/*字体大小*/
	.fs-lg-12 {
		font-size: .857rem;
	}

	.fs-lg-14 {
		font-size: 1rem;
	}

	.fs-lg-16 {
		font-size: 1.142rem;
	}

	.fs-lg-18 {
		font-size: 1.285rem;
	}

	.fs-lg-20 {
		font-size: 1.428rem;
	}

	.fs-lg-22 {
		font-size: 1.571rem;
	}

	.fs-lg-24 {
		font-size: 1.714rem;
	}

	.fs-lg-26 {
		font-size: 1.857rem;
	}

	.fs-lg-28 {
		font-size: 2rem;
	}

	.fs-lg-30 {
		font-size: 2.142rem;
	}

	.fs-lg-32 {
		font-size: 2.286rem;
	}

	.fs-lg-34 {
		font-size: 2.429rem;
	}

	.fs-lg-36 {
		font-size: 2.571rem;
	}

	.fs-lg-38 {
		font-size: 2.714rem;
	}

	.fs-lg-40 {
		font-size: 2.857rem;
	}

	/*高度*/
	.h-lg-5px {
		height: 5px;
	}

	.h-lg-10px {
		height: 10px;
	}

	.h-lg-15px {
		height: 15px;
	}

	.h-lg-20px {
		height: 20px;
	}

	.h-lg-25px {
		height: 25px;
	}

	.h-lg-30px {
		height: 30px;
	}

	.h-lg-35px {
		height: 35px;
	}

	.h-lg-40px {
		height: 40px;
	}

	.h-lg-45px {
		height: 45px;
	}

	.h-lg-50px {
		height: 50px;
	}

	.h-lg-55px {
		height: 55px;
	}

	.h-lg-60px {
		height: 60px;
	}

	.h-lg-65px {
		height: 65px;
	}

	.h-lg-70px {
		height: 70px;
	}

	.h-lg-75px {
		height: 75px;
	}

	.h-lg-80px {
		height: 80px;
	}

	.h-lg-85px {
		height: 85px;
	}

	.h-lg-90px {
		height: 90px;
	}

	.h-lg-95px {
		height: 95px;
	}

	.h-lg-100px {
		height: 100px;
	}

	.h-lg-110px {
		height: 110px;
	}

	.h-lg-120px {
		height: 120px;
	}

	.h-lg-130px {
		height: 130px;
	}

	.h-lg-140px {
		height: 140px;
	}

	.h-lg-150px {
		height: 150px;
	}

	.h-lg-160px {
		height: 160px;
	}

	.h-lg-170px {
		height: 170px;
	}

	.h-lg-180px {
		height: 180px;
	}

	.h-lg-190px {
		height: 190px;
	}

	.h-lg-200px {
		height: 200px;
	}

	.h-lg-210px {
		height: 210px;
	}

	.h-lg-220px {
		height: 220px;
	}

	.h-lg-230px {
		height: 230px;
	}

	.h-lg-240px {
		height: 240px;
	}

	.h-lg-250px {
		height: 250px;
	}

	.h-lg-260px {
		height: 260px;
	}

	.h-lg-270px {
		height: 270px;
	}

	.h-lg-280px {
		height: 280px;
	}

	.h-lg-290px {
		height: 290px;
	}

	.h-lg-300px {
		height: 300px;
	}

	.h-lg-310px {
		height: 310px;
	}

	.h-lg-320px {
		height: 320px;
	}

	.h-lg-330px {
		height: 330px;
	}

	.h-lg-340px {
		height: 340px;
	}

	.h-lg-350px {
		height: 350px;
	}

	.h-lg-360px {
		height: 360px;
	}

	.h-lg-370px {
		height: 370px;
	}

	.h-lg-380px {
		height: 380px;
	}

	.h-lg-390px {
		height: 390px;
	}

	.h-lg-400px {
		height: 400px;
	}

	.h-lg-410px {
		height: 410px;
	}

	.h-lg-420px {
		height: 420px;
	}

	.h-lg-430px {
		height: 430px;
	}

	.h-lg-440px {
		height: 440px;
	}

	.h-lg-450px {
		height: 450px;
	}

	.h-lg-460px {
		height: 410px;
	}

	.h-lg-470px {
		height: 470px;
	}

	.h-lg-480px {
		height: 480px;
	}

	.h-lg-490px {
		height: 490px;
	}

	.h-lg-500px {
		height: 500px;
	}
}

.banner-btn {
	display: inline-block;
	padding: 8px 16px;
	color: #FFF;
	border-radius: 20px;
	background: linear-gradient(130deg, #3A3EA5, #707BFB);
	margin: 15px 6px 15px 0;
}

.banner-btn2 {
	display: inline-block;
	padding: 7px 15px;
	color: #707BFB;
	border-radius: 20px;
	margin: 15px 6px 15px 0;
}

.banner-btn:hover,
.banner-btn2:hover {
	color: #FFF;
}

.navbar-text .nav-link {
	border-radius: 16px;
	background-color: #3A3EA5;
	padding: 8px 16px;
	margin: 2px;
}

.bg-home-blue {
	background-color: #12142D;
	border: 1px solid #252842;
	border-radius: 18px;
}

/* 导航栏容器 */
.subnavbar {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	z-index: 100;
	padding-top: 10px;
	text-align: center;
}

@media (min-width: 576px) {
	.subnavbar {
		margin-top: 60px;
	}
}

.subnav-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;

}

.subnav-content {
	display: flex;
	align-items: center;
	height: 60px;
}


/* 导航链接容器 */
.subnav-links {
	display: flex;
	flex: 1;
	overflow-x: auto;
	-ms-overflow-style: none;
	/* 隐藏IE/Edge滚动条 */
	scrollbar-width: none;
	/* 隐藏Firefox滚动条 */
}

/* 隐藏Chrome/Safari滚动条 */
.subnav-links::-webkit-scrollbar {
	display: none;
}

.subnav-links ul {
	display: flex;
	list-style: none;
	white-space: nowrap;
	/* 防止导航项换行 */
	padding: 12px 0px;
	margin: 0 auto;
}

.subnav-links li {
	margin-right: 10px;
}

.subnav-links a {
	text-decoration: none;
	color: #edf3ff;
	padding: 6px 14px;
	transition: color 0.3s ease;
	position: relative;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 18px;
}

.subnav-links a:hover {
	color: #edf3ff;
	background-color: rgba(58, 68, 165, 0.5);
	border: 1px solid #6d97dd;
	animation: slideIn 1s ease;
}

.subnav-links a.active {
	color: #edf3ff;
	background-color: rgba(58, 68, 165, 0.5);
	border: 1px solid #6d97dd;
	animation: slideIn 1s ease;
}

.subnav-links a:hover::after {}

@keyframes slideIn {
	from {
		background-color: rgba(255, 255, 255, 0.1);
		border: 1px solid #1F1F2A;
	}

	to {
		background-color: rgba(58, 68, 165, 0.5);
		border: 1px solid #6d97dd;
	}
}

/* 响应式调整 */
@media (max-width: 768px) {

	.subnav-links {
		padding: 0 16px;
	}

	.subnav-links li {
		margin-right: 10px;
	}
}

.card-note {
	padding: 15px !important;
}

.card-note a.list-link {
	display: inline-block;
	border-radius: 18px;
	background-color: #3A3EA5;
	padding: 6px 14px;
	margin-top: 20px;
	color: #edf3ff;
	border: 1px solid #1F1F2A;
}

.card-note a.list-sp {
	display: inline-block;
	background-color: #7c4db7;
	border: 1px solid #a494be;
}

.card-note a.list-link:hover {
	color: #edf3ff;
	background-color: rgba(58, 68, 165, 0.5);
	border: 1px solid #6d97dd;
	animation: slideIn 1s ease;
}

.jumbotron {
	position: relative;
	padding-top: 100px;
}
/* 响应式调整 */
@media (max-width: 768px) {
	.jumbotron {
		padding-top: 20px;
	}
}
.varicolor {
	background: linear-gradient(90deg, #bef1f9, #e7cefb);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* 表单网格布局 */
.form-container {
	
	padding: 0 10%;
}
.form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin-bottom: 15px;
	color: #efefef;
}

/* 全宽字段 */
.form-full-width {
	grid-column: 1 / -1;
}

/* 表单字段样式 */
.form-group {
	position: relative;
}

.form-input,
.form-select,
.form-textarea {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #252842;
	border-radius: 16px;
	font-size: 14px;
	color: #efefef;
	background-color: #12142C;
	transition: border-color 0.3s ease;
}
.form-input:focus::placeholder,
.form-select:focus::placeholder,
.form-textarea:focus::placeholder {
	color: transparent;
}

.perception-page {
	--perception-ink: #161922;
	--perception-muted: #6f7480;
	--perception-blue: #5365f5;
	--perception-cyan: #25b7e8;
	--perception-purple: #6736e8;
	background: #f7f8ff;
	color: var(--perception-ink);
	overflow: hidden;
}

.perception-page .container {
	position: relative;
	z-index: 1;
}

.perception-hero {
	position: relative;
	padding: 86px 0 88px;
	background:
		radial-gradient(circle at 82% 12%, rgba(83, 101, 245, 0.16), transparent 26%),
		linear-gradient(135deg, #fbfbff 0%, #eef1ff 46%, #f8fbff 100%);
}

.perception-hero::before,
.perception-hero::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.perception-hero::before {
	left: -8%;
	right: -8%;
	top: 18%;
	height: 270px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 0 0 50% 50%;
	transform: rotate(-8deg);
}

.perception-hero::after {
	right: 8%;
	top: 20%;
	width: 260px;
	height: 260px;
	border: 34px solid rgba(83, 101, 245, 0.08);
	border-radius: 50%;
}

.perception-hero-grid,
.perception-showcase-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	align-items: center;
	gap: 56px;
}

.perception-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 22px;
	padding: 10px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 18px 45px rgba(80, 96, 250, 0.1);
	font-weight: 700;
}

.perception-brand img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.perception-kicker {
	margin-bottom: 16px;
	color: var(--perception-blue);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.perception-hero h1 {
	max-width: 560px;
	margin: 0 0 24px;
	color: var(--perception-ink);
	font-size: 58px;
	font-weight: 850;
	line-height: 1.08;
	letter-spacing: 0;
}

.perception-lead {
	max-width: 580px;
	margin-bottom: 30px;
	color: var(--perception-muted);
	font-size: 18px;
	line-height: 1.9;
}

.perception-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
}

.perception-app-store {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 10px 20px;
	border-radius: 16px;
	background: #18191d;
	color: #fff;
	box-shadow: 0 18px 42px rgba(16, 18, 28, 0.2);
}

.perception-app-store:hover {
	color: #fff;
	text-decoration: none;
	transform: translateY(-1px);
}

.perception-app-store-image {
	min-height: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.perception-app-store-image img {
	display: block;
	width: auto;
	max-width: 100%;
}

.perception-app-store i {
	font-size: 27px;
}

.perception-app-store span {
	display: grid;
	line-height: 1.08;
	font-size: 18px;
	font-weight: 750;
}

.perception-app-store small {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0;
}

.perception-privacy-link {
	color: var(--perception-blue);
	font-weight: 750;
}

.perception-download .perception-privacy-link {
	display: block;
	width: max-content;
	margin: 18px auto 0;
}

.perception-privacy-link:hover {
	color: var(--perception-purple);
}

.perception-hero-visual {
	position: relative;
	min-height: 560px;
}

.perception-shot {
	display: block;
	width: min(66%, 340px);
	border-radius: 28px;
	box-shadow: 0 26px 58px rgba(38, 46, 72, 0.16);
}

.perception-shot-main {
	position: absolute;
	right: 4%;
	top: 0;
}

.perception-shot-float {
	position: absolute;
	left: 0;
	bottom: 8px;
	width: min(42%, 235px);
	transform: rotate(-4deg);
}

.perception-statement {
	padding: 30px 0;
	background: #18191d;
	color: #fff;
}

.perception-statement p {
	margin: 0;
	text-align: center;
	font-size: 24px;
	font-weight: 750;
	letter-spacing: 0;
}

.perception-section,
.perception-gallery,
.perception-scenarios,
.perception-download {
	padding: 88px 0;
	background: #f7f8ff;
}

.perception-section-head {
	max-width: 720px;
	margin: 0 auto 42px;
	text-align: center;
}

.perception-section-head p {
	margin-bottom: 10px;
	color: var(--perception-blue);
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
}

.perception-section-head h2,
.perception-showcase-copy h2,
.perception-download h2 {
	margin: 0;
	color: var(--perception-ink);
	font-size: 38px;
	font-weight: 820;
	line-height: 1.22;
}

.perception-flow,
.perception-scenario-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.perception-flow article,
.perception-scenario-grid div {
	min-height: 210px;
	padding: 26px;
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 22px 60px rgba(34, 42, 74, 0.08);
}

.perception-flow span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-bottom: 22px;
	border-radius: 50%;
	background: rgba(83, 101, 245, 0.1);
	color: var(--perception-blue);
	font-weight: 850;
}

.perception-flow h3 {
	margin-bottom: 12px;
	color: var(--perception-ink);
	font-size: 21px;
	font-weight: 800;
}

.perception-flow p,
.perception-showcase-copy p,
.perception-scenario-grid span,
.perception-gallery figcaption {
	color: var(--perception-muted);
	line-height: 1.8;
}

.perception-showcase {
	padding: 92px 0;
	background: #fff;
}

.perception-showcase-alt {
	background: #f2f5ff;
}

.perception-showcase img,
.perception-gallery img {
	display: block;
	width: 100%;
	border-radius: 30px;
	box-shadow: 0 28px 80px rgba(34, 42, 74, 0.12);
}

.perception-showcase-copy {
	max-width: 500px;
}

.perception-showcase-copy p:last-child {
	margin-top: 18px;
	font-size: 17px;
}

.perception-gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 26px;
}

.perception-gallery figure {
	margin: 0;
}

.perception-gallery figcaption {
	margin-top: 18px;
	padding: 0 6px;
	font-size: 16px;
}

.perception-scenario-grid div {
	min-height: 150px;
}

.perception-scenario-grid strong {
	display: block;
	margin-bottom: 12px;
	color: var(--perception-ink);
	font-size: 22px;
}

.perception-scenario-grid span {
	display: block;
}

.perception-download {
	text-align: center;
	background:
		radial-gradient(circle at 20% 20%, rgba(37, 183, 232, 0.14), transparent 26%),
		radial-gradient(circle at 80% 10%, rgba(103, 54, 232, 0.13), transparent 24%),
		#fff;
}

.perception-download img {
	width: 116px;
	height: 116px;
	margin-bottom: 24px;
	object-fit: contain;
}

.perception-download .perception-app-store-image img {
	width: auto;
	height: 48px;
	margin-bottom: 0;
}

.perception-download h2 {
	margin-bottom: 28px;
}

@media (max-width: 992px) {
	.perception-hero-grid,
	.perception-showcase-grid,
	.perception-gallery-grid {
		grid-template-columns: 1fr;
	}

	.perception-hero h1 {
		font-size: 44px;
	}

	.perception-hero-visual {
		min-height: 520px;
	}

	.perception-flow,
	.perception-scenario-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.perception-hero {
		padding: 56px 0 64px;
	}

	.perception-hero h1 {
		font-size: 36px;
	}

	.perception-lead {
		font-size: 16px;
	}

	.perception-hero-visual {
		min-height: 430px;
	}

	.perception-shot-main {
		right: 0;
		width: 78%;
	}

	.perception-shot-float {
		width: 46%;
	}

	.perception-flow,
	.perception-scenario-grid {
		grid-template-columns: 1fr;
	}

	.perception-section,
	.perception-gallery,
	.perception-scenarios,
	.perception-download,
	.perception-showcase {
		padding: 58px 0;
	}

	.perception-section-head h2,
	.perception-showcase-copy h2,
	.perception-download h2 {
		font-size: 29px;
	}

	.perception-statement p {
		font-size: 20px;
	}
}
.form-input::placeholder,
.form-select::placeholder,
.form-textarea::placeholder {
	color: #efefef;
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
	outline: none;
	border-color: #6D97DD;
	background-color: #20255B;
}

/* 下拉选框样式 */
.form-select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath fill='%23666' d='M0 0l6 6 6-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
	padding-right: 35px;
}

/* 文本域样式 */
.form-textarea {
	min-height: 120px;
	resize: vertical;
}

.form-captcha-label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: #efefef;
}

.form-captcha {
	display: flex;
	gap: 12px;
	align-items: center;
}

.form-captcha .form-input {
	flex: 1;
	min-width: 0;
}

.form-captcha-image {
	width: 120px;
	height: 45px;
	border: 1px solid #252842;
	border-radius: 12px;
	cursor: pointer;
	background: #fff;
	object-fit: cover;
}

.captcha-modal {
	position: fixed;
	inset: 0;
	z-index: 3000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(4, 6, 20, 0.68);
}

.captcha-modal.active {
	display: flex;
}

.captcha-modal-panel {
	width: min(92vw, 380px);
	padding: 24px;
	border: 1px solid #252842;
	border-radius: 8px;
	background: #12142C;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
	color: #efefef;
}

.captcha-modal-panel h3 {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 600;
}

.captcha-modal-panel p {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.6;
	color: #c9cbe4;
}

.captcha-error {
	min-height: 20px;
	margin-top: 8px;
	font-size: 13px;
	color: #ff9a9a;
}

.captcha-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 14px;
}

.captcha-cancel,
.captcha-confirm {
	border: 0;
	border-radius: 8px;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.captcha-cancel {
	color: #d8daf0;
	background: #252842;
}

.captcha-confirm {
	color: #fff;
	background: #3A3EA5;
}

.captcha-cancel:hover {
	background: #303451;
}

.captcha-confirm:hover {
	background: #6D97DD;
}

/* 提交按钮样式 */
.form-submit {
	background-color: #3A3EA5;
	color: white;
	border: none;
	border-radius: 16px;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.form-submit:hover {
	background-color: #6D97DD;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.form-grid {
		grid-template-columns: 1fr;
	}

	.form-captcha {
		align-items: stretch;
	}

	.captcha-actions {
		justify-content: stretch;
	}

	.captcha-cancel,
	.captcha-confirm {
		flex: 1;
	}
}

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

.lh-2 {
	line-height: 2;
}

.sm-section {
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.sm-hero-copy {
	top: 28%;
}

.sm-hero-copy .container {
	max-width: 980px;
}

.sm-hero-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 28px;
}

.sm-hero-actions .banner-btn2 {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.08);
}

.sm-hero-actions .banner-btn2:hover {
	background: rgba(255, 255, 255, 0.16);
}

.sm-eyebrow {
	margin-bottom: 14px;
	color: #8fa7ff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.sm-info-card,
.sm-service-card,
.sm-list-card,
.sm-product-card,
.sm-solution-card {
	display: block;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	background: #111426;
	color: #fff;
	overflow: hidden;
	transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.sm-info-card:hover,
.sm-service-card:hover,
.sm-list-card:hover,
.sm-product-card:hover,
.sm-solution-card:hover {
	color: #fff;
	text-decoration: none;
	transform: translateY(-3px);
	border-color: rgba(143, 167, 255, 0.45);
	background: #151936;
}

.sm-info-card {
	padding: 28px;
}

.sm-info-card h3,
.sm-service-card h3,
.sm-product-card h3,
.sm-solution-card h3 {
	margin-bottom: 14px;
	font-size: 22px;
	font-weight: 650;
}

.sm-info-card p,
.sm-service-card p,
.sm-product-card p,
.sm-solution-card p,
.sm-list-copy p {
	margin: 0;
	color: #aeb4c8;
	line-height: 1.8;
}

.sm-card-index {
	margin-bottom: 26px;
	color: #8fa7ff;
	font-size: 32px;
	font-weight: 700;
}

.sm-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 24px;
	border: 1px solid rgba(143, 167, 255, 0.34);
	border-radius: 8px;
	background: rgba(143, 167, 255, 0.12);
	color: #8fa7ff;
	font-size: 26px;
	box-shadow: 0 14px 38px rgba(83, 113, 255, 0.16);
}

.sm-agi-section {
	padding-top: 56px;
	padding-bottom: 56px;
}

.sm-agi-panel {
	position: relative;
	padding: 0;
}

.sm-agi-panel::before {
	display: none;
}

.sm-section-pill {
	position: relative;
	z-index: 1;
	display: block;
	color: #8fa7ff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.sm-agi-title {
	position: relative;
	z-index: 1;
	margin: 14px auto 18px;
	color: #f4f6ff;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.32;
	letter-spacing: 0;
}

.sm-agi-title span {
	color: #8fa7ff;
}

.sm-agi-subtitle {
	position: relative;
	z-index: 1;
	max-width: 760px;
	margin: 0 auto;
	color: #aeb4c8;
	font-size: 16px;
	line-height: 1.9;
}

.sm-agi-body {
	position: relative;
	z-index: 1;
	margin-top: 54px;
}

.sm-orbit-map {
	position: relative;
	min-height: 390px;
}

.sm-orbit-ring {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 304px;
	height: 304px;
	border: 1px dashed rgba(143, 167, 255, 0.44);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.sm-orbit-center {
	position: absolute;
	left: 50%;
	top: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 142px;
	height: 142px;
	border: 1px solid rgba(143, 167, 255, 0.2);
	border-radius: 50%;
	background: rgba(143, 167, 255, 0.06);
	transform: translate(-50%, -50%);
}

.sm-orbit-center strong {
	color: #f4f6ff;
	font-size: 24px;
	font-weight: 700;
}

.sm-orbit-center span {
	margin-top: 8px;
	color: #9ca3b8;
	font-size: 13px;
}

.sm-orbit-node {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 156px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.sm-orbit-node i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(143, 167, 255, 0.28);
	border-radius: 8px;
	background: rgba(143, 167, 255, 0.18);
	color: #8fa7ff;
	font-size: 17px;
}

.sm-orbit-node span {
	display: block;
	color: #9ca3b8;
	font-size: 12px;
	line-height: 1.2;
}

.sm-orbit-node strong {
	display: block;
	color: #f4f6ff;
	font-size: 15px;
	line-height: 1.25;
}

.sm-orbit-brain {
	left: 40%;
	top: 34px;
}

.sm-orbit-agent {
	right: 4px;
	top: 176px;
}

.sm-orbit-gene {
	left: 40%;
	bottom: 20px;
}

.sm-orbit-end {
	left: 0;
	top: 178px;
}

.sm-orbit-end i {
	background: rgba(143, 167, 255, 0.18);
	color: #8fa7ff;
}

.sm-agi-points {
	display: grid;
	gap: 30px;
}

.sm-agi-point {
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 20px;
	padding: 0;
	border-bottom: 0;
}

.sm-agi-point:last-child {
	border-bottom: 0;
}

.sm-agi-point-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 1px solid rgba(143, 167, 255, 0.22);
	border-radius: 8px;
	background: rgba(143, 167, 255, 0.1);
	color: #8fa7ff;
	font-size: 22px;
}

.sm-agi-point span {
	display: block;
	margin-bottom: 8px;
	color: #7f879d;
	font-size: 14px;
	font-weight: 650;
}

.sm-agi-point h3 {
	margin: 0 0 12px;
	color: #f4f6ff;
	font-size: 22px;
	font-weight: 700;
}

.sm-agi-point p {
	margin: 0;
	color: #aeb4c8;
	font-size: 16px;
	line-height: 1.9;
}

.sm-solution-card img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	filter: saturate(0.9);
}

.sm-solution-card > div {
	padding: 22px;
}

.sm-product-card {
	display: grid;
	grid-template-columns: 320px 1fr;
}

.sm-product-card img {
	width: 100%;
	height: 100%;
	min-height: 300px;
	object-fit: cover;
}

.sm-product-card img.sm-product-shot {
	padding: 18px;
	background: linear-gradient(180deg, #eef1ff 0%, #dfe4f4 100%);
	object-fit: contain;
	object-position: center;
}

.sm-product-card img.sm-product-visual {
	background: #060816;
	object-position: center;
}

.sm-product-card > div {
	padding: 28px;
}

.sm-product-card span,
.sm-service-card span,
.sm-list-copy span {
	display: inline-block;
	margin-top: 20px;
	color: #8fa7ff;
	font-weight: 600;
}

.sm-product-section {
	position: relative;
	overflow: hidden;
}

.sm-product-section::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 72% 44%, rgba(80, 96, 250, 0.18), transparent 34%),
		radial-gradient(circle at 48% 76%, rgba(0, 183, 224, 0.12), transparent 30%);
}

.sm-product-section .container {
	position: relative;
	z-index: 1;
}

.sm-product-feature {
	position: relative;
	display: grid;
	grid-template-columns: minmax(260px, 0.85fr) minmax(240px, 1fr);
	align-items: center;
	gap: 34px;
	min-height: 430px;
}

.sm-product-feature::before {
	content: "";
	position: absolute;
	left: 22%;
	right: 4%;
	top: 14%;
	bottom: 10%;
	pointer-events: none;
	background:
		linear-gradient(110deg, rgba(143, 167, 255, 0.2), transparent 46%),
		linear-gradient(150deg, rgba(0, 183, 224, 0.13), transparent 44%);
	clip-path: polygon(0 43%, 100% 0, 72% 58%, 100% 100%, 0 57%);
	opacity: 0.86;
	filter: blur(1px);
}

.sm-product-copy {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 86px 1fr;
	gap: 22px;
	align-items: start;
	max-width: 470px;
}

.sm-product-logo-mark {
	width: 86px;
	height: 86px;
	border-radius: 20px;
	object-fit: cover;
	box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32);
}

.sm-product-copy h3 {
	margin: 0 0 14px;
	color: #f4f6ff;
	font-size: 26px;
	font-weight: 750;
	line-height: 1.28;
}

.sm-product-copy p {
	margin: 0;
	color: #c4cada;
	font-size: 16px;
	line-height: 1.9;
}

.sm-product-copy a {
	display: inline-block;
	margin-top: 22px;
	color: #8fa7ff;
	font-weight: 650;
}

.sm-product-copy a:hover {
	color: #b9c7ff;
	text-decoration: none;
}

.sm-product-phone-wrap {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 430px;
}

.sm-product-phone-wrap img {
	width: min(360px, 100%);
	filter: drop-shadow(0 34px 70px rgba(0, 0, 0, 0.34));
}

.sm-secondary-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 128px;
	height: 42px;
	padding: 0 22px;
	border: 1px solid rgba(143, 167, 255, 0.55);
	border-radius: 8px;
	background: rgba(143, 167, 255, 0.08);
	color: #d9deef;
	font-weight: 600;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.sm-secondary-cta:hover {
	background: rgba(143, 167, 255, 0.16);
	border-color: rgba(143, 167, 255, 0.85);
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px);
}

.sm-service-grid {
	row-gap: 8px;
}

.sm-service-card {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 22px 24px;
	border: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.sm-service-card:hover {
	background: rgba(143, 167, 255, 0.06);
	transform: translateY(-2px);
}

.sm-service-icon {
	display: inline-flex;
	flex: 0 0 48px;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background: rgba(80, 96, 250, 0.14);
	color: #8fa7ff;
	font-size: 22px;
}

.sm-service-icon-agent {
	background: rgba(34, 211, 238, 0.12);
	color: #67e8f9;
}

.sm-service-icon-memory {
	background: rgba(124, 92, 255, 0.14);
	color: #a78bfa;
}

.sm-service-icon-ops {
	background: rgba(59, 130, 246, 0.14);
	color: #93c5fd;
}

.sm-service-copy {
	min-height: 0;
}

.sm-pill-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.sm-pill-row span {
	display: inline-block;
	padding: 9px 14px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: #111426;
	color: #d9deef;
}

.sm-list-hero {
	max-width: 860px;
	margin-bottom: 42px;
}

.sm-list-card {
	display: grid;
	grid-template-columns: 200px 1fr;
}

.sm-solution-list-card {
	grid-template-columns: minmax(280px, 0.88fr) 1fr;
}

.sm-list-card-stacked {
	grid-template-columns: 1fr;
}

.sm-list-image img {
	width: 100%;
	height: 100%;
	min-height: 240px;
	object-fit: cover;
}

.sm-list-card-stacked .sm-list-image img {
	aspect-ratio: 16 / 9;
	min-height: 0;
}

.sm-list-image.sm-logo-image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 240px;
	padding: 34px;
	background: #f7f8fb;
}

.sm-list-image.sm-logo-image img {
	width: min(100%, 180px);
	height: auto;
	min-height: 0;
	object-fit: contain;
}

.sm-list-copy {
	padding: 26px;
}

.sm-about-section {
	padding: 72px 0;
	background: #050714;
	color: #fff;
}

.sm-about-section + .sm-about-section {
	padding-top: 36px;
}

.sm-about-heading {
	margin-bottom: 32px;
	text-align: center;
}

.sm-about-heading h2 {
	margin: 0;
	font-size: 34px;
	font-weight: 760;
	letter-spacing: 0;
}

.sm-about-history img {
	display: block;
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
}

.sm-client-logo-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.sm-client-logo-card {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 104px;
	padding: 16px 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	background: #ffffff;
}

.sm-client-logo-card img {
	display: block;
	max-width: 82%;
	max-height: 56px;
	object-fit: contain;
}

.sm-client-logo-card img[alt="Pizza Hut"] {
	max-width: 92%;
	max-height: 72px;
}

.sm-client-logo-card img[alt="WIGAIN"] {
	max-height: 72px;
}

.sm-team-page {
	padding-top: 46px;
	padding-bottom: 72px;
	color: #fff;
}

.sm-team-intro {
	margin: 0 auto 56px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
}

.sm-founder-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 34px;
}

.sm-founder-card {
	text-align: center;
	color: #aeb3c7;
}

.sm-founder-avatar {
	display: block;
	width: 174px;
	height: 174px;
	margin: 0 auto 32px;
	border-radius: 50%;
	object-fit: cover;
	background: #0b0d1d;
}

.sm-founder-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.sm-founder-card h2 {
	margin: 0 0 16px;
	color: #fff;
	font-size: 28px;
	font-weight: 760;
	letter-spacing: 0;
}

.sm-founder-role {
	margin: 0 0 28px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.sm-founder-card p:not(.sm-founder-role) {
	margin: 0;
	font-size: 14px;
	line-height: 1.9;
	text-align: left;
}

.sm-product-overview-page {
	position: relative;
	overflow: hidden;
}

.sm-product-overview-page::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 18% 16%, rgba(80, 96, 250, 0.16), transparent 30%),
		radial-gradient(circle at 88% 46%, rgba(34, 211, 238, 0.08), transparent 32%);
}

.sm-product-overview-page .container {
	position: relative;
	z-index: 1;
}

.sm-product-overview-page .sm-list-hero {
	margin: 0 auto 56px;
	text-align: center;
}

.sm-product-overview-page .sm-list-hero p {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

.sm-overview-sections {
	display: grid;
	gap: 72px;
	margin-top: 24px;
}

.sm-overview-section {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
	align-items: center;
	gap: 64px;
	padding: 6px 0;
}

.sm-overview-section-reverse {
	grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
}

.sm-overview-section-reverse .sm-overview-copy {
	order: 2;
}

.sm-overview-section-reverse .sm-overview-visual {
	order: 1;
}

.sm-overview-copy h2 {
	margin: 0 0 22px;
	color: #f4f6ff;
	font-weight: 700;
	line-height: 1.3;
}

.sm-overview-copy p {
	margin-bottom: 16px;
	color: #aeb4c8;
	font-size: 16px;
	line-height: 1.95;
}

.sm-overview-visual {
	position: relative;
}

.sm-overview-visual::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: -18px;
	height: 34px;
	border-radius: 999px;
	background: rgba(80, 96, 250, 0.16);
	filter: blur(18px);
}

.sm-overview-visual img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	aspect-ratio: 1200 / 760;
	border-radius: 8px;
	object-fit: cover;
	box-shadow: 0 28px 72px rgba(0, 0, 0, 0.32);
}

.sm-text-link {
	display: inline-flex;
	align-items: center;
	margin-top: 8px;
	color: #8fa7ff;
	font-weight: 650;
}

.sm-text-link::after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.sm-text-link:hover {
	color: #b7c5ff;
	text-decoration: none;
}

.sm-page-copy {
	max-width: 940px;
	margin: 0 auto;
	color: #d9deef;
	font-size: 16px;
	line-height: 2;
}

.sm-page-copy h2,
.sm-page-copy h3 {
	color: #fff;
	font-weight: 650;
}

.sm-page-copy h2 {
	margin: 0 0 22px;
	font-size: 30px;
}

.sm-page-copy h3 {
	margin: 34px 0 14px;
	font-size: 22px;
}

.sm-page-copy p,
.sm-page-copy li {
	color: #c1c7d8;
}

.sm-page-copy a {
	color: #8fa7ff;
}

.sm-contact-page {
	max-width: 1120px;
}

.sm-contact-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
	gap: 56px;
	align-items: center;
}

.sm-contact-copy h2 {
	margin: 12px 0 22px;
	color: #fff;
	font-size: 34px;
	font-weight: 720;
	line-height: 1.35;
	letter-spacing: 0;
}

.sm-contact-copy p {
	max-width: 640px;
	margin: 0 0 30px;
	color: #b8bece;
	font-size: 16px;
	line-height: 1.9;
}

.sm-contact-list {
	display: grid;
	gap: 14px;
}

.sm-contact-item {
	display: grid;
	gap: 6px;
	padding: 18px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
	text-decoration: none;
}

.sm-contact-item:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.sm-contact-item span {
	color: #8f96a9;
	font-size: 13px;
}

.sm-contact-item strong {
	color: #fff;
	font-size: 18px;
	font-weight: 650;
	overflow-wrap: anywhere;
}

.sm-contact-item:hover strong {
	color: #d8a66a;
}

.sm-contact-wechat {
	display: grid;
	justify-items: center;
	gap: 24px;
	padding-left: 48px;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	text-align: center;
}

.sm-contact-qr-frame {
	width: min(100%, 300px);
	padding: 14px;
	background: #fff;
	border-radius: 8px;
}

.sm-contact-qr-frame img {
	display: block;
	width: 100%;
	height: auto;
}

.sm-contact-wechat h3 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}

.sm-contact-wechat p {
	max-width: 320px;
	margin: 0;
	color: #aeb4c6;
	font-size: 15px;
	line-height: 1.8;
}

.sm-research-page {
	max-width: 1120px;
	padding-bottom: 72px;
}

.sm-research-hero {
	position: relative;
	margin-bottom: 30px;
	padding: 42px 0 12px;
	background: transparent;
	overflow: hidden;
}

.sm-research-hero::before {
	display: none;
}

.sm-research-hero .container {
	position: relative;
	z-index: 1;
}

.sm-research-hero h1 {
	max-width: 900px;
	margin: 0 auto 18px;
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.26;
}

.sm-research-hero p {
	max-width: 860px;
	margin: 0 auto;
	color: #aeb4c8;
	font-size: 17px;
	line-height: 1.9;
}

.sm-research-visual {
	margin: 0 0 42px;
}

.sm-research-visual img {
	display: block;
	width: 100%;
	aspect-ratio: 1200 / 760;
	border-radius: 8px;
	background: transparent;
	object-fit: contain;
	box-shadow: none;
}

.sm-research-lead {
	max-width: 920px;
	margin: 0 auto 44px;
	color: #d9deef;
	font-size: 17px;
	line-height: 2;
}

.sm-research-lead h2,
.sm-research-block h2 {
	margin: 0 0 18px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.35;
}

.sm-research-lead p {
	margin-bottom: 16px;
	color: #c1c7d8;
}

.sm-research-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin: 38px 0 50px;
}

.sm-research-note {
	padding: 22px;
	border-radius: 8px;
	background: rgba(17, 20, 38, 0.72);
}

.sm-research-note span {
	display: block;
	margin-bottom: 10px;
	color: #8fa7ff;
	font-size: 13px;
	font-weight: 700;
}

.sm-research-note strong {
	display: block;
	margin-bottom: 10px;
	color: #fff;
	font-size: 18px;
	line-height: 1.45;
}

.sm-research-note p {
	margin: 0;
	color: #aeb4c8;
	line-height: 1.8;
}

.sm-research-block {
	max-width: 920px;
	margin: 0 auto 48px;
}

.sm-research-block p {
	margin-bottom: 16px;
	color: #c1c7d8;
	font-size: 16px;
	line-height: 2;
}

.sm-research-steps {
	display: grid;
	gap: 18px;
	margin-top: 22px;
}

.sm-research-step {
	display: grid;
	grid-template-columns: 46px 1fr;
	gap: 18px;
	align-items: flex-start;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sm-research-step:last-child {
	border-bottom: 0;
}

.sm-research-step span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 8px;
	background: rgba(143, 167, 255, 0.12);
	color: #8fa7ff;
	font-weight: 700;
}

.sm-research-step h3 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
}

.sm-research-step p {
	margin: 0;
	color: #aeb4c8;
	line-height: 1.85;
}

.sm-research-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.sm-research-pills span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 13px;
	border-radius: 8px;
	background: rgba(143, 167, 255, 0.1);
	color: #d9deef;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.py-6 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.sm-hero-copy {
		top: 17%;
		padding: 0 18px;
	}

	.sm-hero-actions {
		justify-content: center;
	}

	.sm-hero .swiper-slide {
		min-height: 420px;
	}
	.sm-hero .swiper-slide > img {
		height: 100%;
		object-fit: cover;
	}

		.sm-product-card,
		.sm-list-card {
			grid-template-columns: 1fr;
		}

		.sm-overview-sections {
			gap: 54px;
		}

		.sm-overview-section,
		.sm-overview-section-reverse {
			grid-template-columns: 1fr;
			gap: 28px;
		}

		.sm-overview-section-reverse .sm-overview-copy,
		.sm-overview-section-reverse .sm-overview-visual {
			order: initial;
		}

		.sm-research-hero {
			padding-top: 36px;
		}

		.sm-research-hero h1 {
			font-size: 30px;
		}

		.sm-research-grid {
			grid-template-columns: 1fr;
		}

		.sm-product-card img,
		.sm-list-image img {
			min-height: 190px;
		}

	.sm-product-card img.sm-product-visual {
		min-height: 260px;
	}

	.sm-product-feature {
		grid-template-columns: 1fr;
		gap: 22px;
		min-height: 0;
	}

	.sm-product-feature::before {
		left: 0;
		right: 0;
		top: 28%;
		bottom: 4%;
	}

	.sm-product-copy {
		grid-template-columns: 70px 1fr;
		gap: 16px;
		max-width: none;
	}

	.sm-product-logo-mark {
		width: 70px;
		height: 70px;
		border-radius: 18px;
	}

	.sm-product-copy h3 {
		font-size: 22px;
	}

	.sm-product-copy p {
		font-size: 15px;
		line-height: 1.85;
	}

	.sm-product-phone-wrap {
		min-height: 360px;
	}

	.sm-product-phone-wrap img {
		width: min(300px, 88vw);
	}

	.sm-agi-panel {
		padding: 0;
	}

	.sm-section-pill {
		font-size: 12px;
	}

	.sm-agi-title {
		margin-top: 12px;
		font-size: 24px;
		line-height: 1.32;
	}

	.sm-agi-subtitle {
		font-size: 15px;
	}

	.sm-agi-body {
		margin-top: 42px;
	}

	.sm-orbit-map {
		min-height: 390px;
		margin-bottom: 36px;
	}

	.sm-orbit-ring {
		width: 250px;
		height: 250px;
	}

	.sm-orbit-center {
		width: 128px;
		height: 128px;
	}

	.sm-orbit-node {
		min-width: 132px;
		padding: 0;
		gap: 10px;
	}

	.sm-orbit-node i {
		width: 34px;
		height: 34px;
		font-size: 15px;
	}

	.sm-orbit-node strong {
		font-size: 14px;
	}

	.sm-orbit-brain {
		left: 50%;
		top: 12px;
		transform: translateX(-50%);
	}

	.sm-orbit-agent {
		right: 0;
		top: 168px;
	}

	.sm-orbit-gene {
		left: 50%;
		bottom: 4px;
		transform: translateX(-50%);
	}

	.sm-orbit-end {
		left: 0;
		top: 168px;
	}

	.sm-agi-points {
		gap: 24px;
	}

	.sm-agi-point {
		grid-template-columns: 42px 1fr;
		gap: 16px;
		padding-bottom: 0;
	}

	.sm-agi-point-icon {
		width: 42px;
		height: 42px;
		font-size: 20px;
	}

	.sm-agi-point h3 {
		font-size: 20px;
	}

	.sm-agi-point p {
		font-size: 15px;
	}

	.sm-list-copy,
	.sm-product-card > div,
	.sm-solution-card > div,
	.sm-info-card,
	.sm-service-card {
		padding: 20px;
	}

	.sm-page-copy h2 {
		font-size: 24px;
	}

	.sm-contact-layout {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.sm-contact-copy h2 {
		font-size: 28px;
	}

	.sm-contact-wechat {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		padding-top: 34px;
	}

	.sm-contact-qr-frame {
		max-width: 260px;
	}
}

@media (max-width: 992px) {
	.sm-client-logo-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.sm-founder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 42px 28px;
	}
}

@media (max-width: 768px) {
	.sm-about-section {
		padding: 52px 0;
	}

	.sm-about-heading h2 {
		font-size: 28px;
	}

	.sm-client-logo-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.sm-client-logo-card {
		min-height: 104px;
		padding: 18px;
	}

	.sm-team-page {
		padding-top: 34px;
		padding-bottom: 56px;
	}

	.sm-founder-grid {
		grid-template-columns: 1fr;
	}

	.sm-founder-avatar {
		margin-bottom: 24px;
	}

	.sm-founder-card h2 {
		font-size: 26px;
	}
}

/* Regenerated 2026 solution detail pages */
.sm-solution-detail {
	background: #050714;
	color: #f4f6ff;
}

.sm-solution-detail .sm-eyebrow {
	color: #8fa7ff;
}

.sm-solution-detail-hero {
	padding: 76px 0 58px;
	background:
		radial-gradient(circle at 12% 18%, rgba(93, 124, 255, 0.22), transparent 32%),
		radial-gradient(circle at 84% 20%, rgba(32, 201, 151, 0.14), transparent 30%),
		linear-gradient(135deg, #070a18 0%, #0d1328 58%, #0b1d28 100%);
}

.sm-solution-detail-grid {
	display: grid;
	grid-template-columns: minmax(300px, 0.68fr) minmax(0, 1.42fr);
	gap: 42px;
	align-items: center;
}

.sm-solution-detail-copy h1 {
	margin: 0 0 24px;
	color: #f4f6ff;
	font-size: 44px;
	font-weight: 780;
	line-height: 1.18;
	letter-spacing: 0;
}

.sm-solution-detail-copy p {
	margin: 0;
	color: #c4cadb;
	font-size: 17px;
	line-height: 1.95;
}

.sm-solution-detail-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

.sm-solution-detail-pills span,
.sm-metric-row span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(143, 167, 255, 0.14);
	color: #dfe6ff;
	font-size: 14px;
	font-weight: 700;
}

.sm-solution-detail-visual {
	margin: 0;
}

.sm-solution-detail-visual img {
	display: block;
	width: 100%;
	border-radius: 18px;
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.38);
	background: #10162c;
}

.sm-solution-detail-visual figcaption {
	margin-top: 12px;
	color: #8f96aa;
	font-size: 13px;
	text-align: center;
}

.sm-solution-detail-section {
	padding: 76px 0;
	background: #050714;
}

.sm-solution-detail-section-soft {
	background: transparent;
}

.sm-solution-section-head {
	max-width: 820px;
	margin: 0 auto 42px;
	text-align: center;
}

.sm-solution-section-head h2,
.sm-solution-two-col h2 {
	margin: 0 0 16px;
	color: #f4f6ff;
	font-size: 34px;
	font-weight: 760;
	line-height: 1.28;
	letter-spacing: 0;
}

.sm-solution-section-head p,
.sm-solution-note {
	margin: 0;
	color: #aeb4c8;
	font-size: 16px;
	line-height: 1.9;
}

.sm-lifeform-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.sm-lifeform-grid article,
.sm-solution-process article {
	padding: 26px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	background: #101426;
}

.sm-lifeform-grid strong {
	display: inline-flex;
	margin-bottom: 18px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(143, 167, 255, 0.15);
	color: #dfe6ff;
	font-size: 13px;
}

.sm-lifeform-grid h3 {
	margin: 0 0 12px;
	color: #f4f6ff;
	font-size: 22px;
	font-weight: 740;
}

.sm-lifeform-grid p,
.sm-solution-process p,
.sm-check-list li,
.sm-deliverable-list li {
	margin: 0;
	color: #b8bfce;
	font-size: 15px;
	line-height: 1.8;
}

.sm-solution-two-col {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 52px;
	align-items: start;
}

.sm-check-list,
.sm-deliverable-list {
	display: grid;
	gap: 14px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.sm-check-list li,
.sm-deliverable-list li {
	position: relative;
	padding: 18px 18px 18px 48px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	background: #111426;
}

.sm-check-list li::before,
.sm-deliverable-list li::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 24px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #8fa7ff;
	box-shadow: 0 0 0 5px rgba(143, 167, 255, 0.13);
}

.sm-check-list-muted li::before {
	background: #69708a;
	box-shadow: 0 0 0 5px rgba(105, 112, 138, 0.16);
}

.sm-solution-process {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.sm-solution-process article {
	min-height: 156px;
	background: linear-gradient(180deg, #141932 0%, #101426 100%);
}

.sm-solution-process span {
	display: block;
	margin-bottom: 22px;
	color: #8fa7ff;
	font-size: 24px;
	font-weight: 800;
}

.sm-deliverable-list li {
	background: #101426;
}

.sm-metric-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 24px 0 24px;
}

.sm-solution-note {
	padding: 24px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: #111426;
}

@media (max-width: 768px) {
	.sm-solution-detail-hero {
		padding: 54px 0 42px;
	}

	.sm-solution-detail-grid,
	.sm-solution-two-col,
	.sm-lifeform-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.sm-solution-detail-copy h1 {
		font-size: 34px;
	}

	.sm-solution-detail-copy p,
	.sm-solution-section-head p {
		font-size: 15px;
	}

	.sm-solution-detail-section {
		padding: 52px 0;
	}

	.sm-solution-section-head {
		margin-bottom: 28px;
		text-align: left;
	}

	.sm-solution-section-head h2,
	.sm-solution-two-col h2 {
		font-size: 26px;
	}

	.sm-solution-process {
		grid-template-columns: 1fr;
	}

	.sm-solution-process article {
		min-height: auto;
	}
}


.sm-floating-lang {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 1080;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	background: rgba(10, 12, 18, 0.88);
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35);
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	backdrop-filter: blur(14px);
}

.sm-floating-lang:hover {
	border-color: rgba(255, 255, 255, 0.36);
	background: rgba(24, 28, 40, 0.95);
	color: #fff !important;
}

.sm-floating-lang i {
	font-size: 15px;
}

@media (max-width: 576px) {
	.sm-floating-lang {
		right: 14px;
		bottom: 14px;
		padding: 9px 12px;
	}
}

.sm-opc-hero-copy {
	max-width: 880px;
	margin: 0 auto;
	text-align: center;
}

.sm-opc-hero-copy h2 {
	margin: 0 0 18px;
	color: #f4f6ff;
	font-size: 34px;
	font-weight: 760;
	line-height: 1.28;
	letter-spacing: 0;
}

.sm-opc-hero-copy p {
	margin: 0;
	color: #aeb4c8;
	font-size: 16px;
	line-height: 1.9;
}

.sm-positioning-section {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 18%, rgba(91, 213, 183, 0.13), transparent 30%),
		radial-gradient(circle at 88% 72%, rgba(143, 167, 255, 0.12), transparent 28%),
		#080a10;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sm-positioning-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
	gap: 64px;
	align-items: center;
}

.sm-positioning-copy h2 {
	max-width: 650px;
	margin: 14px 0 24px;
	color: #f7f8ff;
	font-size: 38px;
	font-weight: 780;
	line-height: 1.25;
	letter-spacing: 0;
}

.sm-positioning-copy p {
	max-width: 680px;
	margin: 0 0 16px;
	color: #b7bfce;
	font-size: 16px;
	line-height: 1.9;
}

.sm-positioning-map {
	position: relative;
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	gap: 30px;
	align-items: center;
	min-height: 320px;
	padding: 28px 0;
}

.sm-positioning-map::before {
	content: "";
	position: absolute;
	left: 104px;
	top: 42px;
	bottom: 42px;
	width: 1px;
	background: linear-gradient(180deg, rgba(91, 213, 183, 0), rgba(91, 213, 183, 0.58), rgba(143, 167, 255, 0.58), rgba(143, 167, 255, 0));
}

.sm-positioning-core {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 190px;
	min-height: 190px;
	padding: 28px;
	border: 1px solid rgba(91, 213, 183, 0.34);
	border-radius: 50%;
	background: rgba(8, 12, 20, 0.86);
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34), inset 0 0 42px rgba(91, 213, 183, 0.12);
	text-align: center;
}

.sm-positioning-core span {
	margin-bottom: 10px;
	color: #78e3cc;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.3;
	text-transform: uppercase;
}

.sm-positioning-core strong {
	color: #f8fbff;
	font-size: 22px;
	font-weight: 760;
	line-height: 1.25;
}

.sm-positioning-map ul {
	display: grid;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sm-positioning-map li {
	position: relative;
	padding: 0 0 0 28px;
}

.sm-positioning-map li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #8fa7ff;
	box-shadow: 0 0 0 6px rgba(143, 167, 255, 0.12);
}

.sm-positioning-map li span {
	display: block;
	margin-bottom: 5px;
	color: #7ee0ca;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.3;
}

.sm-positioning-map li strong {
	display: block;
	color: #e9edf8;
	font-size: 16px;
	font-weight: 650;
	line-height: 1.55;
}

.sm-delivery-system {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		#05070d;
	background-size: 42px 42px;
}

.sm-delivery-system::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(5, 7, 13, 0.2) 0%, rgba(5, 7, 13, 0.86) 100%);
	pointer-events: none;
}

.sm-delivery-system .container {
	position: relative;
	z-index: 1;
}

.sm-nowrap {
	white-space: nowrap;
}

.sm-delivery-head {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
	gap: 42px;
	align-items: end;
	margin-bottom: 30px;
}

.sm-delivery-head h2 {
	max-width: 660px;
	margin: 12px 0 0;
	color: #f7f8ff;
	font-size: 34px;
	font-weight: 760;
	line-height: 1.28;
	letter-spacing: 0;
}

.sm-delivery-head p {
	margin: 0;
	color: #b6bdce;
	font-size: 16px;
	line-height: 1.85;
}

.sm-delivery-grid {
	position: relative;
}

.sm-delivery-grid::before {
	display: none;
}

.sm-delivery-card {
	position: relative;
	overflow: hidden;
	min-height: 292px;
	padding: 28px 26px;
	border: 1px solid rgba(132, 160, 255, 0.18);
	border-radius: 16px;
	background:
		radial-gradient(circle at 86% 18%, rgba(91, 213, 183, 0.18), transparent 26%),
		linear-gradient(145deg, rgba(25, 31, 55, 0.98) 0%, rgba(10, 14, 28, 0.98) 62%, rgba(7, 10, 20, 0.98) 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		inset 0 0 0 1px rgba(255, 255, 255, 0.025),
		0 22px 58px rgba(0, 0, 0, 0.32);
	isolation: isolate;
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.sm-delivery-card::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background:
		linear-gradient(135deg, rgba(91, 213, 183, 0.58), rgba(91, 213, 183, 0.05) 32%, rgba(255, 255, 255, 0.02) 56%, rgba(91, 213, 183, 0.28));
	opacity: 0.42;
	pointer-events: none;
	z-index: -1;
}

.sm-delivery-card::after {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 15px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
	background-size: 34px 34px;
	opacity: 0.18;
	pointer-events: none;
	z-index: 0;
}

.sm-delivery-card > * {
	position: relative;
	z-index: 1;
}

.sm-delivery-card-remote {
	background:
		radial-gradient(circle at 86% 18%, rgba(240, 183, 88, 0.18), transparent 26%),
		linear-gradient(145deg, rgba(25, 31, 55, 0.98) 0%, rgba(10, 14, 28, 0.98) 62%, rgba(7, 10, 20, 0.98) 100%);
}

.sm-delivery-card-remote::before {
	background:
		linear-gradient(135deg, rgba(240, 183, 88, 0.58), rgba(240, 183, 88, 0.05) 32%, rgba(255, 255, 255, 0.02) 56%, rgba(240, 183, 88, 0.26));
}

.sm-delivery-card-opc {
	background:
		radial-gradient(circle at 86% 18%, rgba(119, 157, 255, 0.2), transparent 26%),
		linear-gradient(145deg, rgba(25, 31, 55, 0.98) 0%, rgba(10, 14, 28, 0.98) 62%, rgba(7, 10, 20, 0.98) 100%);
}

.sm-delivery-card-opc::before {
	background:
		linear-gradient(135deg, rgba(119, 157, 255, 0.62), rgba(119, 157, 255, 0.05) 32%, rgba(255, 255, 255, 0.02) 56%, rgba(119, 157, 255, 0.3));
}

.sm-delivery-card:hover {
	transform: translateY(-5px);
	border-color: rgba(173, 217, 255, 0.34);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 24px 72px rgba(0, 0, 0, 0.42),
		0 0 34px rgba(91, 213, 183, 0.16);
}

.sm-delivery-card:hover::before {
	opacity: 0.72;
}

.sm-delivery-card:hover::after {
	opacity: 0.24;
}

.sm-delivery-card-remote:hover {
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 24px 72px rgba(0, 0, 0, 0.42),
		0 0 34px rgba(240, 183, 88, 0.16);
}

.sm-delivery-card-opc:hover {
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 24px 72px rgba(0, 0, 0, 0.42),
		0 0 34px rgba(119, 157, 255, 0.18);
}

.sm-delivery-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 28px;
}

.sm-delivery-index {
	color: rgba(255, 255, 255, 0.28);
	font-size: 30px;
	font-weight: 820;
	line-height: 1;
}

.sm-delivery-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	background:
		radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.24), transparent 28%),
		rgba(91, 213, 183, 0.14);
	box-shadow: 0 0 24px rgba(91, 213, 183, 0.18);
	color: #79e6ce;
	font-size: 21px;
}

.sm-delivery-card-remote .sm-delivery-icon {
	background:
		radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.22), transparent 28%),
		rgba(240, 183, 88, 0.14);
	box-shadow: 0 0 24px rgba(240, 183, 88, 0.18);
	color: #ffd083;
}

.sm-delivery-card-opc .sm-delivery-icon {
	background:
		radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.22), transparent 28%),
		rgba(119, 157, 255, 0.15);
	box-shadow: 0 0 24px rgba(119, 157, 255, 0.2);
	color: #a8bdff;
}

.sm-delivery-card strong {
	margin-bottom: 14px;
	font-size: 20px;
}

.sm-delivery-card p {
	min-height: 82px;
}

.sm-delivery-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 22px;
}

.sm-delivery-tags span {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 7px 10px;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.05);
	color: #dfe5f3;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

.sm-opc-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 34px;
}

.sm-opc-card,
.sm-opc-open-card {
	padding: 26px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	background: #101426;
}

.sm-opc-card strong,
.sm-opc-open-card strong {
	display: block;
	margin-bottom: 12px;
	color: #f4f6ff;
	font-size: 18px;
	line-height: 1.4;
}

.sm-opc-card p,
.sm-opc-open-card p {
	margin: 0;
	color: #b8bfce;
	font-size: 15px;
	line-height: 1.8;
}

.sm-opc-openings {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 28px;
}

.sm-opc-open-card {
	min-height: 194px;
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, #141932 0%, #101426 100%);
}

.sm-opc-open-card p {
	margin-bottom: 24px;
}

.sm-opc-open-card span {
	display: inline-flex;
	align-self: flex-start;
	margin-bottom: 16px;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(143, 167, 255, 0.15);
	color: #dfe6ff;
	font-size: 13px;
	font-weight: 700;
}

.sm-opc-apply-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	margin-top: auto;
	min-width: 128px;
	padding: 11px 22px;
	border: 1px solid rgba(155, 222, 255, 0.6);
	border-radius: 999px;
	background: linear-gradient(135deg, #2f7dff 0%, #3ad7ff 100%);
	box-shadow: 0 14px 28px rgba(47, 125, 255, 0.26);
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0;
	transition: all 0.2s ease;
}

.sm-opc-apply-btn:hover,
.sm-opc-apply-btn:focus {
	border-color: rgba(218, 246, 255, 0.9);
	background: linear-gradient(135deg, #4f92ff 0%, #63e1ff 100%);
	box-shadow: 0 18px 34px rgba(58, 215, 255, 0.34);
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-1px);
}

.sm-opc-cta {
	margin-top: 30px;
	padding: 28px;
	border: 1px solid rgba(143, 167, 255, 0.22);
	border-radius: 10px;
	background: #111426;
}

@media (max-width: 992px) {
	.sm-positioning-layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.sm-positioning-map {
		grid-template-columns: 190px minmax(0, 1fr);
	}

	.sm-delivery-head {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.sm-delivery-grid::before {
		display: none;
	}

	.sm-opc-grid,
	.sm-opc-openings {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.sm-positioning-copy h2 {
		font-size: 28px;
	}

	.sm-positioning-map {
		display: block;
		min-height: 0;
		padding: 8px 0 0;
	}

	.sm-positioning-map::before {
		display: none;
	}

	.sm-positioning-core {
		width: auto;
		min-height: 0;
		margin-bottom: 24px;
		border-radius: 8px;
		text-align: left;
	}

	.sm-positioning-map ul {
		gap: 18px;
	}

	.sm-delivery-head h2 {
		font-size: 27px;
	}

	.sm-delivery-card {
		min-height: auto;
	}

	.sm-delivery-card p {
		min-height: 0;
	}

	.sm-opc-hero-copy h2 {
		font-size: 27px;
	}

	.sm-opc-grid,
	.sm-opc-openings {
		grid-template-columns: 1fr;
	}
}