*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#f8f9f5;color:#202421;font:16px/1.65 "Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #245edb;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.15;letter-spacing:-2px}.wrap,.nav{max-width:1328px;margin-inline:auto;padding-inline:48px}.skip{position:fixed;top:-100px;z-index:10;background:#fff;padding:12px}.skip:focus{top:8px}.nav{height:106px;display:flex;align-items:center;gap:40px}.logo{font-size:27px;font-weight:650;letter-spacing:-1.2px;display:inline-flex;align-items:center;gap:11px}.logo-period{margin-left:-10px}.duo-logo{position:relative;display:block;width:36px;height:34px}.duo-logo i{position:absolute;width:23px;height:30px;border-radius:15px;background:#3567df;transform:rotate(-32deg);top:0;left:0}.duo-logo i+ i{background:#92c6ac;left:14px;top:5px;mix-blend-mode:multiply}.nav nav{display:flex;gap:32px;margin:auto;font-size:14px}.nav nav a,.nav-login{transition:color .2s}.nav nav a:hover,.nav-login:hover{color:#285adb}.nav-actions{display:flex;align-items:center;gap:27px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 25px;min-height:55px;border-radius:100px;font-size:15px;font-weight:550;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.primary{background:#2e62dc;color:white}.primary:hover{background:#214fc2}.small{min-height:43px;font-size:13px;padding:10px 19px;gap:22px}.text-button{padding-inline:10px}.dark{background:#252a25;color:white}.dark:hover{background:#414b41}.hero{padding-top:56px;padding-bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1px;display:block}.hero .eyebrow{display:flex;align-items:center;gap:9px}.tiny-spark{font-size:23px;color:#426de0;line-height:1}h1{font-size:clamp(52px,5.1vw,76px);line-height:1.19;margin:24px 0 28px;font-weight:500;letter-spacing:-3.5px}.title-partner{position:relative;display:inline-block;color:#2e62dc}.title-dot{color:#2e62dc}.title-partner svg{position:absolute;width:96%;height:15px;bottom:-8px;left:0;overflow:visible}.title-partner path{fill:none;stroke:#c4d2f9;stroke-width:5;stroke-linecap:round}.hero-description{font-size:17px;line-height:1.9;color:#626a63;letter-spacing:.1px}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:27px}.hero-footnote{font-size:11px;line-height:1.7;color:#737b73;max-width:400px;margin-top:18px}.hero-art{position:relative;isolation:isolate;height:568px;border-radius:25px;overflow:hidden;background:#e7eaf4;min-width:0}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff35 1px,transparent 1px),linear-gradient(90deg,#ffffff35 1px,transparent 1px);background-size:52px 52px}.art-label,.art-caption{position:absolute;left:27px;font:9px/1.5 Consolas,monospace;letter-spacing:1.1px;z-index:3;color:#53627e}.art-label{top:26px}.art-caption{bottom:28px}.art-corner{position:absolute;right:26px;bottom:20px;font-size:31px;color:#576383}.duo-shape{position:absolute;width:194px;height:250px;box-shadow:inset -14px -12px 0 #00000009;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.shape-blue{background:#4677e8;border-radius:105px 105px 55px 105px;left:12%;top:28%;transform:rotate(-22deg);z-index:2}.shape-green{background:#a8d8b5;border-radius:100px 100px 100px 40px;right:8%;top:35%;transform:rotate(23deg);z-index:1}.eye{position:absolute;top:84px;width:10px;height:23px;border-radius:8px;background:#eff4ff}.eye-one{left:98px}.eye-two{left:127px}.shape-green .eye{background:#315e49}.shape-green .eye-one{left:48px}.shape-green .eye-two{left:77px}.hero-art:hover .shape-blue{transform:rotate(-14deg) translate(8px,-5px)}.hero-art:hover .shape-green{transform:rotate(15deg) translate(-8px,-5px)}.orbit{position:absolute;border:1px solid #a8b4d14d;width:420px;height:420px;border-radius:50%;left:15%;top:11%}.orbit-two{width:520px;height:520px;left:5%;top:2%}.art-flower{position:absolute;z-index:3;right:12%;top:12%;font-size:91px;line-height:1;color:#f9b17d;transform:rotate(13deg)}.floating-tag{position:absolute;z-index:4;background:#fffcf5;border:1px solid #ffffffb0;box-shadow:0 8px 25px #394a7610;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:13px;padding:13px 18px}.tag-idea{left:8%;top:19%;transform:rotate(-7deg)}.tag-bulb{font-size:24px;color:#c88038;line-height:1}.tag-connected{right:7%;bottom:17%;transform:rotate(5deg);background:#fff}.green-dot{width:8px;height:8px;border-radius:50%;background:#41946c}.tools{border-block:1px solid #dfe3da;padding-block:28px;display:flex;align-items:center;gap:24px}.tools>p{font-size:12px;color:#747c73;max-width:100px;line-height:1.8}.tool-links{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}.tool-links a{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.tool-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font:700 17px monospace}.mint{background:#dcece0}.lilac{background:#e8e3f6}.sky{background:#dfebf9}.cream{background:#f2eacb}.inline-link{font-size:13px;display:inline-block}.inline-link:hover{text-decoration:underline;text-underline-offset:5px}.tools>.inline-link{font-size:11px}.section{padding-top:104px;padding-bottom:104px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:40px}.section-heading h2{margin-top:20px}h2{font-size:44px;line-height:1.25}.muted{color:#8a9187}.section-heading>p{font-size:14px;color:#747c72;line-height:1.9;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border-radius:19px;background:#fff;overflow:hidden;border:1px solid #e4e8df;transition:transform .25s}.feature:hover{transform:translateY(-6px)}.feature-art{height:220px;position:relative;overflow:hidden}.model-art{background:#e5eaff}.feature-body{padding:28px 28px 34px;position:relative}.feature-kicker{font:10px/1.6 Consolas,"Microsoft YaHei",monospace;letter-spacing:.8px;color:#7e857b}h3{font-size:27px;line-height:1.4;letter-spacing:-.8px;margin:14px 0}.feature-body p{font-size:13px;color:#727a70;line-height:1.9;max-width:270px;padding-bottom:37px}.round-arrow{display:grid;place-items:center;width:34px;height:34px;background:#f1f3ed;border-radius:50%;font-size:20px}.model-art svg{position:absolute;inset:0;width:100%;height:100%}.model-art path{stroke:#adbce9;stroke-width:1;fill:none}.model-tile{position:absolute;display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#fff;font-size:33px;z-index:1;box-shadow:0 4px 15px #42599608}.tile-one{top:26px;left:28px;color:#ce8767;transform:rotate(-10deg)}.tile-two{top:32px;right:28px;font-size:20px;background:#e5d6b9;transform:rotate(8deg)}.tile-three{bottom:15px;left:50%;font-size:39px;transform:translateX(-50%) rotate(-7deg);color:#3465d8}.art-center{position:absolute;top:75px;left:50%;transform:translateX(-50%);border-radius:50%;width:70px;height:70px;background:#3b69dc;color:white;font:600 24px/70px monospace;text-align:center}.key-art{background:#e7eddf;padding:28px 28px}.mock-key{position:relative;padding:17px 18px;background:#fffff3;border:1px solid #dce3d2;border-radius:12px;transform:rotate(-7deg);max-width:270px;margin:auto}.mock-key span{display:block;font-size:11px;color:#6e7867}.mock-key b{display:block;font:14px/1.8 monospace;letter-spacing:2px;margin-top:3px;color:#474e40}.mock-key i{position:absolute;right:16px;top:28px;font-style:normal;color:#7a8a70}.mock-key.second{transform:rotate(6deg);margin-top:10px;background:#f4f6ed}.usage-art{background:#f4e8d7;display:grid;place-items:center}.receipt{background:#fffdf6;width:200px;padding:22px;border-radius:9px;transform:rotate(-6deg);box-shadow:4px 8px 0 #d5c9af3b}.receipt>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:19px}.receipt i{display:block;height:6px;background:#e8e6dc;margin:12px 0;border-radius:4px}.receipt i:nth-child(3){width:70%}.receipt-bottom{border-top:1px dashed #cccabc;margin-top:20px;padding-top:12px;display:flex;justify-content:space-between;font-size:10px}.receipt-spark{position:absolute;right:25px;bottom:25px;font-size:60px;color:#e4a365}.guide-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-top:10px;padding-bottom:25px}.guide-art{height:450px;position:relative;background:#eae6f4;border-radius:20px;overflow:hidden;display:grid;place-items:center}.guide-art-label{position:absolute;left:25px;top:23px;font:9px monospace;letter-spacing:1px;color:#7d7495}.guide-window{width:79%;max-width:360px;background:#fff;border:1px solid #ded8eb;border-radius:13px;transform:rotate(-4deg);position:relative;z-index:1;box-shadow:0 10px 0 #d4cce860}.guide-window-top{display:flex;align-items:center;gap:4px;padding:16px;border-bottom:1px solid #edeaf3}.guide-window-top i{width:5px;height:5px;border-radius:50%;background:#d5cedf}.guide-window-top span{margin-left:auto;font-size:9px;color:#8c829e}.guide-step{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid #f0eef4}.guide-step>span{border-radius:50%;background:#eeebf6;width:30px;height:30px;text-align:center;font:13px/30px monospace}.guide-step b{font-size:13px;font-weight:500}.guide-step small{display:block;font-size:10px;color:#9a93a5;margin-top:3px}.guide-step em{margin-left:auto;font-style:normal;color:#669378}.guide-step.last{border:0}.guide-step.last>span{background:#d8e2ff;color:#3561c7}.guide-flower{position:absolute;bottom:10px;right:20px;font-size:115px;line-height:1;color:#bcafd5;transform:rotate(13deg)}.guide-copy h2{font-size:53px;margin:21px 0 24px}.guide-copy>p{font-size:15px;line-height:1.9;color:#727a70;margin-bottom:26px}.guide-note{font-size:10px;color:#81887b;margin-top:22px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.faq h2{margin:20px 0 27px}.faq details{border-bottom:1px solid #dce1d6;padding:23px 0}.faq summary{cursor:pointer;list-style:none;font-size:16px;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;line-height:1;color:#7f8a77;font-weight:300;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:#747c70;line-height:1.9;margin-top:17px;padding-right:20px}.closing{position:relative;isolation:isolate;max-width:1232px;border-radius:22px;background:#f1edc9;padding:52px 55px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;gap:25px}.closing h2{margin-top:15px;font-size:47px}.closing .eyebrow{font:10px monospace;letter-spacing:1px}.closing-spark{position:absolute;left:48%;top:-15px;font-size:290px;line-height:1;color:#e3dda4;z-index:-1;transform:rotate(15deg)}footer{padding-top:65px;padding-bottom:27px}.footer-top{display:flex;gap:25px;align-items:center;padding-bottom:36px;border-bottom:1px solid #dde1d7}.footer-top .logo{font-size:24px}.footer-top p{font-size:12px;color:#818779}.footer-top>div{margin-left:auto;display:flex;gap:28px;font-size:12px}.footer-bottom{display:flex;gap:25px;align-items:center;font-size:10px;color:#89907f;padding-top:22px}.footer-bottom span:last-child{margin-left:auto;font-family:monospace}@media(min-width:1600px){.hero{padding-top:78px;padding-bottom:92px}.hero-art{height:600px}}@media(max-width:1100px){.wrap,.nav{padding-inline:30px}.hero{gap:25px}.hero-art{height:530px}.duo-shape{width:160px;height:220px}.shape-blue{left:10%}.shape-green{right:5%}.eye-one{left:78px}.eye-two{left:105px}.shape-green .eye-one{left:35px}.shape-green .eye-two{left:62px}.tool-links{gap:17px}.tools{gap:17px}.tool-links a{font-size:12px}.tools>.inline-link{display:none}.guide-section{gap:45px}.faq{gap:45px}.closing{margin-inline:30px}.feature-body{padding:25px 22px}.feature-art{height:200px}.feature h3{font-size:24px}.nav nav{gap:22px}}@media(max-width:760px){.wrap,.nav{padding-inline:22px}.nav{height:80px;gap:15px}.nav nav{display:none}.logo{font-size:24px}.nav-actions{margin-left:auto;gap:16px}.nav-actions .small{padding:9px 15px;gap:12px;font-size:12px}.nav-login{font-size:12px}.hero{padding-top:34px;padding-bottom:38px;grid-template-columns:1fr;gap:35px}.hero .eyebrow{font-size:11px}h1{font-size:58px;letter-spacing:-2px;line-height:1.17;margin:23px 0 27px}h1>br:nth-of-type(2){display:none}.hero-description{font-size:15px}.hero-actions{gap:13px;margin-top:23px}.button{font-size:13px;padding:13px 21px;min-height:49px;gap:22px}.text-button{padding-inline:8px}.hero-footnote{font-size:10px;max-width:100%}.hero-art{height:380px;border-radius:18px}.duo-shape{height:200px;width:155px}.shape-blue{left:16%;top:25%}.shape-green{right:13%;top:34%}.eye{top:66px;width:8px;height:20px}.eye-one{left:78px}.eye-two{left:101px}.shape-green .eye-one{left:37px}.shape-green .eye-two{left:60px}.art-flower{font-size:70px;top:8%;right:12%}.art-label,.art-caption{font-size:7px;left:20px}.art-label{top:19px}.art-caption{bottom:20px}.floating-tag{font-size:10px;padding:10px 12px;gap:7px}.tag-idea{top:15%;left:7%}.tag-connected{bottom:13%;right:6%}.orbit{width:300px;height:300px;left:10%;top:9%}.orbit-two{width:380px;height:380px;left:0;top:-1%}.tools{display:block;padding-block:23px}.tools>p{max-width:none;font-size:10px;margin-bottom:16px}.tool-links{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px}.tool-links a{font-size:12px}.tool-icon{width:26px;height:26px;font-size:15px}.section{padding-block:57px}.section-heading{display:block;margin-bottom:27px}h2{font-size:33px;letter-spacing:-1px}.section-heading h2{margin-top:16px}.section-heading>p{margin-top:19px;font-size:13px}.eyebrow{font-size:10px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature{border-radius:17px}.feature-art{height:210px}.feature-body{padding:24px}.feature h3{font-size:25px}.feature-body p{max-width:90%;padding-bottom:19px}.round-arrow{position:absolute;bottom:26px;right:24px}.guide-section{grid-template-columns:1fr;gap:30px;padding-top:5px;padding-bottom:0}.guide-art{height:340px}.guide-copy h2{font-size:40px;margin-block:17px}.guide-copy>p{font-size:14px}.guide-note{font-size:9px}.guide-window{width:80%;max-width:310px}.guide-step{padding:14px 17px}.guide-flower{font-size:90px}.faq{grid-template-columns:1fr;gap:15px}.faq h2{margin-block:16px}.faq .inline-link{font-size:12px}.faq summary{font-size:14px}.faq details{padding-block:20px}.closing{margin-inline:22px;border-radius:18px;padding:32px 25px;display:block}.closing h2{font-size:33px}.closing>.button{margin-top:25px}.closing-spark{font-size:220px;left:46%;top:25px}.closing .eyebrow{font-size:8px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:14px}.footer-top .logo{width:100%}.footer-top p{font-size:11px}.footer-top>div{width:100%;margin-left:0;margin-top:12px;font-size:11px;gap:25px}.footer-bottom{flex-wrap:wrap;gap:10px 20px}.footer-bottom span:last-child{width:100%;margin-left:0}footer{padding-top:43px}.guide-art-label{font-size:7px}}@media(max-width:360px){.nav-login{display:none}h1{font-size:50px}.shape-blue{left:8%}.shape-green{right:7%}.hero-art{height:350px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
