.help-section { width: 100%; padding: 18px 20px 20px; background: #087ff5; color: #fff; }
.help-section__inner { width: min(100%, 1160px); }
.help-section__header { margin: 0 auto 15px; text-align: center; }
.help-section__header > p { margin: 0 0 8px; color: #fff; font-size: 1.05rem; font-weight: 800; letter-spacing: .09em; line-height: 1.2; text-transform: uppercase; }
.help-section__header h2 { margin: 0 0 20px; color: #fff; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(2.3rem, 3.6vw, 3.3rem); font-weight: 800; line-height: 1.1; }
.help-section__header > div { color: #fff; font-size: .88rem; line-height: 1.75; }
.help-section__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.help-card { display: flex; min-height: 260px; align-items: center; justify-content: center; flex-direction: column; padding: 38px 34px; border-radius: 18px; background: #fff; box-shadow: 0 10px 24px rgb(0 54 130 / 12%); color: #252525; text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.help-card:hover { box-shadow: 0 15px 34px rgb(0 54 130 / 22%); transform: translateY(-5px); }
.help-card > i { margin-bottom: 14px; color: #59b8d2; font-size: 1.7rem; }
.help-card h3 { margin: 0 0 23px; color: #252525; font-family: 'DM Sans', system-ui, sans-serif; font-size: 1.35rem; font-weight: 800; letter-spacing: .045em; line-height: 1.25; }
.help-card p { max-width: 310px; margin: 0; color: #333; font-size: .95rem; line-height: 1.7; }

@media (max-width: 800px) {
	.help-section { padding: 42px 20px; }
	.help-section__grid { grid-template-columns: 1fr; }
	.help-card { min-height: 225px; }
}

@media (max-width: 480px) {
	.help-section__header h2 { font-size: 2.15rem; }
	.help-section__header > div { font-size: .84rem; }
	.help-card { padding: 32px 24px; }
}