.demo-bar .bar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid #d6c9a838;border-radius:8px}
.demo-bar .language-switch button{font-size:10px;min-height:27px;padding:3px 9px;border:0;background:none;border-radius:5px;color:#b9cbb9}
.demo-bar .language-switch button[aria-pressed=true]{background:#d9c392;color:#173f29}
.page-intro h1>[data-i18n]:first-child{color:#f1edd7}
.translation-note{max-width:1000px;margin:16px auto;padding:0 4px}
html[lang=zh-Hans] .welcome-dialog h2{font-family:inherit;font-size:32px;font-weight:400;letter-spacing:3px}
html[lang=en] .tier-step .tier-zh{display:none!important}
html[lang=en] .card-title p{letter-spacing:0;font-size:42px}
html[lang=en] .member-card[data-tier=pending] .card-title p{font-size:32px;line-height:1.2}
html[lang=en] .comparison-content strong{font-size:17px}
html[lang=en] .welcome-dialog .welcome-copy{font-size:12px}
html[lang=en] .benefit-card .benefit-caption,html[lang=en] .benefit-description{overflow-wrap:anywhere}
@media(max-width:700px){.demo-bar .bar-actions{gap:6px}.demo-bar .language-switch button{min-height:26px;font-size:9px;padding:3px 7px}.demo-bar>span{white-space:nowrap}.translation-note{margin:15px 16px;padding:0;font-size:10px}html[lang=en] .page-intro h1{font-size:23px;line-height:1.4}html[lang=en] .card-title p{font-size:clamp(20px,6.5vw,27px);max-width:100%;line-height:1.15}html[lang=en] .member-card[data-tier=pending] .card-title p{font-size:clamp(17px,5vw,21px);line-height:1.2}html[lang=en] .tier-step .tier-rebate{font-size:8px;white-space:normal}html[lang=en] .benefit-title{font-size:11px}html[lang=en] .comparison-content strong{font-size:18px}html[lang=en] .care-banner h2{font-size:16px}html[lang=en] .active-badge{font-size:7px}html[lang=en] .welcome-dialog .welcome-name{font-size:21px}}
@media(max-width:360px){.demo-bar .bar-actions{width:100%;justify-content:space-between}.demo-bar .language-switch button{padding:3px 9px}html[lang=en] .card-title p{font-size:21px}html[lang=en] .member-card[data-tier=pending] .card-title p{font-size:17px}html[lang=en] .benefit-grid{grid-template-columns:1fr}html[lang=en] .benefit-title{font-size:13px}}

/* Three platform choices fit narrow mobile login panels. */
.platform-tabs button{flex:1;min-width:0;padding:0 8px;white-space:nowrap}
@media(max-width:360px){.platform-tabs{gap:6px}.platform-tabs button{font-size:11px;padding:0 5px}}

/* Keep login inputs readable without iOS focus zoom. */
#loginForm input{font-size:16px;line-height:1.5}
#loginForm input::placeholder{font-size:16px}