*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#20212b;background:white;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9b8bff;outline-offset:5px}button{color:inherit}img{max-width:100%}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}header{height:76px;position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(18px);box-shadow:0 1px 12px #16123409}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;white-space:nowrap;gap:8px}.brand img{width:39px;height:39px;object-fit:contain}.brand b{font-size:25px;letter-spacing:2px}.brand span{font-size:11px;color:#747886;letter-spacing:.3px}.nav nav{display:flex;gap:30px;align-items:center;margin-left:auto;font-size:15px}.nav nav button,.site-footer button{border:0;background:none;padding:0}.nav nav a:hover,.nav nav button:hover,.current{color:#6650ef}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 24px;min-height:44px;border:1px solid #e8e5ef;border-radius:9px;background:white;font-size:15px;font-weight:500;transition:transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6752e81c}.button.primary{background:#6547ee;color:white;border-color:#6547ee;box-shadow:0 8px 20px #6547ee22}.button.outline{border-color:#7355f5;color:#6547ee}.button.large{min-height:52px;padding:15px 30px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 24%,#e8f7ff 0,transparent 40%),radial-gradient(ellipse at 13% 38%,#f3edff 0,transparent 44%),linear-gradient(#fff,#f9f8ff 80%,#fff)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#b9aeee0d 1px,transparent 1px),linear-gradient(90deg,#b9aeee0d 1px,transparent 1px);background-size:180px 160px;mask-image:linear-gradient(#000,transparent)}.hero-inner{position:relative;text-align:center;padding-top:88px;padding-bottom:48px}.hero h1{font-size:58px;letter-spacing:2px;margin:0 0 25px;font-weight:750;line-height:1.4}.hero-sub{font-size:18px;color:#686878;line-height:1.8;margin:0}.hero-actions{display:flex;justify-content:center;gap:22px;margin:34px 0 66px}.float-logo{position:absolute;width:66px;height:66px;padding:17px;background:white;border-radius:19px;box-shadow:0 12px 35px #786bad15}.float-logo img{height:100%;width:100%}.float-a{left:3%;top:85px;transform:rotate(-15deg)}.float-b{right:3%;top:90px;transform:rotate(14deg)}.float-c{left:12%;top:240px;transform:rotate(12deg)}.float-d{right:11%;top:245px;transform:rotate(-15deg)}.product-window{position:relative;width:92%;margin:auto;border:9px solid white;border-radius:22px;overflow:hidden;box-shadow:0 22px 65px #41386b1c;text-align:left;background:#f6f7fc}.window-top{height:40px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#858594;font-size:11px}.dots{color:#c9c4db;letter-spacing:4px}.product-shell{display:flex;min-height:430px}.mock-sidebar{width:170px;flex-shrink:0;padding:22px 13px;background:#fff;position:relative;border-right:1px solid #eeeef4}.mock-sidebar>.brand{margin:0 0 30px 5px}.mock-sidebar .brand img{width:28px;height:28px}.mock-sidebar .brand b{font-size:19px}.mock-sidebar>span{display:block;font-size:12px;padding:13px 10px;color:#76788b;margin-bottom:6px;border-radius:6px}.mock-sidebar .selected{background:#f1edff;color:#704cff}.sidebar-bottom{position:absolute;bottom:23px;color:#a19bb3;font-size:11px;line-height:2;padding-left:10px}.mock-main{padding:25px;flex:1;min-width:0}.mock-heading{display:flex;align-items:center;justify-content:space-between}.mock-heading h3{font-size:23px;margin:0}.mock-button{font-size:10px;background:#7154ed;color:white;border-radius:5px;padding:10px 13px}.mock-toolbar{display:flex;gap:22px;align-items:center;font-size:10px;margin:25px 0 18px;color:#818196}.purple{color:#7051ec}.mock-search{margin-left:auto;padding:8px 13px;background:white;border:1px solid #e3e1ec;border-radius:5px;width:160px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-grid article{background:white;border-radius:9px;overflow:hidden;border:1px solid #e4e3ee}.cover{height:155px;padding:19px;position:relative;overflow:hidden;color:#645e55}.cover span{font-size:7px;letter-spacing:2px;position:relative;z-index:1}.cover strong{display:block;font-size:30px;line-height:1.05;margin-top:10px;position:relative;z-index:1}.cover i{position:absolute;width:140px;height:140px;border-radius:100%;right:-30px;bottom:-35px}.cover-one{background:#e4dac9}.cover-one i{background:#fff6e3;box-shadow:0 0 0 14px #d6c9b6}.cover-two{background:#ddd6f3;color:#8d77bb;background-image:linear-gradient(#a89bc31f 1px,transparent 1px),linear-gradient(90deg,#a89bc31f 1px,transparent 1px);background-size:30px 30px}.cover-two i{background:#b6a4db80}.cover-three{background:#c8e1df;color:#348f84}.cover-three i{background:#8ec0b4;transform:rotate(-30deg);border-radius:25px}.work-grid small{display:inline-block;color:#a69ac9;background:#f6f3fc;font-size:8px;margin:16px 12px 0;padding:3px 5px}.work-grid h4{font-size:11px;margin:10px 12px}.work-grid p{font-size:9px;color:#9093a9;margin:0 12px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-grid footer{font-size:8px;margin:0 12px;border-top:1px solid #efedf6;padding:12px 0;color:#aba7bc}.work-grid footer span{float:right;color:#7154ed}.floating-note{position:absolute;right:0;bottom:116px;display:flex;gap:14px;align-items:center;padding:21px 25px;background:#fffffff5;border:1px solid white;border-radius:14px;text-align:left;box-shadow:0 15px 50px #4a367925;transform:rotate(-3deg)}.note-icon{background:#e5faf2;color:#05b18b;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:23px}.floating-note b{font-size:14px}.floating-note small{display:block;font-size:11px;color:#9091a0;margin-top:6px}.visual-note{font-size:11px;color:#aaa4b5;margin-top:23px}h2{font-size:38px;line-height:1.4;text-align:center;letter-spacing:.4px;margin:0 0 17px}.section-sub{text-align:center;color:#858590;font-size:17px;margin:0 0 48px;line-height:1.8}.features{padding-top:70px;padding-bottom:110px;scroll-margin-top:0}.feature-tabs{position:sticky;top:76px;z-index:20;background:#fffffff5;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:15px 0;margin-bottom:48px;backdrop-filter:blur(10px)}.feature-tabs button{border:0;background:transparent;color:#6b697b;border-radius:10px;padding:15px 5px;font-size:16px;transition:.2s}.feature-tabs button[aria-selected=true]{background:#7153f2;color:white;box-shadow:0 6px 20px #7657ed1f}.feature-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:center;min-height:420px}.feature-art{height:420px;border-radius:26px;background:linear-gradient(135deg,#f4f1fd,#ebe9fa);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:42px}.feature-art:before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:#d9d1f6;right:-80px;top:-100px}.feature-copy h3{font-size:34px;margin:0 0 24px}.feature-copy p{color:#85818e;font-size:16px;line-height:2}.feature-copy ul{list-style:none;padding:0;margin:26px 0 32px}.feature-copy li{color:#74707e;font-size:15px;margin:19px 0;line-height:1.7;display:flex;gap:14px}.feature-copy li:before{content:'✓';color:#aa91f1}.feature-copy a{color:#7650f1;font-size:15px}.demo-card{position:relative;z-index:1;background:white;border:1px solid #eeeaf8;border-radius:14px;width:100%;padding:25px;box-shadow:0 20px 35px #6c588b15;transform:rotate(-2deg)}.demo-card h4{margin:0 0 25px;font-size:18px;display:flex;justify-content:space-between}.demo-card h4 span{font-size:11px;color:#8972da;font-weight:400}.demo-row{display:flex;align-items:center;gap:12px;border-top:1px solid #f0edf7;padding:17px 0;font-size:12px;color:#6c697c}.demo-row img{width:27px;height:27px}.demo-row em{font-style:normal;margin-left:auto;color:#36b391;background:#eafaf3;padding:5px 8px;border-radius:5px;font-size:10px}.demo-row .badge-purple{color:#8369d3;background:#f3efff}.demo-card-foot{font-size:10px;color:#b2aabd;margin-top:15px}.platform-section{padding:90px 0;background:#fafaff}.platform-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:20px;margin:55px 0 30px}.platform-item{text-align:center;font-size:13px;color:#61616c}.platform-item img{width:47px;height:47px;object-fit:contain;display:block;margin:0 auto 17px}.fine-print{text-align:center;color:#a3a0ac;font-size:12px;line-height:1.7}.download-section{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.download-section h2{text-align:left;font-size:35px;margin-top:15px}.download-section p{font-size:16px;color:#85828e;line-height:2;margin-bottom:30px}.eyebrow{color:#a79acb;letter-spacing:3px;font-size:12px}.download-art{height:360px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#efebff,transparent 70%)}.download-art>img{width:110px;position:relative;filter:drop-shadow(0 20px 14px #3bb9b725);transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid #e7e0fa;width:280px;height:280px;border-radius:100%;transform:rotate(-20deg)}.orbit-two{width:390px;height:220px;transform:rotate(25deg)}.download-chip{position:absolute;padding:13px 22px;background:white;border-radius:10px;font-size:13px;box-shadow:0 10px 35px #7256a31a;color:#8874b5}.chip-one{top:20px;left:55px;transform:rotate(-8deg)}.chip-two{right:10px;top:120px;transform:rotate(9deg)}.chip-three{bottom:26px;left:60px;transform:rotate(-5deg)}.download-meta{font-size:12px;color:#a09aaa;margin-top:18px}.scenario-section{background:#faf9fe;padding:90px 0}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.pain-grid article{background:white;border-radius:15px;border:1px solid #f0edf8;padding:32px 26px}.pain-grid article>span{font-size:30px;color:#9b83f5;display:block;margin-bottom:26px}.pain-grid h3{font-size:18px}.pain-grid p{color:#9792a1;font-size:14px;line-height:1.9}.about-section{text-align:center;padding-top:110px;padding-bottom:100px}.about-section h2{margin-top:18px}.about-section>p{line-height:2;color:#8b8696;font-size:16px}.values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.values>div+div{border-left:1px solid #eeeaf7}.values strong{display:block;font-size:36px;color:#7960e0;font-weight:600}.values span{display:block;margin-top:14px;color:#98919f;font-size:14px}.guide-section{padding:85px 0 100px;background:#fafaff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-grid button{text-align:left;border:1px solid #eeebf5;background:white;border-radius:14px;padding:0;overflow:hidden;transition:transform .2s}.guide-grid button:hover{transform:translateY(-5px)}.guide-art{height:190px;position:relative;overflow:hidden;background:#eee9ff;display:flex;align-items:center;justify-content:space-around;padding:25px}.guide-art>span{font-size:96px;font-weight:bold;color:#bba9ed55;letter-spacing:-10px}.guide-art i{font-size:70px;color:white;font-style:normal;background:#a68bef;width:100px;height:100px;text-align:center;border-radius:25px;transform:rotate(-10deg);box-shadow:0 15px 28px #9871df33}.art-two{background:#e7eefc}.art-three{background:#e3f3ef}.art-three i{background:#75bca8}.mini-platforms{display:flex;gap:8px;transform:rotate(-15deg)}.mini-platforms img{background:white;width:45px;height:45px;padding:8px;border-radius:10px;box-shadow:0 5px 15px #587abd15}.guide-grid small{display:block;color:#a392bc;margin:24px 24px 10px;font-size:11px}.guide-grid h3{font-size:17px;margin:0 24px 20px}.guide-grid p{font-size:12px;color:#9b95a5;margin:0 24px 25px}.guide-grid p span{float:right;color:#8465e2}.closing{text-align:center;padding:90px 20px;background:radial-gradient(ellipse at 50% 100%,#ede8ff,white 70%)}.closing p{color:#8b859a;font-size:16px;margin-bottom:30px}.site-footer{padding:60px 0 120px;background:#fbfbfd;color:#8f8c98;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.2fr .65fr .65fr 1.2fr;gap:40px}.footer-grid h4{font-size:14px;color:#45414f;margin:0 0 23px}.footer-grid p{font-size:12px;line-height:2}.footer-grid>div>a:not(.brand),.footer-grid button{display:block;margin:14px 0;font-size:12px}.footer-grid .brand b{color:#33313e}.footer-download{color:#7652da}.copyright{border-top:1px solid #eae8f0;margin-top:40px;padding-top:22px;font-size:11px}.copyright>span:last-child{float:right}.bottom-promo{position:fixed;bottom:0;left:0;right:0;z-index:35;background:linear-gradient(100deg,#e4eafff5,#edf3fffa 65%,#dce5fff5);border-top:1px solid #e1e4f5;backdrop-filter:blur(14px);box-shadow:0 -6px 30px #8392c315}.bottom-promo>.wrap{display:flex;align-items:center;gap:23px;height:85px}.bottom-promo img{width:53px}.bottom-promo b{font-size:22px;letter-spacing:1px;color:#465784}.bottom-promo span{display:block;margin-top:7px;font-size:12px;color:#8a95b2}.bottom-promo .button{margin-left:auto;color:#637bc1;border-color:white;padding:13px 28px}.promo-close{border:0;background:transparent;font-size:25px;color:#8693b5;margin-left:10px}.help-float{position:fixed;right:22px;bottom:115px;z-index:36;background:#7155ec;color:white;box-shadow:0 8px 28px #7560d443;border:0;width:64px;height:74px;border-radius:14px;font-size:29px}.help-float span{font-size:10px;display:block;margin-top:4px}dialog{border:1px solid #efebff;border-radius:22px;padding:40px;max-width:600px;width:calc(100% - 36px);max-height:85vh;box-shadow:0 30px 100px #33234c30;color:#34303e}dialog::backdrop{background:#25203866;backdrop-filter:blur(5px)}dialog h2{font-size:26px;text-align:left;padding-right:20px;margin-bottom:24px}.dialog-close{position:absolute;right:17px;top:14px;border:0;background:#f5f2fc;border-radius:50%;width:32px;height:32px;font-size:23px;color:#8f80ac}dialog p,dialog li{font-size:14px;line-height:2;color:#80778d}dialog li{margin:12px 0}details{border-top:1px solid #eeeaf5;padding:19px 0}summary{cursor:pointer;font-size:15px;line-height:1.7}details p{margin-bottom:0}body:has(dialog[open]){overflow:hidden}@media(min-width:1800px){.hero-inner{padding-top:110px}.hero-actions{margin-bottom:80px}.product-shell{min-height:480px}.cover{height:195px}}@media(max-width:1100px){.nav{gap:15px}.nav nav{gap:18px;font-size:13px}.brand span{display:none}.hero h1{font-size:46px}.float-logo{width:50px;height:50px;padding:12px}.float-c{left:4%}.float-d{right:4%}.feature-panel{gap:35px}.feature-art{padding:22px;height:365px}.platform-grid{grid-template-columns:repeat(5,1fr);row-gap:32px}.download-section{gap:30px}.download-section h2{font-size:30px}.mock-sidebar{width:140px}.cover{padding:14px}.cover strong{font-size:24px}.mock-main{padding:18px}.pain-grid{gap:12px}.pain-grid article{padding:25px 18px}.guide-grid h3{font-size:15px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}header{height:66px}.nav nav{display:none}.nav>.button{margin-left:auto;font-size:12px;padding:10px 15px;min-height:38px}.brand b{font-size:23px}.brand img{width:32px;height:32px}.hero-inner{padding-top:60px;padding-bottom:24px}.hero h1{font-size:32px;letter-spacing:0;position:relative;z-index:1}.hero-sub{font-size:14px;padding:0 15px}.hero-actions{gap:12px;margin:26px 0 40px}.button.large{padding:13px 20px;font-size:13px;min-height:46px}.float-logo{width:35px;height:35px;padding:8px;border-radius:10px;opacity:.7}.float-a{top:17px;left:3%}.float-b{top:22px;right:6%}.float-c,.float-d{display:none}.product-window{width:100%;border-width:5px;border-radius:13px}.window-top{height:28px;font-size:7px;padding:0 8px}.product-shell{min-height:250px}.mock-sidebar{width:70px;padding:10px 5px}.mock-sidebar .brand{gap:2px;margin:4px 0 15px}.mock-sidebar .brand img{width:16px;height:16px}.mock-sidebar .brand b{font-size:12px}.mock-sidebar>span{font-size:6px;padding:7px 3px}.sidebar-bottom{font-size:6px;bottom:15px;padding:0}.mock-main{padding:12px 8px}.mock-heading h3{font-size:13px}.mock-button{font-size:6px;padding:6px}.mock-toolbar{font-size:6px;gap:10px;margin:17px 0 12px}.mock-search{display:none}.work-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.work-grid article:last-child{display:none}.cover{height:91px;padding:10px}.cover strong{font-size:22px}.cover span{font-size:4px;letter-spacing:1px}.cover i{width:70px;height:70px}.work-grid h4{font-size:7px;margin:8px 5px}.work-grid small{font-size:5px;margin:7px 5px 0;padding:2px}.work-grid p{font-size:6px;margin:0 5px 12px}.work-grid footer{font-size:5px;margin:0 5px;padding:8px 0}.floating-note{display:none}.visual-note{font-size:9px}h2{font-size:27px}.section-sub{font-size:14px;margin-bottom:30px}.features{padding:45px 0 60px}.feature-tabs{top:66px;display:flex;overflow-x:auto;margin-bottom:25px;gap:8px;scrollbar-width:none}.feature-tabs button{flex:0 0 auto;padding:12px 18px;font-size:13px}.feature-panel{grid-template-columns:1fr;gap:25px}.feature-art{height:300px;padding:32px}.feature-copy h3{font-size:26px;margin-bottom:12px}.feature-copy p,.feature-copy li{font-size:14px}.feature-copy ul{margin:15px 0 23px}.feature-copy li{margin:12px 0}.platform-section{padding:55px 0}.platform-grid{grid-template-columns:repeat(5,1fr);gap:25px 9px;margin:30px 0}.platform-item{font-size:10px}.platform-item img{width:31px;height:31px;margin-bottom:12px}.fine-print{font-size:10px}.download-section{grid-template-columns:1fr;gap:20px;padding:50px 0 65px;text-align:center}.download-art{height:260px;max-width:340px;width:100%;margin:auto}.download-art>img{width:85px}.orbit-one{width:220px;height:220px}.orbit-two{width:300px;height:175px}.chip-one{left:0;top:10px}.chip-three{left:0;bottom:5px}.download-chip{font-size:11px;padding:10px 14px}.download-section h2{text-align:center;font-size:26px}.download-section p{font-size:14px}.scenario-section,.guide-section{padding:55px 0}.pain-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pain-grid article{padding:20px 15px}.pain-grid h3{font-size:14px}.pain-grid p{font-size:12px}.pain-grid article>span{font-size:25px;margin-bottom:12px}.about-section{padding:60px 0}.about-section>p{font-size:14px}.values{grid-template-columns:repeat(2,1fr);gap:30px 0;margin-top:35px}.values strong{font-size:28px}.values span{font-size:12px}.values>div:nth-child(3){border:0}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-art{height:160px}.guide-grid h3{font-size:17px}.closing{padding:65px 20px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.footer-grid>div:last-child{grid-column:1/-1}.site-footer{padding:40px 0 100px}.copyright>span:last-child{display:none}.bottom-promo>.wrap{height:70px;gap:8px}.bottom-promo img{width:30px}.bottom-promo b{font-size:12px;letter-spacing:0}.bottom-promo span{font-size:9px}.bottom-promo .button{font-size:11px;padding:9px 12px;min-height:36px}.promo-close{font-size:20px;margin:0;padding:0 0 0 3px}.help-float{width:46px;height:55px;right:12px;bottom:90px;font-size:23px;border-radius:11px}.help-float span{font-size:8px}dialog{padding:30px 23px}dialog h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}