.hdq-help-wrap { direction: ltr; margin-top: 76px; padding: 70px 20px 90px; text-align: center; }
@media (max-width: 768px) { .hdq-help-wrap { margin-top: 64px; padding-top: 50px; } }
.hdq-help-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(–brand, #ed6a45); font-weight: 700; font-size: 14px; margin-bottom: 14px; }
.hdq-help-eyebrow::before { content: “”; width: 28px; height: 2px; background: var(–brand, #ed6a45); border-radius: 2px; }
.hdq-help-wrap h1 { font-family: var(–font-display, inherit); font-size: clamp(28px, 4.5vw, 42px); font-weight: 800; color: var(–ink, #0f0f0f); margin: 0 0 12px; }
.hdq-help-sub { color: var(–ink-3, #5a5a5a); font-size: 16px; margin: 0 0 44px; }
.hdq-help-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; max-width: 880px; margin: 0 auto; }
.hdq-help-card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 30px 22px; background: #fff; border: 1px solid var(–border, #e6e8ec); border-radius: var(–r-md, 16px); text-decoration: none; color: var(–ink, #0f0f0f); transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.18s ease; }
.hdq-help-card:hover { color: var(–ink, #0f0f0f); border-color: var(–brand-border, rgba(237,106,69,0.22)); box-shadow: 0 10px 28px rgba(15,15,15,0.08); transform: translateY(-2px); }
.hdq-help-icon { width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: var(–brand-tint, #fdf0eb); color: var(–brand, #ed6a45); font-size: 24px; }
.hdq-help-card strong { font-size: 17px; }
.hdq-help-card small { color: var(–ink-3, #5a5a5a); font-size: 13px; }
.hdq-help-note { margin-top: 40px; color: var(–ink-3, #5a5a5a); font-size: 14px; }
.hdq-help-note a { color: var(–brand, #ed6a45); }