/* Self-hosted variable Chinese sans; one family for headings and body. */
@font-face{font-family:"HSOU Sans";src:url("../fonts/hsou-sans-sc.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--font:"HSOU Sans","PingFang SC","Microsoft YaHei",sans-serif;--muted:#50657a}
body{font-size:18px;font-weight:400;line-height:1.85}
body,button,input,select,textarea{font-family:var(--font)}
h1,h2,h3{font-weight:700;letter-spacing:-.025em}
.hero h1{font-weight:700;letter-spacing:-.035em}
.hero-intro,.hero-product .hero-intro{font-size:18px;color:#c7d6e5;line-height:1.9}
.hero-tags,.hero-product .hero-tags{font-size:14px;color:#c1d1df;line-height:1.8}
.hero-text-link,.hero .button,.button{font-size:16px}
.button{background:var(--blue-dark);border-color:var(--blue-dark)}
.button:hover{background:var(--blue);box-shadow:0 8px 26px color-mix(in srgb,var(--blue) 20%,transparent)}
.hero:after{background:radial-gradient(ellipse,color-mix(in srgb,var(--blue) 16%,transparent),transparent 68%)}
.accent-line{color:var(--orange)}
.main-nav{font-size:15px;gap:24px}.main-nav .button{font-size:14px}
.utility-bar{font-size:13px}.utility-inner{min-height:36px}
.hero .eyebrow,.section-heading .eyebrow,.product-overview .eyebrow{font-size:13px;letter-spacing:.1em}
.hero .eyebrow{color:#b6cada}
.section-heading>p:last-child:not(.eyebrow),.info-card p,.info-card ul,.editorial-row p,.tips-grid p,.steps p,.faq-list p,.placement-description p{font-size:16px;line-height:1.9}
.info-card h3,.editorial-row h3,.tips-grid h3,.steps h3{font-size:21px;line-height:1.55}
.info-card ul{padding-left:21px}
.info-card:hover{border-color:var(--blue)}
.overview-copy{font-size:20px;line-height:1.95;color:#354f65}
.overview-summary{font-size:15px;gap:22px}.overview-summary small{font-size:13px;color:var(--blue-dark)}
.product-overview{grid-template-columns:.65fr 1.35fr;gap:72px;align-items:start}
.product-illustration{object-fit:contain;aspect-ratio:1;border-radius:18px}
.overview-illustration{width:200px;height:200px;margin:25px 0 0 -12px;transition:transform .45s}
.product-overview:hover .overview-illustration{transform:translateY(-5px) rotate(-3deg)}
.media-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;margin-bottom:18px}
.media-card-heading .product-logo{width:156px;height:34px;flex:1;min-width:0}
.media-card-heading .product-logo:has(.secondary-logo){width:200px;gap:10px}
.card-illustration{width:76px;height:76px;flex-shrink:0;border-radius:12px;transition:transform .4s}
.media-card:hover .card-illustration{transform:translateY(-5px) rotate(4deg)}
.media-card .card-arrow{position:static;margin-left:auto}
.media-card .logo-wordmark{font-size:17px}.media-card .logo-with-text{gap:7px}
.media-card .logo-with-text>img{max-width:28px}
.media-card .product-logo .secondary-logo{max-height:22px}
.card-label,.text-link{font-size:14px}.text-link{padding-top:24px}
.section-ink .info-card{background:color-mix(in srgb,var(--navy) 87%,white)}
.section-ink .section-heading>p:last-child,.steps p{color:#c2d3e2}
.section-kind-placements{background:var(--soft);border-color:var(--line)}
.placement-tabs button strong{font-size:17px}.placement-tabs button small{font-size:14px}
.placement-disclaimer,.source-note,.source-note strong{font-size:14px;line-height:1.85}
.faq-list summary{font-size:18px}.source-note{gap:30px}
.toc-links a{font-size:15px}.toc-links{gap:25px}
.filter-buttons button{font-size:14px;min-height:44px}.product-filter p,.product-filter .eyebrow{font-size:14px}
.product-identity>span:last-child{font-size:13px;color:#c3d3e2;max-width:120px}
.visual-heading,.visual-foot{font-size:13px;gap:14px;color:#c0d3e3;flex-wrap:wrap}
.visual-heading>a{color:#d8e8f4}.visual-foot span:last-child{text-align:right}
.highlight-ad{border-color:color-mix(in srgb,var(--blue) 55%,white)!important;background:var(--soft)!important}
.position-dot,.reading-progress span{background:var(--blue-dark)}
.mock-result>strong,.mock-sitelinks,.mock-product>b,.source-chip{color:var(--blue-dark)}
.mock-product.selected,.organic-result,.chat-question{background:var(--soft);border-color:var(--blue)}
.mock-browser>span,.mock-searchbar,.mock-result>p,.mock-result.faint>strong,.feed-notes>p,.mock-safe,.mock-sidebar,.mock-label{color:#526b80}
.ad-mock{line-height:1.65}.mock-browser{height:36px}.mock-result>strong{padding-right:22px}
.search-glyph{position:relative;width:18px;height:18px;flex-shrink:0;margin-left:10px}
.search-glyph:before{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--blue-dark);border-radius:50%;top:0;left:0}
.search-glyph:after{content:"";position:absolute;width:7px;height:2px;background:var(--blue-dark);transform:rotate(45deg);right:0;bottom:3px}
.answer-icon:before{content:"";width:22px;height:22px;background:var(--blue);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}
.hero-product .mock-result>strong{font-size:15px;padding-right:22px}.hero-product .mock-result>p{font-size:13px}
.hero-product .mock-searchbar{font-size:13px}.mock-result>.position-dot{width:24px;height:24px;font-size:12px}
.hero-product .mock-result .position-dot{width:24px;height:24px;font-size:12px;right:8px;top:8px}
.mock-phone,.hero-product .mock-phone{width:176px;height:328px}
.phone-copy{background:linear-gradient(transparent,#102b42ed 20%);padding-top:18px;bottom:12px}
.phone-copy>strong{font-size:15px}.phone-copy>span:not(.sponsored),.phone-copy .sponsored,.mock-cta{font-size:12px}
.feed-notes>strong,.hero-product .feed-notes>strong{font-size:17px}
.feed-notes>p,.hero-product .feed-notes>p{font-size:14px}
.mock-safe,.hero-product .mock-safe{font-size:12px}
.contact-band p{font-size:16px;line-height:1.9}.contact-band .eyebrow{font-size:13px}
.contact-choices span,.wechat-card small,.copy-button{font-size:14px}.contact-mail{font-size:17px}
.copy-status{font-size:14px!important}.phone-contact strong{font-size:36px}
.site-footer{padding-top:58px;color:#50657a}
.footer-grid{grid-template-columns:1.15fr 1fr .8fr 1.3fr;gap:38px}
.footer-grid p,.footer-grid a:not(.logo){font-size:15px;line-height:1.9}
.footer-grid h2{font-size:17px;font-weight:650;margin-bottom:20px}
.footer-location,.footer-bottom{font-size:14px;color:#5d7285;letter-spacing:.015em}
.footer-grid>div{min-width:0}.footer-grid p,.footer-grid a{overflow-wrap:anywhere}
.back-top{width:44px;height:44px}.metrics small{font-size:14px}.metrics span{font-size:16px}
.chapter-code,.chapter-links,.hero-bottom{font-size:13px}.chapter-visual>strong{font-weight:600}
.brand-rail p,.brand-rail p strong{font-size:14px}.brand-rail p{min-width:182px}
.scene-caption,.scene-bottom,.scene-caption span:last-child,.scene-brand>span{font-size:12px;letter-spacing:0}
.scene-brand{width:200px}.scene-brand img{width:172px}
.media-node{width:126px;height:65px}.media-node .product-logo{width:104px;height:26px}
.media-node .logo-wordmark{font-size:12px}.media-node .logo-with-text>img{max-width:22px}
@media(max-width:1100px){
 .main-nav{gap:16px;font-size:14px}.main-nav .button{font-size:13px}
 .header-inner{gap:18px}.hero-home .hero-inner{grid-template-columns:1fr;gap:30px}
 .hero-home .hero-copy{max-width:740px}.hero-home h1{font-size:49px}
 .growth-scene{max-width:620px;justify-self:center;height:420px;width:100%}
 .scene-brand{top:155px}.media-node-1{left:40%}.media-node-4{left:45%;bottom:22px}
 .media-node-2{top:106px}.media-node-6{top:96px}
 .brand-rail>.container{display:block}.brand-rail p{margin-bottom:24px}
 .brand-rail p br{display:none}.brand-rail p strong{margin-left:16px}
 .brand-rail-logos{gap:22px}.hero-product .hero-inner{grid-template-columns:1fr 1fr;gap:30px}
 .footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1;display:block}
 .product-overview,.editorial-layout{gap:44px}.media-card-heading{gap:8px}
 .card-illustration{width:62px;height:62px}.page-home #official-partners .card-grid{grid-template-columns:1fr 1fr}
 .hero-product .feed-layout{padding:22px 16px;gap:16px}.hero-product .mock-phone{width:154px;height:320px}
 .hero-product .hero-intro{font-size:17px}.hero-product .hero-inner{padding-block:48px}
}
@media(max-width:980px){
 .hero-product .hero-inner{grid-template-columns:1fr;gap:36px}.hero-product .hero-copy{max-width:720px}
 .hero-product h1{font-size:40px}.product-hero-visual{width:100%;max-width:660px;justify-self:center}
 .hero-product .mock-phone{width:176px;height:328px}.hero-product .feed-layout{gap:36px}
 .placement-explorer{grid-template-columns:1fr;gap:25px}.placement-tabs{flex-direction:row;align-items:stretch}
 .placement-tabs button{flex:1;display:block}.placement-tabs button>b{display:none}
 .placement-tabs button strong{font-size:16px}.placement-tabs button>span{display:block;margin-bottom:8px}
 .toc-name{display:none}.toc-links{justify-content:flex-start}
 .overview-copy{font-size:19px}.overview-summary{flex-wrap:wrap}
}
@media(max-width:760px){
 body{font-size:17px}.utility-inner>span,.utility-inner>a{font-size:12px}.utility-inner{flex-wrap:wrap;gap:0 12px;padding-block:5px}
 .main-nav .nav-link{font-size:17px}.main-nav .button{font-size:16px}
 .hero-home h1{font-size:clamp(37px,7vw,47px)}.hero-intro,.hero-product .hero-intro{font-size:17px}
 .hero-home .hero-inner{gap:16px;padding-top:38px}.hero .eyebrow{font-size:12px}
 .hero-tags,.hero-home .hero-tags,.hero-product .hero-tags{font-size:14px;gap:10px 16px}
 .hero-actions,.hero-home .hero-actions,.hero-product .hero-actions{gap:12px 22px}
 .hero-text-link,.hero .button{font-size:16px;min-height:48px}
 .hero-home .hero-intro{max-width:none}.growth-scene{height:365px;margin-top:20px}
 .scene-caption span:last-child{display:none}.scene-caption{left:0}
 .scene-brand{width:170px;top:143px}.scene-brand img{width:142px}.scene-brand>span{font-size:12px;letter-spacing:0}
 .media-node{width:96px;height:56px}.media-node .product-logo{width:82px;height:23px}
 .media-node .logo-with-text{gap:4px}.media-node .logo-with-text>img{max-width:17px}.media-node .logo-wordmark{font-size:12px}
 .media-node-1{top:35px;left:37%}.media-node-2{top:98px;right:0}.media-node-6{top:89px;left:0}
 .media-node-3{top:247px;right:0}.media-node-5{top:241px;left:0}.media-node-4{bottom:13px;left:47%}
 .scene-bottom{font-size:12px;bottom:0}.hero-bottom{font-size:12px;letter-spacing:0}
 .brand-rail p,.brand-rail p strong{font-size:13px}.brand-rail-logos{gap:24px 20px}
 .brand-rail .logo-wordmark{font-size:14px}.brand-rail .product-logo{width:120px;height:25px}
 .section-heading h2,.editorial-layout .section-heading h2,.product-overview h2{font-size:31px;line-height:1.5}
 .section-heading .eyebrow,.product-overview .eyebrow{font-size:12px}
 .section-heading>p:last-child:not(.eyebrow){font-size:16px}
 .info-card h3,.editorial-row h3,.tips-grid h3,.steps h3,.page-home #official-partners .info-card h3{font-size:21px}
 .info-card p,.info-card ul,.editorial-row p,.tips-grid p,.steps p,.faq-list p,.placement-description p{font-size:16px}
 .page-home #official-partners .card-grid{grid-template-columns:1fr}.media-card{min-height:0}
 .media-card-heading{min-height:82px;margin-bottom:18px}.media-card-heading .product-logo{max-width:190px;width:160px;height:34px}
 .card-illustration{width:78px;height:78px}.media-card-heading .logo-wordmark{font-size:18px}
 .product-overview{grid-template-columns:1fr;gap:24px}.product-overview>div:first-child{position:relative;min-height:108px;padding-right:110px;display:flex;flex-direction:column;justify-content:center}
 .overview-illustration{position:absolute;right:-8px;top:0;width:114px;height:114px;margin:0}
 .product-overview .eyebrow{max-width:200px}.overview-copy{font-size:18px;line-height:1.95}
 .overview-summary{font-size:14px;gap:14px}.overview-summary small{font-size:13px}
 .hero-product h1{font-size:35px}.hero-standard h1{font-size:36px}.hero-product .hero-inner{padding-block:35px}
 .product-identity{flex-wrap:wrap;gap:12px}.product-identity>span:last-child{font-size:13px;max-width:none}
 .product-identity>.product-logo{height:52px}.hero-product-logo .logo-wordmark{font-size:18px}
 .visual-heading,.visual-foot{font-size:13px}.visual-foot{letter-spacing:0}
 .toc-links a{font-size:15px}.toc-links{gap:24px}.breadcrumbs{font-size:13px}
 .placement-tabs button{min-width:155px;padding:15px}.placement-tabs button strong{font-size:16px}.placement-tabs button small{font-size:13px}
 .placement-tabs button>span{font-size:13px}.placement-description h3{font-size:20px}.placement-disclaimer{font-size:14px}
 .feed-layout,.hero-product .feed-layout{padding:24px 18px;gap:20px}
 .mock-phone,.hero-product .mock-phone{width:168px;height:330px}.feed-notes{max-width:165px;min-width:0}
 .feed-notes>strong,.hero-product .feed-notes>strong{font-size:16px}.feed-notes>p,.hero-product .feed-notes>p{font-size:14px}
 .mock-safe,.hero-product .mock-safe{font-size:12px}.mock-result>strong,.hero-product .mock-result>strong{font-size:14px}
 .mock-result>p,.hero-product .mock-result>p{font-size:13px}.mock-searchbar,.hero-product .mock-searchbar{font-size:13px}
 .mock-product>span,.hero-product .mock-product>span,.mock-product>b,.mock-label,.hero-product .mock-label{font-size:12px}
 .mock-result>.position-dot,.hero-product .mock-result .position-dot{position:static;margin-bottom:10px}
 .mock-result>strong,.hero-product .mock-result>strong{padding-right:0}
 .hero-product .mock-result{padding:16px}.mock-browser>span{font-size:12px}
 .source-note,.source-note strong{font-size:14px}.source-note a{overflow-wrap:anywhere}
 .filter-buttons button{font-size:14px}.metrics span{font-size:15px}.metrics small{font-size:14px}
 .contact-band h2{font-size:35px}.contact-band p{font-size:16px}.contact-mail{font-size:17px}
 .contact-choices span,.wechat-card small,.copy-button{font-size:14px}.contact-choices strong{font-size:34px}.wechat-card strong{font-size:28px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px}.footer-grid p,.footer-grid a:not(.logo){font-size:15px}
 .footer-grid h2{font-size:17px}.footer-location,.footer-bottom{font-size:14px;line-height:1.9}
 .chapter-code,.chapter-links{font-size:13px}.chapter-visual>strong{font-size:24px}
}
@media(max-width:420px){
 .utility-inner>span{display:none}.utility-inner{justify-content:center}
 .hero-home h1{font-size:37px}.hero-product h1{font-size:33px}.hero-standard h1{font-size:33px}
 .hero-actions{align-items:flex-start}.hero-tags{line-height:1.7}
 .media-node{width:91px}.media-node .product-logo{width:79px}
 .scene-brand{width:150px;top:151px}.scene-brand img{width:122px}.scene-brand>span{font-size:12px}
 .media-node-2{top:91px}.media-node-6{top:91px}.media-node-4{left:48%}
 .brand-rail p strong{display:block;margin-left:0}.brand-rail-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .feed-layout,.hero-product .feed-layout{flex-direction:column;gap:22px;padding:24px}
 .mock-phone,.hero-product .mock-phone{width:190px;height:342px}.feed-notes{width:100%;max-width:none}
 .feed-notes>.position-dot{float:left;margin:0 10px 0 0}.feed-notes>p,.hero-product .feed-notes>p{margin:10px 0}
 .feed-notes>p br{display:none}.feed-notes>p br:after{content:" · "}.mock-safe{padding-top:10px}
 .mock-products{grid-template-columns:1fr}.mock-product{display:grid;grid-template-columns:78px 1fr;gap:4px 14px;padding:12px!important}
 .product-shape,.hero-product .product-shape{height:88px;grid-row:1/3}.mock-product>span{align-self:end;margin:0!important;font-size:13px!important}
 .mock-product>b{font-size:13px}.mock-topline{flex-wrap:wrap}.recommendations{margin-inline:14px;padding:10px}
 .mock-searchbar{padding-inline:12px}.pin-grid{gap:10px}.pin>span{font-size:12px}
 .contact-choices strong{font-size:31px}.wechat-card{gap:12px;flex-wrap:wrap}.wechat-card strong{font-size:27px}
 .copy-button{min-height:44px}.hero-bottom{letter-spacing:0;gap:10px}
 .product-overview>div:first-child{padding-right:100px}.overview-illustration{width:104px;height:104px}
 .product-overview .eyebrow{font-size:12px;letter-spacing:.03em}
 .overview-summary{display:grid;grid-template-columns:1fr}.overview-summary span{display:flex;gap:14px;align-items:baseline}.overview-summary small{margin:0}
 .media-card-heading .product-logo{height:30px}.card-illustration{width:65px;height:65px}.media-card-heading .logo-wordmark{font-size:16px}
 .steps{grid-template-columns:1fr}.steps>li,.steps>li:nth-child(even){padding-left:0;margin:0}.steps>li:nth-child(even):before{left:0}
}
@media(prefers-reduced-motion:reduce){.product-illustration{transition:none}.media-card:hover .card-illustration,.product-overview:hover .overview-illustration{transform:none}}