/* Shared visual rhythm. Product interactions and hero artwork remain unchanged. */
:root{--muted:#5d7064;--line:#d5dfd3;--radius-panel:12px;--radius-control:7px}
.section{padding-block:clamp(76px,7.3vw,104px)}
.section-heading{margin-bottom:40px;gap:48px}
.section-heading>p{max-width:370px;line-height:1.95}
html[lang^=zh] h2,html[lang^=zh] h3{font-weight:500;letter-spacing:.015em;line-height:1.42;word-break:normal;overflow-wrap:break-word}
html[lang^=zh] .section-heading h2,html[lang^=zh] .personal-intro h2{font-size:clamp(30px,3.25vw,42px)}
html[lang^=zh] .translate-copy h2{font-size:clamp(29px,3vw,38px)}
.eyebrow.green{color:#5e7966;letter-spacing:.06em}
.section-heading .eyebrow,.personal-intro .eyebrow,.dictionary-content .eyebrow,.privacy-copy .eyebrow{margin-bottom:18px}
.personal{row-gap:76px;column-gap:64px}
.personal-intro>p:last-child{max-width:25em}
.style-editor{border-color:var(--line);padding-block:22px}
.style-editor>p{font-size:clamp(22px,2.1vw,27px);line-height:1.75;min-height:142px;margin-block:30px 24px}
.style-editor-top,.paper-label,.dictionary-content dt{color:#637963}
.style-editor-bottom>span{color:#677c63}
.style-options button{color:#60765e;min-height:36px}
.dictionary-editorial{gap:64px;grid-template-columns:1fr 1fr}
.dictionary-image{height:480px;border-radius:var(--radius-panel)}
.dictionary-content h3{font-size:32px}
.dictionary-content dl>div{padding-block:13px;border-color:var(--line)}
.dictionary-content dd{font-size:17px}
.translation-art,.privacy-art,.nature-stage,.editor-nature{border-radius:var(--radius-panel)}
.translation-art{min-height:450px}
.translation-source,.translation-output,.speech-paper,.done-paper,.editor-window{border-radius:10px;box-shadow:0 2px 4px #13352804,0 12px 28px #13352808}
.translation-source,.translation-output{padding:24px}
.translate-copy>p:not(.eyebrow){color:#cedac9;max-width:28em}
.assistant-tabs{margin-bottom:20px;gap:18px}
.assistant-tabs button{padding-inline:6px;color:#526e58}
.assistant-stage{min-height:440px;border-color:var(--line)}
.assistant-info{padding-block:40px;padding-right:36px}
.assistant-info>p{color:var(--muted)}
.editor-nature{padding:34px;margin-block:24px}
.editor-content>p{color:#34523f}
.window-bar{color:#637861}
.privacy{gap:64px}
.privacy-art{height:390px}
.privacy-copy h2{font-size:31px}
.privacy-copy>p:not(.eyebrow){font-size:15px;line-height:1.9}
.privacy-seal{border-radius:8px;border-color:#ffffffc9;background:#f4f8f0ed}
.breathing-banner{min-height:350px;border-radius:var(--radius-panel)}
.breathing-banner h2{font-weight:400;line-height:1.55}
.app-garden:has(.scene-card){min-height:268px;padding-block:30px;gap:18px;border-radius:var(--radius-panel);background:#e5ece1}
.app-garden>img{opacity:.24;filter:saturate(.82)}
.app-rail{gap:14px;padding-inline:24px}
.app-rail .scene-card{height:124px;border:1px solid #dfe6dc;background:#fcfdf9;max-width:none}
.app-rail .scene-card .scene-art{width:82px;height:82px;top:5px;filter:drop-shadow(0 3px 3px #17372d0d)}
.app-rail .scene-card:nth-child(2) .scene-art{width:88px;height:88px;top:2px}
.app-rail .scene-card:nth-child(4) .scene-art{width:74px;height:74px;top:9px}
.app-rail .scene-card b{bottom:12px;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.025em}
.app-rail button.scene-card[aria-pressed=true]{border-color:#91ab91;background:#fff}
.garden-caption{font-size:14px;line-height:1.7;color:#345540;min-height:50px;max-width:760px;width:100%;margin-inline:auto}
.platform-line{font-size:12px;margin-top:20px;color:#647866}.platform-line>div{gap:26px}
.site-header nav a,.underlined,.footer-bottom a{transition:color .2s}
.site-header nav a:hover,.underlined:hover{color:#183e2b}
.button,.nav-cta,.language-options button,.card,.btn{border-radius:var(--radius-control)}
.footer-bottom{color:#d0ddc7;line-height:1.8}.footer-top>p{color:#d5e3ca}
@media(min-width:701px) and (min-height:601px){
 .dictation.scroll-story{padding:0}
 html[lang^=zh] .scroll-story .section-heading h2{font-size:clamp(26px,3.1vh,38px);line-height:1.35}
 .scroll-story .section-heading{margin-bottom:24px}
 .scroll-story .feature-picker small{color:#617760}
}
@media(max-width:900px){
 .personal,.dictionary-editorial,.privacy{gap:42px}
 .dictionary-image{height:420px}
 .app-rail .scene-card{flex:0 0 calc(33.333% - 10px)}
}
@media(max-width:700px){
 .section{padding-block:60px}.section-heading{margin-bottom:28px}.section-heading>p{margin-top:16px;max-width:100%}
 html[lang^=zh] h2,html[lang^=zh] h3{letter-spacing:.01em}
 html[lang^=zh] .section-heading h2,html[lang^=zh] .personal-intro h2{font-size:30px}
 .personal-intro h2{margin-bottom:18px}.style-editor{margin-top:28px}.style-editor>p{font-size:22px;min-height:126px}
 .dictionary-editorial{margin-top:48px;gap:26px}.dictionary-image{height:310px}.dictionary-content h3{font-size:28px}
 .app-garden:has(.scene-card){padding-block:22px;gap:16px}.app-rail{padding-inline:16px;gap:10px}
 .app-rail .scene-card{flex:0 0 calc(50% - 5px);height:116px}
 .app-rail .scene-card .scene-art{width:76px;height:76px;top:3px}
 .app-rail .scene-card:nth-child(2) .scene-art{width:84px;height:84px;top:0}
 .app-rail .scene-card:nth-child(4) .scene-art{width:68px;height:68px;top:7px}
 .garden-caption{font-size:12px;min-height:58px;padding-inline:16px;gap:5px}.garden-caption .small-ring{width:32px;height:32px}
 .platform-line>div{gap:20px;margin-top:12px}.translation-art{min-height:400px}.translate-grid{gap:30px}
 .assistant-tabs{gap:12px}.assistant-tabs button{padding-inline:2px;font-size:12px}.assistant-info{padding:28px 0}
 .editor-nature{padding:24px 16px;margin:0 0 22px}.privacy{gap:28px}.privacy-art{height:310px}.privacy-copy h2{font-size:28px}
 .breathing-banner{min-height:320px}.breathing-banner h2{font-size:27px}
}
.product-demo{padding-top:76px}.demo-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center;background:#eaf0e6;border:1px solid #d6e1d0;border-radius:16px;padding:40px}
.demo-document{background:#fff;border:1px solid #d9e2d4;border-radius:10px;box-shadow:0 18px 45px #1836240a;min-height:310px}.demo-doc-body{padding:32px}.demo-doc-body>p{font-size:23px;line-height:1.8;min-height:160px;color:#264932}.demo-console{text-align:center}.demo-ring-wrap{height:185px;width:185px;position:relative;margin:0 auto}#demo-ring{width:100%;height:100%;display:block}.demo-console [data-status]{font-size:13px;font-weight:500}.demo-spoken{font-size:14px;line-height:1.8;color:#5d7064;min-height:78px;max-width:360px;margin:14px auto}.demo-steps{list-style:none;display:flex;justify-content:center;gap:18px;padding:0;margin:18px 0;font-size:11px;color:#73806c}.demo-steps .current{color:#244b32;border-bottom:1px solid #244b32}.demo-console .button{background:#254b35;color:white;font-size:13px;padding:9px 22px;min-height:40px}.demo-disclosure{font-size:11px;line-height:1.7;color:#64745f;margin-top:14px;max-width:720px}
@media(max-width:700px){.product-demo{padding-top:54px}.demo-workspace{grid-template-columns:1fr;padding:20px;gap:16px}.demo-document{min-height:175px}.demo-doc-body{padding:22px}.demo-doc-body>p{font-size:18px;min-height:78px}.demo-ring-wrap{width:150px;height:150px}.demo-spoken{min-height:62px}.demo-disclosure{font-size:11px}.hero-content h1{font-size:clamp(86px,28vw,118px)}.hero-shell{min-height:870px}.hero-content{padding-bottom:250px}}
.setup-guide{margin-top:64px;border-top:1px solid var(--line);padding-top:32px}.setup-guide h3{font-size:25px}.setup-guide ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:26px 0 0}.setup-guide li>span{font:12px var(--latin);color:#72866c}.setup-guide h4{margin:12px 0 8px;font-weight:500;font-size:17px}.setup-guide p{font-size:14px;color:var(--muted);line-height:1.85}@media(max-width:700px){.setup-guide{margin-top:40px}.setup-guide ol{grid-template-columns:1fr;gap:20px}}
/* A paired writing race directly after the hero. */
.speed-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.speed-heading h2{font-size:42px}.speed-heading>p{font-size:15px;color:var(--muted);line-height:1.9}.speed-controls{display:flex;align-items:center;gap:30px;padding:20px 0;border-top:1px solid var(--line);font-size:12px}.speed-controls label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.speed-controls input{width:100px;accent-color:#3e7150}.speed-controls output{font:500 17px var(--latin);min-width:28px}.speed-controls button{margin-left:auto;color:#526c57;background:none;border-bottom:1px solid #93a58b;font-size:12px;padding:4px}.speed-race{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.speed-lane{padding:30px;border-radius:14px;min-height:330px;display:flex;flex-direction:column}.keyboard-lane{background:#edf0e9;border:1px solid #dce2d7}.voice-lane{background:#173c2d;color:#eff8e7;position:relative;overflow:hidden}.voice-lane:before{content:'';position:absolute;inset:0;background:url(assets/canopy-light.webp) center/cover;opacity:.08;pointer-events:none}.lane-heading,.lane-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:13px}.lane-heading>span:last-child{font:12px var(--latin);opacity:.65}.race-text{position:relative;font-size:22px;line-height:1.8;min-height:140px;margin-top:24px}.race-text:after{content:'▏';opacity:.65}.lane-progress{height:2px;background:#91a38b38;margin:18px 0}.lane-progress i{display:block;height:100%;width:0;background:#7e9c6d}.voice-lane .lane-progress i{background:#d4efab}.lane-bottom{margin-top:auto;height:52px}.lane-bottom>img{width:74px;height:52px;object-fit:contain}.speed-ring{width:65px;height:65px;background:url(assets/talk-ring.webp) center/contain no-repeat}.speed-summary{display:flex;justify-content:space-between;gap:30px;margin-top:22px}.speed-summary strong{font-size:18px;font-weight:500}.speed-summary p{font-size:11px;line-height:1.8;color:var(--muted);max-width:470px}
/* Product demo as an application scene, rather than two separate boxes. */
.demo-workspace{position:relative;display:grid;grid-template-columns:1fr;max-width:960px;margin:0 auto;padding:0;background:#183b2e;border:1px solid #365647;gap:0;box-shadow:0 20px 65px #183b2510;overflow:hidden}
.demo-app-rail{display:flex;justify-content:space-between;padding:18px 28px;color:#c9dcc2;font:12px var(--latin);border-bottom:1px solid #ffffff18}.demo-app-rail>span:first-child{font:23px var(--brand-font)}.demo-app-rail>span:last-child{font-size:9px;letter-spacing:.12em;align-self:center}
.demo-document{margin:30px 100px 0;min-height:290px;border-radius:10px 10px 0 0;box-shadow:0 4px 30px #00180e20;border:0;background:#fafcf7}.demo-document .window-bar{display:none}.demo-doc-body{padding:32px 40px}.demo-subject{font-size:23px;margin:10px 0 24px}.demo-doc-body>p{font-size:19px;min-height:100px;line-height:1.8}.demo-console{padding:0 60px 24px;position:relative;background:linear-gradient(180deg,#173b2d00,#173b2d 30%);color:#d8e8d0;margin-top:-20px;display:grid;grid-template-columns:110px 1fr auto;align-items:center;column-gap:20px;text-align:left}.demo-ring-wrap{width:110px;height:110px;grid-row:1/3;margin:0}.demo-console [data-status]{font-size:11px;align-self:end;color:#c6dcae}.demo-spoken{font-size:14px;max-width:none;min-height:48px;margin:6px 0 0;color:#e6efdf;grid-column:2;align-self:start}.demo-steps{grid-column:1/3;justify-content:start;margin:8px 0 0;gap:24px;color:#8da68d}.demo-steps .current{color:#e0efce;border-color:#e0efce}.demo-console .button{grid-column:3;grid-row:1/3;background:transparent;border:1px solid #78917477;font-size:11px;padding:7px 14px;min-height:32px}.demo-disclosure{margin:16px auto 0;max-width:960px;font-size:10px}
@media(max-width:700px){.speed-heading{display:block;margin-bottom:24px}.speed-heading h2{font-size:31px}.speed-heading>p{font-size:14px;margin-top:16px}.speed-controls{gap:14px;flex-wrap:wrap}.speed-controls label{width:100%;justify-content:space-between;gap:6px}.speed-controls input{flex:1;max-width:160px}.speed-controls button{margin:0}.speed-race{gap:10px;grid-template-columns:1fr 1fr}.speed-lane{padding:16px 13px;min-height:340px}.lane-heading{font-size:11px;align-items:start;gap:8px;flex-direction:column}.race-text{font-size:16px;line-height:1.75;min-height:170px;margin-top:16px}.lane-bottom{font-size:11px}.lane-bottom>img{width:48px}.speed-ring{width:42px;height:42px}.speed-summary{display:block}.speed-summary strong{font-size:16px}.speed-summary p{margin-top:10px}.demo-document{margin:20px 18px 0;min-height:255px}.demo-doc-body{padding:24px}.demo-subject{font-size:20px}.demo-doc-body>p{font-size:17px}.demo-console{padding:0 16px 20px;grid-template-columns:78px 1fr;gap:8px}.demo-ring-wrap{width:78px;height:95px}.demo-console .button{grid-row:3;grid-column:2;justify-self:end}.demo-spoken{font-size:12px;min-height:60px}.demo-steps{grid-column:1/3;grid-row:4;font-size:10px;gap:20px}.demo-app-rail{padding:15px 20px}}
/* Shared comparison: tactile typing beside the full dictation workflow. */
.speed-race{grid-template-columns:.85fr 1.3fr;align-items:stretch}.keyboard-lane .race-text{flex:1}.keyboard-lane .lane-bottom{height:auto;gap:12px;flex-wrap:wrap}.typing-keyboard{width:210px;padding:9px;border:1px solid #bcc9b6;background:#d9e0d4;border-radius:9px;box-shadow:0 4px 0 #b9c5b2}.typing-keyboard>div{display:flex;gap:3px;justify-content:center;margin:3px 0}.typing-keyboard i{font:8px var(--latin);font-style:normal;background:#fafbf6;color:#6d7c66;border-radius:3px;min-width:15px;height:18px;display:grid;place-items:center;box-shadow:0 2px 0 #acb8a4;transition:transform .07s,background .07s}.typing-keyboard .space-key{width:90px}.typing-keyboard i.pressed{background:#8ca978;color:white;transform:translateY(2px);box-shadow:none}.voice-lane{padding:0;background:#183b2e}.voice-lane:before{display:none}.voice-lane>.lane-heading{padding:24px 28px 0}.voice-lane .demo-workspace{border:0;box-shadow:none;border-radius:0;width:100%;background:transparent}.voice-lane .demo-app-rail{padding:14px 28px}.voice-lane .demo-document{margin:18px 24px 0;min-height:210px}.voice-lane .demo-doc-body{padding:24px}.voice-lane .demo-doc-body>p{min-height:90px;font-size:19px;color:#264932}.voice-lane .demo-subject{font-size:20px;color:#264932;margin-bottom:15px}.voice-lane .demo-console{padding:0 24px 15px;grid-template-columns:90px 1fr;gap:12px}.voice-lane .demo-ring-wrap{width:90px;height:100px}.voice-lane .demo-spoken{min-height:54px;font-size:13px}.voice-timing{padding:0 28px 20px;text-align:right;font-size:11px;color:#adc3a4}.result-arrived{animation:result-arrive .45s cubic-bezier(.16,1,.3,1) both}@keyframes result-arrive{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:700px){.speed-race{grid-template-columns:1fr}.keyboard-lane{min-height:270px}.keyboard-lane .race-text{min-height:90px}.voice-lane>.lane-heading{flex-direction:row}.voice-lane .demo-document{margin-inline:16px}.voice-lane .demo-console{padding-inline:16px}.typing-keyboard{width:185px}.typing-keyboard i{min-width:13px}.voice-lane .demo-doc-body{padding:20px}.voice-lane .demo-steps{grid-row:3}}@media(prefers-reduced-motion:reduce){.result-arrived{animation:none}.typing-keyboard i{transition:none}}