Add marketing redesign landing content and styles

Author: achen178

app/assets/images/marketing_redesign/benefit-check.svg

@@ -19,7 +19,10 @@
 /* Components */
 /* Import components from the component folder here in ABC order */
 /* For example: @import "marketing_redesign/components/_card.css" */
+@import "marketing_redesign/components/_benefits.css";
+@import "marketing_redesign/components/_outcomes.css";
 @import "marketing_redesign/components/_section.css";
+@import "marketing_redesign/components/_testimonial.css";
 
 /* Utilities */
 @import "marketing_redesign/utilities/_hide-visually.css";

app/assets/images/marketing_redesign/brand-logos/hbr.png

@@ -1,7 +1,7 @@
 .button {
   align-items: center;
   border: var(--border-width--base) solid transparent;
-  border-radius: var(--border-radius--base);
+  border-radius: var(--border-radius--small);
   cursor: pointer;
   display: flex;
   font-size: var(--font-size--ui);

app/assets/images/marketing_redesign/brand-logos/merck.png

@@ -1,8 +1,9 @@
 body {
   background-color: var(--color--background-base);
+  padding: 0 var(--space--large);
 }
 
 body > * {
-  max-width: var(--container--base);
   margin: auto;
+  max-width: var(--container--medium);
 }

app/assets/images/marketing_redesign/brand-logos/moma.png

@@ -13,6 +13,7 @@ body {
 
 :where(h1, h2, h3, h4, strong) {
   font-weight: var(--font-weight--extrabold);
+  letter-spacing: -0.05rem;
 }
 
 :where(h1, h2, h3, h4) {
@@ -42,29 +43,28 @@ h4 {
 }
 
 p {
-  margin: var(--space--small) 0 var(--space--xx-small);
   font-size: var(--font-size--body);
+  margin: var(--space--small) 0 var(--space--xx-small);
 }
 
-p.text-xl {
+:is(p, q).text-xl {
   font-size: var(--font-size--500);
   margin: var(--space--base) 0 var(--space--small);
-  font-weight: var(--font-weight--bold);
 }
 
-p.text-lg {
+:is(p, q).text-lg {
   font-size: var(--font-size--subheader);
   margin: var(--space--small) 0 var(--space--xx-small);
-  font-weight: var(--font-weight--bold);
 }
 
-p.text-sm {
+:is(p, q).text-sm {
   font-size: var(--font-size--small);
   margin: var(--space--xx-small) 0 0;
 }
 
 a {
   color: var(--color--link);
+
   transition: var(--transition-duration--base) color
     var(--transition-timing--base);