:root{--ink:#123c34;--deep:#102b27;--coral:#f15d52;--mint:#dcebe3;--paper:#f7f8f4;--white:#fff;--text:#182421;--muted:#687570;--line:rgba(18,60,52,.15);--max:1200px;--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:78px;max-width:1320px;margin:auto;padding:0 34px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:9px;width:max-content;color:var(--ink);font-size:22px;font-weight:800}.brand-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#fff;background:var(--coral);font-family:Georgia,serif;font-style:italic}.brand small{margin-left:3px;color:var(--muted);font-size:12px;font-weight:500}.site-header nav,footer nav{display:flex;gap:30px;color:var(--ink);font-size:14px}.site-header nav a:hover,footer nav a:hover{color:var(--coral)}.menu-button{display:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 25px;border:1px solid var(--coral);border-radius:13px;color:#fff;background:var(--coral);font-weight:750;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(241,93,82,.22)}.button-small{min-height:42px;padding:0 18px;font-size:13px}.eyebrow{margin:0 0 16px;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.16em}.hero{max-width:var(--max);min-height:700px;margin:0 auto;padding:60px 36px 88px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:70px}.hero h1,.section-heading h2,.roles h2,.privacy h2,.install h2{margin:0;color:var(--deep);font-family:"Songti SC","STSong",serif;font-size:clamp(45px,5.3vw,72px);line-height:1.15;letter-spacing:-.05em}.hero h1 em{color:var(--coral);font-style:normal}.lead{max-width:570px;margin:28px 0;color:var(--muted);font-size:18px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{color:var(--ink);font-weight:700}.text-link span{color:var(--coral)}.device-note{margin:22px 0 0;color:#89928f;font-size:12px}.keyboard-stage{position:relative;min-height:600px;padding:28px 34px 0;border-radius:42px;background:linear-gradient(145deg,#cfe0d7,#eaf0ea);box-shadow:inset 0 0 0 1px rgba(18,60,52,.08)}.chat-window{width:78%;height:400px;margin:0 auto;padding:22px;border-radius:29px 29px 0 0;background:#fff;box-shadow:0 18px 55px rgba(18,60,52,.15)}.chat-head{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #edf0ee}.chat-head .avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:var(--ink);background:var(--mint);font-weight:750}.chat-head div{display:grid}.chat-head strong{font-size:13px}.chat-head small{color:var(--muted);font-size:9px}.chat-head i{width:4px;height:4px;margin-left:auto;border-radius:50%;background:var(--coral);box-shadow:8px 0 var(--coral),16px 0 var(--coral)}.messages{padding:25px 2px}.bubble{width:72%;margin:0 0 16px;padding:11px 13px;border-radius:14px;background:#eff2f0;font-size:12px}.bubble.mine{margin-left:auto;background:#dceee0}.draft-line{position:absolute;top:310px;left:20%;right:20%;height:43px;padding:10px 12px;border:1px solid #d9dfdc;border-radius:18px;display:flex;justify-content:space-between;color:var(--muted);background:#fff;font-size:11px}.draft-line b{display:grid;place-items:center;width:23px;height:23px;margin-top:-1px;border-radius:50%;color:#fff;background:var(--ink)}.keyboard-card{position:absolute;left:18px;right:18px;bottom:18px;min-height:300px;padding:17px 19px 13px;border:1px solid rgba(18,60,52,.12);border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 24px 60px rgba(18,60,52,.2);backdrop-filter:blur(18px)}.keyboard-top,.selectors,.intent-tabs{display:flex;align-items:center}.keyboard-top{justify-content:space-between}.keyboard-top strong{color:var(--ink);font-size:13px}.keyboard-top strong span{color:var(--coral)}.keyboard-top small{color:var(--muted);font-size:10px}.selectors{gap:7px;margin:12px 0}.selectors button{padding:6px 9px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;font-size:10px}.intent-tabs{gap:6px}.intent-tabs button{flex:1;padding:7px;border:0;border-radius:9px;color:var(--muted);background:#eef2ef;font-size:10px;font-weight:650;cursor:pointer}.intent-tabs button.active{color:#fff;background:var(--ink)}.suggestion{margin-top:10px;padding:11px 13px;border-left:3px solid var(--coral);border-radius:5px 12px 12px 5px;background:#fff6f4}.suggestion span{color:var(--coral);font-size:9px;font-weight:800}.suggestion p{margin:2px 0;color:var(--deep);font-size:11px;line-height:1.5}.suggestion small{color:var(--muted);font-size:8px}.keyboard-keys{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:10px}.keyboard-keys i{height:23px;border-radius:5px;background:#e8ebe9;box-shadow:0 1px 1px rgba(0,0,0,.08)}.promise-band{padding:24px max(30px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;color:#dbe8e3;background:var(--deep);font-size:13px}.promise-band p{margin:0}.promise-band i{width:4px;height:4px;border-radius:50%;background:var(--coral)}.steps{max-width:var(--max);margin:auto;padding:120px 36px}.section-heading{text-align:center}.section-heading h2,.roles h2,.privacy h2,.install h2{font-size:clamp(36px,4vw,54px)}.step-grid{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-grid>article{position:relative;padding:18px 18px 28px;border-top:1px solid var(--line)}.step-grid>article>span{position:absolute;top:-15px;left:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--ink);font-size:12px;font-weight:800}.step-grid h3{margin:24px 4px 5px;color:var(--ink);font-size:20px}.step-grid>article>p{margin:0 4px;color:var(--muted);font-size:14px}.step-visual{height:240px;margin-top:20px;padding:25px;border-radius:22px;background:#fff}.step-visual small{color:var(--muted);font-size:11px}.draft-visual p{margin-top:25px;padding:17px;border-radius:4px 16px 16px 16px;background:#eef2ef;font-size:14px}.role-visual{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:9px;background:var(--mint)}.role-visual b{padding:8px 12px;border-radius:18px;color:var(--ink);background:#fff;font-size:12px}.role-visual small{width:100%;text-align:center}.result-visual{border:1px solid rgba(241,93,82,.2)}.result-visual p{margin:12px 0 18px;color:var(--ink);font-size:14px}.result-visual button{width:100%;padding:9px;border:0;border-radius:9px;color:#fff;background:var(--coral);font-size:11px}.roles{padding:105px max(36px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;background:#fff}.roles-copy>p:last-child{max-width:520px;color:var(--muted)}.role-list article{display:grid;grid-template-columns:44px 1fr;gap:17px;align-items:center;padding:20px 6px;border-bottom:1px solid var(--line)}.role-list article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:var(--ink);background:var(--mint);font-size:19px}.role-list article.active>span{color:#fff;background:var(--coral)}.role-list h3{margin:0;color:var(--ink);font-size:17px}.role-list p{margin:2px 0 0;color:var(--muted);font-size:13px}.privacy{padding:110px max(36px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:var(--mint)}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.privacy-grid article{padding:25px 20px;border-top:2px solid var(--ink);background:rgba(255,255,255,.5)}.privacy-grid b{color:var(--coral);font-size:12px}.privacy-grid h3{margin:25px 0 7px;color:var(--ink);font-size:17px}.privacy-grid p{margin:0;color:var(--muted);font-size:13px}.pricing{padding:110px max(36px,calc((100vw - 1050px))/2);background:#fff}.pricing .section-heading>p:last-child{color:var(--muted)}.pack-grid{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}.pack-grid article{padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.pack-grid article.featured{padding-top:42px;padding-bottom:42px;color:#fff;background:var(--ink);box-shadow:0 22px 45px rgba(18,60,52,.2)}.pack-grid span{color:var(--coral);font-size:11px;font-weight:800}.pack-grid h3{margin:10px 0 0;font-size:27px}.pack-grid strong{display:block;margin:4px 0;color:var(--coral);font-size:38px}.pack-grid p{margin:0;color:var(--muted);font-size:12px}.featured p{color:#cbd9d4}.pricing-note{text-align:center;color:var(--muted);font-size:12px}.install{max-width:var(--max);margin:0 auto 90px;padding:62px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;border-radius:34px;color:#fff;background:var(--deep)}.install h2{color:#fff}.install>div:last-child p{color:#c5d4cf}.store-badge{display:grid;grid-template-columns:auto 1fr;width:200px;padding:9px 16px;border:1px solid rgba(255,255,255,.35);border-radius:12px}.store-badge:first-letter{font-size:28px}.store-badge small,.store-badge strong{grid-column:2}.store-badge small{font-size:9px}.store-badge strong{line-height:1.1;font-size:19px}footer{max-width:var(--max);margin:auto;padding:44px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer strong{color:var(--ink);font-family:Georgia,serif;font-size:25px}footer p{margin:2px 0;color:var(--muted);font-size:12px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 20px}.site-header nav,.site-header>.button{display:none}.menu-button{display:block;border:0;color:var(--ink);background:transparent}.site-header.is-open{height:auto;padding-bottom:20px}.site-header.is-open nav{grid-column:1/-1;display:flex;flex-direction:column;gap:12px}.hero{grid-template-columns:1fr;text-align:center}.lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.keyboard-stage{max-width:650px;width:100%;margin:auto}.step-grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}.roles,.privacy{grid-template-columns:1fr}.privacy-grid{grid-template-columns:repeat(3,1fr)}.install{margin-left:25px;margin-right:25px}}
@media(max-width:620px){.brand small{display:none}.hero{min-height:auto;padding:42px 18px 68px;gap:45px}.hero h1{font-size:43px}.lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.keyboard-stage{min-height:515px;padding:20px 12px 0;border-radius:28px}.chat-window{width:94%;height:330px}.draft-line{top:260px;left:12%;right:12%}.keyboard-card{left:8px;right:8px;bottom:8px;padding:14px 12px}.suggestion p{font-size:10px}.promise-band{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center}.promise-band i{display:none}.steps{padding:85px 18px}.roles,.privacy{padding:78px 22px;gap:45px}.privacy-grid{grid-template-columns:1fr}.pack-grid{grid-template-columns:1fr}.pack-grid article.featured{padding:32px}.install{grid-template-columns:1fr;margin:0 14px 60px;padding:42px 25px;gap:30px}footer{align-items:flex-start;flex-direction:column;gap:24px;padding:35px 22px}footer nav{flex-wrap:wrap;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}