@font-face{font-family:system-fallback;src:local("Arial")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#f8f6ef;color:#2e2a3a;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #8868d9;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:1px}.brand img{border-radius:12px}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:1.8px;margin-top:3px}.nav nav{display:flex;gap:32px;font-size:13px;font-weight:600}.nav nav a:hover,.text-link:hover{color:#775ac7}.nav-cta{border:1px solid #373142;border-radius:30px;padding:12px 21px;font-size:13px;font-weight:700}.nav-cta span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:760px;align-items:center;padding-top:25px;padding-bottom:75px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 26px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:#9a83d8;border-radius:50%}h1{font-size:clamp(64px,6.3vw,88px);line-height:1.2;letter-spacing:-4px;margin:0 0 29px;font-weight:850}.highlight{color:#8366cd;position:relative}.highlight:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:7px;background:#e9bc55;transform:rotate(-3deg);border-radius:100%}.period{color:#8366cd}.intro{color:#716b79;font-size:17px;line-height:1.95;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:18px 24px;border-radius:13px;font-weight:750;font-size:15px;transition:transform .2s,box-shadow .2s}.primary{background:#8061c9;color:white;box-shadow:0 5px 0 #5e439d}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #5e439d}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #5e439d}.button span{font-size:21px}.text-link{font-size:14px;font-weight:650;padding-block:10px}.fine{font-size:11px;color:#89818e;margin:24px 0 0}.hero-art{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-one{width:490px;height:490px;background:#e6dff4;top:100px;left:30px}.orbit-two{width:575px;height:575px;border:1px solid #dcd2ea;top:55px;left:-12px}.phone{position:relative;width:265px;background:#fff;padding:7px;border:1px solid #d5d0c3;border-radius:42px;transform:rotate(7deg);box-shadow:12px 28px 45px #48346124;z-index:2}.phone img{border-radius:34px}.float-key{position:absolute;width:104px;height:106px;background:#fffdf8;border:1px solid #d5cfdd;border-bottom:10px solid #c6b6e9;border-radius:22px;box-shadow:0 13px 20px #5d47711a;display:grid;place-items:center;color:#8c72d0;font-size:49px;font-weight:800;z-index:3}.key-q{top:66px;left:5px;transform:rotate(-16deg)}.key-w{right:0;bottom:84px;transform:rotate(18deg);background:#f5d585;border-color:#d0a74e;color:#6e5330}.spark{position:absolute;color:#b09bd7}.spark-one{font-size:56px;right:31px;top:49px;transform:rotate(15deg)}.spark-two{font-size:39px;left:40px;bottom:125px;color:#c8a24e}.art-caption{position:absolute;right:3px;top:135px;font-size:9px;line-height:1.7;letter-spacing:1px;transform:rotate(90deg);transform-origin:right}.word-sticker{position:absolute;left:0;top:340px;background:#fffcf5;padding:15px 20px;border-radius:13px;transform:rotate(-8deg);box-shadow:0 10px 30px #35213c17;z-index:4}.word-sticker>span{font-weight:800;font-size:45px;color:#8366cd;letter-spacing:8px}.word-sticker i{display:block;font-size:11px;font-style:normal;color:#7a7188;padding-top:3px}.note-sticker{position:absolute;bottom:12px;left:95px;font-size:16px;transform:rotate(-5deg);font-weight:600}.note-sticker span{display:inline-block;margin-left:10px;font-size:40px}.ribbon{border-top:1px solid #ded9cf;border-bottom:1px solid #ded9cf}.ribbon>.wrap{display:flex;justify-content:space-between;align-items:center;min-height:83px;font-size:13px}.ribbon i{font-style:normal;color:#ae94d9;margin:0 22px}.ribbon-end{letter-spacing:2px;font-size:10px}.ribbon b{font-size:28px;margin-left:30px;color:#8a6bc9}h2{font-size:clamp(35px,3.6vw,50px);line-height:1.35;letter-spacing:-1.5px;margin:0 0 26px}h3{margin:0;font-size:19px}.body-copy{font-size:15px;color:#78717c;line-height:1.95;max-width:390px}.try-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;padding-block:120px}.demo-caption{font-size:11px;color:#918899;margin-top:35px}.demo{background:#eeebf6;border:1px solid #ded6ed;padding:25px;border-radius:28px;box-shadow:0 9px 0 #dfd8ec}.demo-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#80718e}.demo-word{display:flex;justify-content:center;margin:28px 0 7px;font-size:47px;font-weight:750;letter-spacing:7px;color:#aaa1ba}.demo-word .correct{color:#8061c9}.demo-word .cursor{border-bottom:3px solid #d7ae4e}.demo>p{text-align:center;font-size:12px;color:#7a7184}#demo-meaning{margin-bottom:24px}.input-wrap{display:flex;align-items:center;background:#fffdf8;border:1px solid #d2c5e8;border-radius:10px}.input-wrap input{width:100%;min-width:0;background:none;border:0;padding:13px 14px;font-size:13px;color:#66507f;outline-offset:0}.input-wrap button{background:none;border:0;font-size:23px;color:#9279b5;padding:0 13px}.demo-keyboard{margin-top:20px}.key-row{display:flex;justify-content:center;gap:5px;margin:7px 0}.key-row button{width:8.7%;height:38px;background:#fff;border:1px solid #dfd5ef;border-bottom:4px solid #c6b4e2;border-radius:7px;font-weight:650;color:#79619d;font-size:12px;padding:0}.key-row button.pressed{background:#ecd087;transform:translateY(2px);border-bottom-width:2px}.key-row .backspace{width:55px}.demo #demo-status{min-height:18px;margin:20px 0 0}.next-word{display:block;margin:12px auto 0;border:0;background:#8061c9;color:white;border-radius:8px;padding:9px 16px;font-size:12px}.next-word[hidden]{display:none}.feel-section{background:#f0ede4;padding-block:100px}.feel-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.screen-pair{position:relative;display:flex;gap:20px;padding:20px 10px 60px}.mini-phone{width:45%;flex-shrink:0;margin:0;background:white;padding:5px;border-radius:29px;box-shadow:8px 18px 30px #46374b15;border:1px solid #ddd7c9}.mini-phone img{border-radius:23px}.mini-phone.first{transform:rotate(-7deg)}.mini-phone.second{transform:rotate(7deg) translateY(50px)}.pair-label{position:absolute;bottom:-5px;left:80px;color:#8d7899;font-size:13px;transform:rotate(-4deg)}.feature-line{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #dcd6cc}.feature-line>span{font-size:11px;color:#997cba;padding-top:5px}.feature-line h3{font-size:17px}.feature-line p{font-size:13px;color:#7d7580;line-height:1.85;margin:8px 0 0}.modes{padding-block:115px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.mode-grid article{border-top:1px solid #d8d1c7;padding-top:19px}.mode-number{font-size:9px;letter-spacing:1.6px;color:#8b7f94}.mode-visual{height:155px;display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:8px}.mode-grid p{font-size:13px;line-height:1.9;color:#827887;margin-top:12px}.mode-visual kbd{display:grid;place-items:center;background:#ede6fa;border:1px solid #d3c5e9;border-bottom:6px solid #c5b3df;border-radius:12px;width:52px;height:59px;color:#8a6bb4;font-size:30px;font-weight:700;transform:rotate(-8deg)}.mode-visual kbd:nth-child(2){transform:translateY(-12px) rotate(3deg)}.mode-visual kbd:nth-child(3){background:#f7dfa3;border-color:#ddc17d;color:#957333;transform:rotate(13deg)}.recall{flex-direction:column;color:#897799}.recall>span{padding:10px 19px;border:1px solid #ddd2e3;border-radius:25px;background:#f0eaf3;font-size:18px}.recall b{font-size:25px;color:#aa8bb8}.listen i{width:9px;border-radius:20px;background:#a4bca3;height:24px}.listen i:nth-child(2n){height:45px}.listen i:nth-child(3n){height:65px}.challenge>span{font-size:42px;font-weight:850;font-style:italic;color:#c8983c;transform:rotate(-9deg);border:2px solid #ddc386;border-radius:50%;padding:19px}.challenge>span>span{font-size:27px}.keyboard-section{border-top:1px solid #dbd5ca;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center;padding-block:90px 120px}.theme-dots{display:flex;align-items:center;gap:6px;margin-top:30px}.theme-dots>span{width:15px;height:15px;border-radius:50%;flex-shrink:0}.theme-purple{background:#a896d8}.theme-pink{background:#deb0b8}.theme-green{background:#aac4b0}.theme-dots p{font-size:10px;color:#74687c;margin-left:8px;line-height:1.9}.theme-dots small{font-size:10px;color:#9a919f}.landscape{margin:0;transform:rotate(-3deg)}.landscape img{border:7px solid #fff;border-radius:25px;box-shadow:0 18px 45px #66527520}.landscape figcaption{font-size:10px;text-align:center;color:#928797;margin-top:20px}.download-section{background:#e9e1f4;position:relative;padding-block:90px;overflow:hidden}.download-section:after{content:"✳";position:absolute;bottom:-140px;left:28%;font-size:460px;color:#ddd1ee;line-height:1;pointer-events:none}.download-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center;position:relative;z-index:1}.download-grid h2{font-size:51px}.download-grid>div>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#7d6b91}.download-card{background:#fffdf8;padding:32px;border-radius:23px;box-shadow:0 7px 0 #d6c9e4}.download-title{display:flex;align-items:center;gap:16px;margin-bottom:25px}.download-title img{border-radius:17px}.download-title p{font-size:11px;color:#8c8194;margin:7px 0 0}.download-button{width:100%}.version{text-align:center;font-size:11px;color:#897c94;margin:19px 0 24px}.qr-row{display:flex;gap:22px;align-items:center;padding-top:23px;border-top:1px solid #e8e1eb}.qr-row strong{font-size:13px}.qr-row p{font-size:12px;line-height:1.8;color:#8b7d95}.install{border-top:1px solid #e8e1eb;margin-top:22px;padding-top:17px;font-size:12px;color:#7a6c87}.install summary{font-size:12px}.install ol{padding-left:17px;line-height:1.9}.install p{line-height:1.8}.install a{color:#7955bc;text-decoration:underline}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-block:110px}.faq .text-link{display:inline-block;margin-top:7px}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;line-height:1.7}summary::-webkit-details-marker{display:none}summary>span{font-weight:400;color:#9278b2}details[open] summary>span{transform:rotate(45deg)}.faq-list details{border-bottom:1px solid #ddd7cd;padding:23px 0}.faq-list details:first-child{border-top:1px solid #ddd7cd}.faq-list p{font-size:13px;color:#7d7187;line-height:1.95;margin:17px 25px 0 0}footer{border-top:1px solid #dcd6cb;padding-block:38px 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:25px;font-size:12px;color:#776b81}.footer-top .brand small{font-size:10px;font-weight:400;letter-spacing:1px;margin-top:5px}.footer-bottom{font-size:10px;color:#9c929f;margin-top:36px}.footer-bottom>span:last-child{letter-spacing:1.4px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:9;background:white;padding:15px}
@media(min-width:1450px){.hero{min-height:800px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-art{transform:scale(.86);transform-origin:center}.hero{grid-template-columns:1fr 1fr;min-height:710px;padding-bottom:40px}h1{font-size:69px}.hero-actions{gap:18px}.button{gap:18px;padding:17px 18px}.try-section{gap:45px}.feel-grid{gap:45px}.download-grid{gap:50px}.keyboard-section{gap:30px}.mode-grid{gap:18px}.orbit-one{left:0}.orbit-two{left:-40px}.key-w{right:-20px}.art-caption{right:-25px}.word-sticker{left:-25px}.note-sticker{left:30px}.key-q{left:-20px}.spark-one{right:-20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:80px;gap:15px}.brand{font-size:17px;gap:8px}.brand small{font-size:7px;letter-spacing:1px}.brand img{width:35px;height:35px;border-radius:10px}.nav nav{display:none}.nav-cta{font-size:11px;padding:10px 13px}.nav-cta span{margin-left:8px}.hero{display:flex;flex-direction:column;padding:40px 0 15px;min-height:0}.hero-copy{width:100%;position:relative;z-index:4}h1{font-size:61px;letter-spacing:-2.5px;line-height:1.2;margin-bottom:23px}.eyebrow{font-size:9px;margin-bottom:24px;letter-spacing:1.5px}.intro{font-size:14px;margin-bottom:25px;line-height:1.9}.button{font-size:13px;padding:16px 21px}.text-link{font-size:12px}.fine{font-size:10px;margin-top:21px}.hero-art{width:100%;min-height:590px;margin-top:-5px;transform:scale(.88);transform-origin:center}.phone{width:245px}.orbit-one{width:360px;height:360px;left:50%;top:135px;transform:translateX(-50%)}.orbit-two{width:410px;height:410px;left:50%;top:110px;transform:translateX(-50%)}.key-q{left:-5px;top:75px;width:82px;height:86px;font-size:39px}.key-w{right:-8px;bottom:65px;width:82px;height:86px;font-size:39px}.spark-one{right:0;top:70px;font-size:40px}.spark-two{left:0;bottom:95px}.word-sticker{top:340px;left:-15px;padding:12px 15px}.word-sticker>span{font-size:32px}.art-caption{display:none}.note-sticker{left:40px;bottom:-5px;font-size:13px}.ribbon>.wrap{min-height:66px;gap:15px;font-size:10px}.ribbon i{margin:0 7px}.ribbon-end{display:none}.try-section{grid-template-columns:1fr;gap:30px;padding-block:70px}.try-section h2 br{display:none}h2{font-size:34px;letter-spacing:-1px}.body-copy{font-size:14px}.demo-caption{margin-top:20px}.demo{padding:21px 16px}.demo-word{font-size:43px}.key-row{gap:4px}.key-row button{height:35px;font-size:11px}.feel-section{padding-block:70px}.feel-grid{display:flex;flex-direction:column-reverse;gap:40px;align-items:stretch}.screen-pair{max-width:480px;margin:auto;width:100%;padding-bottom:45px;gap:18px}.pair-label{bottom:-12px;left:45px;font-size:11px}.feature-line{padding-block:20px}.modes{padding-block:75px}.section-heading{display:block;margin-bottom:30px}.mode-grid{grid-template-columns:1fr 1fr;gap:30px 23px}.mode-grid article{padding-top:15px}.mode-number{font-size:8px;letter-spacing:1px}.mode-visual{height:125px;gap:5px}.mode-visual kbd{width:37px;height:48px;font-size:25px}.mode-grid h3{font-size:17px}.mode-grid p{font-size:12px}.keyboard-section{grid-template-columns:1fr;padding-block:65px 75px;gap:35px}.theme-dots{margin-top:20px}.landscape{width:100%;transform:rotate(-2deg)}.landscape img{border-width:4px;border-radius:17px}.download-section{padding-block:65px}.download-grid{grid-template-columns:1fr;gap:28px}.download-grid h2{font-size:39px}.download-grid>div>p:not(.eyebrow){font-size:14px}.download-card{padding:25px 22px}.download-grid .eyebrow{font-size:9px}.version{font-size:10px}.qr-row img{width:85px;height:85px}.faq{grid-template-columns:1fr;gap:30px;padding-block:70px}.faq h2{margin-bottom:10px}.faq-list details{padding-block:21px}.faq-list summary{font-size:13px}.footer-top{align-items:start;flex-direction:column}.footer-links{font-size:11px;gap:23px}.footer-bottom{align-items:start;flex-direction:column;gap:13px;line-height:1.5;margin-top:28px;font-size:9px}footer{padding-block:30px}.footer-top .brand small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}