*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { font-family: var(--font-primary); font-size: 17px; line-height: 1.45; color: var(--color-text); background: var(--color-bg); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 700; line-height: 1.2; }
h1 { font-size: 55px; line-height: 1.2; font-weight: 700; }
h2 { font-size: 44px; line-height: 1.2; font-weight: 700; }
h3 { font-size: 25px; line-height: 1.4; font-weight: 500; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
img { max-width: 100%; height: auto; display: block; }
button { cursor: pointer; border: none; background: none; font: inherit; }
.container { max-width: var(--max-width); margin: 0 auto; padding: 0 20px; }