@font-face{font-family:DM Sans;src:url('/assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/instrument-serif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#f7f5ef;--ink:#252720;--muted:#626359;--accent:#b93c28;--line:#d9d8cf;--sheet:#eee9dd;--sans:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif;--serif:'Instrument Serif','Songti SC','Noto Serif CJK SC',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:36px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}
::selection{background:#eac7b9;color:var(--ink)}
.site-shell{max-width:1320px;margin:0 auto;padding:0 60px}
.skip-link{position:fixed;z-index:10;top:12px;left:16px;padding:12px 18px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:30px;font-weight:600;letter-spacing:-1.5px}
.brand-icon{color:var(--accent);width:27px}
.brand-period{color:var(--accent)}
.header-nav{display:flex;align-items:center;gap:48px}
.platform-label,.eyebrow,.composition-note,.composition-index,.sheet-top,.sheet-bottom,.principle-number,.coming-label{font-size:11px;letter-spacing:1.4px;line-height:1.5}
.platform-label{color:var(--muted)}
.language-switch{display:flex;align-items:center;gap:13px;font-size:12px}
.language-switch a{color:var(--muted);padding:10px 0;min-width:23px;text-align:center}
.language-switch a[aria-current]{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--accent)}
.language-switch>span{color:#aaa99f}
.hero{display:grid;grid-template-columns:1.18fr 0.82fr;gap:58px;align-items:center;padding:86px 0 100px;min-height:710px}
.eyebrow{display:flex;align-items:center;gap:12px;font-weight:500;margin:0;color:var(--muted)}
.small-rule{display:block;width:26px;height:1px;background:var(--accent)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(76px,7.7vw,106px);line-height:1.02;letter-spacing:-2.7px;margin:32px 0 26px}
h1 em{color:var(--accent);font-weight:400}
.hero-description{font-size:17px;line-height:1.8;max-width:435px;color:var(--muted);margin:0 0 26px}
.text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid var(--ink);padding:10px 0;font-size:14px;font-weight:500;transition:color .18s,border-color .18s}
.text-link:hover{color:var(--accent);border-color:var(--accent)}
.text-link>span{font-size:20px;line-height:1}
.release-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:48px;font-size:11px;color:var(--muted)}
.release-status strong{font-weight:500;color:var(--ink)}
.status-dot{width:6px;height:6px;border-radius:50%;background:#738568;margin-right:2px}
.status-divider{color:#a5a497;margin:0 2px}
.voice-composition{position:relative;padding:29px 6px 35px 10px;max-width:444px;justify-self:end;width:100%}
.composition-note,.composition-index{display:block;color:var(--muted);font-size:9px;letter-spacing:1.2px}
.composition-note{position:absolute;top:0;left:18px}
.composition-index{position:absolute;bottom:0;right:10px}
.voice-sheet{background:var(--sheet);padding:27px 29px 25px;transform:rotate(3deg);border:1px solid #dcd6c8;box-shadow:6px 9px 0 -1px var(--paper),6px 9px 0 0 #dcd6c8;position:relative}
.sheet-top,.sheet-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.85px}
.sheet-top{border-bottom:1px solid #cfcbbf;padding-bottom:18px}
.waveform{display:block;width:100%;height:164px;color:var(--accent);margin:28px 0 8px}
.sheet-quote{font-family:var(--serif);font-size:57px;line-height:1.04;letter-spacing:-.8px;margin:0 0 31px}
.cursor-mark{color:var(--accent);display:inline-block;transform:translateY(-3px)}
.sheet-bottom{border-top:1px solid #cfcbbf;padding-top:16px;font-size:8px}
.idea-section{border-top:1px solid var(--line);padding:55px 0 58px}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px}
.section-heading h2{font-family:var(--serif);font-size:34px;font-weight:400;margin:0;line-height:1.2;letter-spacing:-.3px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px}
.principle-number{font-size:10px;color:var(--accent);letter-spacing:.5px}
.principle h3{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:15px 0 12px}
.principle p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:300px}
.coming-soon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:37px 0;display:flex;align-items:center;gap:25px}
.release-mark{font-size:46px;color:var(--accent);font-family:Georgia,serif;line-height:1}
.coming-soon h2{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.2;margin:0 0 8px}
.coming-soon p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;max-width:600px}
.coming-label{margin-left:auto;white-space:nowrap;color:var(--accent);font-size:9px;border:1px solid #d8b0a0;padding:8px 11px;border-radius:2px}
.site-footer{display:flex;justify-content:space-between;gap:25px;padding:33px 0 35px}
.footer-brand{font-size:17px;letter-spacing:-.6px;font-weight:600}
.site-footer p{font-size:11px;color:var(--muted);margin:7px 0 0}
.footer-meta{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:9px;font-size:10px;color:var(--muted)}
.not-found{padding:100px 0 130px;min-height:65vh}
.not-found h1{font-size:clamp(48px,7vw,90px);max-width:800px}
.not-found p:not(.eyebrow){color:var(--muted);line-height:1.8}
html[lang=zh-CN] h1{font-family:'Songti SC','Noto Serif CJK SC','STSong',serif;font-size:clamp(50px,5.1vw,70px);letter-spacing:-1.8px;line-height:1.38;margin:27px 0 23px}
html[lang=zh-CN] h1 em{font-style:normal}
html[lang=zh-CN] .hero-description{font-size:16px;line-height:1.95;max-width:410px}
html[lang=zh-CN] .sheet-quote{font-family:'Songti SC','Noto Serif CJK SC','STSong',serif;font-size:39px;line-height:1.38;margin-bottom:22px}
html[lang=zh-CN] .section-heading h2{font-size:27px;letter-spacing:0}
html[lang=zh-CN] .coming-soon h2{font-size:27px}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .65s ease-out both}.voice-composition{animation:arrive .8s .08s ease-out both}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
@media(max-width:1050px){.site-shell{padding:0 40px}.hero{gap:34px;min-height:650px;padding:72px 0 84px}h1{font-size:80px}.voice-sheet{padding:22px}.sheet-quote{font-size:48px}.waveform{height:143px}.sheet-top{font-size:8px}.sheet-bottom{font-size:7px;letter-spacing:.5px}.principles{gap:28px}.section-heading h2{font-size:30px}.coming-label{display:none}html[lang=zh-CN] h1{font-size:54px}html[lang=zh-CN] .sheet-quote{font-size:32px}}
@media(max-width:800px){.site-shell{padding:0 26px}.site-header{height:88px}.header-nav{gap:24px}.brand{font-size:27px}.hero{grid-template-columns:1fr;gap:44px;padding:60px 0 65px;min-height:0}.hero-copy{max-width:600px}h1{font-size:clamp(70px,11vw,94px);margin-top:28px}.hero-description{max-width:500px}.release-status{margin-top:30px}.voice-composition{max-width:430px;justify-self:center}.section-heading{display:block}.section-heading h2{margin-top:19px;font-size:32px}.principles{grid-template-columns:1fr;gap:28px;margin-top:33px}.principle{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.principle-number{grid-column:1;grid-row:1;padding-top:5px}.principle h3{grid-column:2;margin:0 0 9px}.principle p{grid-column:2;max-width:550px}.coming-soon{align-items:flex-start;gap:16px}.release-mark{font-size:35px}.coming-soon h2{font-size:28px}.site-footer{flex-direction:column;gap:23px}.footer-meta{align-items:flex-start;gap:7px}html[lang=zh-CN] h1{font-size:clamp(44px,8.4vw,65px)}html[lang=zh-CN] .sheet-quote{font-size:39px}}
@media(max-width:420px){.site-shell{padding:0 22px}.site-header{height:79px}.platform-label{display:none}.brand{font-size:25px}.brand-icon{width:24px}.hero{padding-top:48px}h1{font-size:67px;letter-spacing:-1.8px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-description{font-size:15px;line-height:1.8}.release-status{font-size:10px;gap:6px}.voice-composition{padding-left:5px;padding-right:12px}.voice-sheet{padding:22px}.sheet-quote{font-size:48px}.sheet-top{font-size:8px;letter-spacing:.4px}.sheet-bottom{font-size:7px}.waveform{height:140px}.section-heading h2{font-size:29px}.coming-soon h2{font-size:26px}html[lang=zh-CN] h1{font-size:43px;letter-spacing:-1px}html[lang=zh-CN] .hero-description{font-size:15px}html[lang=zh-CN] .section-heading h2{font-size:24px}html[lang=zh-CN] .sheet-quote{font-size:34px}html[lang=zh-CN] .coming-soon h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}