.brand { color: inherit; text-decoration: none; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.hero-actions a { border-radius: 10px; font-size: 9px; font-weight: 800; padding: 13px 17px; text-decoration: none; }
.hero-primary { background: linear-gradient(135deg,#755fff,#438fe8); box-shadow: 0 10px 30px #6759e63d; color: white; }
.hero-secondary { background: #111725; border: 1px solid #2e384c; color: #cfd6e2; }
footer { align-items: center; color: #7e899b; display: flex; font-size: 8px; gap: 12px; justify-content: space-between; padding: 28px 2px 0; }
footer a { color: #b8c3d6; text-decoration: none; }
footer small { font-size: 7px; }
@media (max-width:620px) {
  .hero { min-height: 430px; }
  footer { align-items: flex-start; flex-direction: column; }
}