Difference Between All H1 Headings and heading-style-h1 in Webflow’s Default Style Guide Explained for Beginners

I dont understand the difference between All H1 Headings and heading-style-h1 in the default style guide when its cloned into webflow. Can someone explain to me what they are, and how to use them. I also started learning webflow last week, with no prior knowledge of coding. So ill need a detailed explanation. is it for example I use All H1 Headings for the hero, because SEO and you don't want more then 1 H1 per page. But if further down the page I have another header that I want to look like All H1 Heading but it needs to be heading-style-h, because that dose not confuse SEO or break the one H1 per page rule?