.mainContnet {display: flex;width: 100%;flex-direction: column;align-items: center;gap: 10px;}

.mainContnet .mainHero {display: flex;padding: 200px 0;flex-direction: column;align-items: center;}
.mainContnet .mainHero .mainHeroCont {display: flex;flex-direction: column;align-items: center;gap: 24px;align-self: stretch;}
.mainContnet .mainHero .mainHeroTag {display: flex;padding: 4px 12px;align-items: center;gap: 8px; color: #90A1B9; letter-spacing: -0.24px; font-size: 12px; border-radius: 100px; border: 1px solid #90A1B9; background: #0F172A; }
.mainContnet .mainHero .mainHeroTag::before {content: ''; display: flex; width: 6px; height: 6px; background: #90A1B9; border-radius: 50%; align-items: flex-start;}
.mainContnet .mainHero .mainHeroTit {display: flex;flex-direction: column;align-items: center;align-self: stretch; text-align: center;}
.mainContnet .mainHero .mainHeroTit > dt {color: #E7E8EA; font-size: 70px; font-weight: 700;letter-spacing: -1.4px; line-height: 84px; }
.mainContnet .mainHero .mainHeroTit > dd {color: #90A1B9; font-size: 70px; font-weight: 700;letter-spacing: -1.4px; line-height: 84px;}
.mainContnet .mainHero .mainHeroSub {display: flex;width: max-content;padding: 0 2px;flex-direction: column;align-items: center;}
.mainContnet .mainHero .mainHeroSub > li {text-align: center; color: #90A1B9; letter-spacing: -0.36px; font-size: 18px; line-height: 27px; }
.mainContnet .mainHero .mainHeroBtn {display: flex;justify-content: center;align-items: center;gap: 16px;align-self: stretch;}
.mainContnet .mainHero .mainHeroBtn > div {border-radius: 100px; display: flex;height: 56px;padding: 0 32px;justify-content: center;align-items: center; gap: 8px; border: 1px solid #686D79; color: #E7E8EA; font-size: 16px; letter-spacing: -0.32px; font-weight: 600; cursor: pointer;}
.mainContnet .mainHero .mainHeroBtn > div:first-child {background: #FFF; border-color: #FFF; color: #070A13; }

.mainContnet .mainStats {width: 100%; display: flex;padding: 80px 16px;justify-content: center;align-items: center; background: #0B101E;}
.mainContnet .mainStats .mainStatsCont {display: flex; align-items: center; }
.mainContnet .mainStats .mainStatsRow {display: flex;flex-direction: column;align-items: flex-start;gap: 8px; text-align: center; min-width: 394px;}
.mainContnet .mainStats .mainStatsRow > dt {display: flex;justify-content: center;align-items: center;align-self: stretch; color: #E7E8EA; letter-spacing: -0.72px; line-height: 43px; font-size: 36px; font-weight: 600;}
.mainContnet .mainStats .mainStatsRow > dd {display: flex;justify-content: center;align-items: center;align-self: stretch; color: #657182; letter-spacing: -0.32px; line-height: 24px; font-size: 16px;  }

.mainContnet .mainFeature {display: flex;width: 100%;padding: 160px 0;flex-direction: column;align-items: center; background: #070A13;}
.mainContnet .mainFeature .mainFeatureCont {width: 1160px; display: flex; flex-direction: column;align-items: flex-start; justify-content: center; gap: 32px;}
.mainContnet .mainFeature .mainFeatureHead { width: 1160px;color: #E7E8EA; letter-spacing: -0.96px; font-size: 48px; line-height: 58px; font-weight: 600;}
.mainContnet .mainFeature .mainFeatureHead > label {color: #90A1B9; vertical-align: text-bottom; line-height: 58px;}

.mainContnet .mainFeature .mainFeatureBody {}
.mainContnet .mainFeature .mainFeatureList {display: flex;align-items: flex-start;align-content: flex-start;gap: 31px 32px;align-self: stretch;flex-wrap: wrap;}
.mainContnet .mainFeature .mainFeatureRow {display: flex;width: calc((100% - 64px) / 3);padding: 32px 24px;flex-direction: column;align-items: flex-start;gap: 16px;}
.mainContnet .mainFeature .mainFeatureRow .mainFeatureImg {display: flex;width: 48px;height: 48px;justify-content: center;align-items: center; border-radius: 14px; background: #0F172A;}
.mainContnet .mainFeature .mainFeatureRow .mainFeatureTit {display: flex;align-items: center;align-self: stretch; color: #FFF; font-size: 20px; letter-spacing: -0.6px; line-height: 28px; }
.mainContnet .mainFeature .mainFeatureRow .mainFeatureSub {display: flex;align-items: center;align-self: stretch; color: #90A1B9; font-size: 14px; letter-spacing: -0.14px; line-height: 21px;}


.mainContnet .mainIntro {display: flex;width: 100%;padding: 180px 0;flex-direction: column;justify-content: center;align-items: center;gap: 100px; background: #070A13;}
.mainContnet .mainIntro .mainIntroRow {width: 1160px; display: flex;align-items: center;gap: 80px;}
.mainContnet .mainIntro .mainIntroRow > div {width: calc((100% - 80px) / 2);}
.mainContnet .mainIntro .mainIntroRowImg {border-radius: 16px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); overflow: hidden;}
.mainContnet .mainIntro .mainIntroRowTxt {display: flex;flex-direction: column;align-items: flex-start;gap: 24px;flex: 1 0 0;}
.mainContnet .mainIntro .mainIntroRowTxt .mainIntroRowIcon {width: 50px; height: 50px; display: flex; justify-content: center;align-items: center; border-radius: 16px;background: #E2E8F0;box-shadow: 0 10px 15px -3px rgba(15, 23, 43, 0.50), 0 4px 6px -4px rgba(15, 23, 43, 0.50);}
.mainContnet .mainIntro .mainIntroRowTxt .mainIntroRowTit {color: #FFF; font-size: 36px; line-height: 42px; letter-spacing: -0.72px; font-weight: 600;}
.mainContnet .mainIntro .mainIntroRowTxt .mainIntroRowSub {color: #90A1B9; font-size: 18px; line-height: 27px; letter-spacing: -0.36px; font-weight: 500;}


.mainContnet .mainFaq {display: flex;width: 100%;padding: 160px 0;flex-direction: column;align-items: center;gap: 48px; background: #0B101E;}
.mainContnet .mainFaq .mainFaqTit {width: max-content; text-align: center; display: flex;flex-direction: column;align-items: center;gap: 16px;}
.mainContnet .mainFaq .mainFaqTit > dt {display: flex;align-items: flex-start;align-self: stretch; color: #FFF; text-align: center; font-size: 48px; font-weight: 600; letter-spacing: -0.96px; line-height: 58px;}
.mainContnet .mainFaq .mainFaqTit > dd {display: flex;justify-content: center;align-items: center;align-self: stretch; color: #90A1B9; text-align: center; font-size: 18px; letter-spacing: -0.36px; line-height: 27px; }
.mainContnet .mainFaq .mainFaqList {width: 1160px; display: flex;flex-direction: column;align-items: center;gap: 16px;}
.mainContnet .mainFaq .mainFaqRow {display: flex;padding: 0 24px;flex-direction: column;align-items: flex-start;align-self: stretch; border-radius: 10px;border: 1px solid #1D293D;background: #0F172B;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);}
.mainContnet .mainFaq .mainFaqRow .mainFaqRowSubj {display: flex; flex-direction: column; justify-content: center; height: 72px; color: #E7E8EA; font-size: 16px; letter-spacing: -0.32px; line-height: 24px;}


.mainContnet .mainPlan {display: flex;width: 100%;padding: 160px 0;flex-direction: column;align-items: center;gap: 80px;}
.mainContnet .mainPlan .mainPlanTit {width: max-content; text-align: center; display: flex;flex-direction: column;align-items: center;gap: 16px;}
.mainContnet .mainPlan .mainPlanTit > dt {display: flex;align-items: flex-start;align-self: stretch; color: #FFF; text-align: center; font-size: 48px; font-weight: 600; letter-spacing: -0.96px; line-height: 58px;}
.mainContnet .mainPlan .mainPlanTit > dd {display: flex;justify-content: center;align-items: center;align-self: stretch; color: #90A1B9; text-align: center; font-size: 18px; letter-spacing: -0.36px; line-height: 27px; }

.mainContnet .mainPlan .mainPlanList {width: 1160px; display: flex;align-items: center; gap: 16px; flex-wrap: wrap;}
.mainContnet .mainPlan .mainPlanRow {width: calc((100% - 32px) / 3); display: flex;height: 500px;padding: 32px;flex-direction: column;align-items: flex-start;gap: 24px; border-radius: 16px;border: 1px solid #686D79;background: #000;}
.mainContnet .mainPlan .mainPlanRow:nth-child(2) {background: #0F172B;}
.mainContnet .mainPlan .mainPlanRow > div {display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;flex: 1 0 0;align-self: stretch;}

.mainContnet .mainPlan .mainPlanInfo {display: flex;flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;}
.mainContnet .mainPlan .mainPlanInfo .mainPlanInfoType {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;}
.mainContnet .mainPlan .mainPlanInfo .mainPlanInfoType > dl {display: flex;flex-direction: column;align-items: flex-start;gap: 2px;}
.mainContnet .mainPlan .mainPlanInfo .mainPlanInfoType > dl dt {color: #FFF; letter-spacing: -0.6px; line-height: 28px; font-size: 20px; font-weight: 600;}
.mainContnet .mainPlan .mainPlanInfo .mainPlanInfoType > dl dd {color: #90A1B9; letter-spacing: -0.14px; line-height: 21px; font-size: 14px; }
.mainContnet .mainPlan .mainPlanInfo .mainPlanInfoType > span {display: block; color: #FFF; font-size: 36px; font-weight: 600; letter-spacing: -0.72px; line-height: 43px;}
.mainContnet .mainPlan .mainPlanInfo .mainPlanInfoList {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;align-self: stretch;}
.mainContnet .mainPlan .mainPlanInfo .mainPlanInfoList > li {display: flex;align-items: center;gap: 8px;align-self: stretch;}
.mainContnet .mainPlan .mainPlanInfo .mainPlanInfoList > li > label {display: block; color: #90A1B9; letter-spacing: -0.14px; line-height: 20px; font-size: 14px;}

.mainContnet .mainPlan .mainPlanBtn {display: flex; width: 100%; height: 56px;cursor: pointer; font-size: 16px; letter-spacing: -0.32px; font-weight: 500; justify-content: center;align-items: center;align-self: stretch; color: #000;text-align: center; border-radius: 8px;border: 1px solid #1D293D;background: #FFF;}