/* Approved animal symbol and wordmarks; bilingual typography. */
@font-face{font-family:'LIBANBAN Chinese';src:url('/assets/noto-sans-sc-site.woff2?v=0.6.1') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body{font-family:Manrope,'LIBANBAN Chinese','PingFang SC',sans-serif;font-synthesis:none}
html[lang='zh-CN']{line-break:strict}
html[lang='zh-CN'] h1,html[lang='zh-CN'] h2,html[lang='zh-CN'] h3{font-weight:500}
html[lang='zh-CN'] h2{line-height:1.42;letter-spacing:-.035em}
html[lang='zh-CN'] .hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.35;letter-spacing:-.05em}
html[lang='zh-CN'] .product-copy h3{line-height:1.4}
html[lang='zh-CN'] .button,html[lang='zh-CN'] .text-link{font-weight:500}
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.brand-logo{display:block;width:180px;height:auto;overflow:visible;max-width:none}
.brand-logo-zh{width:145px}
.brand-definitions{position:absolute;pointer-events:none}
.brand-symbol{width:38px;height:38px;display:block}
.dialog-top .brand-logo{width:145px}.dialog-top .brand-logo-zh{width:117px}
@media(max-width:1100px){.brand-logo{width:165px}.brand-logo-zh{width:138px}}
@media(min-width:681px) and (max-width:900px){html[lang='zh-CN'] .hero h1{font-size:35px}}
@media(max-width:680px){.brand-logo{width:156px}.brand-logo-zh{width:129px}html[lang='zh-CN'] .hero h1{font-size:clamp(35px,9.3vw,48px);line-height:1.38;letter-spacing:-.055em}.footer-brand .brand-logo{width:178px}.footer-brand .brand-logo-zh{width:145px}.dialog-top .brand-logo{width:129px}.dialog-top .brand-logo-zh{width:110px}}
@media(max-width:380px){.brand-logo{width:139px}.brand-logo-zh{width:118px}html[lang='zh-CN'] .hero h1{font-size:32px}}

/* AI companionship positioning — 0.6.0. */
.slogan-emphasis{text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:4px;text-underline-offset:.16em}
.hero-steps{display:flex;gap:16px;list-style:none;padding:0;margin:24px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.hero-steps li+li:before{content:'/';margin-right:16px;color:#A8ACB0}
.hero-caption{position:absolute;top:20px;left:20px;z-index:1;font-size:12px;line-height:1.5;color:#555A60;background:#FFFFFFE8;border-radius:6px;padding:7px 10px}
html[lang='zh-CN'] .hero h1{font-size:clamp(54px,5.7vw,78px);line-height:1.35}
html[lang='en'] .hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.22}
@media(min-width:681px) and (max-width:900px){html[lang='zh-CN'] .hero h1{font-size:48px}html[lang='en'] .hero h1{font-size:36px}.hero-actions{gap:12px}.hero-steps{margin-top:20px}}
@media(max-width:680px){html[lang='zh-CN'] .hero h1{font-size:clamp(46px,12vw,58px)}html[lang='en'] .hero h1{font-size:clamp(32px,9.2vw,44px)}.hero-actions{gap:14px}.hero .button{font-size:14px;padding:13px 17px;gap:10px}.hero .text-link{font-size:14px}.hero-steps{margin-top:19px;font-size:12px}.hero-caption{top:13px;left:13px;font-size:12px;padding:5px 8px}.slogan-emphasis{text-decoration-thickness:3px}}
@media(max-width:380px){html[lang='en'] .hero h1{font-size:32px}.hero .button{font-size:14px;gap:8px;padding:13px 15px}.hero .text-link{font-size:14px}.hero-steps{gap:13px}.hero-steps li+li:before{margin-right:13px}}

.keep-phrase{white-space:nowrap}