*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#242332;font:15px/1.7 'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a498ff;outline-offset:4px}.site-nav{height:90px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #e8e6e1}.logo{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:800;letter-spacing:-1px}.mark{display:grid;place-items:center;background:#6454e8;color:white;width:36px;height:36px;border-radius:11px;font-size:28px;line-height:1}.beta{font-size:8px;letter-spacing:1px;border:1px solid #dbd6ef;border-radius:5px;padding:2px 5px;color:#716a8c;align-self:start;margin-top:6px}.site-nav nav{display:flex;gap:30px;font-size:13px;color:#706d7c}.site-nav nav a:hover,.site-nav nav a[aria-current]{color:#6454e8}.button{display:inline-flex;align-items:center;justify-content:center;background:#6454e8;color:white;border:0;border-radius:9px;padding:15px 24px;font-weight:650;box-shadow:0 4px 0 #4c3fc51a;transition:transform .2s,background .2s}.button:hover{background:#5141d3;transform:translateY(-2px)}.button.small{padding:10px 19px;font-size:13px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;padding:85px 5% 75px;min-height:680px;align-items:center;overflow:hidden}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #ded9ee;padding:5px 12px;border-radius:30px;color:#73658f;font-size:11px;background:#f3f0fc}.pill span{width:6px;height:6px;background:#8573e9;border-radius:50%}h1{font-size:clamp(42px,4.8vw,72px);line-height:1.08;letter-spacing:-3px;font-weight:750;margin:24px 0}h1 span,h1 em{color:#6454e8;font-style:normal}.lead{font-size:16px;color:#7c7888;line-height:1.9;margin:25px 0 28px}.link-form{display:flex;gap:8px;align-items:center;border:1px solid #dfdbe9;background:white;border-radius:12px;padding:7px;max-width:600px;box-shadow:0 8px 25px #3a2c6b07}.link-form>span{font-size:26px;color:#9b93b4;margin-left:8px}.link-form input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:12px;padding:8px;color:#4e455d}.link-form .button{white-space:nowrap;padding:14px 17px;font-size:12px}.fine{font-size:11px;color:#918b9b;letter-spacing:.1px}.text-link{font-size:13px;font-weight:600;color:#625584;display:inline-block;margin-top:16px}.text-link span{margin-left:10px}.hero-art{height:530px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #e6e1f0;border-radius:50%;width:510px;height:510px;transform:rotate(-25deg)}.orbit-two{width:590px;height:320px;transform:rotate(-40deg)}.hero-film{width:285px;height:465px;border-radius:16px;padding:24px;background:#2c2446;color:#f4f0ff;transform:rotate(6deg);box-shadow:10px 30px 70px #4e357526;position:relative;overflow:hidden}.hero-film:before{content:'';position:absolute;inset:-100px;background:radial-gradient(ellipse at 70% 70%,#8874cd4d,transparent 60%);pointer-events:none}.film-top{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;color:#c6b8ff}.film-top span{font-size:6px;color:#b1a5cd}.hero-film h2{font-size:33px;letter-spacing:-1px;line-height:1.1;margin:35px 0 27px;font-weight:600}.product-ui{background:#faf9ff;border-radius:6px;display:flex;gap:13px;color:#302a42;height:172px;box-shadow:0 12px 20px #130f3122;transform:rotate(-3deg);overflow:hidden}.product-ui aside{width:33px;padding:10px;background:#8170bd;color:#e5dcff;line-height:1.8;font-size:10px}.product-ui>div{padding:13px 10px 8px 0;flex:1}.product-ui strong{font-size:10px}.product-ui p{font-size:6px;margin:1px 0 12px;color:#999}.ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ui-grid i{font-style:normal;font-size:7px;padding:7px;background:#e9e0f7;border-radius:3px}.ui-grid i:nth-child(2),.ui-grid i:nth-child(3){background:#e4eddb}.film-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:30px;font-size:10px;color:#d5c7ff}.film-bottom span{font-size:25px}.float-label{position:absolute;background:white;padding:11px 18px;border:1px solid #e2deee;border-radius:10px;box-shadow:0 8px 30px #43396a0b;font-size:11px;z-index:2}.link-label{left:0;top:82px;transform:rotate(-7deg)}.export-label{right:-5px;bottom:90px;transform:rotate(5deg);color:#62528a}.play-demo{position:absolute;left:60px;bottom:85px;background:#d0ec90;border:5px solid #faf9f6;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;color:#2d4136;box-shadow:0 8px 20px #4d433b12}.art-note{position:absolute;bottom:-8px;font-size:9px;color:#a8a1b2}.use-strip{max-width:1300px;margin:auto;border-top:1px solid #e7e4dd;border-bottom:1px solid #e7e4dd;display:flex;align-items:center;justify-content:space-between;padding:23px 5%;gap:20px;font-size:11px;color:#918b9b}.use-strip b{letter-spacing:2px;font-size:12px;color:#7a7482}.section{padding:90px 5%;max-width:1440px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8c7daf;font-weight:700}h2{font-size:34px;line-height:1.4;letter-spacing:-1px;font-weight:650;margin:15px 0}.section-head p{color:#958e9d;font-size:12px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.steps-grid article{border-top:1px solid #dcd7e5;padding-top:22px}.steps-grid article>span{font-size:10px;color:#9485b4;letter-spacing:1px}.steps-grid h3{font-size:19px;margin:16px 0 10px}.steps-grid p{font-size:13px;color:#8a8493;max-width:330px;min-height:68px}.mini-url,.mini-export,.swatches{margin-top:25px;height:65px;background:#f0edf5;border-radius:9px;display:flex;align-items:center;gap:10px;padding:20px;font-size:11px;color:#87799a}.mini-url b{margin-left:auto;color:#6454e8}.swatches i{width:25px;height:25px;border-radius:50%;background:#7660d5;border:3px solid white}.swatches i:nth-child(2){background:#cbe894}.swatches i:nth-child(3){background:#eab893}.swatches i:nth-child(4){background:#30283f}.swatches b{margin-left:auto;font-size:23px}.mini-export{background:#eff2e7;color:#68734e}.mini-export>b{font-weight:500}.tinted{background:#f0eee9;border-top:1px solid #e7e4df;border-bottom:1px solid #e7e4df;max-width:none}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1296px;margin:auto}.template-card{transition:transform .2s}.template-card:hover{transform:translateY(-6px)}.poster{height:355px;border-radius:12px;position:relative;overflow:hidden;padding:28px;background:#ddd5f1;color:#4b346c}.poster>span{font-size:9px;letter-spacing:1px}.poster h3{font-size:32px;line-height:1.15;max-width:250px;margin-top:30px;letter-spacing:-1px}.poster em{position:absolute;right:25px;bottom:24px;font-style:normal;font-size:35px}.poster small{position:absolute;bottom:25px;font-size:9px;letter-spacing:1px}.mock-window{width:180px;height:114px;background:#faf8ff;border-radius:5px;transform:rotate(-8deg);padding:8px;box-shadow:0 8px 25px #28203914}.mock-window>i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#c4b8dd;vertical-align:top;margin-right:3px}.mock-ui{display:flex;gap:8px;margin:8px}.mock-ui b{width:35px;height:55px;border-radius:3px;background:#e6dbf8}.mock-ui b:nth-child(2){background:#c8d9b6}.poster.tour{background:#dce7ca;color:#33462d}.tour .mock-window{transform:rotate(7deg);margin-left:35px}.poster.reveal{background:#2f2743;color:#e3d2fe}.reveal .mock-window{display:none}.reveal em{font-size:110px;color:#ceec92;right:45px;bottom:35px}.card-caption h3{font-size:16px;margin:20px 0 3px;display:flex;justify-content:space-between}.card-caption p{font-size:12px;color:#8d8694;margin:0}.manifesto{text-align:center;padding:110px 5%;background:radial-gradient(ellipse at center,#e8e0f15e,transparent 65%)}.manifesto h2{font-size:40px;letter-spacing:-1px}.manifesto em{font-style:normal;color:#8e80ac}.manifesto p{font-size:14px;color:#8b8396}.closing{background:#6454e8;color:white;text-align:center;padding:65px 20px;position:relative;overflow:hidden}.closing .eyebrow{color:#c5bcff}.closing h2{font-size:38px;margin:20px 0 30px}.button.light{background:#e1f3ac;color:#333d22}.closing p{font-size:10px;color:#cdc5ff;margin-top:20px}.site-footer{max-width:1440px;padding:55px 5% 40px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.site-footer p{font-size:12px;color:#9a92a4}.site-footer>div{display:flex;flex-direction:column;align-items:start;gap:9px}.site-footer b{font-size:12px;margin-bottom:10px}.site-footer a:not(.logo),.site-footer>div>span{font-size:11px;color:#8f8799}.site-footer a:hover{color:#6454e8}.page-intro{max-width:1200px;margin:auto;padding:70px 5% 35px}.page-intro h1{font-size:48px;line-height:1.35;letter-spacing:-2px}.page-intro p{color:#8a8197;font-size:14px;max-width:640px}.compact{padding-top:20px}.guide,.prose,.faq-list{max-width:850px;margin:0 auto;padding:20px 25px 90px}.guide article{display:flex;gap:35px;padding:25px 0;border-top:1px solid #e0dbe8}.guide article>span{color:#9987c9;font-size:30px;padding-top:7px}.guide h2,.prose h2{font-size:23px}.guide p,.prose p{color:#7d748c;font-size:14px;line-height:1.9}.guide>.button{margin-top:20px}.prose{padding-top:0}.prose h2{margin-top:35px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:950px;margin:15px auto 90px;padding:0 25px}.pricing>div{background:white;border:1px solid #d9cfee;border-radius:16px;padding:35px;box-shadow:0 15px 40px #7060890a}.pricing aside{padding-top:45px}.pricing p{font-size:13px;color:#8b8198}.price{font-size:55px;color:#6454e8;font-weight:750}.price small{font-size:12px;font-weight:400;color:#978ba8}.pricing ul{list-style:none;padding:0;margin:25px 0}.pricing li{font-size:13px;margin:12px 0}.pricing li:before{content:'✓';color:#9582c3;margin-right:12px}.pricing .button{width:100%}.faq-list details{border-bottom:1px solid #e0dbe8;padding:23px 0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;font-weight:600}.faq-list summary span{color:#9586ad}.faq-list p{color:#83798f;font-size:14px;max-width:700px}.faq-list details[open] summary span{transform:rotate(45deg)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:1000px){.hero{padding-top:55px;grid-template-columns:1.15fr .85fr}.hero-art{transform:scale(.85);transform-origin:center}.hero h1{font-size:52px}.site-nav nav{gap:18px}.link-form{flex-wrap:wrap}.link-form input{width:70%;flex:1}.link-form .button{width:100%}.poster{height:330px;padding:20px}.poster h3{font-size:25px}.steps-grid{gap:23px}.steps-grid p{min-height:95px}}@media(max-width:700px){.site-nav{height:auto;min-height:80px;flex-wrap:wrap;padding:20px;gap:18px}.site-nav nav{order:3;width:100%;justify-content:space-between;font-size:12px}.site-nav .logo{font-size:22px}.site-nav .button{margin-left:auto;font-size:11px}.hero{display:flex;flex-direction:column;padding:45px 22px 35px;gap:25px;align-items:stretch}.hero h1{font-size:48px;letter-spacing:-2.5px}.lead{font-size:14px}.hero-art{height:480px;transform:scale(.9);margin:-20px 0}.link-form .button{width:auto}.link-form input{width:50%;font-size:11px}.link-label{left:-10px}.export-label{right:-15px}.use-strip{flex-wrap:wrap;justify-content:center;padding:22px}.use-strip>span{width:100%;text-align:center}.use-strip b{font-size:8px}.section{padding:55px 22px}.section-head{display:block}.section-head h2{font-size:27px}.steps-grid{grid-template-columns:1fr;gap:28px}.steps-grid p{min-height:0;max-width:none}.steps-grid article{padding-top:15px}.mini-url,.mini-export,.swatches{margin-top:15px}.template-grid{grid-template-columns:1fr}.poster{height:340px}.poster h3{font-size:34px}.mock-window{margin-left:40px}.template-card{margin-bottom:20px}.manifesto{padding:65px 22px}.manifesto h2{font-size:29px}.closing h2{font-size:30px}.site-footer{grid-template-columns:1fr 1fr;padding:40px 22px;gap:30px}.site-footer>div:first-child{grid-column:1/-1}.page-intro{padding:45px 22px 25px}.page-intro h1{font-size:36px;letter-spacing:-1px}.pricing{grid-template-columns:1fr;gap:20px}.pricing aside{padding-top:15px}.guide article{gap:22px}.faq-list summary{font-size:14px}.hero-art .orbit{max-width:125vw}.art-note{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.brand-symbol{display:block;flex:none;border-radius:11px}.logo{gap:11px}.site-footer .brand-symbol{width:32px;height:32px}