body {font-family: "Inter"; line-height: 1.5; font-size: 16px; color: var(--color-subtext)} h1, h2, h3, h4, h5, h6 {font-family: "Plus Jakarta Sans"; color: var(--color-text); font-weight: 400} h1 {font-size: 75px; line-height: 1.1; letter-spacing: -5px} h2 {font-size: 56px; line-height: 1.2; letter-spacing: -3.4px} h3 {font-size: 24px; line-height: 1.2; letter-spacing: -1px} html {background-color: var(--color-bg)} body {background: none} .bricks-button {font-size: 14px; font-weight: 600; line-height: 1; color: var(--color-text-white); padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--color-cta)} .bricks-button.outline {background-color: var(--color-bg); color: var(--color-cta); border-width: 1px; border-color: var(--color-cta)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--color-cta)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--color-bg)}@media (max-width: 991px) { h1 {font-size: 60px; letter-spacing: -3.2px} h2 {font-size: 40px; letter-spacing: -2px}}@media (max-width: 767px) { h1 {font-size: 36px; letter-spacing: -1.9px} body {font-size: 15px} h2 {font-size: 28px; letter-spacing: -1.8px} h3 {font-size: 20px; letter-spacing: -0.7px}}