*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ef;color:#242629;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}nav,main,footer{max-width:1240px;margin:auto}nav{display:flex;align-items:center;padding:27px 38px;gap:40px}.logo{display:flex;gap:9px;align-items:center;font-size:29px;letter-spacing:-1.5px;font-weight:760}.logo img{width:32px;height:32px}.dot{color:#7358ce;margin-left:-8px}.navlinks{display:flex;gap:28px;font-size:13px;margin:auto}.navright{display:flex;gap:20px;align-items:center}#lang{border:0;background:transparent;font-size:12px;color:#767474}.smallbtn{padding:12px 17px;border:1px solid #c9c8c3;border-radius:30px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:65px 38px 85px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;display:flex;gap:8px;align-items:center;color:#6e6d70}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#8064c4}.hero h1{font-size:clamp(52px,6.2vw,86px);line-height:1.02;letter-spacing:-5px;font-weight:650;margin:25px 0 30px}.accent{color:#8061c8}.lead{max-width:400px;line-height:1.85;font-size:15px;color:#757276}.ctas{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-block;background:#292b2e;color:#fff;padding:17px 24px;border-radius:30px;font-size:13px;font-weight:550}.textlink{font-size:12px;color:#6d6479}.tiny{font-size:10px;color:#939093;margin-top:19px;line-height:1.7}.heroart{height:495px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.artnote{position:absolute;top:5px;left:36px;font-size:9px;letter-spacing:2px;color:#938c99}.orbit{position:absolute;border:1px solid #d9d2dd;width:445px;height:445px;border-radius:50%;z-index:-1}.o2{width:355px;height:355px;transform:translate(22px,10px)}.mock{width:330px;transform:rotate(-4deg);background:#fff;border:1px solid #e9e3eb;border-radius:23px;box-shadow:0 25px 65px #58466b16;overflow:hidden}.mockhead{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #eee8f0}.face{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#eee6fb;color:#8061c8;font-size:25px}.mockhead b{font-size:13px}.mockhead small{font-size:8px;color:#9574bc;background:#f1eaf8;padding:2px 4px;border-radius:3px}.mockhead span:not(.dots){display:block;font-size:9px;color:#a29aa5;margin-top:5px}.dots{margin-left:auto;color:#c1b5c9;font-size:10px}.mockbody{padding:20px 17px;background:linear-gradient(#fff,#faf7fd)}.date{text-align:center;font-size:7px;letter-spacing:1px;color:#b3a7bb;margin-bottom:30px}.msg{font-size:12px;line-height:1.7;padding:12px 14px;border-radius:13px;max-width:240px;margin:16px 0}.outgoing{background:#8870ce;color:white;margin-left:auto;border-bottom-right-radius:3px}.incoming{background:#eee8f5;color:#695579;border-bottom-left-radius:3px}.mockinput{display:flex;justify-content:space-between;align-items:center;margin-top:40px;border:1px solid #e9e1ef;border-radius:20px;padding:8px 9px 8px 14px;background:white;color:#b5a9c0;font-size:10px}.mockinput b{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#8870ce;color:white;font-size:17px}.floating{position:absolute;width:65px;height:65px;display:grid;place-items:center;border-radius:22px;font-size:38px;box-shadow:0 8px 25px #4b3d6d0e}.f1{right:10px;top:64px;background:#e5d8f5;color:#9471c9;transform:rotate(12deg)}.f2{left:5px;bottom:91px;background:#dbeae3;color:#72a08c;transform:rotate(-12deg)}.friendpill{position:absolute;bottom:22px;right:15px;display:flex;gap:12px;align-items:center;padding:14px 20px;border-radius:15px;background:#fff;border:1px solid #e8e4e9;box-shadow:0 10px 35px #55416610;transform:rotate(4deg)}.friendpill>span{background:#e3eee8;border-radius:50%;padding:7px;font-size:23px;color:#80a590}.friendpill b{font-size:12px}.friendpill p{font-size:9px;color:#9a919e;margin:5px 0 0}.previewlabel{position:absolute;bottom:4px;left:85px;font-size:8px;color:#aaa0ae}.ribbon{display:flex;justify-content:space-between;gap:10px;margin:0 38px;border-top:1px solid #dcd8d3;border-bottom:1px solid #dcd8d3;padding:23px 0;font-size:10px;letter-spacing:1.5px;color:#979297}.experience{padding:85px 38px}.sectionhead{max-width:560px}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:20px 0 35px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.featuregrid article{padding:25px 0 10px;border-top:1px solid #dcd8d3;position:relative}.featureicon{display:grid;place-items:center;width:47px;height:47px;border-radius:16px;font-size:29px;margin-bottom:28px}.human{background:#e1ebe4;color:#83a28e}.ai{background:#e9def7;color:#9372c8}.more{background:#efe5d8;color:#b39b7c}.number{font-size:9px;letter-spacing:1px;color:#a098a0}h3{font-size:20px;line-height:1.35;letter-spacing:-.6px;max-width:290px;font-weight:550;margin:15px 0}.featuregrid p{font-size:13px;color:#8a838b;line-height:1.9;max-width:320px}.coming{font-size:8px;letter-spacing:1px;color:#ab9683;background:#eee6dc;padding:5px 8px;border-radius:5px}.yokisection{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px 65px;background:#ebe4f2;border-radius:24px;margin:0 38px}.yokisection p:not(.eyebrow):not(.tiny){font-size:14px;line-height:1.9;color:#8b7d96;max-width:380px}.yokivisual{height:300px;display:grid;place-items:center;position:relative}.bigface{display:grid;place-items:center;width:200px;height:200px;border-radius:62px;background:#8363bd;transform:rotate(-12deg);box-shadow:20px 25px 0 #d9cbe8}.bigface span{color:#fff;font-size:145px;line-height:1;transform:rotate(12deg)}.hello{position:absolute;bottom:15px;left:30px;background:#fff;padding:13px 22px;border-radius:25px;font-size:15px;color:#9274b6;transform:rotate(-6deg)}.yokisection h2{margin-bottom:20px}.yokisection .button{margin-top:15px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:0 60px;padding:85px 38px}.faq h2{grid-row:span 3;max-width:300px}.faq details{padding:21px 0;border-bottom:1px solid #ddd8d4}.faq summary{font-size:14px;cursor:pointer;line-height:1.5}.faq details p{font-size:12px;color:#8c838d;line-height:1.9}.closing{display:flex;align-items:center;justify-content:space-between;padding:42px 38px;margin:0 38px 50px;background:#e4eade;border-radius:18px}.closing p{font-size:24px;letter-spacing:-.7px;max-width:420px}.closing a{font-size:24px;font-weight:500;border-bottom:1px solid #5f6a59;padding-bottom:6px}footer{display:flex;align-items:center;gap:30px;padding:22px 38px 40px}footer .logo{font-size:23px}footer>span{font-size:10px;color:#9b959d}footer>span:last-child{margin-left:auto}.button:hover{background:#524360}.smallbtn:hover{background:#eee9f4}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9471cc;outline-offset:4px}@media(max-width:850px){nav{padding:22px}.navlinks{display:none}.navright{margin-left:auto;gap:10px}.smallbtn{font-size:10px}.hero{padding:35px 22px 40px;grid-template-columns:1fr}.hero h1{font-size:66px;letter-spacing:-3.8px}.lead{max-width:480px}.heroart{height:425px;max-width:480px;width:100%;margin:30px auto 0}.orbit{width:350px;height:350px}.o2{width:290px;height:290px}.mock{width:300px}.artnote{left:12px;top:0}.f1{width:52px;height:52px;right:0;top:55px}.f2{width:50px;height:50px;left:0;bottom:100px}.friendpill{bottom:7px;right:0}.previewlabel{left:25px;bottom:3px}.ribbon{margin:0 22px;font-size:8px;letter-spacing:.6px}.ribbon span:last-child{display:none}.experience{padding:55px 22px}.featuregrid{grid-template-columns:1fr;gap:25px}.featuregrid article{display:grid;grid-template-columns:65px 1fr;gap:0 10px}.featureicon{grid-row:span 4}.featuregrid h3{max-width:none;font-size:21px;margin:9px 0}.featuregrid p{max-width:none;margin:0}.coming{width:fit-content;margin-top:10px}.yokisection{margin:0 22px;padding:30px 25px;gap:20px;grid-template-columns:1fr}.yokivisual{height:245px}.bigface{width:160px;height:160px;border-radius:50px}.bigface span{font-size:115px}.hello{left:25px;bottom:7px}.faq{padding:55px 22px;display:block}.faq h2{max-width:340px;margin-bottom:10px}.closing{margin:0 22px 30px;padding:25px;display:block}.closing p{font-size:24px}.closing a{font-size:21px}footer{padding:20px 22px;flex-wrap:wrap;gap:15px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}