.page { padding: 2.5rem 0 3rem; }
.hero { padding: 4rem 0; }
.hero__inner { text-align: center; max-width: 820px; margin: 0 auto; }
.hero h1 { font-size: clamp(2rem, 3vw, 2.6rem); margin-bottom: .75rem; }
.hero p { font-size: 1.05rem; opacity: .9; margin: 0 auto 1.5rem; max-width: 52ch; }
.hero__actions { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }