.heroSection{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:auto auto auto auto 1fr;gap:1rem;font-size:10px!important;grid-template-areas:" . . . . info info info info" "iphones iphones iphones iphones info info info info " "iphones iphones iphones iphones info info info info " "simpleStep simpleStep simpleStep simpleStep info info info info " "fourSteps fourSteps fourSteps fourSteps fourSteps fourSteps fourSteps fourSteps"}.heroSection .info{grid-area:info}.heroSection .iphones{grid-area:iphones}.heroSection .simpleStep{grid-area:simpleStep}.fourSteps{grid-area:fourSteps;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:1rem;font-size:10px!important;grid-template-areas:"choose choose . . device device . ." "choose choose paper paper device device money money" "choose choose paper paper device device money money" "choose choose paper paper device device money money" ". . paper paper . . money money"}.choose{grid-area:choose}.paper{grid-area:paper}.money{grid-area:money}.device{grid-area:device}.fourStepsSpeakerEasy{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:1rem;font-size:10px!important;grid-template-areas:"chooseEasy chooseEasy . ." "chooseEasy chooseEasy paperEasy paperEasy" "deviceEasy deviceEasy paperEasy paperEasy" "deviceEasy deviceEasy moneyEasy moneyEasy" ". . moneyEasy moneyEasy"}.chooseEasy{grid-area:chooseEasy}.paperEasy{grid-area:paperEasy}.moneyEasy{grid-area:moneyEasy}.deviceEasy{grid-area:deviceEasy}