@charset "UTF-8";.product-preview[data-v-dc4553da]{padding:65px 6vw 80px;background:#f5f7fb;color:#172b45;text-align:start;font:15px/1.5 system-ui,sans-serif}.preview-heading[data-v-dc4553da]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.preview-heading p[data-v-dc4553da]{font-size:12px;letter-spacing:.14em;color:#647c92}.preview-heading h2[data-v-dc4553da]{font-size:34px;margin-top:9px}.product-preview a[data-v-dc4553da]{color:inherit;text-decoration:none}.preview-heading>a[data-v-dc4553da]{padding:10px 18px;background:#0962bc;color:#fff;border-radius:7px}.preview-grid[data-v-dc4553da]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.preview-grid article[data-v-dc4553da]{border:1px solid #dce4ed;border-radius:12px;background:#fff;overflow:hidden}.preview-grid img[data-v-dc4553da]{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.preview-copy[data-v-dc4553da]{padding:18px}.preview-copy h3[data-v-dc4553da]{font-size:15px;line-height:1.6;margin:8px 0 14px}.preview-copy p[data-v-dc4553da]{font-size:12px;color:#677c91;margin-bottom:7px}.preview-copy strong[data-v-dc4553da]{color:#0b62b6}.preview-note[data-v-dc4553da]{padding:25px}@media (max-width:1000px){.preview-grid[data-v-dc4553da]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.product-preview[data-v-dc4553da]{padding:40px 18px}.preview-heading[data-v-dc4553da]{align-items:start;flex-direction:column}.preview-grid[data-v-dc4553da]{gap:12px}.preview-copy[data-v-dc4553da]{padding:12px}.preview-heading h2[data-v-dc4553da]{font-size:28px}}.products-page[data-v-ab0baf0f]{height:100vh;width:100%;position:relative;overflow-x:hidden}.products-content[data-v-ab0baf0f]{width:100%;margin-top:14vh}.page-container[data-v-ab0baf0f]{width:100%;padding:0 7.8vw}.products-section[data-v-ab0baf0f]{width:100%}.section-title[data-v-ab0baf0f]{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:500;color:var(--color-blue);margin-bottom:6px;text-align:left}.section-subtitle[data-v-ab0baf0f]{font-size:2.5rem;font-weight:500;color:#000;margin-bottom:1rem;text-align:left}.section-description[data-v-ab0baf0f]{font-size:20px;color:var(--color-text-muted);margin-bottom:4rem;text-align:left}.product-ecosystem[data-v-ab0baf0f]{width:100%;max-width:1200px;margin:0 auto 6rem;position:relative}.ecosystem-svg[data-v-ab0baf0f]{width:100%;height:auto;display:block;position:relative;z-index:5;pointer-events:none}.html-pie-wrapper[data-v-ab0baf0f]{position:absolute;top:14.17%;width:35%;height:70%}.petal-layer[data-v-ab0baf0f]{z-index:1}.content-layer[data-v-ab0baf0f]{z-index:10;pointer-events:none}.left-pos[data-v-ab0baf0f]{left:5.42%}.right-pos[data-v-ab0baf0f]{left:60%}.pie-chart-wrapper[data-v-ab0baf0f]{width:100%;height:100%;position:relative}.pie-mask[data-v-ab0baf0f]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:all;background:radial-gradient(circle,#fff,#fff0 70%);z-index:10}.left-pie[data-v-ab0baf0f]{position:relative}.left-pie canvas[data-v-ab0baf0f]{transform:rotate(40deg)}.left-pie>.pie-mask>span[data-v-ab0baf0f]{position:absolute;top:50%;left:36%;transform:translateY(-50%);font-size:min(1.8rem,2.3vw);font-weight:500;color:#d80717;white-space:nowrap}.left-pie .sector-label[data-v-ab0baf0f]{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:19%;height:19%;z-index:20;pointer-events:auto}.left-pie .sector-label .sector-icon[data-v-ab0baf0f]{width:60%;height:auto;margin-bottom:10%}.left-pie .sector-label span[data-v-ab0baf0f]{position:static;font-size:min(1rem,1.3vw);font-weight:500;color:#555;white-space:nowrap}.left-pie .sector-1[data-v-ab0baf0f]{top:12%;left:45%}.left-pie .sector-2[data-v-ab0baf0f]{bottom:6%;left:43%}.left-pie .sector-3[data-v-ab0baf0f]{top:60%;left:13%}.left-pie .sector-4[data-v-ab0baf0f]{top:25%;left:14%}.right-pie[data-v-ab0baf0f]{position:relative}.right-pie canvas[data-v-ab0baf0f]{transform:rotate(4deg)}.right-pie>.pie-mask>span[data-v-ab0baf0f]{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:min(1.8rem,2.3vw);font-weight:500;color:var(--color-blue);white-space:nowrap}.right-pie .sector-label[data-v-ab0baf0f]{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:19%;height:19%;z-index:20;pointer-events:auto}.right-pie .sector-label .sector-icon[data-v-ab0baf0f]{width:60%;height:auto;margin-bottom:10%}.right-pie .sector-label span[data-v-ab0baf0f]{position:static;font-size:min(1rem,1.3vw);font-weight:500;color:#555;white-space:nowrap}.right-pie .sector-1[data-v-ab0baf0f]{top:13%;left:28%}.right-pie .sector-2[data-v-ab0baf0f]{bottom:9%;left:27%}.right-pie .sector-3[data-v-ab0baf0f]{bottom:12%;right:23%}.right-pie .sector-4[data-v-ab0baf0f]{top:15%;right:23%}.right-pie .sector-5[data-v-ab0baf0f]{top:43%;right:8%}.arc-text[data-v-ab0baf0f]{font-family:PingFang SC,Microsoft YaHei,sans-serif;text-anchor:middle;dominant-baseline:middle;opacity:.8;transition:opacity .3s ease;pointer-events:auto}.arc-text[data-v-ab0baf0f]:hover{opacity:1}@media (max-width: 1200px){.section-title[data-v-ab0baf0f],.section-subtitle[data-v-ab0baf0f]{font-size:2rem}.section-description[data-v-ab0baf0f]{font-size:18px}.arc-text[data-v-ab0baf0f]{font-size:13px}}@media (max-width: 768px){.products-content[data-v-ab0baf0f]{margin-top:10vh}.page-container[data-v-ab0baf0f]{padding:0}.header-section[data-v-ab0baf0f]{padding:0 4vw;margin-bottom:2rem}.section-title[data-v-ab0baf0f]{font-size:1.8rem;margin-bottom:.2rem}.section-subtitle[data-v-ab0baf0f]{font-size:1.4rem;margin-bottom:.5rem;line-height:1.3}.section-description[data-v-ab0baf0f]{font-size:.9rem;margin-bottom:2rem;line-height:1.5}.arc-text[data-v-ab0baf0f]{font-size:12px;opacity:.8}.left-pie canvas[data-v-ab0baf0f]{transform:translate(2px,-3px) rotate(40deg) scale(1.15)}.right-pie canvas[data-v-ab0baf0f]{transform:translate(2px,-3px) rotate(4deg) scale(1.15)}}