@charset "UTF-8";
:root{--ink:#252033;--muted:#7c758b;--purple:#7b45cc;--lavender:#f3ecfc;--line:#eae5ef;--paper:#fdfcfe;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button[disabled]{opacity:1;cursor:default}button:disabled{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c491f2;outline-offset:5px}.container{width:min(1180px,calc(100% - 80px));margin:auto}.skip{position:fixed;left:20px;top:-60px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.header{height:88px;background:#fdfcfef0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1px;font-weight:800}.brand img{width:41px;height:41px}.brand em{font-size:13px;font-weight:600;font-style:normal;letter-spacing:1.6px;margin-left:4px;color:var(--purple)}.navlinks{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:35px;font-size:14px;font-weight:600}.navlinks a{padding:33px 0;position:relative}.navlinks a:hover,.navlinks .active{color:var(--purple)}.navlinks .active:after{content:"";position:absolute;bottom:20px;left:calc(50% - 3px);height:5px;width:5px;border-radius:50%;background:var(--purple)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;background:linear-gradient(110deg,#8150cf,#a065dd);padding:16px 25px;font-size:14px;font-weight:600;color:white!important;line-height:1.3;box-shadow:0 7px 22px #814bc724}.btn.small{padding:12px 20px;font-size:13px}.btn.secondary{background:transparent;border-color:#dcd2e9;box-shadow:none;color:var(--ink)!important}.btn.secondary:hover{background:#f1e9fa}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 30%,#e8dbfa99,transparent 56%),radial-gradient(ellipse at 5% 90%,#fff1e9,transparent 42%),#fbf9ff;padding:66px 0 0}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:70px;min-height:490px;padding-bottom:62px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;color:var(--purple);font-weight:700}.eyebrow:before{content:"";width:23px;height:1px;background:currentColor}.pill{display:inline-flex;gap:9px;align-items:center;border:1px solid #dfccef;background:#f4ebfc;border-radius:30px;color:#7f4ab7;font-size:11px;padding:8px 13px;letter-spacing:1px}.dot{width:6px;height:6px;background:#a36ed6;border-radius:50%}h1{font-size:58px;line-height:1.27;letter-spacing:-2.5px;margin:25px 0 20px;font-weight:800}h1 span{color:var(--purple)}.hero-copy>p{font-size:15px;color:#7d7388;line-height:1.95;margin:0 0 26px;max-width:450px}.actions{display:flex;align-items:center;gap:12px}.platforms{display:flex;gap:20px;margin-top:26px;align-items:center;color:#98909f;font-size:11px}.platforms span{display:flex;gap:6px;align-items:center}.platforms .icon{height:15px;width:15px}.hero-note{font-size:10px;color:#a69aac;margin-top:16px}.visual{position:relative;padding:12px 5px 10px}.client{position:relative;background:linear-gradient(135deg,#272035,#2e203f 70%,#42285b);color:white;border-radius:24px;padding:23px 26px;box-shadow:0 30px 65px #49305926;border:1px solid #ffffff40;transform:rotate(-2deg)}.client-top{display:flex;justify-content:space-between;align-items:center;font-size:11px}.client-top b{display:flex;align-items:center;gap:8px;font-size:13px}.client-top img{width:23px;height:23px}.client-top>span{color:#b5a8c6;border:1px solid #ffffff15;background:#ffffff06;padding:5px 9px;border-radius:6px;font-size:9px}.client-sub{font-size:9px;color:#9789a9;margin-top:12px;letter-spacing:1.2px}.ring{position:relative;width:174px;height:174px;border:1px solid #cda6ff20;border-radius:50%;margin:28px auto 20px;display:grid;place-items:center}.ring:before{content:"";position:absolute;inset:10px;border:7px solid #ffffff08;border-top-color:#a373df;border-right-color:#a373df;border-radius:50%;transform:rotate(-35deg)}.ring:after{content:"";position:absolute;inset:-11px;border:1px dashed #c19cfa1c;border-radius:50%}.ring-core{width:117px;height:117px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:50%;background:radial-gradient(circle,#8752c43b,#ffffff03)}.ring-core .icon{width:39px;height:39px;color:#ddc1ff;stroke-width:1.2}.ring-core small{font-size:10px;color:#beaacf}.client-state{text-align:center;font-size:13px;letter-spacing:2px}.client-caption{text-align:center;font-size:9px;color:#9683a6;margin:8px 0 22px}.server{display:flex;align-items:center;gap:10px;padding:13px;background:#ffffff07;border:1px solid #ffffff13;border-radius:11px;font-size:11px}.server .icon{color:#b28cdb;width:19px;height:19px}.server small{display:block;margin-top:5px;font-size:8px;color:#9e8ead}.server>span:last-child{margin-left:auto;color:#ad8ecd}.client-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;margin-top:17px;padding-top:15px;font-size:9px;color:#9e8eae}.client-bottom b{font-weight:400;color:#a2cfb8}.float{position:absolute;z-index:2;padding:13px 17px;display:flex;gap:12px;align-items:center;background:#ffffffee;border:1px solid white;box-shadow:0 14px 36px #49305912;border-radius:13px;backdrop-filter:blur(10px)}.float strong{font-size:12px;display:block}.float small{font-size:9px;color:#a095ac;display:block;margin-top:5px}.float .icon{color:var(--purple);width:27px;height:27px}.float-top{right:-22px;top:6px;transform:rotate(3deg)}.float-bottom{bottom:30px;left:-34px;transform:rotate(2deg)}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e8deef;padding:25px 0;gap:20px}.feature-strip>div{display:flex;gap:13px;align-items:center;justify-content:center;border-right:1px solid #e6deeb}.feature-strip>div:last-child{border:0}.feature-strip .icon{color:#966bc4}.feature-strip b{display:block;font-size:12px;font-weight:600}.feature-strip small{display:block;font-size:10px;color:#a195aa;margin-top:5px}.section{padding:88px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:35px}h2{font-size:34px;line-height:1.45;letter-spacing:-1px;margin:13px 0 0}h2 span{color:var(--purple)}.section-head p,.intro{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.section-head p{max-width:340px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:white}.card-icon{display:grid;place-items:center;height:46px;width:46px;color:var(--purple);background:#f2eafb;border-radius:13px;margin-bottom:25px}.card h3{font-size:18px;margin:0 0 12px}.card p{color:var(--muted);font-size:12px;line-height:1.95;margin:0}.card-number{margin-top:30px;color:#b3a6c3;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.card-number span{font-size:17px}.scenario{background:#f4f0f8;border-radius:28px;padding:45px;display:grid;grid-template-columns:.85fr 1.2fr;gap:65px}.scenario h2{margin-bottom:18px}.scenario .intro{max-width:290px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.scene{background:#ffffffa8;border:1px solid white;border-radius:15px;padding:21px;display:flex;align-items:flex-start;gap:13px}.scene .icon{color:#9c6cc8;width:21px}.scene h3{font-size:13px;margin:1px 0 7px}.scene p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.text-link{display:inline-flex;align-items:center;gap:15px;color:var(--purple);font-size:12px;font-weight:600;margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.step{position:relative;padding-left:57px}.step>span{position:absolute;top:0;left:0;font-size:29px;color:#d8c7e9;font-weight:500}.step h3{font-size:15px;margin:3px 0 13px}.step p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.faq-section{background:#faf8fc}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid .intro{margin-top:18px}details{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:21px}summary{cursor:pointer;list-style:none;font-size:14px;display:flex;justify-content:space-between;gap:20px;line-height:1.7}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#a88abd;font-size:21px;line-height:1}details[open] summary:after{content:"−"}details p{font-size:12px;color:var(--muted);line-height:1.9;margin:15px 25px 0 0}.cta{margin:65px auto;background:radial-gradient(ellipse at 90% 100%,#65408d,#2f203f 75%);padding:42px 49px;border-radius:23px;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:220px;height:220px;right:75px;border:1px solid #ffffff08;border-radius:50%;pointer-events:none}.cta h2{font-size:28px;margin:0}.cta p{font-size:12px;color:#c2afcf;margin:12px 0 0}.cta .btn{background:#f8f1ff;color:#7042a1!important;box-shadow:none;z-index:1}.footer{padding:45px 0 23px;border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;gap:50px}.footer-brand{max-width:290px}.footer .brand{font-size:22px}.footer .brand img{width:33px;height:33px}.footer p{font-size:11px;line-height:1.9;color:#978ba3;margin-top:16px}.footer-cols{display:flex;gap:80px}.footer-cols strong{font-size:12px;display:block;margin:0 0 18px}.footer-cols a{display:block;font-size:11px;color:#8d819b;margin:13px 0}.footer-cols a:hover{color:var(--purple)}.footer-bottom{border-top:1px solid var(--line);margin-top:37px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#aca1b5;font-size:10px}.crumb{display:flex;gap:10px;font-size:11px;color:#a597b1;margin-bottom:36px}.crumb a{color:#846a9e}.download-hero{padding:33px 0 52px;background:radial-gradient(ellipse at 85% 65%,#ecdef9aa,transparent 60%),#fbf9fd}.download-hero .hero-grid{min-height:0;padding-bottom:0;grid-template-columns:1.2fr 1fr;gap:95px}.download-hero h1{font-size:46px}.download-hero .hero-copy p{margin-bottom:20px}.device-art{position:relative;height:270px;display:flex;align-items:center;justify-content:center}.desktop{width:320px;height:203px;border-radius:14px;padding:8px;background:#30233f;box-shadow:0 20px 45px #71459524;transform:rotate(-4deg);border:1px solid #6f548b}.screen{height:100%;border:1px solid #ffffff18;border-radius:8px;background:radial-gradient(ellipse at center,#75449d88,#352246);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#f1dcff}.screen img{width:45px;height:45px}.screen b{font-size:14px}.screen small{font-size:8px;color:#baa5cf;letter-spacing:2px}.desktop:after{content:"";position:absolute;width:125px;height:10px;background:#b6a0c9;border-radius:0 0 10px 10px;bottom:-25px;left:100px;box-shadow:0 -14px 0 -2px #c7b7d6}.phone{position:absolute;height:182px;width:94px;border:4px solid #d7c5e8;border-radius:19px;background:linear-gradient(140deg,#f8f2fd,#e5d5f4);right:0;bottom:5px;box-shadow:0 12px 25px #452a5924;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transform:rotate(6deg)}.phone:before{content:"";position:absolute;top:6px;height:5px;width:30px;border-radius:5px;background:#bea6d0}.phone img{width:32px;height:32px}.phone small{font-size:7px;color:#9d78ba}.phone .icon{width:24px;height:24px;color:#a17cbe}.download-section{padding:65px 0 75px}.platform-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.platform-card{padding:27px 22px;background:white;border:1px solid var(--line);border-radius:20px}.platform-card .os{width:44px;height:44px;display:grid;place-items:center;background:#f4eefb;color:var(--purple);border-radius:12px;margin-bottom:23px}.os .icon{height:24px;width:24px}.platform-card h3{font-size:19px;margin:0 0 6px}.platform-card>small{font-size:10px;color:#a293b0}.platform-card p{font-size:11px;line-height:1.9;color:var(--muted);margin:20px 0;min-height:62px}.platform-card .btn{width:100%;padding:12px 8px;font-size:11px;border:1px solid #e3d6ef;background:#f5effc;box-shadow:none;color:#8955bd!important;gap:7px}.platform-card .btn .icon{width:16px;height:16px}.platform-card:first-child{border-color:#d9bfef;background:linear-gradient(170deg,#f9f4ff,white)}.platform-card:first-child .btn{background:var(--purple);color:white!important}.small-note{font-size:10px;color:#a596af;text-align:center;line-height:1.8;margin:23px 0 0}.install-section{padding:65px 0;background:#f7f3fb}.install-section .steps{gap:30px}.requirements{padding:38px;border:1px solid var(--line);border-radius:20px;margin-top:42px}.req-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.req-row div{display:flex;gap:16px;align-items:flex-start}.req-row .icon{color:#a27abb}.req-row h3{font-size:13px;margin:0 0 9px}.req-row p{font-size:11px;color:var(--muted);line-height:1.85;margin:0}.download-faq{padding:70px 0}.download-faq .faq-grid{gap:70px}::selection{background:#e6d5f7}@media(min-width:1500px){.hero-grid{min-height:560px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.navlinks{gap:22px;margin-right:10px}.hero-grid{gap:35px}h1{font-size:48px}.float-top{right:-5px}.float-bottom{left:-10px}.client{padding:22px}.scenario{gap:35px;padding:32px}.footer-cols{gap:45px}.download-hero .hero-grid{gap:50px}.download-hero h1{font-size:40px}.platform-cards{gap:12px}.platform-card{padding:24px 16px}}@media(max-width:760px){.container{width:calc(100% - 36px)}.header{height:74px}.brand{font-size:22px}.brand img{width:34px;height:34px}.brand em{display:none}.nav{gap:12px}.navlinks{gap:18px;font-size:12px;margin:0 0 0 auto}.navlinks a{padding:26px 0}.navlinks .optional{display:none}.navlinks .active:after{bottom:14px}.header .btn{display:none}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;gap:42px;padding-bottom:35px}.hero-copy{max-width:550px}h1{font-size:46px;letter-spacing:-2px;margin-top:20px}.hero-copy>p{font-size:14px;max-width:480px}.platforms{gap:15px}.visual{width:min(440px,calc(100% - 24px));margin:auto}.client{transform:rotate(-1deg)}.float-top{right:-13px}.float-bottom{left:-12px;bottom:25px}.feature-strip{grid-template-columns:1fr 1fr;gap:23px 5px;padding:27px 0}.feature-strip>div:nth-child(2){border:0}.section{padding:58px 0}.section-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:27px}h2{font-size:28px}.cards{grid-template-columns:1fr;gap:14px}.card{padding:25px}.card-icon{float:left;margin:0 18px 0 0}.card h3{font-size:16px;margin-top:3px}.card p{overflow:hidden}.card-number{margin-top:20px}.scenario{grid-template-columns:1fr;gap:28px;padding:26px;border-radius:20px}.scene-grid{gap:10px}.scene{padding:18px 13px;gap:10px}.scene .icon{width:18px}.scene h3{font-size:12px}.scene p{font-size:10px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.step{padding-left:53px}.step p{max-width:420px}.faq-grid{grid-template-columns:1fr;gap:30px}.cta{margin:40px auto;padding:30px 25px;flex-direction:column;align-items:flex-start;gap:25px}.cta h2{font-size:24px}.footer{padding-top:33px}.footer-main{flex-direction:column;gap:23px}.footer-brand{max-width:370px}.footer-cols{justify-content:space-between;gap:25px}.footer-bottom{font-size:9px;line-height:1.8;flex-direction:column;gap:6px;margin-top:25px}.download-hero{padding-top:25px}.crumb{margin-bottom:28px}.download-hero .hero-grid{grid-template-columns:1fr;gap:25px}.download-hero h1{font-size:40px}.device-art{width:min(360px,100%);margin:auto;height:255px}.desktop{width:285px;height:180px}.desktop:after{left:82px}.phone{right:0}.platform-cards{grid-template-columns:1fr 1fr;gap:12px}.platform-card{padding:23px 17px}.platform-card p{min-height:82px}.download-section,.install-section,.download-faq{padding:50px 0}.req-row{grid-template-columns:1fr;gap:25px}.requirements{padding:25px;margin-top:28px}.download-faq .faq-grid{gap:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
