:root{--blue:#1765ed;--ink:#15243c;--muted:#6b768a;--line:#e6ebf3;--pale:#f4f8ff;--font:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1765ed;outline-offset:5px}.container{width:min(1184px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:14px;z-index:100}.skip:focus{top:16px}.header{background:#ffffffed;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1f7}.nav{height:82px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.brand img{border-radius:10px}.brand-word{font-size:20px;margin-left:5px;font-weight:700}.nav nav{display:flex;gap:32px;margin:auto;font-size:14px}.nav nav a{color:#556278;transition:color .2s}.nav nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 23px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 5px 14px #1765ed12;transition:background .2s,transform .2s}.button:hover{background:#0754da;transform:translateY(-2px)}.button-small{font-size:13px;padding:11px 17px;gap:14px}.menu-toggle{display:none}.hero{overflow:hidden;background:radial-gradient(ellipse at 83% 23%,#e6efff 0,transparent 60%),linear-gradient(180deg,#fbfdff,#fff);padding:74px 0 82px}.hero-grid{display:grid;grid-template-columns:.95fr 1.1fr;gap:40px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:600;letter-spacing:1.1px;margin:0 0 22px}.status-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #e5efff}.hero h1{font-size:66px;line-height:1.2;letter-spacing:-3px;margin:0 0 25px;font-weight:800}.blue{color:var(--blue)}.hero-description{font-size:17px;line-height:1.9;color:#69768a;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:26px}.text-button{display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:600}.text-button:hover{color:var(--blue)}.compatibility{font-size:11px;color:#8a94a5;margin-top:24px;display:flex;gap:8px;align-items:center}.hero-visual{position:relative;padding:16px 0 20px}.visual-caption{display:flex;align-items:center;gap:9px;font-size:11px;color:#55677f;margin:0 3px 13px}.mini-logo{border-radius:5px;background:var(--blue);color:#fff;font-size:10px;font-weight:700;padding:4px 5px}.caption-tag{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#8f9db1}.editor{background:white;border:1px solid #dbe4f2;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #213e6c13,0 4px 12px #23467506;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.editor-top{height:40px;display:flex;align-items:center;border-bottom:1px solid #e8edf5;gap:15px;padding:0 14px;font-size:10px;color:#7e8aa0}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#cdd7e5;border-radius:50%}.editor-file{margin-left:auto;color:#b0bacb}.editor-tabs{display:flex;align-items:center;gap:5px;padding:12px 15px;background:#fff}.editor-tabs button{border:0;background:none;padding:7px 12px;font-size:11px;color:#8995a7;border-radius:5px}.editor-tabs button[aria-selected=true]{background:#eaf2ff;color:var(--blue);font-weight:700}.canvas{height:296px;background:#eef2f7;position:relative;overflow:hidden;border-block:1px solid #e5eaf3;padding:29px 18px 17px}.canvas-ruler{position:absolute;top:0;left:25px;right:0;height:18px;font-size:7px;display:flex;justify-content:space-between;align-items:center;color:#9ba8bb;border-bottom:1px solid #dde4ee;padding-right:26px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 11px,#dce3ed 11px,#dce3ed 12px)}#demo-art{width:100%;height:100%}#demo-art svg{width:100%;height:100%;display:block}.canvas-label{position:absolute;right:10px;bottom:6px;font-size:8px;color:#9ba8bb}.editor-bottom{display:flex;justify-content:space-between;padding:12px 15px;align-items:center;font-size:9px;color:#7a8799;background:#fff}.editor-bottom>span:first-child{display:flex;align-items:center;gap:6px}.tiny-dot{display:inline-block;width:5px;height:5px;background:#39836d;border-radius:50%}.floating-note{position:relative;margin-top:-2px;float:right;right:-13px;display:flex;align-items:center;gap:10px;padding:15px 18px;border:1px solid #e6edf7;border-radius:9px;background:#fff;box-shadow:0 12px 30px #1c457814;transform:translateY(-3px)}.note-icon{background:#e8f4f0;color:#359b77;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:14px}.floating-note strong{font-size:11px;display:block;margin-bottom:5px}.floating-note div>span{font-size:9px;color:#8a96a8}.trust-strip{border-block:1px solid var(--line);background:#fff}.trust-strip .container{display:flex;align-items:center;justify-content:space-between;min-height:85px;gap:20px}.trust-strip span{font-size:11px;color:#909bad}.trust-strip p{display:flex;gap:22px;font-size:13px;font-weight:600;color:#69768a}.trust-strip i{font-style:normal;color:#c4cedb}.section{padding:94px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:44px}.section h2{font-size:38px;letter-spacing:-1.4px;line-height:1.35;margin:0;font-weight:750}.section-heading>.eyebrow{margin-bottom:16px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 5px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{padding:25px 23px;border:1px solid var(--line);border-radius:10px;transition:border-color .2s,transform .2s;background:#fff}.feature:hover{border-color:#adc8f5;transform:translateY(-3px)}.feature-lead{background:linear-gradient(145deg,#f0f6ff,#fbfdff);grid-column:span 2}.feature-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.feature-icon,.step-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#eef4ff;color:var(--blue)}.feature-icon svg,.step-icon svg{width:21px;height:21px;stroke-width:1.55}.feature-number{font-size:11px;color:#a3adbd;font-family:monospace}.feature h3{font-size:17px;margin:0 0 12px;letter-spacing:-.2px}.feature p{font-size:12px;line-height:1.85;margin:0 0 20px;color:#758094}.feature-tags{display:flex;flex-wrap:wrap;gap:7px}.feature-tags span{font-size:9px;color:#5e789e;padding:5px 7px;border-radius:4px;background:#f0f5fc}.nesting-mini{border-top:1px solid #e4edf9;margin-top:20px;padding-top:20px;display:flex;gap:18px;align-items:center}.nesting-mini strong{font-size:11px;font-weight:600}.nesting-mini small{display:block;color:#8b9bb0;font-size:10px;margin-top:7px}.mini-board{position:relative;width:100px;height:55px;border:1px dashed #b6cdef;border-radius:5px;background:#fff}.mini-board i{position:absolute;background:#c0d7ff;width:20px;height:30px;border-radius:5px 5px 10px 10px;top:11px}.mini-board i:nth-child(1){left:8px;transform:rotate(20deg)}.mini-board i:nth-child(2){left:36px;transform:rotate(-18deg);background:#84afea}.mini-board i:nth-child(3){left:65px;transform:rotate(12deg)}.mini-board i:nth-child(n+4){display:none}.features-grid .feature:last-child{grid-column:span 2}.extras{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding:23px 0;border-top:1px solid var(--line);gap:20px}.extras span{font-size:11px;color:#8c99aa}.extras p{font-size:12px;color:#63748d;margin:0}.extras i{font-style:normal;color:#c1cbda;margin:0 22px}.workflow{background:#f6f8fc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:56px 0 0;counter-reset:step}.steps li{position:relative;border-top:1px solid #dce4ef;padding-top:29px}.step-number{position:absolute;top:-12px;left:0;font-size:12px;color:#a4b0c2;background:#f6f8fc;padding-right:14px;font-family:monospace}.step-icon{background:white;width:45px;height:45px;margin-bottom:20px}.steps h3{font-size:17px;margin:0 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.9;margin:0;max-width:200px}.showcase-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;align-items:center}.showcase-tab{position:relative;display:grid;grid-template-columns:22px 1fr;gap:10px 13px;text-align:left;border:0;border-top:1px solid var(--line);width:100%;padding:25px 12px;background:#fff;color:#9aa6b8;transition:color .2s}.showcase-tab>span{font-size:10px;grid-row:span 2;padding-top:2px;font-family:monospace}.showcase-tab strong{font-size:17px;color:#7b889e;font-weight:600}.showcase-tab small{font-size:11px;color:#9da7b6}.showcase-tab i{position:absolute;right:14px;top:26px;font-style:normal}.showcase-tab[aria-selected=true]{color:var(--blue);border-top-color:#abc8f8}.showcase-tab[aria-selected=true] strong{color:var(--blue)}.showcase-tabs{border-bottom:1px solid var(--line)}.showcase-hint{font-size:10px;color:#9aa6b5;margin:21px 12px}.screen-frame{border:1px solid #e1e8f3;background:#f4f7fc;border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #142e5510}.screen-header{height:40px;padding:0 18px;background:white;border-bottom:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7d8ca1}.screen-header>span:first-child{display:flex;align-items:center;gap:6px}.screenshot-button{border:0;background:#f4f7fc;padding:24px;width:100%;height:450px;display:grid;place-items:center;cursor:zoom-in}.screenshot-button img{height:100%;max-height:402px;width:100%;object-fit:contain}.faq{background:#fbfcfe;border-top:1px solid #edf1f7}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-side{font-size:12px;line-height:2;color:var(--muted);margin-top:27px}.faq-side a{color:var(--blue)}.faq-list details{border-bottom:1px solid #e2e8f2;padding:20px 0}.faq-list details:first-child{padding-top:5px}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:14px;list-style:none;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:19px;font-weight:400;color:#8e9bb0}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:1.9;color:#778398;margin:15px 28px 0 0}.contact-section{padding:62px 0 78px}.contact-card{position:relative;overflow:hidden;background:linear-gradient(115deg,#1260e6,#286fea);border-radius:14px;padding:56px 66px;display:flex;justify-content:space-between;align-items:center;gap:35px;color:#fff}.contact-card .eyebrow{color:#aaceff;font-size:11px}.contact-card h2{font-size:40px;line-height:1.35;letter-spacing:-1px;margin:0 0 20px}.contact-card p{font-size:12px;line-height:1.9;color:#c3dcff;margin:0}.contact-panel{position:relative;z-index:1;min-width:250px}.contact-label{font-size:11px;color:#c0d9ff;display:block;margin-bottom:12px}.contact-panel strong{font-size:32px;letter-spacing:1.3px;display:block;margin-bottom:20px}.contact-panel .button{background:white;color:var(--blue);border-color:white;padding:14px 22px;width:100%;gap:35px}.contact-panel #copy-status{font-size:10px;margin-top:13px;min-height:19px}.contact-watermark{position:absolute;right:-20px;bottom:-52px;font-size:220px;font-weight:850;font-style:italic;color:#ffffff07;line-height:1;pointer-events:none}.footer{border-top:1px solid var(--line);padding:33px 0 23px}.footer-main{display:flex;align-items:center;gap:28px;padding-bottom:30px}.footer-main .brand{font-size:22px}.footer-main .brand-word{font-size:18px}.footer-main p{font-size:10px;color:#8b96a8}.footer-main>a:last-child{font-size:11px;margin-left:auto;color:#75839a}.footer-bottom{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#939dad}.footer-bottom a:hover{color:var(--blue)}dialog{padding:0;border:1px solid #e4eaf4;border-radius:10px;max-width:min(95vw,1200px);max-height:92vh;background:white;box-shadow:0 20px 80px #17273e33}dialog::backdrop{background:#14253cbb;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);font-size:13px}.dialog-top button{background:none;border:0;font-size:25px;color:#7d8ba0;padding:0 7px}dialog>img{max-height:80vh;max-width:88vw;object-fit:contain;padding:16px}
@media(min-width:1600px){.hero{padding:96px 0 108px}.hero h1{font-size:74px}.hero-grid{gap:65px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.hero h1{font-size:54px}.hero-grid{gap:24px}.hero-description{font-size:14px}.hero-actions{gap:17px}.button{font-size:13px}.nav{gap:25px}.nav nav{gap:20px}.feature{padding:22px 18px}.feature h3{font-size:15px}.showcase-grid{gap:35px}.contact-card{padding:46px}.section{padding:76px 0}}
@media(max-width:800px){.nav{height:72px}.nav nav{gap:15px;font-size:12px}.brand{font-size:23px}.brand-word{font-size:18px}.nav .button{padding:9px 12px;font-size:11px;gap:8px}.hero-grid{grid-template-columns:1fr}.hero{padding:51px 0 42px}.hero h1{font-size:59px;line-height:1.2}.hero-description{font-size:16px}.hero-visual{width:85%;margin:25px auto 0}.editor{transform:none}.trust-strip .container{flex-direction:column;justify-content:center;gap:4px;padding-block:20px}.trust-strip p{margin:5px 0;font-size:11px;gap:17px}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-lead{grid-column:span 2}.features-grid .feature:last-child{grid-column:span 1}.feature h3{font-size:17px}.section h2{font-size:33px}.steps{gap:20px}.steps h3{font-size:14px}.steps p{font-size:11px}.showcase-grid{grid-template-columns:1fr}.showcase-tabs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.showcase-hint{margin-top:12px}.screenshot-button{height:440px}.faq-grid{grid-template-columns:1fr;gap:32px}.contact-card{padding:38px;gap:30px}.contact-card h2{font-size:34px}.contact-panel{min-width:210px}.contact-panel strong{font-size:28px}.extras{align-items:flex-start}.extras p{font-size:11px}.extras i{margin:0 11px}}
@media(max-width:600px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.nav{gap:16px;justify-content:space-between}.brand{gap:8px;font-size:22px}.brand img{width:32px;height:32px}.brand-word{font-size:18px}.nav>.button{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:12px 5px}.menu-toggle span{width:22px;height:2px;background:#263853}.nav nav{display:none;position:absolute;top:71px;left:0;right:0;padding:22px 20px;background:#fff;box-shadow:0 15px 20px #2638520a;border-bottom:1px solid var(--line);font-size:14px;gap:25px;flex-wrap:wrap;justify-content:center}.nav nav.open{display:flex}.hero{padding:40px 0 24px}.hero h1{font-size:51px;letter-spacing:-2px;margin-bottom:21px}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.9}.hero-actions{gap:19px}.hero-actions .button{padding:13px 17px;font-size:12px;gap:12px}.text-button{font-size:12px;gap:6px}.compatibility{font-size:10px}.hero-visual{width:100%;margin-top:12px;padding-bottom:22px}.visual-caption{font-size:9px}.caption-tag{font-size:6px}.canvas{height:260px;padding-inline:10px}.floating-note{right:0;padding:11px 14px}.floating-note strong{font-size:10px}.editor-bottom{font-size:8px;padding-inline:10px}.trust-strip .container{padding-block:18px}.trust-strip p{font-size:10px;gap:8px;flex-wrap:wrap;justify-content:center;line-height:1.8}.trust-strip span{font-size:10px}.section{padding:57px 0}.section-heading{display:block;margin-bottom:29px}.section h2{font-size:30px;letter-spacing:-1px}.section-heading>p{margin:19px 0 0;font-size:12px}.eyebrow{font-size:10px;margin-bottom:16px}.features-grid{gap:12px}.feature{padding:21px 16px}.feature-head{margin-bottom:19px}.feature h3{font-size:15px;line-height:1.5}.feature p{font-size:11px;line-height:1.9}.feature-tags span{font-size:8px;padding:4px 6px}.feature-tags{gap:5px}.feature-lead h3{font-size:18px}.feature-lead p{font-size:12px}.feature-icon{width:34px;height:34px}.feature-icon svg{width:19px;height:19px}.nesting-mini{padding-top:15px;margin-top:17px}.extras{display:block;padding-top:19px;margin-top:23px}.extras p{margin-top:13px;line-height:2;font-size:10px}.extras i{margin:0 8px}.steps{grid-template-columns:repeat(2,1fr);gap:36px 22px;margin-top:40px}.steps li{padding-top:23px}.steps h3{font-size:16px}.steps p{font-size:11px}.showcase-grid{gap:16px}.showcase-tab{padding:18px 8px;gap:8px 6px;grid-template-columns:18px 1fr}.showcase-tab strong{font-size:13px}.showcase-tab small{font-size:9px;line-height:1.8}.showcase-tab i{display:none}.showcase-tab span{font-size:9px}.screenshot-button{height:330px;padding:13px}.screenshot-button img{max-height:300px}.screen-header{font-size:8px;padding-inline:13px;height:34px}.faq-grid{gap:26px}.faq-side{font-size:11px;margin-top:17px}.faq-list summary{font-size:12px;line-height:1.8}.faq-list p{font-size:11px}.contact-section{padding:35px 0 44px}.contact-card{padding:33px 27px;display:block}.contact-card h2{font-size:33px}.contact-card p{font-size:11px}.contact-panel{margin-top:35px;max-width:250px}.contact-panel strong{font-size:30px}.contact-watermark{font-size:170px;bottom:-35px}.footer{padding-top:27px}.footer-main{flex-wrap:wrap;gap:18px;padding-bottom:23px}.footer-main .brand{font-size:20px}.footer-main p{order:3;width:100%;margin:0;font-size:9px}.footer-main>a:last-child{font-size:9px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:13px}.footer-bottom>span:last-child{width:100%;color:#adb5c2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(min-width:801px){.features-grid{grid-template-columns:repeat(6,1fr)}.features-grid .feature{grid-column:span 2}.features-grid .feature-lead,.features-grid .feature:nth-child(2){grid-column:span 3}}
@media(max-width:800px){.features-grid .feature:last-child{grid-column:span 2}}

.contact-panel .group-title{font-size:24px;letter-spacing:0;line-height:1.4}.contact-panel .qq-secondary{margin-top:12px;background:transparent;color:#fff;border-color:#ffffff60;font-size:12px;padding:12px;gap:0}

.pricing-section{background:#f4f7fc;border-block:1px solid #e6edf7;scroll-margin-top:82px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.price-card{padding:27px 24px;background:#fff;border:1px solid #dce6f4;border-radius:12px;box-shadow:0 12px 24px #18345604}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-heading h3{margin:0;font-size:16px}.plan-heading>span{font-size:10px;color:#1765ed;background:#edf4ff;border-radius:4px;padding:5px 7px;white-space:nowrap}.plan-price{display:flex;align-items:baseline;gap:5px;margin:28px 0 23px}.plan-price .currency{font-size:19px;color:#1765ed}.plan-price>strong{font-size:49px;letter-spacing:-2px;color:#1765ed;line-height:1}.payment-term{font-size:10px;color:#8a98ad;margin-left:4px;white-space:nowrap}.device-count{display:flex;align-items:baseline;gap:9px;border-top:1px solid #e6edf7;padding-top:23px}.device-count>strong{font-size:27px}.device-count>span{font-size:13px;color:#6c7d95}.plan-description{font-size:11px;color:#8a98ad;margin:12px 0 25px}.plan-action{display:flex;font-size:12px;width:100%;padding:12px 9px;gap:14px;background:#edf4ff;color:#1765ed;border-color:#e0ebff;box-shadow:none}.plan-action:hover{color:#fff}.extra-device{display:flex;align-items:center;gap:35px;justify-content:space-between;background:#102944;color:#fff;border-radius:12px;padding:27px 34px;margin-top:24px}.extra-label{font-size:10px;color:#90b9ed}.extra-device h3{font-size:21px;margin:10px 0}.extra-device p{font-size:12px;color:#adc1d9;margin:0}.extra-price{display:flex;align-items:baseline;gap:5px}.extra-price>strong{font-size:42px;letter-spacing:-1px}.extra-price>span{font-size:13px;color:#adc1d9;white-space:nowrap}.extra-device>a{color:#a7ccff;font-size:12px;white-space:nowrap}@media(max-width:1100px){.pricing-grid{gap:14px}.price-card{padding:23px 17px}.plan-heading{flex-wrap:wrap;gap:8px}.plan-price>strong{font-size:43px}.payment-term{font-size:9px;margin-left:0}}@media(max-width:800px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.price-card{padding:26px}.plan-heading{flex-wrap:nowrap}.extra-device{padding:25px;gap:20px}}@media(max-width:600px){.pricing-grid{gap:12px}.price-card{padding:20px 14px}.plan-heading{display:block}.plan-heading h3{font-size:14px;margin-bottom:10px}.plan-heading>span{font-size:9px}.plan-price{margin:25px 0 18px;flex-wrap:wrap;gap:3px}.plan-price>strong{font-size:37px}.plan-price .currency{font-size:16px}.payment-term{flex-basis:100%;margin:8px 0 0;font-size:9px}.device-count{padding-top:17px;gap:6px}.device-count>strong{font-size:24px}.device-count>span{font-size:11px}.plan-description{font-size:10px;margin-bottom:20px}.plan-action{font-size:10px;gap:7px;padding:11px 5px}.extra-device{display:block;padding:24px}.extra-device h3{font-size:19px}.extra-device p{font-size:11px}.extra-price{margin:21px 0 17px}.extra-device>a{font-size:11px}}