.hero { padding-block: clamp(90px, 14vw, 170px) clamp(70px, 10vw, 130px); }
.hero__wrap { max-width: 880px; }
.hero__title { font-size: clamp(42px, 7vw, 84px); }
.hero__title strong { background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 900; }
.hero__subtitle { margin-block-start: 26px; max-width: 640px; }
.hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-block-start: 38px; }