/* =====================================================
   SEEK — FEATURES (features.css)
===================================================== */
.feat-sec { padding: 9rem 5rem; position: relative; overflow: hidden; }
.feat-sec::before {
  content: ''; position: absolute; right: -180px; top: 50%;
  width: 560px; height: 560px; border-radius: 50%;
  background: radial-gradient(circle, rgba(203,154,45,.07), transparent 70%);
  transform: translateY(-50%); pointer-events: none;
}
.feat-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px;
  background: rgba(0,0,0,.06); border-radius: 24px; overflow: hidden;
  margin-top: 4.5rem;
}
.feat-card {
  background: var(--cream); padding: 2.8rem 2.4rem;
  position: relative; overflow: hidden; transition: background .4s; cursor: none;
}
.feat-card:hover { background: var(--white); }
.feat-card::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(203,154,45,.05) 0%, transparent 60%);
  opacity: 0; transition: opacity .4s; pointer-events: none;
}
.feat-card:hover::after { opacity: 1; }
.feat-icon {
  width: 50px; height: 50px; border-radius: 13px; background: var(--black);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.6rem; font-size: 1.3rem;
  transition: transform .4s var(--spring), background .3s;
}
.feat-card:hover .feat-icon { background: var(--gold); transform: rotate(-6deg) scale(1.1); }
.feat-title {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 1.2rem; letter-spacing: -.01em; margin-bottom: .7rem; color: var(--black);
}
.feat-desc { font-size: .88rem; line-height: 1.75; color: var(--grey); font-weight: 500; }