/* Shared landing-page Hero scale, using the homepage typography tokens. */
#main :is(.solution-hero,.explainer-hero) h1{
 font-size:var(--type-hero);font-weight:700;line-height:1.12;letter-spacing:-.035em;color:var(--text-heading);
}
#main :is(.solution-hero,.explainer-hero) h1 span{color:inherit;background:none;background-clip:initial}
#main :is(.solution-hero,.explainer-hero) :is(.solution-lead,.hero-description){
 font-size:var(--type-body);font-weight:400;line-height:1.75;
}
#main .explainer-hero .hero-highlight{font-size:var(--type-body);font-weight:600;line-height:1.7}
#main :is(.solution-hero,.explainer-hero) .landing-brand-highlight{color:var(--blue);background:none}
html:is([data-locale="zh-cn"],[data-locale="zh-hk"],[data-locale="ja"],[data-locale="ko"]) #main :is(.solution-hero,.explainer-hero) h1{letter-spacing:0}
@media(max-width:560px){
 html:is([data-locale="zh-cn"],[data-locale="zh-hk"]) #main :is(.solution-hero,.explainer-hero) h1{font-size:min(34px,calc((100vw - 64px)/10.5))}
}