*{box-sizing:border-box}html{color:#333;background:#f8f9fa;scroll-behavior:auto}body{margin:0;font-family:"Source Han Sans SC VF","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}.content{max-width:1200px;margin:auto}.site-header{height:65px;background:#fff}.header-content{height:65px;display:flex;align-items:center}.brand{display:flex;gap:10px;align-items:center;font-size:26px;color:#5e49c5;font-weight:700;letter-spacing:1px}.brand-symbol{width:36px;height:32px;display:block}.brand-note{margin-left:auto;color:#887d9d;font-size:13px;letter-spacing:2px}.carousel-wrapper{height:800px;position:relative;background:#101822 url(hero.svg) center/cover no-repeat}.overlay-grid{height:100%;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:center;max-width:1200px;padding:0 80px 24px;margin:auto}.hero-copy{grid-column:span 17;display:flex;flex-direction:column;gap:18px;color:white}.hero-copy h1{font-size:36px;line-height:1.5;letter-spacing:1px;color:#9986ff;font-weight:700;white-space:nowrap}.hero-subtitle{font-size:18px;letter-spacing:2px}.hero-desc{max-width:480px;font-size:14px;color:#c977e3;line-height:1.8}.hero-note{max-width:490px;font-size:14px;color:#b8b6c7;line-height:1.9}.hero-divider{width:50px;height:2px;background:#9986ff;margin:15px 0}.section-title{text-align:center}.section-title h2{font-size:36px;color:#111;font-weight:500;line-height:1.45}.section-title p{font-size:20px;margin-top:16px}.products{padding:105px 20px 110px;min-height:865px}.tabs{margin:60px auto 64px;background:white;border-radius:35px;display:flex;box-shadow:0 5px 18px #231d4a0d;height:73px;overflow:hidden}.tabs span{width:33.333%;display:flex;align-items:center;justify-content:center;font-size:20px}.tabs span:first-child{background:linear-gradient(90deg,#7962f9,#a87fe9);color:white;border-radius:35px}.product-detail{display:flex;align-items:center;gap:24px;padding:0 80px}.product-copy{width:50%;padding-right:20px}.product-copy h3{font-size:30px;font-weight:400;line-height:1.7;margin-bottom:28px;color:#111}.product-copy li{display:flex;align-items:flex-start;gap:13px;margin-top:22px}.product-copy li:before{content:"✓";color:#7962f9;font-weight:bold}.product-figure{width:50%;height:auto}.services{padding:40px 20px 110px}.service-grid{margin:60px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.service-card{height:308px;position:relative;background:#9389aa center/cover no-repeat;overflow:hidden}.service-card:nth-child(1){background-image:url(profile.svg)}.service-card:nth-child(2){background-image:url(messages.svg)}.service-card:nth-child(3){background-image:url(team.svg)}.service-card:nth-child(4){background-image:url(notes.svg)}.irregular-shape{position:relative;height:100%;width:53%;clip-path:polygon(0 0,80% 0,100% 100%,0 100%);background:#fff;border-left:1px solid #e7e0f7}.service-copy{height:100%;margin-right:42px;display:flex;align-items:center;justify-content:center;flex-direction:column}.service-icon{font-size:52px;line-height:1.2;color:#7962f9;font-weight:300}.service-copy h3{font-size:25px;font-weight:400;margin-top:18px}.service-copy p{font-size:13px;color:#8a7aab;margin-top:10px}.service-points{position:absolute;left:54%;right:10px;bottom:20px;color:white;font-size:14px;line-height:1.9}.service-points li:before{content:"•";color:#b299ff;margin-right:6px}.why{padding:25px 20px 100px}.why-graphic{max-width:940px;position:relative;margin:50px auto 0;display:grid;grid-template-columns:1fr 220px 1fr;align-items:center;gap:44px;min-height:315px}.why-core{width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #c9bdf0;border-radius:50%;background:radial-gradient(circle,#fff 38%,#e9e4fa);box-shadow:0 0 0 20px #f1eef9;color:#7962f9}.why-core strong{font-size:28px;font-weight:500}.why-core span{font-size:12px;letter-spacing:3px;margin-top:12px}.why-side{display:flex;flex-direction:column;gap:40px}.why-side article{border-bottom:1px solid #e4dfef;padding-bottom:20px}.why-side h3{font-size:21px;font-weight:400;color:#544278}.why-side p{font-size:14px;margin-top:8px;color:#82798f}.closing{padding:70px 20px;background:#eee9fa;text-align:center}.closing h2{font-size:30px;font-weight:400;color:#65508d}.closing p{font-size:16px;color:#827198;margin-top:16px}.site-footer{padding:42px 20px;background:#fff;color:#887d9d;text-align:center;font-size:13px}.footer-brand{color:#7962f9;font-size:24px;font-weight:500;margin-bottom:10px}@media(max-width:760px){.content{width:100%}.header-content{padding:0 22px}.brand{font-size:22px}.brand-note{display:none}.carousel-wrapper{height:490px}.overlay-grid{display:block;padding:100px 24px 40px}.hero-copy{gap:15px}.hero-copy h1{font-size:25px;white-space:normal}.hero-subtitle{font-size:16px}.hero-note{font-size:13px}.products{padding:65px 20px;min-height:0}.section-title h2{font-size:26px}.section-title p{font-size:15px}.tabs{margin:35px 0;height:56px}.tabs span{font-size:14px}.product-detail{padding:0;display:block}.product-copy{width:100%;padding:0}.product-copy h3{font-size:24px}.product-copy li{font-size:14px;margin-top:16px}.product-figure{width:100%;margin-top:30px}.services{padding:20px 20px 65px}.service-grid{grid-template-columns:1fr;margin-top:35px;gap:20px}.service-card{height:260px}.service-copy{margin-right:28px}.service-copy h3{font-size:21px}.service-copy p{font-size:11px}.service-points{font-size:12px}.why{padding:10px 20px 65px}.why-graphic{grid-template-columns:1fr;margin-top:35px;gap:26px}.why-core{margin:auto;grid-row:1}.why-side{gap:20px}.why-side article{padding-bottom:16px}.closing{padding:50px 20px}.closing h2{font-size:24px}}