body {font-family: "Font – Inter"; font-size: var(--text-m); font-weight: 400; line-height: 1.75; letter-spacing: -0.01em; color: var(--body-text)} h1 {font-family: "Font – Inter"; font-size: clamp(42px, 6vw, 72px); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: var(--dark-text)} h2 {font-family: "Font – Inter"; font-size: clamp(32px, 4vw, 52px); font-weight: 700; line-height: 1.12; letter-spacing: -0.03em; color: var(--dark-text)} h3 {font-size: clamp(24px, 3vw, 34px); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: var(--dark-text)} h4 {font-family: "Font – Inter"; font-size: clamp(20px, 2vw, 28px); font-weight: 600; line-height: 1.3} h5 {font-size: 20px; font-weight: 600; line-height: 1.4} h6 {font-size: 18px; font-weight: 600; line-height: 1.4} .bricks-button {color: var(--white); font-family: "Font – Inter"; font-size: 16px; font-weight: 600; padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--primary-blue)} .bricks-button:where(.sm) {padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px} .bricks-button:where(.md) {padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px} .bricks-button:where(.lg) {padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px} .bricks-button:where(.xl) {padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px}