@charset "UTF-8";body{margin:0;padding:0;width:100%;font-family:Poppins;background-color:#000;color:#fff}@font-face{font-family:"DM Serif Display";src:url(https://heartbeat-cdn-1313805896.cos.ap-guangzhou.myqcloud.com/website/vlog/assets/DMSerifDisplay-Regular.ttf) format("truetype")}@font-face{font-family:Poppins;src:url(https://heartbeat-cdn-1313805896.cos.ap-guangzhou.myqcloud.com/website/vlog/assets/Poppins-Regular.ttf) format("truetype")}@font-face{font-family:Poppins;src:url(https://heartbeat-cdn-1313805896.cos.ap-guangzhou.myqcloud.com/website/vlog/assets/Poppins-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Poppins;src:url(https://heartbeat-cdn-1313805896.cos.ap-guangzhou.myqcloud.com/website/vlog/assets/Poppins-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Poppins;src:url(https://heartbeat-cdn-1313805896.cos.ap-guangzhou.myqcloud.com/website/vlog/assets/Poppins-Medium.ttf) format("truetype");font-weight:500}#app{width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{display:none}.header{width:100%;position:fixed;top:0;left:0;padding:20PX 40PX;z-index:100;display:flex;align-items:center}.header-logo{display:flex;align-items:center;cursor:pointer}.header-logo img{width:50PX;height:50PX;margin-right:10PX}.header-logo span{color:#fff;text-align:center;font-family:Poppins;font-size:20PX;font-style:italic;font-weight:800;line-height:normal;text-transform:uppercase;margin-right:50PX}#page1{width:100%;height:100vh;background-image:url(https://heartbeat-cdn-1313805896.cos.ap-guangzhou.myqcloud.com/website/vlog/assets/feature-bg1.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center}.page1-content{max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.page1-title{font-size:60PX;font-weight:700}#page2{width:100%;padding:100PX 0;display:flex;flex-direction:column;align-items:center}.page2-intro{text-align:center;max-width:960PX;margin:0 auto 100PX}.page2-intro p{font-size:36PX;line-height:1.4;font-weight:500;margin:0}.page2-content{display:flex;width:100%;max-width:1200PX;margin:0 auto;gap:40PX}.feature-image{flex:1;max-width:45%}.feature-image img{width:488PX;height:auto;border-radius:10PX}.feature-texts{flex:1;display:flex;flex-direction:column;gap:60PX}.feature-text-section h2{font-size:48PX;font-weight:700;margin:0 0 10PX}.feature-text-section-sub{font-size:28PX;font-weight:500;margin:0 0 10PX;color:#fff;opacity:.9}.feature-text-section-p{font-size:18PX;line-height:1.6;margin-bottom:10PX;color:#ffffff80;font-weight:300}#page3{width:100%;padding:120PX 0;display:flex;flex-direction:column;align-items:center;background-color:#000}.page3-content{display:flex;width:100%;max-width:1200PX;margin:0 auto;gap:10PX}.page3-texts{flex:1;display:flex;flex-direction:column;gap:50PX}.page3-text-section h2{font-size:48PX;font-weight:700;margin:0 0 16PX}.page3-text-section-sub{font-size:24PX;font-weight:500;margin:0 0 20PX;color:#fff;opacity:.9}.page3-text-section-p{font-size:16PX;line-height:1.6;margin-bottom:16PX;color:#ffffffb3;font-weight:300}.page3-image{flex:1;max-width:45%}.page3-image img{width:520PX;height:auto;border-radius:10PX}#page4{width:100%;padding:120PX 0;display:flex;flex-direction:column;align-items:center;background-color:#000}.page4-header{max-width:1200PX;margin:0 auto 80PX;text-align:left;width:100%}.page4-header h2{font-size:60PX;font-weight:700;margin:0 0 10PX}.page4-header-sub{font-size:32PX;font-weight:500;margin:0 0 10PX;color:#fff}.page4-header-p{font-size:18PX;line-height:1.6;color:#ffffffb3;font-weight:300;max-width:800PX;margin:0}.use-cases-container{width:100%;max-width:1200PX;padding:0;margin:0 auto;display:flex;flex-direction:column;gap:60PX}.use-case-row{display:flex;justify-content:space-between;gap:60PX;width:100%;margin:0}.use-case{flex:1;display:flex;flex-direction:column;position:relative}.use-case-content{padding:0;flex-grow:1}.use-case-content h3{font-size:24PX;font-weight:700;margin:0 0 16PX;color:#fff}.use-case-content p{font-size:16PX;line-height:1.6;color:#ffffffb3;font-weight:300;margin-bottom:10PX}.use-case-tag{display:flex;align-items:center;justify-content:center;width:240PX;height:60PX;color:#fff;font-weight:700;font-size:18PX;letter-spacing:1PX;text-transform:uppercase;margin-top:0;box-shadow:0 0 20PX #00000080;border-radius:5PX;position:relative}.use-case-tag[style*="background-color: #FFA726"]{box-shadow:0 0 25PX #ffa72666}.use-case-tag[style*="background-color: #9C27B0"]{box-shadow:0 0 25PX #9c27b066}.use-case-tag[style*="background-color: #4CAF50"]{box-shadow:0 0 25PX #4caf5066}.use-case-tag[style*="background-color: #2196F3"]{box-shadow:0 0 25PX #2196f366}.use-case-tag[style*="background-color: #424242"]{box-shadow:0 0 25PX #42424266}#page5{width:100%;padding:120PX 0;display:flex;flex-direction:column;align-items:center;background-color:#000}.page5-header{max-width:1200PX;margin:0 auto 80PX;text-align:left;width:100%}.page5-header h2{font-size:60PX;font-weight:700;margin:0 0 24PX;line-height:1.2}.page5-content{display:flex;width:100%;max-width:1200PX;margin:0 auto;gap:60PX}.page5-texts{flex:1;display:flex;flex-direction:column;gap:60PX}.step-container{display:flex;flex-direction:column;gap:50PX}.step h3{font-size:32PX;font-weight:700;margin:0 0 20PX;color:#fff}.step p{font-size:18PX;line-height:1.6;margin-bottom:16PX;color:#ffffffe6;font-weight:400}.step .step-note{font-size:16PX;color:#ffffffb3;font-weight:300;font-style:italic}.page5-image{flex:1;max-width:50%;display:flex;align-items:center;justify-content:center}.page5-image img{width:100%;height:auto;max-width:550PX}#page6{width:100%;padding:120PX 0;display:flex;flex-direction:column;align-items:center;background-color:#000}.page6-content{width:100%;max-width:1200PX;margin:0 auto}.page6-header{max-width:1200PX;margin:0 auto 40PX;text-align:left;width:100%}.page6-header h2{font-size:70PX;font-weight:700;margin:0 0 24PX}.faq-container{display:flex;flex-direction:column;gap:50PX;width:100%;max-width:1200PX;margin:0 auto}.faq-item h3{font-size:28PX;font-weight:600;margin:0 0 20PX;color:#fff}.faq-item p{font-size:18PX;line-height:1.6;color:#ffffffb3;font-weight:300;max-width:800PX}