Suite Landing Page

A few things I could use feedback on:

1. The curved line for the header seemed difficult to do since I was using fluid text sizing. I could have probably done it if I used a fixed font-size at each breakpoint but wasn't sure how to do it with fluid type scaling.
2. I tried to follow the cube css methodology but it seemed difficult to abstract composition classes and utility classes when I was implementing the grids for the quote section and hero section. Maybe the cube css methodology is more appropriate for a larger site when we know that these layout patterns are common and will be reused throughout the app? Not sure, but please suggest any way I could simplify my CSS so I don't write or repeat as much.
3. I found it difficult to apply the transition on the primary button in the hero section. I think this is because it was transitioning from a fixed color to a gradient. But even when I changed the original color to use the linear-gradient function I couldn't get it done, so any advice here is appreciated.
4. Any advice with concerning accessibility is also appreciated, thanks!