:root{--soto-ui-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Segoe UI", system-ui, sans-serif;--voice-capsule-hairline:#ffffff1f}html,body{background:0 0;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{flex-direction:column;justify-content:flex-end;align-items:center;height:100vh;display:flex}.capsule-stack{transform-origin:bottom;flex-direction:column;align-items:center;gap:8px;padding-bottom:8px;display:flex}.voice-capsule{--voice-capsule-accent:#5dc8c1;--voice-capsule-mode-translate:#8f9bff;--voice-capsule-surface:#1d1a1a;--voice-capsule-error:#ef6b6b;--voice-capsule-idle-dot:#ffffff94;--voice-capsule-thinking-dot:#ffffffdb;--voice-capsule-thinking-blend:screen;--voice-capsule-thinking-opacity:.6;box-sizing:border-box;width:var(--voice-capsule-width);background:var(--voice-capsule-surface);height:36px;box-shadow:inset 0 0 0 1px var(--voice-capsule-hairline), 0 6px 16px #0000005c, 0 1px 4px #0000003d;font-family:var(--soto-ui-sans);vertical-align:middle;transform-origin:bottom;border:none;border-radius:999px;justify-content:center;align-items:center;line-height:1;transition:width .26s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.voice-capsule-idle-dot{background:var(--voice-capsule-idle-dot);border-radius:50%;width:6px;height:6px;animation:.18s cubic-bezier(.22,1,.36,1) both voiceCapsuleFaceIn,2.4s ease-in-out .18s infinite voiceCapsuleIdleBreath;box-shadow:0 0 12px #ffffff29}.voice-capsule-wave{--voice-capsule-wave-scale:.26;align-items:center;gap:2px;height:20px;animation:.18s cubic-bezier(.22,1,.36,1) both voiceCapsuleFadeIn;display:inline-flex}.voice-capsule-wave-bar{width:2px;height:var(--voice-capsule-wave-bar-height);background:linear-gradient(180deg, #ffffffd1, var(--voice-capsule-accent));transform-origin:50%;transform:scaleY(var(--voice-capsule-wave-scale));will-change:transform;border-radius:1px;transition:none;box-shadow:0 0 7px #5dc8c129}.voice-capsule-thinking-track{background:#ffffff06;border-radius:999px;animation:.22s cubic-bezier(.22,1,.36,1) both voiceCapsuleFaceIn;position:absolute;inset:0;overflow:hidden}.voice-capsule-thinking-band{background:linear-gradient(90deg, color-mix(in srgb, var(--voice-capsule-accent) 24%, transparent) 0%, color-mix(in srgb, var(--voice-capsule-accent) 36%, transparent) 70%, color-mix(in srgb, var(--voice-capsule-accent) 48%, white 4%) 100%);width:0%;mix-blend-mode:var(--voice-capsule-thinking-blend);opacity:var(--voice-capsule-thinking-opacity);position:absolute;top:0;bottom:0;left:0}.voice-capsule-thinking-dots{align-items:center;gap:5px;animation:.22s cubic-bezier(.22,1,.36,1) both voiceCapsuleFaceIn;display:inline-flex;position:relative}.voice-capsule-thinking-dot{background:var(--voice-capsule-thinking-dot);width:3px;height:3px;animation:voiceCapsuleThinkingDot 1.35s ease-in-out var(--voice-capsule-thinking-dot-delay) infinite;border-radius:50%}.voice-capsule-check{color:var(--voice-capsule-accent);animation:.18s cubic-bezier(.34,1.56,.64,1) .12s both voiceCapsuleCheckPop;display:inline-flex;position:relative}.voice-capsule-error-glyph{color:var(--voice-capsule-error);text-shadow:0 0 12px #ef6b6b52;font-size:12px;font-weight:600;line-height:1;animation:.18s cubic-bezier(.22,1,.36,1) both voiceCapsuleFaceIn}.voice-capsule[data-state=error]{animation:.24s ease-in-out voiceCapsuleShake;box-shadow:inset 0 0 0 1px #ef6b6b8c,0 0 12px #ef6b6b29,0 6px 16px #0000005c,0 1px 4px #0000003d}.voice-capsule-mode-badge{align-items:center;gap:6px;margin-right:6px;animation:.18s cubic-bezier(.22,1,.36,1) both voiceCapsuleFadeIn;display:inline-flex}.voice-capsule[data-mode=translate] .voice-capsule-mode-badge{color:var(--voice-capsule-mode-translate)}.voice-capsule[data-mode=translate] .voice-capsule-thinking-band{--voice-capsule-accent:var(--voice-capsule-mode-translate)}.voice-capsule-mode-label{color:#ffffffbf;white-space:nowrap;font-size:11px;line-height:1;animation:.18s cubic-bezier(.22,1,.36,1) both voiceCapsuleFadeIn,.2s 1.4s forwards voiceCapsuleLabelOut}.voice-capsule-mode-glyph-dot{background:#fff9;border-radius:50%;width:5px;height:5px}.voice-capsule-translate-swap{width:22px;height:14px;position:relative}.voice-capsule-translate-swap b{color:#ffffffd9;font-size:11px;font-weight:400;line-height:14px;position:absolute;top:0}.voice-capsule-translate-swap b:first-child{animation:2.4s ease-in-out infinite voiceCapsuleSwapA}.voice-capsule-translate-swap b:last-child{animation:2.4s ease-in-out infinite voiceCapsuleSwapB}.voice-capsule-face-exit{pointer-events:none;justify-content:center;align-items:center;animation:.1s cubic-bezier(.4,0,1,1) forwards voiceCapsuleFaceOut;display:inline-flex;position:absolute;inset:0}.voice-capsule[data-handoff=true] .voice-capsule-idle-dot,.voice-capsule[data-handoff=true] .voice-capsule-wave,.voice-capsule[data-handoff=true] .voice-capsule-thinking-dots,.voice-capsule[data-handoff=true] .voice-capsule-error-glyph{animation-delay:60ms}@keyframes voiceCapsuleFaceIn{0%{opacity:0;transform:translateY(2px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes voiceCapsuleFaceOut{to{opacity:0;transform:translateY(-2px)scale(.94)}}@keyframes voiceCapsuleLabelOut{to{opacity:0}}@keyframes voiceCapsuleSwapA{0%,40%{opacity:.9;transform:translate(0)}50%,90%{opacity:.45;transform:translate(11px)}to{opacity:.9;transform:translate(0)}}@keyframes voiceCapsuleSwapB{0%,40%{opacity:.45;transform:translate(11px)}50%,90%{opacity:.9;transform:translate(0)}to{opacity:.45;transform:translate(11px)}}@keyframes voiceCapsuleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes voiceCapsuleIdleBreath{0%,to{opacity:.52}50%{opacity:.92}}@keyframes voiceCapsuleThinkingDot{0%,to{opacity:.38;transform:translateY(0)}50%{opacity:.9;transform:translateY(-1px)}}@keyframes voiceCapsuleCheckPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes voiceCapsuleShake{0%,to{translate:0}25%{translate:-2px}50%{translate:2px}75%{translate:-1px}}[data-entering] .voice-capsule{animation:.24s cubic-bezier(.16,1,.3,1) both voiceCapsuleEnter}.capsule-stack[data-exit=sink]{animation:voiceCapsuleExitSink var(--capsule-exit-ms,.18s) cubic-bezier(.4, 0, 1, 1) forwards}.capsule-stack[data-exit=fast]{animation:voiceCapsuleExitFast var(--capsule-exit-ms,.12s) cubic-bezier(.4, 0, 1, 1) forwards}@keyframes voiceCapsuleEnter{0%{opacity:0;transform:translateY(10px)scale(.9)}50%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes voiceCapsuleExitSink{to{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes voiceCapsuleExitFast{to{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.voice-capsule-idle-dot,.voice-capsule-thinking-dot{animation:none!important}.voice-capsule-thinking-band,.voice-capsule-wave-bar{transition:none!important}.voice-capsule-translate-swap b{animation:none!important}}:root{--bg:#f6f5f2;--ink:#1c1b1a;--ink-soft:#5d5a55;--ink-dim:#908d87;--accent:#1f7a76;--accent-press:#185f5b;--accent-soft:#e4f1ee;--accent-line:#bcd9d4;--stage:#141211;--stage-card:#0f1a18;--stage-line:#234a44;--capsule-teal:#5dc8c1;--violet:#8f9bff;--error:#ef6b6b;--hair:#1412111a;--hair-strong:#14121129;--r-sm:8px;--r:12px;--r-lg:16px;--maxw:1080px;--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;--font-serif:Georgia, "Songti SC", "Noto Serif SC", STSong, "Times New Roman", serif}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:auto;overflow:hidden auto}body{background:var(--bg);height:auto;min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.7;overflow:visible}#root{align-items:initial;justify-content:initial;height:auto;display:block}*{box-sizing:border-box}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:.01em;margin:0;font-weight:600;line-height:1.25}::selection{background:#1f7a762e}.ti{vertical-align:-.125em;flex:none;width:1em;height:1em}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:84px 0}section[id]{scroll-margin-top:72px}.hero-kicker{margin:0 0 18px;line-height:1.4}.hero-kicker .latin{font-family:var(--font-serif);letter-spacing:.08em;color:var(--accent);margin-bottom:7px;font-size:13.5px;font-style:italic;display:block}.hero-kicker .cn{font-family:var(--font-serif);letter-spacing:.16em;color:var(--ink-soft);font-size:19px;display:block}.kicker{letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:600}.h2{letter-spacing:-.01em;font-size:32px}.lead{color:var(--ink-soft);font-size:17px;line-height:1.85}.eyebrow{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:13px;font-weight:500;display:inline-flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .14s,background .14s,box-shadow .14s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 20px #1f7a7638}.btn-primary:hover{background:var(--accent-press);box-shadow:0 8px 26px #1f7a7647}.btn-ghost{color:var(--accent);border-color:var(--accent-line);background:#fff}.btn-ghost:hover{background:var(--accent-soft)}.btn-sm{padding:8px 16px;font-size:13.5px}.btn .ti{font-size:17px}.site-header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--hair);background:#f6f5f2d1;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:8px;font-size:17px;font-weight:600;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.nav-links{color:var(--ink-soft);gap:26px;font-size:14px;display:flex}.nav-links a:hover{color:var(--ink)}.header-actions{align-items:center;gap:16px;display:flex}.header-gh{color:var(--ink-soft);align-items:center;font-size:20px;transition:color .14s;display:inline-flex}.header-gh:hover{color:var(--ink)}.hero{padding:54px 0 40px}.hero-grid{grid-template-columns:.96fr 1.04fr;align-items:center;gap:44px;display:grid}.hero-copy h1{letter-spacing:-.01em;text-wrap:balance;margin:18px 0;font-size:40px;line-height:1.24}.hero-copy h1 .ac{color:var(--accent)}.hero-copy .lead{max-width:460px}.hero-meta{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.hero-meta .sep{opacity:.45}.stage{background:var(--stage);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:300px;padding:26px 26px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -28px #14121180}.stage-glow{pointer-events:none;background:radial-gradient(#5dc8c12e,#14121100 70%);width:280px;height:160px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.stage-glow.is-translate{background:radial-gradient(#8f9bff33,#14121100 70%)}.stage-tag{letter-spacing:.04em;color:#7b7873;align-items:center;gap:5px;font-size:11px;display:inline-flex;position:absolute;top:14px;left:16px}.mode-chip{color:#d6e7e4;z-index:2;background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:12px;display:inline-flex}.mode-chip .dot{background:var(--capsule-teal);border-radius:50%;width:6px;height:6px}.mode-chip.is-translate .dot{background:var(--violet)}.capsule-host{z-index:2;justify-content:center;align-items:center;min-height:40px;display:flex;position:relative}.inject-box{z-index:2;background:#fff;border-radius:11px;width:100%;max-width:380px;padding:12px 14px;position:relative}.inject-head{color:#a9a6a0;align-items:center;gap:6px;margin-bottom:7px;font-size:10.5px;display:flex}.inject-body{color:#26241f;min-height:38px;font-size:13.5px;line-height:1.6}.inject-caret{background:var(--accent);vertical-align:-2px;width:1.5px;height:14px;margin-left:1px;animation:1s step-end infinite sotoCaretBlink;display:inline-block}@keyframes sotoCaretBlink{0%,50%{opacity:1}51%,to{opacity:0}}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{border:1px solid var(--hair);border-radius:var(--r-lg);background:#fff;padding:24px}.step-num{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-size:18px;display:inline-flex}.step h3{margin-bottom:8px;font-size:17px}.step p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.7}.omni-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;margin-top:36px;display:grid}.cmp-card{border-radius:var(--r-lg);padding:26px}.cmp-old{border:1px solid var(--hair);background:#f1efe9}.cmp-new{background:var(--stage-card);border:1px solid var(--stage-line)}.cmp-title{align-items:center;gap:8px;margin-bottom:18px;font-size:15px;font-weight:600;display:flex}.cmp-old .cmp-title{color:var(--ink-soft)}.cmp-new .cmp-title{color:#cdeee9}.flow-v{flex-direction:column;display:flex}.flow-arrow{text-align:center;opacity:.55;padding:5px 0;line-height:1}.flow-arrow .ti{font-size:14px}.cmp-old .flow-arrow{color:#b6b3ab}.cmp-new .flow-arrow{color:var(--capsule-teal)}.flow-node{border-radius:9px;padding:9px 12px}.flow-node-t{font-size:13px;font-weight:500;display:block}.flow-node-s{margin-top:3px;font-size:11.5px;line-height:1.5;display:block}.cmp-old .flow-node{background:#eae8e1}.cmp-old .flow-node-t{color:#48453f}.cmp-old .flow-node-s{color:#8a877f}.cmp-new .flow-node{background:#5dc8c11a;border:1px solid #5dc8c12e}.cmp-new .flow-node-t{color:#e1f3f0}.cmp-new .flow-node-s{color:#84c6bf}.cmp-new .flow-node.is-band{background:#5dc8c12e;border-color:#5dc8c166}.flow-break{color:#a4674a;background:#a4674a12;border:1px dashed #a4674a73;border-radius:9px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:flex}.flow-break .ti{font-size:14px}.cmp-note{margin-top:18px;font-size:13px;line-height:1.65}.cmp-old .cmp-note{color:#9a4b3f}.cmp-new .cmp-note{color:#7fc9c0}.features{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;display:grid}.feature{padding:4px 2px}.feature .fi{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:11px;justify-content:center;align-items:center;margin-bottom:14px;font-size:20px;display:inline-flex}.feature h3{margin-bottom:8px;font-size:16px}.feature p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.72}.cta-band{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:30px 34px;display:flex}.cta-band h2{margin-bottom:6px;font-size:24px}.cta-band p{color:#46706b;margin:0;font-size:14.5px}.cta-actions{flex-shrink:0;gap:12px;display:flex}.site-footer{background:var(--stage);color:#9a978f;margin-top:28px;padding:48px 0 30px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px;display:grid}.footer-brand .brand{color:#e7e4dd;margin-bottom:12px}.footer-brand .brand .brand-dot{background:var(--capsule-teal)}.footer-brand p{max-width:230px;margin:0;font-size:13px;line-height:1.75}.footer-col h4{letter-spacing:.06em;color:#cdeee9;margin:0 0 12px;font-size:12px;font-weight:600}.footer-col a{color:#9a978f;padding:4px 0;font-size:13.5px;display:block}.footer-col a:hover{color:#e7e4dd}.footer-bar{color:#76736d;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:34px;padding-top:16px;font-size:12px;display:flex}.footer-bar .socials{gap:16px;font-size:17px;display:flex}.footer-bar .socials a:hover{color:#e7e4dd}@media (width<=880px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy h1{font-size:36px}.steps,.features,.omni-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.nav-links{display:none}.section{padding:60px 0}.cta-band{flex-direction:column;align-items:flex-start}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}.hero-copy h1{font-size:30px}.cta-actions{width:100%}}