Add theme-consistent solid hover border effect to homepage feature cards

[Copilot]

This updates the homepage cards to match the requested “border-on-hover” interaction from the reference while keeping it consistent with the site’s existing color system (solid primary color, no gradient). It also preserves current homepage performance posture by implementing the effect as a lightweight CSS overlay.

• Card hover border interaction

  • Added a pseudo-element overlay on HomepageFeatures cards to render a hover-only border.
  • Border uses var(--ifm-color-primary) so light/dark themes stay aligned with existing palette.
  • Existing lift/shadow hover behavior remains unchanged.

• Motion/accessibility behavior

  • Scoped border transition to prefers-reduced-motion: no-preference.
  • Keeps the visual effect functional without forcing motion where reduced-motion is preferred.

• Guardrail update for homepage behavior

  • Extended homepage performance test assertions to verify the new hover-border contract (overlay selector, color source, positioning, opacity states, and non-interactive pointer behavior).

.featureCard::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  opacity: 0;
  pointer-events: none;
}

.featureCard:hover::after {
  border-color: var(--ifm-color-primary);
  opacity: 1;
}

[netlify]

✅ Deploy Preview for shaftengine ready!

Name	Link
🔨 Latest commit	4b5b932
🔍 Latest deploy log	https://app.netlify.com/projects/shaftengine/deploys/69cbaecf587f6d0008819260
😎 Deploy Preview	https://deploy-preview-433--shaftengine.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 87 Accessibility: 93 Best Practices: 100 SEO: 100 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.