.hero-features a.hero-feature-item { transition: all 0.3s ease; }
.hero-features a.hero-feature-item:hover { transform: translateY(-4px); background: rgba(255,255,255,0.15); }
.hero-features a.hero-feature-item:hover h4 { color: #8a6d1c; }
@media (max-width: 768px) {
  .grid-2 { grid-template-columns: 1fr !important; }
  .related-card { flex-direction: column; text-align: center; }
  .related-card .icon-wrap { margin: 0 auto; }
  .benefit-highlight h4 { flex-wrap: wrap; }
  .benefit-highlight h4 span { text-align: left; flex: 1 1 100%; }
}